diff --git a/demo/dist/js/bundle.js b/demo/dist/js/bundle.js
index be8147ce..a1799af1 100644
--- a/demo/dist/js/bundle.js
+++ b/demo/dist/js/bundle.js
@@ -42,169 +42,135 @@
 /************************************************************************/
 /******/ ([
 /* 0 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
 
 	var React = __webpack_require__(1);
-	var ReactDOM = __webpack_require__(158);
-	var Demo = __webpack_require__(159);
+	var ReactDOM = __webpack_require__(36);
+	var Demo = __webpack_require__(182);
 
 	ReactDOM.render(React.createElement(Demo, null), document.getElementById('demo'));
 
-/***/ },
+/***/ }),
 /* 1 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	module.exports = __webpack_require__(2);
 
 
-/***/ },
+/***/ }),
 /* 2 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule React
 	 */
 
 	'use strict';
 
-	var ReactDOM = __webpack_require__(3);
-	var ReactDOMServer = __webpack_require__(148);
-	var ReactIsomorphic = __webpack_require__(152);
+	var _assign = __webpack_require__(4);
 
-	var assign = __webpack_require__(39);
-	var deprecated = __webpack_require__(157);
+	var ReactChildren = __webpack_require__(5);
+	var ReactComponent = __webpack_require__(18);
+	var ReactPureComponent = __webpack_require__(21);
+	var ReactClass = __webpack_require__(22);
+	var ReactDOMFactories = __webpack_require__(24);
+	var ReactElement = __webpack_require__(9);
+	var ReactPropTypes = __webpack_require__(29);
+	var ReactVersion = __webpack_require__(34);
 
-	// `version` will be added here by ReactIsomorphic.
-	var React = {};
+	var onlyChild = __webpack_require__(35);
+	var warning = __webpack_require__(11);
 
-	assign(React, ReactIsomorphic);
-
-	assign(React, {
-	  // ReactDOM
-	  findDOMNode: deprecated('findDOMNode', 'ReactDOM', 'react-dom', ReactDOM, ReactDOM.findDOMNode),
-	  render: deprecated('render', 'ReactDOM', 'react-dom', ReactDOM, ReactDOM.render),
-	  unmountComponentAtNode: deprecated('unmountComponentAtNode', 'ReactDOM', 'react-dom', ReactDOM, ReactDOM.unmountComponentAtNode),
+	var createElement = ReactElement.createElement;
+	var createFactory = ReactElement.createFactory;
+	var cloneElement = ReactElement.cloneElement;
 
-	  // ReactDOMServer
-	  renderToString: deprecated('renderToString', 'ReactDOMServer', 'react-dom/server', ReactDOMServer, ReactDOMServer.renderToString),
-	  renderToStaticMarkup: deprecated('renderToStaticMarkup', 'ReactDOMServer', 'react-dom/server', ReactDOMServer, ReactDOMServer.renderToStaticMarkup)
-	});
+	if (process.env.NODE_ENV !== 'production') {
+	  var canDefineProperty = __webpack_require__(13);
+	  var ReactElementValidator = __webpack_require__(25);
+	  var didWarnPropTypesDeprecated = false;
+	  createElement = ReactElementValidator.createElement;
+	  createFactory = ReactElementValidator.createFactory;
+	  cloneElement = ReactElementValidator.cloneElement;
+	}
 
-	React.__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactDOM;
-	React.__SECRET_DOM_SERVER_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactDOMServer;
+	var __spread = _assign;
 
-	module.exports = React;
+	if (process.env.NODE_ENV !== 'production') {
+	  var warned = false;
+	  __spread = function () {
+	    process.env.NODE_ENV !== 'production' ? warning(warned, 'React.__spread is deprecated and should not be used. Use ' + 'Object.assign directly or another helper function with similar ' + 'semantics. You may be seeing this warning due to your compiler. ' + 'See https://fb.me/react-spread-deprecation for more details.') : void 0;
+	    warned = true;
+	    return _assign.apply(null, arguments);
+	  };
+	}
 
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
+	var React = {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDOM
-	 */
+	  // Modern
 
-	/* globals __REACT_DEVTOOLS_GLOBAL_HOOK__*/
+	  Children: {
+	    map: ReactChildren.map,
+	    forEach: ReactChildren.forEach,
+	    count: ReactChildren.count,
+	    toArray: ReactChildren.toArray,
+	    only: onlyChild
+	  },
 
-	'use strict';
+	  Component: ReactComponent,
+	  PureComponent: ReactPureComponent,
 
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactDOMTextComponent = __webpack_require__(6);
-	var ReactDefaultInjection = __webpack_require__(71);
-	var ReactInstanceHandles = __webpack_require__(45);
-	var ReactMount = __webpack_require__(28);
-	var ReactPerf = __webpack_require__(18);
-	var ReactReconciler = __webpack_require__(50);
-	var ReactUpdates = __webpack_require__(54);
-	var ReactVersion = __webpack_require__(146);
+	  createElement: createElement,
+	  cloneElement: cloneElement,
+	  isValidElement: ReactElement.isValidElement,
 
-	var findDOMNode = __webpack_require__(91);
-	var renderSubtreeIntoContainer = __webpack_require__(147);
-	var warning = __webpack_require__(25);
+	  // Classic
 
-	ReactDefaultInjection.inject();
+	  PropTypes: ReactPropTypes,
+	  createClass: ReactClass.createClass,
+	  createFactory: createFactory,
+	  createMixin: function (mixin) {
+	    // Currently a noop. Will be used to validate and trace mixins.
+	    return mixin;
+	  },
 
-	var render = ReactPerf.measure('React', 'render', ReactMount.render);
+	  // This looks DOM specific but these are actually isomorphic helpers
+	  // since they are just generating DOM strings.
+	  DOM: ReactDOMFactories,
 
-	var React = {
-	  findDOMNode: findDOMNode,
-	  render: render,
-	  unmountComponentAtNode: ReactMount.unmountComponentAtNode,
 	  version: ReactVersion,
 
-	  /* eslint-disable camelcase */
-	  unstable_batchedUpdates: ReactUpdates.batchedUpdates,
-	  unstable_renderSubtreeIntoContainer: renderSubtreeIntoContainer
+	  // Deprecated hook for JSX spread, don't use this for anything.
+	  __spread: __spread
 	};
 
-	// Inject the runtime into a devtools global hook regardless of browser.
-	// Allows for debugging when the hook is injected on the page.
-	/* eslint-enable camelcase */
-	if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') {
-	  __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({
-	    CurrentOwner: ReactCurrentOwner,
-	    InstanceHandles: ReactInstanceHandles,
-	    Mount: ReactMount,
-	    Reconciler: ReactReconciler,
-	    TextComponent: ReactDOMTextComponent
-	  });
-	}
-
+	// TODO: Fix tests so that this deprecation warning doesn't cause failures.
 	if (process.env.NODE_ENV !== 'production') {
-	  var ExecutionEnvironment = __webpack_require__(9);
-	  if (ExecutionEnvironment.canUseDOM && window.top === window.self) {
-
-	    // First check if devtools is not installed
-	    if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
-	      // If we're in Chrome or Firefox, provide a download link if not installed.
-	      if (navigator.userAgent.indexOf('Chrome') > -1 && navigator.userAgent.indexOf('Edge') === -1 || navigator.userAgent.indexOf('Firefox') > -1) {
-	        console.debug('Download the React DevTools for a better development experience: ' + 'https://fb.me/react-devtools');
-	      }
-	    }
-
-	    // If we're in IE8, check to see if we are in compatibility mode and provide
-	    // information on preventing compatibility mode
-	    var ieCompatibilityMode = document.documentMode && document.documentMode < 8;
-
-	    process.env.NODE_ENV !== 'production' ? warning(!ieCompatibilityMode, 'Internet Explorer is running in compatibility mode; please add the ' + 'following tag to your HTML to prevent this from happening: ' + '<meta http-equiv="X-UA-Compatible" content="IE=edge" />') : undefined;
-
-	    var expectedFeatures = [
-	    // shims
-	    Array.isArray, Array.prototype.every, Array.prototype.forEach, Array.prototype.indexOf, Array.prototype.map, Date.now, Function.prototype.bind, Object.keys, String.prototype.split, String.prototype.trim,
-
-	    // shams
-	    Object.create, Object.freeze];
-
-	    for (var i = 0; i < expectedFeatures.length; i++) {
-	      if (!expectedFeatures[i]) {
-	        console.error('One or more ES5 shim/shams expected by React are not available: ' + 'https://fb.me/react-warning-polyfills');
-	        break;
+	  if (canDefineProperty) {
+	    Object.defineProperty(React, 'PropTypes', {
+	      get: function () {
+	        process.env.NODE_ENV !== 'production' ? warning(didWarnPropTypesDeprecated, 'Accessing PropTypes via the main React package is deprecated. Use ' + 'the prop-types package from npm instead.') : void 0;
+	        didWarnPropTypesDeprecated = true;
+	        return ReactPropTypes;
 	      }
-	    }
+	    });
 	  }
 	}
 
 	module.exports = React;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 4 */
-/***/ function(module, exports) {
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
 
 	// shim for using process in browser
 	var process = module.exports = {};
@@ -376,6 +342,10 @@
 	process.removeListener = noop;
 	process.removeAllListeners = noop;
 	process.emit = noop;
+	process.prependListener = noop;
+	process.prependOnceListener = noop;
+
+	process.listeners = function (name) { return [] }
 
 	process.binding = function (name) {
 	    throw new Error('process.binding is not supported');
@@ -388,757 +358,469 @@
 	process.umask = function() { return 0; };
 
 
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactCurrentOwner
-	 */
-
-	'use strict';
-
-	/**
-	 * Keeps track of the current owner.
-	 *
-	 * The current owner is the component who should own any components that are
-	 * currently being constructed.
-	 */
-	var ReactCurrentOwner = {
-
-	  /**
-	   * @internal
-	   * @type {ReactComponent}
-	   */
-	  current: null
-
-	};
-
-	module.exports = ReactCurrentOwner;
-
-/***/ },
-/* 6 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDOMTextComponent
-	 * @typechecks static-only
-	 */
+	/*
+	object-assign
+	(c) Sindre Sorhus
+	@license MIT
+	*/
 
 	'use strict';
+	/* eslint-disable no-unused-vars */
+	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 
-	var DOMChildrenOperations = __webpack_require__(7);
-	var DOMPropertyOperations = __webpack_require__(22);
-	var ReactComponentBrowserEnvironment = __webpack_require__(26);
-	var ReactMount = __webpack_require__(28);
+	function toObject(val) {
+		if (val === null || val === undefined) {
+			throw new TypeError('Object.assign cannot be called with null or undefined');
+		}
 
-	var assign = __webpack_require__(39);
-	var escapeTextContentForBrowser = __webpack_require__(21);
-	var setTextContent = __webpack_require__(20);
-	var validateDOMNesting = __webpack_require__(70);
+		return Object(val);
+	}
 
-	/**
-	 * Text nodes violate a couple assumptions that React makes about components:
-	 *
-	 *  - When mounting text into the DOM, adjacent text nodes are merged.
-	 *  - Text nodes cannot be assigned a React root ID.
-	 *
-	 * This component is used to wrap strings in elements so that they can undergo
-	 * the same reconciliation that is applied to elements.
-	 *
-	 * TODO: Investigate representing React components in the DOM with text nodes.
-	 *
-	 * @class ReactDOMTextComponent
-	 * @extends ReactComponent
-	 * @internal
-	 */
-	var ReactDOMTextComponent = function (props) {
-	  // This constructor and its argument is currently used by mocks.
-	};
+	function shouldUseNative() {
+		try {
+			if (!Object.assign) {
+				return false;
+			}
 
-	assign(ReactDOMTextComponent.prototype, {
+			// Detect buggy property enumeration order in older V8 versions.
 
-	  /**
-	   * @param {ReactText} text
-	   * @internal
-	   */
-	  construct: function (text) {
-	    // TODO: This is really a ReactText (ReactNode), not a ReactElement
-	    this._currentElement = text;
-	    this._stringText = '' + text;
+			// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+			var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+			test1[5] = 'de';
+			if (Object.getOwnPropertyNames(test1)[0] === '5') {
+				return false;
+			}
 
-	    // Properties
-	    this._rootNodeID = null;
-	    this._mountIndex = 0;
-	  },
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test2 = {};
+			for (var i = 0; i < 10; i++) {
+				test2['_' + String.fromCharCode(i)] = i;
+			}
+			var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+				return test2[n];
+			});
+			if (order2.join('') !== '0123456789') {
+				return false;
+			}
 
-	  /**
-	   * Creates the markup for this text node. This node is not intended to have
-	   * any features besides containing text content.
-	   *
-	   * @param {string} rootID DOM ID of the root node.
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @return {string} Markup for this text node.
-	   * @internal
-	   */
-	  mountComponent: function (rootID, transaction, context) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (context[validateDOMNesting.ancestorInfoContextKey]) {
-	        validateDOMNesting('span', null, context[validateDOMNesting.ancestorInfoContextKey]);
-	      }
-	    }
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test3 = {};
+			'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+				test3[letter] = letter;
+			});
+			if (Object.keys(Object.assign({}, test3)).join('') !==
+					'abcdefghijklmnopqrst') {
+				return false;
+			}
 
-	    this._rootNodeID = rootID;
-	    if (transaction.useCreateElement) {
-	      var ownerDocument = context[ReactMount.ownerDocumentContextKey];
-	      var el = ownerDocument.createElement('span');
-	      DOMPropertyOperations.setAttributeForID(el, rootID);
-	      // Populate node cache
-	      ReactMount.getID(el);
-	      setTextContent(el, this._stringText);
-	      return el;
-	    } else {
-	      var escapedText = escapeTextContentForBrowser(this._stringText);
+			return true;
+		} catch (err) {
+			// We don't expect any of the above to throw, but better to be safe.
+			return false;
+		}
+	}
 
-	      if (transaction.renderToStaticMarkup) {
-	        // Normally we'd wrap this in a `span` for the reasons stated above, but
-	        // since this is a situation where React won't take over (static pages),
-	        // we can simply return the text as it is.
-	        return escapedText;
-	      }
+	module.exports = shouldUseNative() ? Object.assign : function (target, source) {
+		var from;
+		var to = toObject(target);
+		var symbols;
 
-	      return '<span ' + DOMPropertyOperations.createMarkupForID(rootID) + '>' + escapedText + '</span>';
-	    }
-	  },
+		for (var s = 1; s < arguments.length; s++) {
+			from = Object(arguments[s]);
 
-	  /**
-	   * Updates this component by updating the text content.
-	   *
-	   * @param {ReactText} nextText The next text content
-	   * @param {ReactReconcileTransaction} transaction
-	   * @internal
-	   */
-	  receiveComponent: function (nextText, transaction) {
-	    if (nextText !== this._currentElement) {
-	      this._currentElement = nextText;
-	      var nextStringText = '' + nextText;
-	      if (nextStringText !== this._stringText) {
-	        // TODO: Save this as pending props and use performUpdateIfNecessary
-	        // and/or updateComponent to do the actual update for consistency with
-	        // other component types?
-	        this._stringText = nextStringText;
-	        var node = ReactMount.getNode(this._rootNodeID);
-	        DOMChildrenOperations.updateTextContent(node, nextStringText);
-	      }
-	    }
-	  },
+			for (var key in from) {
+				if (hasOwnProperty.call(from, key)) {
+					to[key] = from[key];
+				}
+			}
 
-	  unmountComponent: function () {
-	    ReactComponentBrowserEnvironment.unmountIDFromEnvironment(this._rootNodeID);
-	  }
+			if (getOwnPropertySymbols) {
+				symbols = getOwnPropertySymbols(from);
+				for (var i = 0; i < symbols.length; i++) {
+					if (propIsEnumerable.call(from, symbols[i])) {
+						to[symbols[i]] = from[symbols[i]];
+					}
+				}
+			}
+		}
 
-	});
+		return to;
+	};
 
-	module.exports = ReactDOMTextComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
 
-/***/ },
-/* 7 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule DOMChildrenOperations
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var Danger = __webpack_require__(8);
-	var ReactMultiChildUpdateTypes = __webpack_require__(16);
-	var ReactPerf = __webpack_require__(18);
+	var PooledClass = __webpack_require__(6);
+	var ReactElement = __webpack_require__(9);
+
+	var emptyFunction = __webpack_require__(12);
+	var traverseAllChildren = __webpack_require__(15);
 
-	var setInnerHTML = __webpack_require__(19);
-	var setTextContent = __webpack_require__(20);
-	var invariant = __webpack_require__(13);
+	var twoArgumentPooler = PooledClass.twoArgumentPooler;
+	var fourArgumentPooler = PooledClass.fourArgumentPooler;
+
+	var userProvidedKeyEscapeRegex = /\/+/g;
+	function escapeUserProvidedKey(text) {
+	  return ('' + text).replace(userProvidedKeyEscapeRegex, '$&/');
+	}
 
 	/**
-	 * Inserts `childNode` as a child of `parentNode` at the `index`.
+	 * PooledClass representing the bookkeeping associated with performing a child
+	 * traversal. Allows avoiding binding callbacks.
 	 *
-	 * @param {DOMElement} parentNode Parent node in which to insert.
-	 * @param {DOMElement} childNode Child node to insert.
-	 * @param {number} index Index at which to insert the child.
-	 * @internal
+	 * @constructor ForEachBookKeeping
+	 * @param {!function} forEachFunction Function to perform traversal with.
+	 * @param {?*} forEachContext Context to perform context with.
 	 */
-	function insertChildAt(parentNode, childNode, index) {
-	  // By exploiting arrays returning `undefined` for an undefined index, we can
-	  // rely exclusively on `insertBefore(node, null)` instead of also using
-	  // `appendChild(node)`. However, using `undefined` is not allowed by all
-	  // browsers so we must replace it with `null`.
+	function ForEachBookKeeping(forEachFunction, forEachContext) {
+	  this.func = forEachFunction;
+	  this.context = forEachContext;
+	  this.count = 0;
+	}
+	ForEachBookKeeping.prototype.destructor = function () {
+	  this.func = null;
+	  this.context = null;
+	  this.count = 0;
+	};
+	PooledClass.addPoolingTo(ForEachBookKeeping, twoArgumentPooler);
 
-	  // fix render order error in safari
-	  // IE8 will throw error when index out of list size.
-	  var beforeChild = index >= parentNode.childNodes.length ? null : parentNode.childNodes.item(index);
+	function forEachSingleChild(bookKeeping, child, name) {
+	  var func = bookKeeping.func,
+	      context = bookKeeping.context;
 
-	  parentNode.insertBefore(childNode, beforeChild);
+	  func.call(context, child, bookKeeping.count++);
 	}
 
 	/**
-	 * Operations for updating with DOM children.
-	 */
-	var DOMChildrenOperations = {
-
-	  dangerouslyReplaceNodeWithMarkup: Danger.dangerouslyReplaceNodeWithMarkup,
-
-	  updateTextContent: setTextContent,
-
-	  /**
-	   * Updates a component's children by processing a series of updates. The
-	   * update configurations are each expected to have a `parentNode` property.
-	   *
-	   * @param {array<object>} updates List of update configurations.
-	   * @param {array<string>} markupList List of markup strings.
-	   * @internal
-	   */
-	  processUpdates: function (updates, markupList) {
-	    var update;
-	    // Mapping from parent IDs to initial child orderings.
-	    var initialChildren = null;
-	    // List of children that will be moved or removed.
-	    var updatedChildren = null;
-
-	    for (var i = 0; i < updates.length; i++) {
-	      update = updates[i];
-	      if (update.type === ReactMultiChildUpdateTypes.MOVE_EXISTING || update.type === ReactMultiChildUpdateTypes.REMOVE_NODE) {
-	        var updatedIndex = update.fromIndex;
-	        var updatedChild = update.parentNode.childNodes[updatedIndex];
-	        var parentID = update.parentID;
-
-	        !updatedChild ? process.env.NODE_ENV !== 'production' ? invariant(false, 'processUpdates(): Unable to find child %s of element. This ' + 'probably means the DOM was unexpectedly mutated (e.g., by the ' + 'browser), usually due to forgetting a <tbody> when using tables, ' + 'nesting tags like <form>, <p>, or <a>, or using non-SVG elements ' + 'in an <svg> parent. Try inspecting the child nodes of the element ' + 'with React ID `%s`.', updatedIndex, parentID) : invariant(false) : undefined;
-
-	        initialChildren = initialChildren || {};
-	        initialChildren[parentID] = initialChildren[parentID] || [];
-	        initialChildren[parentID][updatedIndex] = updatedChild;
-
-	        updatedChildren = updatedChildren || [];
-	        updatedChildren.push(updatedChild);
-	      }
-	    }
-
-	    var renderedMarkup;
-	    // markupList is either a list of markup or just a list of elements
-	    if (markupList.length && typeof markupList[0] === 'string') {
-	      renderedMarkup = Danger.dangerouslyRenderMarkup(markupList);
-	    } else {
-	      renderedMarkup = markupList;
-	    }
-
-	    // Remove updated children first so that `toIndex` is consistent.
-	    if (updatedChildren) {
-	      for (var j = 0; j < updatedChildren.length; j++) {
-	        updatedChildren[j].parentNode.removeChild(updatedChildren[j]);
-	      }
-	    }
-
-	    for (var k = 0; k < updates.length; k++) {
-	      update = updates[k];
-	      switch (update.type) {
-	        case ReactMultiChildUpdateTypes.INSERT_MARKUP:
-	          insertChildAt(update.parentNode, renderedMarkup[update.markupIndex], update.toIndex);
-	          break;
-	        case ReactMultiChildUpdateTypes.MOVE_EXISTING:
-	          insertChildAt(update.parentNode, initialChildren[update.parentID][update.fromIndex], update.toIndex);
-	          break;
-	        case ReactMultiChildUpdateTypes.SET_MARKUP:
-	          setInnerHTML(update.parentNode, update.content);
-	          break;
-	        case ReactMultiChildUpdateTypes.TEXT_CONTENT:
-	          setTextContent(update.parentNode, update.content);
-	          break;
-	        case ReactMultiChildUpdateTypes.REMOVE_NODE:
-	          // Already removed by the for-loop above.
-	          break;
-	      }
-	    }
-	  }
-
-	};
-
-	ReactPerf.measureMethods(DOMChildrenOperations, 'DOMChildrenOperations', {
-	  updateTextContent: 'updateTextContent'
-	});
-
-	module.exports = DOMChildrenOperations;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 8 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	 * Iterates through children that are typically specified as `props.children`.
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.children.foreach
 	 *
-	 * @providesModule Danger
-	 * @typechecks static-only
+	 * The provided forEachFunc(child, index) will be called for each
+	 * leaf child.
+	 *
+	 * @param {?*} children Children tree container.
+	 * @param {function(*, int)} forEachFunc
+	 * @param {*} forEachContext Context for forEachContext.
 	 */
-
-	'use strict';
-
-	var ExecutionEnvironment = __webpack_require__(9);
-
-	var createNodesFromMarkup = __webpack_require__(10);
-	var emptyFunction = __webpack_require__(15);
-	var getMarkupWrap = __webpack_require__(14);
-	var invariant = __webpack_require__(13);
-
-	var OPEN_TAG_NAME_EXP = /^(<[^ \/>]+)/;
-	var RESULT_INDEX_ATTR = 'data-danger-index';
+	function forEachChildren(children, forEachFunc, forEachContext) {
+	  if (children == null) {
+	    return children;
+	  }
+	  var traverseContext = ForEachBookKeeping.getPooled(forEachFunc, forEachContext);
+	  traverseAllChildren(children, forEachSingleChild, traverseContext);
+	  ForEachBookKeeping.release(traverseContext);
+	}
 
 	/**
-	 * Extracts the `nodeName` from a string of markup.
-	 *
-	 * NOTE: Extracting the `nodeName` does not require a regular expression match
-	 * because we make assumptions about React-generated markup (i.e. there are no
-	 * spaces surrounding the opening tag and there is at least one attribute).
+	 * PooledClass representing the bookkeeping associated with performing a child
+	 * mapping. Allows avoiding binding callbacks.
 	 *
-	 * @param {string} markup String of markup.
-	 * @return {string} Node name of the supplied markup.
-	 * @see http://jsperf.com/extract-nodename
+	 * @constructor MapBookKeeping
+	 * @param {!*} mapResult Object containing the ordered map of results.
+	 * @param {!function} mapFunction Function to perform mapping with.
+	 * @param {?*} mapContext Context to perform mapping with.
 	 */
-	function getNodeName(markup) {
-	  return markup.substring(1, markup.indexOf(' '));
+	function MapBookKeeping(mapResult, keyPrefix, mapFunction, mapContext) {
+	  this.result = mapResult;
+	  this.keyPrefix = keyPrefix;
+	  this.func = mapFunction;
+	  this.context = mapContext;
+	  this.count = 0;
 	}
+	MapBookKeeping.prototype.destructor = function () {
+	  this.result = null;
+	  this.keyPrefix = null;
+	  this.func = null;
+	  this.context = null;
+	  this.count = 0;
+	};
+	PooledClass.addPoolingTo(MapBookKeeping, fourArgumentPooler);
 
-	var Danger = {
-
-	  /**
-	   * Renders markup into an array of nodes. The markup is expected to render
-	   * into a list of root nodes. Also, the length of `resultList` and
-	   * `markupList` should be the same.
-	   *
-	   * @param {array<string>} markupList List of markup strings to render.
-	   * @return {array<DOMElement>} List of rendered nodes.
-	   * @internal
-	   */
-	  dangerouslyRenderMarkup: function (markupList) {
-	    !ExecutionEnvironment.canUseDOM ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyRenderMarkup(...): Cannot render markup in a worker ' + 'thread. Make sure `window` and `document` are available globally ' + 'before requiring React when unit testing or use ' + 'ReactDOMServer.renderToString for server rendering.') : invariant(false) : undefined;
-	    var nodeName;
-	    var markupByNodeName = {};
-	    // Group markup by `nodeName` if a wrap is necessary, else by '*'.
-	    for (var i = 0; i < markupList.length; i++) {
-	      !markupList[i] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyRenderMarkup(...): Missing markup.') : invariant(false) : undefined;
-	      nodeName = getNodeName(markupList[i]);
-	      nodeName = getMarkupWrap(nodeName) ? nodeName : '*';
-	      markupByNodeName[nodeName] = markupByNodeName[nodeName] || [];
-	      markupByNodeName[nodeName][i] = markupList[i];
-	    }
-	    var resultList = [];
-	    var resultListAssignmentCount = 0;
-	    for (nodeName in markupByNodeName) {
-	      if (!markupByNodeName.hasOwnProperty(nodeName)) {
-	        continue;
-	      }
-	      var markupListByNodeName = markupByNodeName[nodeName];
-
-	      // This for-in loop skips the holes of the sparse array. The order of
-	      // iteration should follow the order of assignment, which happens to match
-	      // numerical index order, but we don't rely on that.
-	      var resultIndex;
-	      for (resultIndex in markupListByNodeName) {
-	        if (markupListByNodeName.hasOwnProperty(resultIndex)) {
-	          var markup = markupListByNodeName[resultIndex];
-
-	          // Push the requested markup with an additional RESULT_INDEX_ATTR
-	          // attribute.  If the markup does not start with a < character, it
-	          // will be discarded below (with an appropriate console.error).
-	          markupListByNodeName[resultIndex] = markup.replace(OPEN_TAG_NAME_EXP,
-	          // This index will be parsed back out below.
-	          '$1 ' + RESULT_INDEX_ATTR + '="' + resultIndex + '" ');
-	        }
-	      }
-
-	      // Render each group of markup with similar wrapping `nodeName`.
-	      var renderNodes = createNodesFromMarkup(markupListByNodeName.join(''), emptyFunction // Do nothing special with <script> tags.
-	      );
-
-	      for (var j = 0; j < renderNodes.length; ++j) {
-	        var renderNode = renderNodes[j];
-	        if (renderNode.hasAttribute && renderNode.hasAttribute(RESULT_INDEX_ATTR)) {
-
-	          resultIndex = +renderNode.getAttribute(RESULT_INDEX_ATTR);
-	          renderNode.removeAttribute(RESULT_INDEX_ATTR);
-
-	          !!resultList.hasOwnProperty(resultIndex) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Danger: Assigning to an already-occupied result index.') : invariant(false) : undefined;
-
-	          resultList[resultIndex] = renderNode;
-
-	          // This should match resultList.length and markupList.length when
-	          // we're done.
-	          resultListAssignmentCount += 1;
-	        } else if (process.env.NODE_ENV !== 'production') {
-	          console.error('Danger: Discarding unexpected node:', renderNode);
-	        }
-	      }
-	    }
-
-	    // Although resultList was populated out of order, it should now be a dense
-	    // array.
-	    !(resultListAssignmentCount === resultList.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Danger: Did not assign to every index of resultList.') : invariant(false) : undefined;
-
-	    !(resultList.length === markupList.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Danger: Expected markup to render %s nodes, but rendered %s.', markupList.length, resultList.length) : invariant(false) : undefined;
-
-	    return resultList;
-	  },
+	function mapSingleChildIntoContext(bookKeeping, child, childKey) {
+	  var result = bookKeeping.result,
+	      keyPrefix = bookKeeping.keyPrefix,
+	      func = bookKeeping.func,
+	      context = bookKeeping.context;
 
-	  /**
-	   * Replaces a node with a string of markup at its current position within its
-	   * parent. The markup must render into a single root node.
-	   *
-	   * @param {DOMElement} oldChild Child node to replace.
-	   * @param {string} markup Markup to render in place of the child node.
-	   * @internal
-	   */
-	  dangerouslyReplaceNodeWithMarkup: function (oldChild, markup) {
-	    !ExecutionEnvironment.canUseDOM ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Cannot render markup in a ' + 'worker thread. Make sure `window` and `document` are available ' + 'globally before requiring React when unit testing or use ' + 'ReactDOMServer.renderToString() for server rendering.') : invariant(false) : undefined;
-	    !markup ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Missing markup.') : invariant(false) : undefined;
-	    !(oldChild.tagName.toLowerCase() !== 'html') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Cannot replace markup of the ' + '<html> node. This is because browser quirks make this unreliable ' + 'and/or slow. If you want to render to the root you must use ' + 'server rendering. See ReactDOMServer.renderToString().') : invariant(false) : undefined;
 
-	    var newChild;
-	    if (typeof markup === 'string') {
-	      newChild = createNodesFromMarkup(markup, emptyFunction)[0];
-	    } else {
-	      newChild = markup;
+	  var mappedChild = func.call(context, child, bookKeeping.count++);
+	  if (Array.isArray(mappedChild)) {
+	    mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, emptyFunction.thatReturnsArgument);
+	  } else if (mappedChild != null) {
+	    if (ReactElement.isValidElement(mappedChild)) {
+	      mappedChild = ReactElement.cloneAndReplaceKey(mappedChild,
+	      // Keep both the (mapped) and old keys if they differ, just as
+	      // traverseAllChildren used to do for objects as children
+	      keyPrefix + (mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey(mappedChild.key) + '/' : '') + childKey);
 	    }
-	    oldChild.parentNode.replaceChild(newChild, oldChild);
+	    result.push(mappedChild);
 	  }
+	}
 
-	};
-
-	module.exports = Danger;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 9 */
-/***/ function(module, exports) {
+	function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
+	  var escapedPrefix = '';
+	  if (prefix != null) {
+	    escapedPrefix = escapeUserProvidedKey(prefix) + '/';
+	  }
+	  var traverseContext = MapBookKeeping.getPooled(array, escapedPrefix, func, context);
+	  traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
+	  MapBookKeeping.release(traverseContext);
+	}
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	 * Maps children that are typically specified as `props.children`.
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.children.map
+	 *
+	 * The provided mapFunction(child, key, index) will be called for each
+	 * leaf child.
 	 *
-	 * @providesModule ExecutionEnvironment
+	 * @param {?*} children Children tree container.
+	 * @param {function(*, int)} func The map function.
+	 * @param {*} context Context for mapFunction.
+	 * @return {object} Object containing the ordered map of results.
 	 */
+	function mapChildren(children, func, context) {
+	  if (children == null) {
+	    return children;
+	  }
+	  var result = [];
+	  mapIntoWithKeyPrefixInternal(children, result, null, func, context);
+	  return result;
+	}
 
-	'use strict';
-
-	var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+	function forEachSingleChildDummy(traverseContext, child, name) {
+	  return null;
+	}
 
 	/**
-	 * Simple, lightweight module assisting with the detection and context of
-	 * Worker. Helps avoid circular dependencies and allows code to reason about
-	 * whether or not they are in a Worker, even if they never include the main
-	 * `ReactWorker` dependency.
+	 * Count the number of children that are typically specified as
+	 * `props.children`.
+	 *
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.children.count
+	 *
+	 * @param {?*} children Children tree container.
+	 * @return {number} The number of children.
 	 */
-	var ExecutionEnvironment = {
-
-	  canUseDOM: canUseDOM,
-
-	  canUseWorkers: typeof Worker !== 'undefined',
-
-	  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
-
-	  canUseViewport: canUseDOM && !!window.screen,
+	function countChildren(children, context) {
+	  return traverseAllChildren(children, forEachSingleChildDummy, null);
+	}
 
-	  isInWorker: !canUseDOM // For now, this is true - might change in the future.
+	/**
+	 * Flatten a children object (typically specified as `props.children`) and
+	 * return an array with appropriately re-keyed children.
+	 *
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.children.toarray
+	 */
+	function toArray(children) {
+	  var result = [];
+	  mapIntoWithKeyPrefixInternal(children, result, null, emptyFunction.thatReturnsArgument);
+	  return result;
+	}
 
+	var ReactChildren = {
+	  forEach: forEachChildren,
+	  map: mapChildren,
+	  mapIntoWithKeyPrefixInternal: mapIntoWithKeyPrefixInternal,
+	  count: countChildren,
+	  toArray: toArray
 	};
 
-	module.exports = ExecutionEnvironment;
+	module.exports = ReactChildren;
 
-/***/ },
-/* 10 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule createNodesFromMarkup
-	 * @typechecks
+	 * 
 	 */
 
-	/*eslint-disable fb-www/unsafe-html*/
-
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
-
-	var createArrayFromMixed = __webpack_require__(11);
-	var getMarkupWrap = __webpack_require__(14);
-	var invariant = __webpack_require__(13);
+	var _prodInvariant = __webpack_require__(7);
 
-	/**
-	 * Dummy container used to render all markup.
-	 */
-	var dummyNode = ExecutionEnvironment.canUseDOM ? document.createElement('div') : null;
+	var invariant = __webpack_require__(8);
 
 	/**
-	 * Pattern used by `getNodeName`.
+	 * Static poolers. Several custom versions for each potential number of
+	 * arguments. A completely generic pooler is easy to implement, but would
+	 * require accessing the `arguments` object. In each of these, `this` refers to
+	 * the Class itself, not an instance. If any others are needed, simply add them
+	 * here, or in their own files.
 	 */
-	var nodeNamePattern = /^\s*<(\w+)/;
+	var oneArgumentPooler = function (copyFieldsFrom) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, copyFieldsFrom);
+	    return instance;
+	  } else {
+	    return new Klass(copyFieldsFrom);
+	  }
+	};
 
-	/**
-	 * Extracts the `nodeName` of the first element in a string of markup.
-	 *
-	 * @param {string} markup String of markup.
-	 * @return {?string} Node name of the supplied markup.
-	 */
-	function getNodeName(markup) {
-	  var nodeNameMatch = markup.match(nodeNamePattern);
-	  return nodeNameMatch && nodeNameMatch[1].toLowerCase();
-	}
-
-	/**
-	 * Creates an array containing the nodes rendered from the supplied markup. The
-	 * optionally supplied `handleScript` function will be invoked once for each
-	 * <script> element that is rendered. If no `handleScript` function is supplied,
-	 * an exception is thrown if any <script> elements are rendered.
-	 *
-	 * @param {string} markup A string of valid HTML markup.
-	 * @param {?function} handleScript Invoked once for each rendered <script>.
-	 * @return {array<DOMElement|DOMTextNode>} An array of rendered nodes.
-	 */
-	function createNodesFromMarkup(markup, handleScript) {
-	  var node = dummyNode;
-	  !!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup dummy not initialized') : invariant(false) : undefined;
-	  var nodeName = getNodeName(markup);
-
-	  var wrap = nodeName && getMarkupWrap(nodeName);
-	  if (wrap) {
-	    node.innerHTML = wrap[1] + markup + wrap[2];
-
-	    var wrapDepth = wrap[0];
-	    while (wrapDepth--) {
-	      node = node.lastChild;
-	    }
+	var twoArgumentPooler = function (a1, a2) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2);
+	    return instance;
 	  } else {
-	    node.innerHTML = markup;
+	    return new Klass(a1, a2);
 	  }
+	};
 
-	  var scripts = node.getElementsByTagName('script');
-	  if (scripts.length) {
-	    !handleScript ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup(...): Unexpected <script> element rendered.') : invariant(false) : undefined;
-	    createArrayFromMixed(scripts).forEach(handleScript);
+	var threeArgumentPooler = function (a1, a2, a3) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2, a3);
+	    return instance;
+	  } else {
+	    return new Klass(a1, a2, a3);
 	  }
+	};
 
-	  var nodes = createArrayFromMixed(node.childNodes);
-	  while (node.lastChild) {
-	    node.removeChild(node.lastChild);
+	var fourArgumentPooler = function (a1, a2, a3, a4) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2, a3, a4);
+	    return instance;
+	  } else {
+	    return new Klass(a1, a2, a3, a4);
 	  }
-	  return nodes;
-	}
+	};
 
-	module.exports = createNodesFromMarkup;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var standardReleaser = function (instance) {
+	  var Klass = this;
+	  !(instance instanceof Klass) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Trying to release an instance into a pool of a different type.') : _prodInvariant('25') : void 0;
+	  instance.destructor();
+	  if (Klass.instancePool.length < Klass.poolSize) {
+	    Klass.instancePool.push(instance);
+	  }
+	};
 
-/***/ },
-/* 11 */
-/***/ function(module, exports, __webpack_require__) {
+	var DEFAULT_POOL_SIZE = 10;
+	var DEFAULT_POOLER = oneArgumentPooler;
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Augments `CopyConstructor` to be a poolable class, augmenting only the class
+	 * itself (statically) not adding any prototypical fields. Any CopyConstructor
+	 * you give this may have a `poolSize` property, and will look for a
+	 * prototypical `destructor` on instances.
 	 *
-	 * @providesModule createArrayFromMixed
-	 * @typechecks
+	 * @param {Function} CopyConstructor Constructor that can be used to reset.
+	 * @param {Function} pooler Customizable pooler.
 	 */
+	var addPoolingTo = function (CopyConstructor, pooler) {
+	  // Casting as any so that flow ignores the actual implementation and trusts
+	  // it to match the type we declared
+	  var NewKlass = CopyConstructor;
+	  NewKlass.instancePool = [];
+	  NewKlass.getPooled = pooler || DEFAULT_POOLER;
+	  if (!NewKlass.poolSize) {
+	    NewKlass.poolSize = DEFAULT_POOL_SIZE;
+	  }
+	  NewKlass.release = standardReleaser;
+	  return NewKlass;
+	};
 
-	'use strict';
+	var PooledClass = {
+	  addPoolingTo: addPoolingTo,
+	  oneArgumentPooler: oneArgumentPooler,
+	  twoArgumentPooler: twoArgumentPooler,
+	  threeArgumentPooler: threeArgumentPooler,
+	  fourArgumentPooler: fourArgumentPooler
+	};
 
-	var toArray = __webpack_require__(12);
+	module.exports = PooledClass;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	/**
-	 * Perform a heuristic test to determine if an object is "array-like".
-	 *
-	 *   A monk asked Joshu, a Zen master, "Has a dog Buddha nature?"
-	 *   Joshu replied: "Mu."
-	 *
-	 * This function determines if its argument has "array nature": it returns
-	 * true if the argument is an actual array, an `arguments' object, or an
-	 * HTMLCollection (e.g. node.childNodes or node.getElementsByTagName()).
-	 *
-	 * It will return false for other array-like objects like Filelist.
-	 *
-	 * @param {*} obj
-	 * @return {boolean}
-	 */
-	function hasArrayNature(obj) {
-	  return(
-	    // not null/false
-	    !!obj && (
-	    // arrays are objects, NodeLists are functions in Safari
-	    typeof obj == 'object' || typeof obj == 'function') &&
-	    // quacks like an array
-	    'length' in obj &&
-	    // not window
-	    !('setInterval' in obj) &&
-	    // no DOM node should be considered an array-like
-	    // a 'select' element has 'length' and 'item' properties on IE8
-	    typeof obj.nodeType != 'number' && (
-	    // a real array
-	    Array.isArray(obj) ||
-	    // arguments
-	    'callee' in obj ||
-	    // HTMLCollection/NodeList
-	    'item' in obj)
-	  );
-	}
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Ensure that the argument is an array by wrapping it in an array if it is not.
-	 * Creates a copy of the argument if it is already an array.
-	 *
-	 * This is mostly useful idiomatically:
-	 *
-	 *   var createArrayFromMixed = require('createArrayFromMixed');
-	 *
-	 *   function takesOneOrMoreThings(things) {
-	 *     things = createArrayFromMixed(things);
-	 *     ...
-	 *   }
-	 *
-	 * This allows you to treat `things' as an array, but accept scalars in the API.
-	 *
-	 * If you need to convert an array-like object, like `arguments`, into an array
-	 * use toArray instead.
-	 *
-	 * @param {*} obj
-	 * @return {array}
-	 */
-	function createArrayFromMixed(obj) {
-	  if (!hasArrayNature(obj)) {
-	    return [obj];
-	  } else if (Array.isArray(obj)) {
-	    return obj.slice();
-	  } else {
-	    return toArray(obj);
-	  }
-	}
-
-	module.exports = createArrayFromMixed;
-
-/***/ },
-/* 12 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule toArray
-	 * @typechecks
+	 * 
 	 */
-
 	'use strict';
 
-	var invariant = __webpack_require__(13);
-
 	/**
-	 * Convert array-like objects to arrays.
-	 *
-	 * This API assumes the caller knows the contents of the data type. For less
-	 * well defined inputs use createArrayFromMixed.
-	 *
-	 * @param {object|function|filelist} obj
-	 * @return {array}
+	 * WARNING: DO NOT manually require this module.
+	 * This is a replacement for `invariant(...)` used by the error code system
+	 * and will _only_ be required by the corresponding babel pass.
+	 * It always throws.
 	 */
-	function toArray(obj) {
-	  var length = obj.length;
 
-	  // Some browse builtin objects can report typeof 'function' (e.g. NodeList in
-	  // old versions of Safari).
-	  !(!Array.isArray(obj) && (typeof obj === 'object' || typeof obj === 'function')) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Array-like object expected') : invariant(false) : undefined;
+	function reactProdInvariant(code) {
+	  var argCount = arguments.length - 1;
 
-	  !(typeof length === 'number') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Object needs a length property') : invariant(false) : undefined;
+	  var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code;
 
-	  !(length === 0 || length - 1 in obj) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Object should have keys for indices') : invariant(false) : undefined;
-
-	  // Old IE doesn't give collections access to hasOwnProperty. Assume inputs
-	  // without method will throw during the slice call and skip straight to the
-	  // fallback.
-	  if (obj.hasOwnProperty) {
-	    try {
-	      return Array.prototype.slice.call(obj);
-	    } catch (e) {
-	      // IE < 9 does not support Array#slice on collections objects
-	    }
+	  for (var argIdx = 0; argIdx < argCount; argIdx++) {
+	    message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]);
 	  }
 
-	  // Fall back to copying key by key. This assumes all keys have a value,
-	  // so will not preserve sparsely populated inputs.
-	  var ret = Array(length);
-	  for (var ii = 0; ii < length; ii++) {
-	    ret[ii] = obj[ii];
-	  }
-	  return ret;
+	  message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.';
+
+	  var error = new Error(message);
+	  error.name = 'Invariant Violation';
+	  error.framesToPop = 1; // we don't care about reactProdInvariant's own frame
+
+	  throw error;
 	}
 
-	module.exports = toArray;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = reactProdInvariant;
 
-/***/ },
-/* 13 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule invariant
 	 */
 
 	'use strict';
@@ -1154,12 +836,18 @@
 	 * will remain to ensure logic does not differ in production.
 	 */
 
-	function invariant(condition, format, a, b, c, d, e, f) {
-	  if (process.env.NODE_ENV !== 'production') {
+	var validateFormat = function validateFormat(format) {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  validateFormat = function validateFormat(format) {
 	    if (format === undefined) {
 	      throw new Error('invariant requires an error message argument');
 	    }
-	  }
+	  };
+	}
+
+	function invariant(condition, format, a, b, c, d, e, f) {
+	  validateFormat(format);
 
 	  if (!condition) {
 	    var error;
@@ -1180,15016 +868,17790 @@
 	}
 
 	module.exports = invariant;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 14 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getMarkupWrap
 	 */
 
-	/*eslint-disable fb-www/unsafe-html */
-
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
+	var _assign = __webpack_require__(4);
 
-	var invariant = __webpack_require__(13);
+	var ReactCurrentOwner = __webpack_require__(10);
 
-	/**
-	 * Dummy container used to detect which wraps are necessary.
-	 */
-	var dummyNode = ExecutionEnvironment.canUseDOM ? document.createElement('div') : null;
+	var warning = __webpack_require__(11);
+	var canDefineProperty = __webpack_require__(13);
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-	/**
-	 * Some browsers cannot use `innerHTML` to render certain elements standalone,
-	 * so we wrap them, render the wrapped nodes, then extract the desired node.
-	 *
-	 * In IE8, certain elements cannot render alone, so wrap all elements ('*').
-	 */
+	var REACT_ELEMENT_TYPE = __webpack_require__(14);
 
-	var shouldWrap = {};
+	var RESERVED_PROPS = {
+	  key: true,
+	  ref: true,
+	  __self: true,
+	  __source: true
+	};
 
-	var selectWrap = [1, '<select multiple="true">', '</select>'];
-	var tableWrap = [1, '<table>', '</table>'];
-	var trWrap = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
+	var specialPropKeyWarningShown, specialPropRefWarningShown;
 
-	var svgWrap = [1, '<svg xmlns="http://www.w3.org/2000/svg">', '</svg>'];
+	function hasValidRef(config) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (hasOwnProperty.call(config, 'ref')) {
+	      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+	      if (getter && getter.isReactWarning) {
+	        return false;
+	      }
+	    }
+	  }
+	  return config.ref !== undefined;
+	}
 
-	var markupWrap = {
-	  '*': [1, '?<div>', '</div>'],
+	function hasValidKey(config) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (hasOwnProperty.call(config, 'key')) {
+	      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+	      if (getter && getter.isReactWarning) {
+	        return false;
+	      }
+	    }
+	  }
+	  return config.key !== undefined;
+	}
 
-	  'area': [1, '<map>', '</map>'],
-	  'col': [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
-	  'legend': [1, '<fieldset>', '</fieldset>'],
-	  'param': [1, '<object>', '</object>'],
-	  'tr': [2, '<table><tbody>', '</tbody></table>'],
-
-	  'optgroup': selectWrap,
-	  'option': selectWrap,
-
-	  'caption': tableWrap,
-	  'colgroup': tableWrap,
-	  'tbody': tableWrap,
-	  'tfoot': tableWrap,
-	  'thead': tableWrap,
-
-	  'td': trWrap,
-	  'th': trWrap
-	};
+	function defineKeyPropWarningGetter(props, displayName) {
+	  var warnAboutAccessingKey = function () {
+	    if (!specialPropKeyWarningShown) {
+	      specialPropKeyWarningShown = true;
+	      process.env.NODE_ENV !== 'production' ? warning(false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName) : void 0;
+	    }
+	  };
+	  warnAboutAccessingKey.isReactWarning = true;
+	  Object.defineProperty(props, 'key', {
+	    get: warnAboutAccessingKey,
+	    configurable: true
+	  });
+	}
 
-	// Initialize the SVG elements since we know they'll always need to be wrapped
-	// consistently. If they are created inside a <div> they will be initialized in
-	// the wrong namespace (and will not display).
-	var svgElements = ['circle', 'clipPath', 'defs', 'ellipse', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'text', 'tspan'];
-	svgElements.forEach(function (nodeName) {
-	  markupWrap[nodeName] = svgWrap;
-	  shouldWrap[nodeName] = true;
-	});
+	function defineRefPropWarningGetter(props, displayName) {
+	  var warnAboutAccessingRef = function () {
+	    if (!specialPropRefWarningShown) {
+	      specialPropRefWarningShown = true;
+	      process.env.NODE_ENV !== 'production' ? warning(false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName) : void 0;
+	    }
+	  };
+	  warnAboutAccessingRef.isReactWarning = true;
+	  Object.defineProperty(props, 'ref', {
+	    get: warnAboutAccessingRef,
+	    configurable: true
+	  });
+	}
 
 	/**
-	 * Gets the markup wrap configuration for the supplied `nodeName`.
-	 *
-	 * NOTE: This lazily detects which wraps are necessary for the current browser.
+	 * Factory method to create a new React element. This no longer adheres to
+	 * the class pattern, so do not use new to call it. Also, no instanceof check
+	 * will work. Instead test $$typeof field against Symbol.for('react.element') to check
+	 * if something is a React Element.
 	 *
-	 * @param {string} nodeName Lowercase `nodeName`.
-	 * @return {?array} Markup wrap configuration, if applicable.
+	 * @param {*} type
+	 * @param {*} key
+	 * @param {string|object} ref
+	 * @param {*} self A *temporary* helper to detect places where `this` is
+	 * different from the `owner` when React.createElement is called, so that we
+	 * can warn. We want to get rid of owner and replace string `ref`s with arrow
+	 * functions, and as long as `this` and owner are the same, there will be no
+	 * change in behavior.
+	 * @param {*} source An annotation object (added by a transpiler or otherwise)
+	 * indicating filename, line number, and/or other information.
+	 * @param {*} owner
+	 * @param {*} props
+	 * @internal
 	 */
-	function getMarkupWrap(nodeName) {
-	  !!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Markup wrapping node not initialized') : invariant(false) : undefined;
-	  if (!markupWrap.hasOwnProperty(nodeName)) {
-	    nodeName = '*';
-	  }
-	  if (!shouldWrap.hasOwnProperty(nodeName)) {
-	    if (nodeName === '*') {
-	      dummyNode.innerHTML = '<link />';
+	var ReactElement = function (type, key, ref, self, source, owner, props) {
+	  var element = {
+	    // This tag allow us to uniquely identify this as a React Element
+	    $$typeof: REACT_ELEMENT_TYPE,
+
+	    // Built-in properties that belong on the element
+	    type: type,
+	    key: key,
+	    ref: ref,
+	    props: props,
+
+	    // Record the component responsible for creating this element.
+	    _owner: owner
+	  };
+
+	  if (process.env.NODE_ENV !== 'production') {
+	    // The validation flag is currently mutative. We put it on
+	    // an external backing store so that we can freeze the whole object.
+	    // This can be replaced with a WeakMap once they are implemented in
+	    // commonly used development environments.
+	    element._store = {};
+
+	    // To make comparing ReactElements easier for testing purposes, we make
+	    // the validation flag non-enumerable (where possible, which should
+	    // include every environment we run tests in), so the test framework
+	    // ignores it.
+	    if (canDefineProperty) {
+	      Object.defineProperty(element._store, 'validated', {
+	        configurable: false,
+	        enumerable: false,
+	        writable: true,
+	        value: false
+	      });
+	      // self and source are DEV only properties.
+	      Object.defineProperty(element, '_self', {
+	        configurable: false,
+	        enumerable: false,
+	        writable: false,
+	        value: self
+	      });
+	      // Two elements created in two different places should be considered
+	      // equal for testing purposes and therefore we hide it from enumeration.
+	      Object.defineProperty(element, '_source', {
+	        configurable: false,
+	        enumerable: false,
+	        writable: false,
+	        value: source
+	      });
 	    } else {
-	      dummyNode.innerHTML = '<' + nodeName + '></' + nodeName + '>';
+	      element._store.validated = false;
+	      element._self = self;
+	      element._source = source;
+	    }
+	    if (Object.freeze) {
+	      Object.freeze(element.props);
+	      Object.freeze(element);
 	    }
-	    shouldWrap[nodeName] = !dummyNode.firstChild;
 	  }
-	  return shouldWrap[nodeName] ? markupWrap[nodeName] : null;
-	}
-
-	module.exports = getMarkupWrap;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
 
-/***/ },
-/* 15 */
-/***/ function(module, exports) {
+	  return element;
+	};
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule emptyFunction
+	 * Create and return a new ReactElement of the given type.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.createelement
 	 */
+	ReactElement.createElement = function (type, config, children) {
+	  var propName;
 
-	"use strict";
+	  // Reserved names are extracted
+	  var props = {};
 
-	function makeEmptyFunction(arg) {
-	  return function () {
-	    return arg;
-	  };
-	}
+	  var key = null;
+	  var ref = null;
+	  var self = null;
+	  var source = null;
 
-	/**
-	 * This function accepts and discards inputs; it has no side effects. This is
-	 * primarily useful idiomatically for overridable function endpoints which
-	 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
-	 */
-	function emptyFunction() {}
+	  if (config != null) {
+	    if (hasValidRef(config)) {
+	      ref = config.ref;
+	    }
+	    if (hasValidKey(config)) {
+	      key = '' + config.key;
+	    }
 
-	emptyFunction.thatReturns = makeEmptyFunction;
-	emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
-	emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
-	emptyFunction.thatReturnsNull = makeEmptyFunction(null);
-	emptyFunction.thatReturnsThis = function () {
-	  return this;
-	};
-	emptyFunction.thatReturnsArgument = function (arg) {
-	  return arg;
-	};
+	    self = config.__self === undefined ? null : config.__self;
+	    source = config.__source === undefined ? null : config.__source;
+	    // Remaining properties are added to a new props object
+	    for (propName in config) {
+	      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+	        props[propName] = config[propName];
+	      }
+	    }
+	  }
 
-	module.exports = emptyFunction;
+	  // Children can be more than one argument, and those are transferred onto
+	  // the newly allocated props object.
+	  var childrenLength = arguments.length - 2;
+	  if (childrenLength === 1) {
+	    props.children = children;
+	  } else if (childrenLength > 1) {
+	    var childArray = Array(childrenLength);
+	    for (var i = 0; i < childrenLength; i++) {
+	      childArray[i] = arguments[i + 2];
+	    }
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (Object.freeze) {
+	        Object.freeze(childArray);
+	      }
+	    }
+	    props.children = childArray;
+	  }
 
-/***/ },
-/* 16 */
-/***/ function(module, exports, __webpack_require__) {
+	  // Resolve default props
+	  if (type && type.defaultProps) {
+	    var defaultProps = type.defaultProps;
+	    for (propName in defaultProps) {
+	      if (props[propName] === undefined) {
+	        props[propName] = defaultProps[propName];
+	      }
+	    }
+	  }
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (key || ref) {
+	      if (typeof props.$$typeof === 'undefined' || props.$$typeof !== REACT_ELEMENT_TYPE) {
+	        var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+	        if (key) {
+	          defineKeyPropWarningGetter(props, displayName);
+	        }
+	        if (ref) {
+	          defineRefPropWarningGetter(props, displayName);
+	        }
+	      }
+	    }
+	  }
+	  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+	};
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactMultiChildUpdateTypes
+	 * Return a function that produces ReactElements of a given type.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.createfactory
 	 */
+	ReactElement.createFactory = function (type) {
+	  var factory = ReactElement.createElement.bind(null, type);
+	  // Expose the type on the factory and the prototype so that it can be
+	  // easily accessed on elements. E.g. `<Foo />.type === Foo`.
+	  // This should not be named `constructor` since this may not be the function
+	  // that created the element, and it may not even be a constructor.
+	  // Legacy hook TODO: Warn if this is accessed
+	  factory.type = type;
+	  return factory;
+	};
 
-	'use strict';
+	ReactElement.cloneAndReplaceKey = function (oldElement, newKey) {
+	  var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
 
-	var keyMirror = __webpack_require__(17);
+	  return newElement;
+	};
 
 	/**
-	 * When a component's children are updated, a series of update configuration
-	 * objects are created in order to batch and serialize the required changes.
-	 *
-	 * Enumerates all the possible types of update configurations.
-	 *
-	 * @internal
+	 * Clone and return a new ReactElement using element as the starting point.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement
 	 */
-	var ReactMultiChildUpdateTypes = keyMirror({
-	  INSERT_MARKUP: null,
-	  MOVE_EXISTING: null,
-	  REMOVE_NODE: null,
-	  SET_MARKUP: null,
-	  TEXT_CONTENT: null
-	});
+	ReactElement.cloneElement = function (element, config, children) {
+	  var propName;
 
-	module.exports = ReactMultiChildUpdateTypes;
+	  // Original props are copied
+	  var props = _assign({}, element.props);
 
-/***/ },
-/* 17 */
-/***/ function(module, exports, __webpack_require__) {
+	  // Reserved names are extracted
+	  var key = element.key;
+	  var ref = element.ref;
+	  // Self is preserved since the owner is preserved.
+	  var self = element._self;
+	  // Source is preserved since cloneElement is unlikely to be targeted by a
+	  // transpiler, and the original source is probably a better indicator of the
+	  // true owner.
+	  var source = element._source;
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule keyMirror
-	 * @typechecks static-only
-	 */
+	  // Owner will be preserved, unless ref is overridden
+	  var owner = element._owner;
 
-	'use strict';
+	  if (config != null) {
+	    if (hasValidRef(config)) {
+	      // Silently steal the ref from the parent.
+	      ref = config.ref;
+	      owner = ReactCurrentOwner.current;
+	    }
+	    if (hasValidKey(config)) {
+	      key = '' + config.key;
+	    }
 
-	var invariant = __webpack_require__(13);
+	    // Remaining properties override existing props
+	    var defaultProps;
+	    if (element.type && element.type.defaultProps) {
+	      defaultProps = element.type.defaultProps;
+	    }
+	    for (propName in config) {
+	      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+	        if (config[propName] === undefined && defaultProps !== undefined) {
+	          // Resolve default props
+	          props[propName] = defaultProps[propName];
+	        } else {
+	          props[propName] = config[propName];
+	        }
+	      }
+	    }
+	  }
 
-	/**
-	 * Constructs an enumeration with keys equal to their value.
-	 *
-	 * For example:
-	 *
-	 *   var COLORS = keyMirror({blue: null, red: null});
-	 *   var myColor = COLORS.blue;
-	 *   var isColorValid = !!COLORS[myColor];
-	 *
-	 * The last line could not be performed if the values of the generated enum were
-	 * not equal to their keys.
-	 *
-	 *   Input:  {key1: val1, key2: val2}
-	 *   Output: {key1: key1, key2: key2}
-	 *
-	 * @param {object} obj
-	 * @return {object}
-	 */
-	var keyMirror = function (obj) {
-	  var ret = {};
-	  var key;
-	  !(obj instanceof Object && !Array.isArray(obj)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'keyMirror(...): Argument must be an object.') : invariant(false) : undefined;
-	  for (key in obj) {
-	    if (!obj.hasOwnProperty(key)) {
-	      continue;
+	  // Children can be more than one argument, and those are transferred onto
+	  // the newly allocated props object.
+	  var childrenLength = arguments.length - 2;
+	  if (childrenLength === 1) {
+	    props.children = children;
+	  } else if (childrenLength > 1) {
+	    var childArray = Array(childrenLength);
+	    for (var i = 0; i < childrenLength; i++) {
+	      childArray[i] = arguments[i + 2];
 	    }
-	    ret[key] = key;
+	    props.children = childArray;
 	  }
-	  return ret;
+
+	  return ReactElement(element.type, key, ref, self, source, owner, props);
+	};
+
+	/**
+	 * Verifies the object is a ReactElement.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.isvalidelement
+	 * @param {?object} object
+	 * @return {boolean} True if `object` is a valid component.
+	 * @final
+	 */
+	ReactElement.isValidElement = function (object) {
+	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 	};
 
-	module.exports = keyMirror;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactElement;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 18 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactPerf
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
 	/**
-	 * ReactPerf is a general AOP system designed to measure performance. This
-	 * module only has the hooks: see ReactDefaultPerf for the analysis tool.
+	 * Keeps track of the current owner.
+	 *
+	 * The current owner is the component who should own any components that are
+	 * currently being constructed.
 	 */
-	var ReactPerf = {
-	  /**
-	   * Boolean to enable/disable measurement. Set to false by default to prevent
-	   * accidental logging and perf loss.
-	   */
-	  enableMeasure: false,
-
-	  /**
-	   * Holds onto the measure function in use. By default, don't measure
-	   * anything, but we'll override this if we inject a measure function.
-	   */
-	  storedMeasure: _noMeasure,
-
-	  /**
-	   * @param {object} object
-	   * @param {string} objectName
-	   * @param {object<string>} methodNames
-	   */
-	  measureMethods: function (object, objectName, methodNames) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      for (var key in methodNames) {
-	        if (!methodNames.hasOwnProperty(key)) {
-	          continue;
-	        }
-	        object[key] = ReactPerf.measure(objectName, methodNames[key], object[key]);
-	      }
-	    }
-	  },
+	var ReactCurrentOwner = {
 
 	  /**
-	   * Use this to wrap methods you want to measure. Zero overhead in production.
-	   *
-	   * @param {string} objName
-	   * @param {string} fnName
-	   * @param {function} func
-	   * @return {function}
+	   * @internal
+	   * @type {ReactComponent}
 	   */
-	  measure: function (objName, fnName, func) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      var measuredFunc = null;
-	      var wrapper = function () {
-	        if (ReactPerf.enableMeasure) {
-	          if (!measuredFunc) {
-	            measuredFunc = ReactPerf.storedMeasure(objName, fnName, func);
-	          }
-	          return measuredFunc.apply(this, arguments);
-	        }
-	        return func.apply(this, arguments);
-	      };
-	      wrapper.displayName = objName + '_' + fnName;
-	      return wrapper;
-	    }
-	    return func;
-	  },
+	  current: null
 
-	  injection: {
-	    /**
-	     * @param {function} measure
-	     */
-	    injectMeasure: function (measure) {
-	      ReactPerf.storedMeasure = measure;
-	    }
-	  }
 	};
 
-	/**
-	 * Simply passes through the measured function, without measuring it.
-	 *
-	 * @param {string} objName
-	 * @param {string} fnName
-	 * @param {function} func
-	 * @return {function}
-	 */
-	function _noMeasure(objName, fnName, func) {
-	  return func;
-	}
-
-	module.exports = ReactPerf;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactCurrentOwner;
 
-/***/ },
-/* 19 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-2015, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule setInnerHTML
 	 */
 
-	/* globals MSApp */
-
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
-
-	var WHITESPACE_TEST = /^[ \r\n\t\f]/;
-	var NONVISIBLE_TEST = /<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/;
+	var emptyFunction = __webpack_require__(12);
 
 	/**
-	 * Set the innerHTML property of a node, ensuring that whitespace is preserved
-	 * even in IE8.
-	 *
-	 * @param {DOMElement} node
-	 * @param {string} html
-	 * @internal
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
 	 */
-	var setInnerHTML = function (node, html) {
-	  node.innerHTML = html;
-	};
 
-	// Win8 apps: Allow all html to be inserted
-	if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) {
-	  setInnerHTML = function (node, html) {
-	    MSApp.execUnsafeLocalFunction(function () {
-	      node.innerHTML = html;
-	    });
-	  };
-	}
+	var warning = emptyFunction;
 
-	if (ExecutionEnvironment.canUseDOM) {
-	  // IE8: When updating a just created node with innerHTML only leading
-	  // whitespace is removed. When updating an existing node with innerHTML
-	  // whitespace in root TextNodes is also collapsed.
-	  // @see quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html
+	if (process.env.NODE_ENV !== 'production') {
+	  (function () {
+	    var printWarning = function printWarning(format) {
+	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
 
-	  // Feature detection; only IE8 is known to behave improperly like this.
-	  var testElement = document.createElement('div');
-	  testElement.innerHTML = ' ';
-	  if (testElement.innerHTML === '') {
-	    setInnerHTML = function (node, html) {
-	      // Magic theory: IE8 supposedly differentiates between added and updated
-	      // nodes when processing innerHTML, innerHTML on updated nodes suffers
-	      // from worse whitespace behavior. Re-adding a node like this triggers
-	      // the initial and more favorable whitespace behavior.
-	      // TODO: What to do on a detached node?
-	      if (node.parentNode) {
-	        node.parentNode.replaceChild(node, node);
+	      var argIndex = 0;
+	      var message = 'Warning: ' + format.replace(/%s/g, function () {
+	        return args[argIndex++];
+	      });
+	      if (typeof console !== 'undefined') {
+	        console.error(message);
 	      }
+	      try {
+	        // --- Welcome to debugging React ---
+	        // This error was thrown as a convenience so that you can use this stack
+	        // to find the callsite that caused this warning to fire.
+	        throw new Error(message);
+	      } catch (x) {}
+	    };
 
-	      // We also implement a workaround for non-visible tags disappearing into
-	      // thin air on IE8, this only happens if there is no visible text
-	      // in-front of the non-visible tags. Piggyback on the whitespace fix
-	      // and simply check if any non-visible tags appear in the source.
-	      if (WHITESPACE_TEST.test(html) || html[0] === '<' && NONVISIBLE_TEST.test(html)) {
-	        // Recover leading whitespace by temporarily prepending any character.
-	        // \uFEFF has the potential advantage of being zero-width/invisible.
-	        // UglifyJS drops U+FEFF chars when parsing, so use String.fromCharCode
-	        // in hopes that this is preserved even if "\uFEFF" is transformed to
-	        // the actual Unicode character (by Babel, for example).
-	        // https://github.com/mishoo/UglifyJS2/blob/v2.4.20/lib/parse.js#L216
-	        node.innerHTML = String.fromCharCode(0xFEFF) + html;
+	    warning = function warning(condition, format) {
+	      if (format === undefined) {
+	        throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
+	      }
 
-	        // deleteData leaves an empty `TextNode` which offsets the index of all
-	        // children. Definitely want to avoid this.
-	        var textNode = node.firstChild;
-	        if (textNode.data.length === 1) {
-	          node.removeChild(textNode);
-	        } else {
-	          textNode.deleteData(0, 1);
+	      if (format.indexOf('Failed Composite propType: ') === 0) {
+	        return; // Ignore CompositeComponent proptype check.
+	      }
+
+	      if (!condition) {
+	        for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	          args[_key2 - 2] = arguments[_key2];
 	        }
-	      } else {
-	        node.innerHTML = html;
+
+	        printWarning.apply(undefined, [format].concat(args));
 	      }
 	    };
-	  }
+	  })();
 	}
 
-	module.exports = setInnerHTML;
+	module.exports = warning;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 20 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 12 */
+/***/ (function(module, exports) {
+
+	"use strict";
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule setTextContent
+	 * 
 	 */
 
-	'use strict';
-
-	var ExecutionEnvironment = __webpack_require__(9);
-	var escapeTextContentForBrowser = __webpack_require__(21);
-	var setInnerHTML = __webpack_require__(19);
+	function makeEmptyFunction(arg) {
+	  return function () {
+	    return arg;
+	  };
+	}
 
 	/**
-	 * Set the textContent property of a node, ensuring that whitespace is preserved
-	 * even in IE8. innerText is a poor substitute for textContent and, among many
-	 * issues, inserts <br> instead of the literal newline chars. innerHTML behaves
-	 * as it should.
-	 *
-	 * @param {DOMElement} node
-	 * @param {string} text
-	 * @internal
+	 * This function accepts and discards inputs; it has no side effects. This is
+	 * primarily useful idiomatically for overridable function endpoints which
+	 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
 	 */
-	var setTextContent = function (node, text) {
-	  node.textContent = text;
-	};
+	var emptyFunction = function emptyFunction() {};
 
-	if (ExecutionEnvironment.canUseDOM) {
-	  if (!('textContent' in document.documentElement)) {
-	    setTextContent = function (node, text) {
-	      setInnerHTML(node, escapeTextContentForBrowser(text));
-	    };
-	  }
-	}
+	emptyFunction.thatReturns = makeEmptyFunction;
+	emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
+	emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
+	emptyFunction.thatReturnsNull = makeEmptyFunction(null);
+	emptyFunction.thatReturnsThis = function () {
+	  return this;
+	};
+	emptyFunction.thatReturnsArgument = function (arg) {
+	  return arg;
+	};
 
-	module.exports = setTextContent;
+	module.exports = emptyFunction;
 
-/***/ },
-/* 21 */
-/***/ function(module, exports) {
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule escapeTextContentForBrowser
+	 * 
 	 */
 
 	'use strict';
 
-	var ESCAPE_LOOKUP = {
-	  '&': '&amp;',
-	  '>': '&gt;',
-	  '<': '&lt;',
-	  '"': '&quot;',
-	  '\'': '&#x27;'
-	};
-
-	var ESCAPE_REGEX = /[&><"']/g;
-
-	function escaper(match) {
-	  return ESCAPE_LOOKUP[match];
-	}
-
-	/**
-	 * Escapes text to prevent scripting attacks.
-	 *
-	 * @param {*} text Text value to escape.
-	 * @return {string} An escaped string.
-	 */
-	function escapeTextContentForBrowser(text) {
-	  return ('' + text).replace(ESCAPE_REGEX, escaper);
+	var canDefineProperty = false;
+	if (process.env.NODE_ENV !== 'production') {
+	  try {
+	    // $FlowFixMe https://github.com/facebook/flow/issues/285
+	    Object.defineProperty({}, 'x', { get: function () {} });
+	    canDefineProperty = true;
+	  } catch (x) {
+	    // IE will fail on defineProperty
+	  }
 	}
 
-	module.exports = escapeTextContentForBrowser;
+	module.exports = canDefineProperty;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 22 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 14 */
+/***/ (function(module, exports) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/**
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule DOMPropertyOperations
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
-	var DOMProperty = __webpack_require__(23);
-	var ReactPerf = __webpack_require__(18);
+	// The Symbol used to tag the ReactElement type. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
 
-	var quoteAttributeValueForBrowser = __webpack_require__(24);
-	var warning = __webpack_require__(25);
+	var REACT_ELEMENT_TYPE = typeof Symbol === 'function' && Symbol['for'] && Symbol['for']('react.element') || 0xeac7;
 
-	// Simplified subset
-	var VALID_ATTRIBUTE_NAME_REGEX = /^[a-zA-Z_][\w\.\-]*$/;
-	var illegalAttributeNameCache = {};
-	var validatedAttributeNameCache = {};
+	module.exports = REACT_ELEMENT_TYPE;
 
-	function isAttributeNameSafe(attributeName) {
-	  if (validatedAttributeNameCache.hasOwnProperty(attributeName)) {
-	    return true;
-	  }
-	  if (illegalAttributeNameCache.hasOwnProperty(attributeName)) {
-	    return false;
-	  }
-	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
-	    validatedAttributeNameCache[attributeName] = true;
-	    return true;
-	  }
-	  illegalAttributeNameCache[attributeName] = true;
-	  process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid attribute name: `%s`', attributeName) : undefined;
-	  return false;
-	}
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	function shouldIgnoreValue(propertyInfo, value) {
-	  return value == null || propertyInfo.hasBooleanValue && !value || propertyInfo.hasNumericValue && isNaN(value) || propertyInfo.hasPositiveNumericValue && value < 1 || propertyInfo.hasOverloadedBooleanValue && value === false;
-	}
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	if (process.env.NODE_ENV !== 'production') {
-	  var reactProps = {
-	    children: true,
-	    dangerouslySetInnerHTML: true,
-	    key: true,
-	    ref: true
-	  };
-	  var warnedProperties = {};
+	'use strict';
 
-	  var warnUnknownProperty = function (name) {
-	    if (reactProps.hasOwnProperty(name) && reactProps[name] || warnedProperties.hasOwnProperty(name) && warnedProperties[name]) {
-	      return;
-	    }
+	var _prodInvariant = __webpack_require__(7);
 
-	    warnedProperties[name] = true;
-	    var lowerCasedName = name.toLowerCase();
+	var ReactCurrentOwner = __webpack_require__(10);
+	var REACT_ELEMENT_TYPE = __webpack_require__(14);
 
-	    // data-* attributes should be lowercase; suggest the lowercase version
-	    var standardName = DOMProperty.isCustomAttribute(lowerCasedName) ? lowerCasedName : DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ? DOMProperty.getPossibleStandardName[lowerCasedName] : null;
+	var getIteratorFn = __webpack_require__(16);
+	var invariant = __webpack_require__(8);
+	var KeyEscapeUtils = __webpack_require__(17);
+	var warning = __webpack_require__(11);
 
-	    // For now, only warn when we have a suggested correction. This prevents
-	    // logging too much when using transferPropsTo.
-	    process.env.NODE_ENV !== 'production' ? warning(standardName == null, 'Unknown DOM property %s. Did you mean %s?', name, standardName) : undefined;
-	  };
+	var SEPARATOR = '.';
+	var SUBSEPARATOR = ':';
+
+	/**
+	 * This is inlined from ReactElement since this file is shared between
+	 * isomorphic and renderers. We could extract this to a
+	 *
+	 */
+
+	/**
+	 * TODO: Test that a single child and an array with one item have the same key
+	 * pattern.
+	 */
+
+	var didWarnAboutMaps = false;
+
+	/**
+	 * Generate a key string that identifies a component within a set.
+	 *
+	 * @param {*} component A component that could contain a manual key.
+	 * @param {number} index Index that is used if a manual key is not provided.
+	 * @return {string}
+	 */
+	function getComponentKey(component, index) {
+	  // Do some typechecking here since we call this blindly. We want to ensure
+	  // that we don't block potential future ES APIs.
+	  if (component && typeof component === 'object' && component.key != null) {
+	    // Explicit key
+	    return KeyEscapeUtils.escape(component.key);
+	  }
+	  // Implicit key determined by the index in the set
+	  return index.toString(36);
 	}
 
 	/**
-	 * Operations for dealing with DOM properties.
+	 * @param {?*} children Children tree container.
+	 * @param {!string} nameSoFar Name of the key path so far.
+	 * @param {!function} callback Callback to invoke with each child found.
+	 * @param {?*} traverseContext Used to pass information throughout the traversal
+	 * process.
+	 * @return {!number} The number of children in this subtree.
 	 */
-	var DOMPropertyOperations = {
+	function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
+	  var type = typeof children;
 
-	  /**
-	   * Creates markup for the ID property.
-	   *
-	   * @param {string} id Unescaped ID.
-	   * @return {string} Markup string.
-	   */
-	  createMarkupForID: function (id) {
-	    return DOMProperty.ID_ATTRIBUTE_NAME + '=' + quoteAttributeValueForBrowser(id);
-	  },
+	  if (type === 'undefined' || type === 'boolean') {
+	    // All of the above are perceived as null.
+	    children = null;
+	  }
 
-	  setAttributeForID: function (node, id) {
-	    node.setAttribute(DOMProperty.ID_ATTRIBUTE_NAME, id);
-	  },
+	  if (children === null || type === 'string' || type === 'number' ||
+	  // The following is inlined from ReactElement. This means we can optimize
+	  // some checks. React Fiber also inlines this logic for similar purposes.
+	  type === 'object' && children.$$typeof === REACT_ELEMENT_TYPE) {
+	    callback(traverseContext, children,
+	    // If it's the only child, treat the name as if it was wrapped in an array
+	    // so that it's consistent if the number of children grows.
+	    nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
+	    return 1;
+	  }
 
-	  /**
-	   * Creates markup for a property.
-	   *
-	   * @param {string} name
-	   * @param {*} value
-	   * @return {?string} Markup string, or null if the property was invalid.
-	   */
-	  createMarkupForProperty: function (name, value) {
-	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
-	    if (propertyInfo) {
-	      if (shouldIgnoreValue(propertyInfo, value)) {
-	        return '';
-	      }
-	      var attributeName = propertyInfo.attributeName;
-	      if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) {
-	        return attributeName + '=""';
-	      }
-	      return attributeName + '=' + quoteAttributeValueForBrowser(value);
-	    } else if (DOMProperty.isCustomAttribute(name)) {
-	      if (value == null) {
-	        return '';
-	      }
-	      return name + '=' + quoteAttributeValueForBrowser(value);
-	    } else if (process.env.NODE_ENV !== 'production') {
-	      warnUnknownProperty(name);
-	    }
-	    return null;
-	  },
+	  var child;
+	  var nextName;
+	  var subtreeCount = 0; // Count of children found in the current subtree.
+	  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
-	  /**
-	   * Creates markup for a custom property.
-	   *
-	   * @param {string} name
-	   * @param {*} value
-	   * @return {string} Markup string, or empty string if the property was invalid.
-	   */
-	  createMarkupForCustomAttribute: function (name, value) {
-	    if (!isAttributeNameSafe(name) || value == null) {
-	      return '';
+	  if (Array.isArray(children)) {
+	    for (var i = 0; i < children.length; i++) {
+	      child = children[i];
+	      nextName = nextNamePrefix + getComponentKey(child, i);
+	      subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
 	    }
-	    return name + '=' + quoteAttributeValueForBrowser(value);
-	  },
-
-	  /**
-	   * Sets the value for a property on a node.
-	   *
-	   * @param {DOMElement} node
-	   * @param {string} name
-	   * @param {*} value
-	   */
-	  setValueForProperty: function (node, name, value) {
-	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
-	    if (propertyInfo) {
-	      var mutationMethod = propertyInfo.mutationMethod;
-	      if (mutationMethod) {
-	        mutationMethod(node, value);
-	      } else if (shouldIgnoreValue(propertyInfo, value)) {
-	        this.deleteValueForProperty(node, name);
-	      } else if (propertyInfo.mustUseAttribute) {
-	        var attributeName = propertyInfo.attributeName;
-	        var namespace = propertyInfo.attributeNamespace;
-	        // `setAttribute` with objects becomes only `[object]` in IE8/9,
-	        // ('' + value) makes it output the correct toString()-value.
-	        if (namespace) {
-	          node.setAttributeNS(namespace, attributeName, '' + value);
-	        } else if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) {
-	          node.setAttribute(attributeName, '');
-	        } else {
-	          node.setAttribute(attributeName, '' + value);
+	  } else {
+	    var iteratorFn = getIteratorFn(children);
+	    if (iteratorFn) {
+	      var iterator = iteratorFn.call(children);
+	      var step;
+	      if (iteratorFn !== children.entries) {
+	        var ii = 0;
+	        while (!(step = iterator.next()).done) {
+	          child = step.value;
+	          nextName = nextNamePrefix + getComponentKey(child, ii++);
+	          subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
 	        }
 	      } else {
-	        var propName = propertyInfo.propertyName;
-	        // Must explicitly cast values for HAS_SIDE_EFFECTS-properties to the
-	        // property type before comparing; only `value` does and is string.
-	        if (!propertyInfo.hasSideEffects || '' + node[propName] !== '' + value) {
-	          // Contrary to `setAttribute`, object properties are properly
-	          // `toString`ed by IE8/9.
-	          node[propName] = value;
+	        if (process.env.NODE_ENV !== 'production') {
+	          var mapsAsChildrenAddendum = '';
+	          if (ReactCurrentOwner.current) {
+	            var mapsAsChildrenOwnerName = ReactCurrentOwner.current.getName();
+	            if (mapsAsChildrenOwnerName) {
+	              mapsAsChildrenAddendum = ' Check the render method of `' + mapsAsChildrenOwnerName + '`.';
+	            }
+	          }
+	          process.env.NODE_ENV !== 'production' ? warning(didWarnAboutMaps, 'Using Maps as children is not yet fully supported. It is an ' + 'experimental feature that might be removed. Convert it to a ' + 'sequence / iterable of keyed ReactElements instead.%s', mapsAsChildrenAddendum) : void 0;
+	          didWarnAboutMaps = true;
+	        }
+	        // Iterator will provide entry [k,v] tuples rather than values.
+	        while (!(step = iterator.next()).done) {
+	          var entry = step.value;
+	          if (entry) {
+	            child = entry[1];
+	            nextName = nextNamePrefix + KeyEscapeUtils.escape(entry[0]) + SUBSEPARATOR + getComponentKey(child, 0);
+	            subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
+	          }
 	        }
 	      }
-	    } else if (DOMProperty.isCustomAttribute(name)) {
-	      DOMPropertyOperations.setValueForAttribute(node, name, value);
-	    } else if (process.env.NODE_ENV !== 'production') {
-	      warnUnknownProperty(name);
-	    }
-	  },
-
-	  setValueForAttribute: function (node, name, value) {
-	    if (!isAttributeNameSafe(name)) {
-	      return;
-	    }
-	    if (value == null) {
-	      node.removeAttribute(name);
-	    } else {
-	      node.setAttribute(name, '' + value);
-	    }
-	  },
-
-	  /**
-	   * Deletes the value for a property on a node.
-	   *
-	   * @param {DOMElement} node
-	   * @param {string} name
-	   */
-	  deleteValueForProperty: function (node, name) {
-	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
-	    if (propertyInfo) {
-	      var mutationMethod = propertyInfo.mutationMethod;
-	      if (mutationMethod) {
-	        mutationMethod(node, undefined);
-	      } else if (propertyInfo.mustUseAttribute) {
-	        node.removeAttribute(propertyInfo.attributeName);
-	      } else {
-	        var propName = propertyInfo.propertyName;
-	        var defaultValue = DOMProperty.getDefaultValueForProperty(node.nodeName, propName);
-	        if (!propertyInfo.hasSideEffects || '' + node[propName] !== defaultValue) {
-	          node[propName] = defaultValue;
+	    } else if (type === 'object') {
+	      var addendum = '';
+	      if (process.env.NODE_ENV !== 'production') {
+	        addendum = ' If you meant to render a collection of children, use an array ' + 'instead or wrap the object using createFragment(object) from the ' + 'React add-ons.';
+	        if (children._isReactElement) {
+	          addendum = ' It looks like you\'re using an element created by a different ' + 'version of React. Make sure to use only one copy of React.';
+	        }
+	        if (ReactCurrentOwner.current) {
+	          var name = ReactCurrentOwner.current.getName();
+	          if (name) {
+	            addendum += ' Check the render method of `' + name + '`.';
+	          }
 	        }
 	      }
-	    } else if (DOMProperty.isCustomAttribute(name)) {
-	      node.removeAttribute(name);
-	    } else if (process.env.NODE_ENV !== 'production') {
-	      warnUnknownProperty(name);
+	      var childrenString = String(children);
+	       true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum) : _prodInvariant('31', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum) : void 0;
 	    }
 	  }
 
-	};
-
-	ReactPerf.measureMethods(DOMPropertyOperations, 'DOMPropertyOperations', {
-	  setValueForProperty: 'setValueForProperty',
-	  setValueForAttribute: 'setValueForAttribute',
-	  deleteValueForProperty: 'deleteValueForProperty'
-	});
-
-	module.exports = DOMPropertyOperations;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 23 */
-/***/ function(module, exports, __webpack_require__) {
+	  return subtreeCount;
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	/**
+	 * Traverses children that are typically specified as `props.children`, but
+	 * might also be specified through attributes:
 	 *
-	 * @providesModule DOMProperty
-	 * @typechecks static-only
+	 * - `traverseAllChildren(this.props.children, ...)`
+	 * - `traverseAllChildren(this.props.leftPanelChildren, ...)`
+	 *
+	 * The `traverseContext` is an optional argument that is passed through the
+	 * entire traversal. It can be used to store accumulations or anything else that
+	 * the callback might find relevant.
+	 *
+	 * @param {?*} children Children tree object.
+	 * @param {!function} callback To invoke upon traversing each child.
+	 * @param {?*} traverseContext Context for traversal.
+	 * @return {!number} The number of children in this subtree.
 	 */
+	function traverseAllChildren(children, callback, traverseContext) {
+	  if (children == null) {
+	    return 0;
+	  }
 
-	'use strict';
-
-	var invariant = __webpack_require__(13);
-
-	function checkMask(value, bitmask) {
-	  return (value & bitmask) === bitmask;
+	  return traverseAllChildrenImpl(children, '', callback, traverseContext);
 	}
 
-	var DOMPropertyInjection = {
-	  /**
-	   * Mapping from normalized, camelcased property names to a configuration that
-	   * specifies how the associated DOM property should be accessed or rendered.
-	   */
-	  MUST_USE_ATTRIBUTE: 0x1,
-	  MUST_USE_PROPERTY: 0x2,
-	  HAS_SIDE_EFFECTS: 0x4,
-	  HAS_BOOLEAN_VALUE: 0x8,
-	  HAS_NUMERIC_VALUE: 0x10,
-	  HAS_POSITIVE_NUMERIC_VALUE: 0x20 | 0x10,
-	  HAS_OVERLOADED_BOOLEAN_VALUE: 0x40,
-
-	  /**
-	   * Inject some specialized knowledge about the DOM. This takes a config object
-	   * with the following properties:
-	   *
-	   * isCustomAttribute: function that given an attribute name will return true
-	   * if it can be inserted into the DOM verbatim. Useful for data-* or aria-*
-	   * attributes where it's impossible to enumerate all of the possible
-	   * attribute names,
-	   *
-	   * Properties: object mapping DOM property name to one of the
-	   * DOMPropertyInjection constants or null. If your attribute isn't in here,
-	   * it won't get written to the DOM.
-	   *
-	   * DOMAttributeNames: object mapping React attribute name to the DOM
-	   * attribute name. Attribute names not specified use the **lowercase**
-	   * normalized name.
-	   *
-	   * DOMAttributeNamespaces: object mapping React attribute name to the DOM
-	   * attribute namespace URL. (Attribute names not specified use no namespace.)
-	   *
-	   * DOMPropertyNames: similar to DOMAttributeNames but for DOM properties.
-	   * Property names not specified use the normalized name.
-	   *
-	   * DOMMutationMethods: Properties that require special mutation methods. If
-	   * `value` is undefined, the mutation method should unset the property.
-	   *
-	   * @param {object} domPropertyConfig the config as described above.
-	   */
-	  injectDOMPropertyConfig: function (domPropertyConfig) {
-	    var Injection = DOMPropertyInjection;
-	    var Properties = domPropertyConfig.Properties || {};
-	    var DOMAttributeNamespaces = domPropertyConfig.DOMAttributeNamespaces || {};
-	    var DOMAttributeNames = domPropertyConfig.DOMAttributeNames || {};
-	    var DOMPropertyNames = domPropertyConfig.DOMPropertyNames || {};
-	    var DOMMutationMethods = domPropertyConfig.DOMMutationMethods || {};
-
-	    if (domPropertyConfig.isCustomAttribute) {
-	      DOMProperty._isCustomAttributeFunctions.push(domPropertyConfig.isCustomAttribute);
-	    }
-
-	    for (var propName in Properties) {
-	      !!DOMProperty.properties.hasOwnProperty(propName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'injectDOMPropertyConfig(...): You\'re trying to inject DOM property ' + '\'%s\' which has already been injected. You may be accidentally ' + 'injecting the same DOM property config twice, or you may be ' + 'injecting two configs that have conflicting property names.', propName) : invariant(false) : undefined;
-
-	      var lowerCased = propName.toLowerCase();
-	      var propConfig = Properties[propName];
-
-	      var propertyInfo = {
-	        attributeName: lowerCased,
-	        attributeNamespace: null,
-	        propertyName: propName,
-	        mutationMethod: null,
-
-	        mustUseAttribute: checkMask(propConfig, Injection.MUST_USE_ATTRIBUTE),
-	        mustUseProperty: checkMask(propConfig, Injection.MUST_USE_PROPERTY),
-	        hasSideEffects: checkMask(propConfig, Injection.HAS_SIDE_EFFECTS),
-	        hasBooleanValue: checkMask(propConfig, Injection.HAS_BOOLEAN_VALUE),
-	        hasNumericValue: checkMask(propConfig, Injection.HAS_NUMERIC_VALUE),
-	        hasPositiveNumericValue: checkMask(propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE),
-	        hasOverloadedBooleanValue: checkMask(propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE)
-	      };
-
-	      !(!propertyInfo.mustUseAttribute || !propertyInfo.mustUseProperty) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Cannot require using both attribute and property: %s', propName) : invariant(false) : undefined;
-	      !(propertyInfo.mustUseProperty || !propertyInfo.hasSideEffects) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Properties that have side effects must use property: %s', propName) : invariant(false) : undefined;
-	      !(propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue + propertyInfo.hasOverloadedBooleanValue <= 1) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Value can be one of boolean, overloaded boolean, or ' + 'numeric value, but not a combination: %s', propName) : invariant(false) : undefined;
-
-	      if (process.env.NODE_ENV !== 'production') {
-	        DOMProperty.getPossibleStandardName[lowerCased] = propName;
-	      }
+	module.exports = traverseAllChildren;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	      if (DOMAttributeNames.hasOwnProperty(propName)) {
-	        var attributeName = DOMAttributeNames[propName];
-	        propertyInfo.attributeName = attributeName;
-	        if (process.env.NODE_ENV !== 'production') {
-	          DOMProperty.getPossibleStandardName[attributeName] = propName;
-	        }
-	      }
+/***/ }),
+/* 16 */
+/***/ (function(module, exports) {
 
-	      if (DOMAttributeNamespaces.hasOwnProperty(propName)) {
-	        propertyInfo.attributeNamespace = DOMAttributeNamespaces[propName];
-	      }
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	      if (DOMPropertyNames.hasOwnProperty(propName)) {
-	        propertyInfo.propertyName = DOMPropertyNames[propName];
-	      }
+	'use strict';
 
-	      if (DOMMutationMethods.hasOwnProperty(propName)) {
-	        propertyInfo.mutationMethod = DOMMutationMethods[propName];
-	      }
+	/* global Symbol */
 
-	      DOMProperty.properties[propName] = propertyInfo;
-	    }
-	  }
-	};
-	var defaultValueCache = {};
+	var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
 
 	/**
-	 * DOMProperty exports lookup objects that can be used like functions:
+	 * Returns the iterator method function contained on the iterable object.
 	 *
-	 *   > DOMProperty.isValid['id']
-	 *   true
-	 *   > DOMProperty.isValid['foobar']
-	 *   undefined
+	 * Be sure to invoke the function with the iterable as context:
 	 *
-	 * Although this may be confusing, it performs better in general.
+	 *     var iteratorFn = getIteratorFn(myIterable);
+	 *     if (iteratorFn) {
+	 *       var iterator = iteratorFn.call(myIterable);
+	 *       ...
+	 *     }
 	 *
-	 * @see http://jsperf.com/key-exists
-	 * @see http://jsperf.com/key-missing
+	 * @param {?object} maybeIterable
+	 * @return {?function}
 	 */
-	var DOMProperty = {
-
-	  ID_ATTRIBUTE_NAME: 'data-reactid',
-
-	  /**
-	   * Map from property "standard name" to an object with info about how to set
-	   * the property in the DOM. Each object contains:
-	   *
-	   * attributeName:
-	   *   Used when rendering markup or with `*Attribute()`.
-	   * attributeNamespace
-	   * propertyName:
-	   *   Used on DOM node instances. (This includes properties that mutate due to
-	   *   external factors.)
-	   * mutationMethod:
-	   *   If non-null, used instead of the property or `setAttribute()` after
-	   *   initial render.
-	   * mustUseAttribute:
-	   *   Whether the property must be accessed and mutated using `*Attribute()`.
-	   *   (This includes anything that fails `<propName> in <element>`.)
-	   * mustUseProperty:
-	   *   Whether the property must be accessed and mutated as an object property.
-	   * hasSideEffects:
-	   *   Whether or not setting a value causes side effects such as triggering
-	   *   resources to be loaded or text selection changes. If true, we read from
-	   *   the DOM before updating to ensure that the value is only set if it has
-	   *   changed.
-	   * hasBooleanValue:
-	   *   Whether the property should be removed when set to a falsey value.
-	   * hasNumericValue:
-	   *   Whether the property must be numeric or parse as a numeric and should be
-	   *   removed when set to a falsey value.
-	   * hasPositiveNumericValue:
-	   *   Whether the property must be positive numeric or parse as a positive
-	   *   numeric and should be removed when set to a falsey value.
-	   * hasOverloadedBooleanValue:
-	   *   Whether the property can be used as a flag as well as with a value.
-	   *   Removed when strictly equal to false; present without a value when
-	   *   strictly equal to true; present with a value otherwise.
-	   */
-	  properties: {},
-
-	  /**
-	   * Mapping from lowercase property names to the properly cased version, used
-	   * to warn in the case of missing properties. Available only in __DEV__.
-	   * @type {Object}
-	   */
-	  getPossibleStandardName: process.env.NODE_ENV !== 'production' ? {} : null,
-
-	  /**
-	   * All of the isCustomAttribute() functions that have been injected.
-	   */
-	  _isCustomAttributeFunctions: [],
-
-	  /**
-	   * Checks whether a property name is a custom attribute.
-	   * @method
-	   */
-	  isCustomAttribute: function (attributeName) {
-	    for (var i = 0; i < DOMProperty._isCustomAttributeFunctions.length; i++) {
-	      var isCustomAttributeFn = DOMProperty._isCustomAttributeFunctions[i];
-	      if (isCustomAttributeFn(attributeName)) {
-	        return true;
-	      }
-	    }
-	    return false;
-	  },
-
-	  /**
-	   * Returns the default property value for a DOM property (i.e., not an
-	   * attribute). Most default values are '' or false, but not all. Worse yet,
-	   * some (in particular, `type`) vary depending on the type of element.
-	   *
-	   * TODO: Is it better to grab all the possible properties when creating an
-	   * element to avoid having to create the same element twice?
-	   */
-	  getDefaultValueForProperty: function (nodeName, prop) {
-	    var nodeDefaults = defaultValueCache[nodeName];
-	    var testElement;
-	    if (!nodeDefaults) {
-	      defaultValueCache[nodeName] = nodeDefaults = {};
-	    }
-	    if (!(prop in nodeDefaults)) {
-	      testElement = document.createElement(nodeName);
-	      nodeDefaults[prop] = testElement[prop];
-	    }
-	    return nodeDefaults[prop];
-	  },
-
-	  injection: DOMPropertyInjection
-	};
+	function getIteratorFn(maybeIterable) {
+	  var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	  if (typeof iteratorFn === 'function') {
+	    return iteratorFn;
+	  }
+	}
 
-	module.exports = DOMProperty;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = getIteratorFn;
 
-/***/ },
-/* 24 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 17 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule quoteAttributeValueForBrowser
+	 * 
 	 */
 
 	'use strict';
 
-	var escapeTextContentForBrowser = __webpack_require__(21);
+	/**
+	 * Escape and wrap key so it is safe to use as a reactid
+	 *
+	 * @param {string} key to be escaped.
+	 * @return {string} the escaped key.
+	 */
+
+	function escape(key) {
+	  var escapeRegex = /[=:]/g;
+	  var escaperLookup = {
+	    '=': '=0',
+	    ':': '=2'
+	  };
+	  var escapedString = ('' + key).replace(escapeRegex, function (match) {
+	    return escaperLookup[match];
+	  });
+
+	  return '$' + escapedString;
+	}
 
 	/**
-	 * Escapes attribute value to prevent scripting attacks.
+	 * Unescape and unwrap key for human-readable display
 	 *
-	 * @param {*} value Value to escape.
-	 * @return {string} An escaped string.
+	 * @param {string} key to unescape.
+	 * @return {string} the unescaped key.
 	 */
-	function quoteAttributeValueForBrowser(value) {
-	  return '"' + escapeTextContentForBrowser(value) + '"';
+	function unescape(key) {
+	  var unescapeRegex = /(=0|=2)/g;
+	  var unescaperLookup = {
+	    '=0': '=',
+	    '=2': ':'
+	  };
+	  var keySubstring = key[0] === '.' && key[1] === '$' ? key.substring(2) : key.substring(1);
+
+	  return ('' + keySubstring).replace(unescapeRegex, function (match) {
+	    return unescaperLookup[match];
+	  });
 	}
 
-	module.exports = quoteAttributeValueForBrowser;
+	var KeyEscapeUtils = {
+	  escape: escape,
+	  unescape: unescape
+	};
 
-/***/ },
-/* 25 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = KeyEscapeUtils;
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule warning
 	 */
 
 	'use strict';
 
-	var emptyFunction = __webpack_require__(15);
+	var _prodInvariant = __webpack_require__(7);
 
-	/**
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
+	var ReactNoopUpdateQueue = __webpack_require__(19);
 
-	var warning = emptyFunction;
+	var canDefineProperty = __webpack_require__(13);
+	var emptyObject = __webpack_require__(20);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	if (process.env.NODE_ENV !== 'production') {
-	  warning = function (condition, format) {
-	    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-	      args[_key - 2] = arguments[_key];
-	    }
-
-	    if (format === undefined) {
-	      throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
-	    }
-
-	    if (format.indexOf('Failed Composite propType: ') === 0) {
-	      return; // Ignore CompositeComponent proptype check.
-	    }
-
-	    if (!condition) {
-	      var argIndex = 0;
-	      var message = 'Warning: ' + format.replace(/%s/g, function () {
-	        return args[argIndex++];
-	      });
-	      if (typeof console !== 'undefined') {
-	        console.error(message);
-	      }
-	      try {
-	        // --- Welcome to debugging React ---
-	        // This error was thrown as a convenience so that you can use this stack
-	        // to find the callsite that caused this warning to fire.
-	        throw new Error(message);
-	      } catch (x) {}
-	    }
-	  };
+	/**
+	 * Base class helpers for the updating state of a component.
+	 */
+	function ReactComponent(props, context, updater) {
+	  this.props = props;
+	  this.context = context;
+	  this.refs = emptyObject;
+	  // We initialize the default updater but the real one gets injected by the
+	  // renderer.
+	  this.updater = updater || ReactNoopUpdateQueue;
 	}
 
-	module.exports = warning;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 26 */
-/***/ function(module, exports, __webpack_require__) {
+	ReactComponent.prototype.isReactComponent = {};
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	 * Sets a subset of the state. Always use this to mutate
+	 * state. You should treat `this.state` as immutable.
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * There is no guarantee that `this.state` will be immediately updated, so
+	 * accessing `this.state` after calling this method may return the old value.
+	 *
+	 * There is no guarantee that calls to `setState` will run synchronously,
+	 * as they may eventually be batched together.  You can provide an optional
+	 * callback that will be executed when the call to setState is actually
+	 * completed.
+	 *
+	 * When a function is provided to setState, it will be called at some point in
+	 * the future (not synchronously). It will be called with the up to date
+	 * component arguments (state, props, context). These values can be different
+	 * from this.* because your function may be called after receiveProps but before
+	 * shouldComponentUpdate, and this new state, props, and context will not yet be
+	 * assigned to this.
 	 *
-	 * @providesModule ReactComponentBrowserEnvironment
+	 * @param {object|function} partialState Next partial state or function to
+	 *        produce next partial state to be merged with current state.
+	 * @param {?function} callback Called after state is updated.
+	 * @final
+	 * @protected
 	 */
-
-	'use strict';
-
-	var ReactDOMIDOperations = __webpack_require__(27);
-	var ReactMount = __webpack_require__(28);
+	ReactComponent.prototype.setState = function (partialState, callback) {
+	  !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.') : _prodInvariant('85') : void 0;
+	  this.updater.enqueueSetState(this, partialState);
+	  if (callback) {
+	    this.updater.enqueueCallback(this, callback, 'setState');
+	  }
+	};
 
 	/**
-	 * Abstracts away all functionality of the reconciler that requires knowledge of
-	 * the browser context. TODO: These callers should be refactored to avoid the
-	 * need for this injection.
+	 * Forces an update. This should only be invoked when it is known with
+	 * certainty that we are **not** in a DOM transaction.
+	 *
+	 * You may want to call this when you know that some deeper aspect of the
+	 * component's state has changed but `setState` was not called.
+	 *
+	 * This will not invoke `shouldComponentUpdate`, but it will invoke
+	 * `componentWillUpdate` and `componentDidUpdate`.
+	 *
+	 * @param {?function} callback Called after update is complete.
+	 * @final
+	 * @protected
 	 */
-	var ReactComponentBrowserEnvironment = {
-
-	  processChildrenUpdates: ReactDOMIDOperations.dangerouslyProcessChildrenUpdates,
-
-	  replaceNodeWithMarkupByID: ReactDOMIDOperations.dangerouslyReplaceNodeWithMarkupByID,
-
-	  /**
-	   * If a particular environment requires that some resources be cleaned up,
-	   * specify this in the injected Mixin. In the DOM, we would likely want to
-	   * purge any cached node ID lookups.
-	   *
-	   * @private
-	   */
-	  unmountIDFromEnvironment: function (rootNodeID) {
-	    ReactMount.purgeID(rootNodeID);
+	ReactComponent.prototype.forceUpdate = function (callback) {
+	  this.updater.enqueueForceUpdate(this);
+	  if (callback) {
+	    this.updater.enqueueCallback(this, callback, 'forceUpdate');
 	  }
-
 	};
 
-	module.exports = ReactComponentBrowserEnvironment;
+	/**
+	 * Deprecated APIs. These APIs used to exist on classic React classes but since
+	 * we would like to deprecate them, we're not going to move them over to this
+	 * modern base class. Instead, we define a getter that warns if it's accessed.
+	 */
+	if (process.env.NODE_ENV !== 'production') {
+	  var deprecatedAPIs = {
+	    isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
+	    replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).']
+	  };
+	  var defineDeprecationWarning = function (methodName, info) {
+	    if (canDefineProperty) {
+	      Object.defineProperty(ReactComponent.prototype, methodName, {
+	        get: function () {
+	          process.env.NODE_ENV !== 'production' ? warning(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]) : void 0;
+	          return undefined;
+	        }
+	      });
+	    }
+	  };
+	  for (var fnName in deprecatedAPIs) {
+	    if (deprecatedAPIs.hasOwnProperty(fnName)) {
+	      defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+	    }
+	  }
+	}
 
-/***/ },
-/* 27 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = ReactComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2015-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMIDOperations
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var DOMChildrenOperations = __webpack_require__(7);
-	var DOMPropertyOperations = __webpack_require__(22);
-	var ReactMount = __webpack_require__(28);
-	var ReactPerf = __webpack_require__(18);
+	var warning = __webpack_require__(11);
 
-	var invariant = __webpack_require__(13);
+	function warnNoop(publicInstance, callerName) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    var constructor = publicInstance.constructor;
+	    process.env.NODE_ENV !== 'production' ? warning(false, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, constructor && (constructor.displayName || constructor.name) || 'ReactClass') : void 0;
+	  }
+	}
 
 	/**
-	 * Errors for properties that should not be updated with `updatePropertyByID()`.
-	 *
-	 * @type {object}
-	 * @private
+	 * This is the abstract API for an update queue.
 	 */
-	var INVALID_PROPERTY_ERRORS = {
-	  dangerouslySetInnerHTML: '`dangerouslySetInnerHTML` must be set using `updateInnerHTMLByID()`.',
-	  style: '`style` must be set using `updateStylesByID()`.'
-	};
+	var ReactNoopUpdateQueue = {
 
-	/**
-	 * Operations used to process updates to DOM nodes.
-	 */
-	var ReactDOMIDOperations = {
+	  /**
+	   * Checks whether or not this composite component is mounted.
+	   * @param {ReactClass} publicInstance The instance we want to test.
+	   * @return {boolean} True if mounted, false otherwise.
+	   * @protected
+	   * @final
+	   */
+	  isMounted: function (publicInstance) {
+	    return false;
+	  },
 
 	  /**
-	   * Updates a DOM node with new property values. This should only be used to
-	   * update DOM properties in `DOMProperty`.
+	   * Enqueue a callback that will be executed after all the pending updates
+	   * have processed.
 	   *
-	   * @param {string} id ID of the node to update.
-	   * @param {string} name A valid property name, see `DOMProperty`.
-	   * @param {*} value New value of the property.
+	   * @param {ReactClass} publicInstance The instance to use as `this` context.
+	   * @param {?function} callback Called after state is updated.
 	   * @internal
 	   */
-	  updatePropertyByID: function (id, name, value) {
-	    var node = ReactMount.getNode(id);
-	    !!INVALID_PROPERTY_ERRORS.hasOwnProperty(name) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'updatePropertyByID(...): %s', INVALID_PROPERTY_ERRORS[name]) : invariant(false) : undefined;
+	  enqueueCallback: function (publicInstance, callback) {},
 
-	    // If we're updating to null or undefined, we should remove the property
-	    // from the DOM node instead of inadvertantly setting to a string. This
-	    // brings us in line with the same behavior we have on initial render.
-	    if (value != null) {
-	      DOMPropertyOperations.setValueForProperty(node, name, value);
-	    } else {
-	      DOMPropertyOperations.deleteValueForProperty(node, name);
-	    }
+	  /**
+	   * Forces an update. This should only be invoked when it is known with
+	   * certainty that we are **not** in a DOM transaction.
+	   *
+	   * You may want to call this when you know that some deeper aspect of the
+	   * component's state has changed but `setState` was not called.
+	   *
+	   * This will not invoke `shouldComponentUpdate`, but it will invoke
+	   * `componentWillUpdate` and `componentDidUpdate`.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @internal
+	   */
+	  enqueueForceUpdate: function (publicInstance) {
+	    warnNoop(publicInstance, 'forceUpdate');
 	  },
 
 	  /**
-	   * Replaces a DOM node that exists in the document with markup.
+	   * Replaces all of the state. Always use this or `setState` to mutate state.
+	   * You should treat `this.state` as immutable.
+	   *
+	   * There is no guarantee that `this.state` will be immediately updated, so
+	   * accessing `this.state` after calling this method may return the old value.
 	   *
-	   * @param {string} id ID of child to be replaced.
-	   * @param {string} markup Dangerous markup to inject in place of child.
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object} completeState Next state.
 	   * @internal
-	   * @see {Danger.dangerouslyReplaceNodeWithMarkup}
 	   */
-	  dangerouslyReplaceNodeWithMarkupByID: function (id, markup) {
-	    var node = ReactMount.getNode(id);
-	    DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup(node, markup);
+	  enqueueReplaceState: function (publicInstance, completeState) {
+	    warnNoop(publicInstance, 'replaceState');
 	  },
 
 	  /**
-	   * Updates a component's children by processing a series of updates.
+	   * Sets a subset of the state. This only exists because _pendingState is
+	   * internal. This provides a merging strategy that is not available to deep
+	   * properties which is confusing. TODO: Expose pendingState or don't use it
+	   * during the merge.
 	   *
-	   * @param {array<object>} updates List of update configurations.
-	   * @param {array<string>} markup List of markup strings.
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object} partialState Next partial state to be merged with state.
 	   * @internal
 	   */
-	  dangerouslyProcessChildrenUpdates: function (updates, markup) {
-	    for (var i = 0; i < updates.length; i++) {
-	      updates[i].parentNode = ReactMount.getNode(updates[i].parentID);
-	    }
-	    DOMChildrenOperations.processUpdates(updates, markup);
+	  enqueueSetState: function (publicInstance, partialState) {
+	    warnNoop(publicInstance, 'setState');
 	  }
 	};
 
-	ReactPerf.measureMethods(ReactDOMIDOperations, 'ReactDOMIDOperations', {
-	  dangerouslyReplaceNodeWithMarkupByID: 'dangerouslyReplaceNodeWithMarkupByID',
-	  dangerouslyProcessChildrenUpdates: 'dangerouslyProcessChildrenUpdates'
-	});
-
-	module.exports = ReactDOMIDOperations;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactNoopUpdateQueue;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 28 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactMount
 	 */
 
 	'use strict';
 
-	var DOMProperty = __webpack_require__(23);
-	var ReactBrowserEventEmitter = __webpack_require__(29);
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactDOMFeatureFlags = __webpack_require__(41);
-	var ReactElement = __webpack_require__(42);
-	var ReactEmptyComponentRegistry = __webpack_require__(44);
-	var ReactInstanceHandles = __webpack_require__(45);
-	var ReactInstanceMap = __webpack_require__(47);
-	var ReactMarkupChecksum = __webpack_require__(48);
-	var ReactPerf = __webpack_require__(18);
-	var ReactReconciler = __webpack_require__(50);
-	var ReactUpdateQueue = __webpack_require__(53);
-	var ReactUpdates = __webpack_require__(54);
-
-	var assign = __webpack_require__(39);
-	var emptyObject = __webpack_require__(58);
-	var containsNode = __webpack_require__(59);
-	var instantiateReactComponent = __webpack_require__(62);
-	var invariant = __webpack_require__(13);
-	var setInnerHTML = __webpack_require__(19);
-	var shouldUpdateReactComponent = __webpack_require__(67);
-	var validateDOMNesting = __webpack_require__(70);
-	var warning = __webpack_require__(25);
-
-	var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME;
-	var nodeCache = {};
-
-	var ELEMENT_NODE_TYPE = 1;
-	var DOC_NODE_TYPE = 9;
-	var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
-
-	var ownerDocumentContextKey = '__ReactMount_ownerDocument$' + Math.random().toString(36).slice(2);
-
-	/** Mapping from reactRootID to React component instance. */
-	var instancesByReactRootID = {};
-
-	/** Mapping from reactRootID to `container` nodes. */
-	var containersByReactRootID = {};
+	var emptyObject = {};
 
 	if (process.env.NODE_ENV !== 'production') {
-	  /** __DEV__-only mapping from reactRootID to root elements. */
-	  var rootElementsByReactRootID = {};
+	  Object.freeze(emptyObject);
 	}
 
-	// Used to store breadth-first search state in findComponentRoot.
-	var findComponentRootReusableArray = [];
+	module.exports = emptyObject;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Finds the index of the first character
-	 * that's not common between the two given strings.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @return {number} the index of the character where the strings diverge
 	 */
-	function firstDifferenceIndex(string1, string2) {
-	  var minLen = Math.min(string1.length, string2.length);
-	  for (var i = 0; i < minLen; i++) {
-	    if (string1.charAt(i) !== string2.charAt(i)) {
-	      return i;
-	    }
-	  }
-	  return string1.length === string2.length ? -1 : minLen;
-	}
 
-	/**
-	 * @param {DOMElement|DOMDocument} container DOM element that may contain
-	 * a React component
-	 * @return {?*} DOM element that may have the reactRoot ID, or null.
-	 */
-	function getReactRootElementInContainer(container) {
-	  if (!container) {
-	    return null;
-	  }
+	'use strict';
 
-	  if (container.nodeType === DOC_NODE_TYPE) {
-	    return container.documentElement;
-	  } else {
-	    return container.firstChild;
-	  }
-	}
+	var _assign = __webpack_require__(4);
+
+	var ReactComponent = __webpack_require__(18);
+	var ReactNoopUpdateQueue = __webpack_require__(19);
+
+	var emptyObject = __webpack_require__(20);
 
 	/**
-	 * @param {DOMElement} container DOM element that may contain a React component.
-	 * @return {?string} A "reactRoot" ID, if a React component is rendered.
+	 * Base class helpers for the updating state of a component.
 	 */
-	function getReactRootID(container) {
-	  var rootElement = getReactRootElementInContainer(container);
-	  return rootElement && ReactMount.getID(rootElement);
+	function ReactPureComponent(props, context, updater) {
+	  // Duplicated from ReactComponent.
+	  this.props = props;
+	  this.context = context;
+	  this.refs = emptyObject;
+	  // We initialize the default updater but the real one gets injected by the
+	  // renderer.
+	  this.updater = updater || ReactNoopUpdateQueue;
 	}
 
-	/**
-	 * Accessing node[ATTR_NAME] or calling getAttribute(ATTR_NAME) on a form
-	 * element can return its control whose name or ID equals ATTR_NAME. All
-	 * DOM nodes support `getAttributeNode` but this can also get called on
-	 * other objects so just return '' if we're given something other than a
-	 * DOM node (such as window).
-	 *
-	 * @param {?DOMElement|DOMWindow|DOMDocument|DOMTextNode} node DOM node.
-	 * @return {string} ID of the supplied `domNode`.
-	 */
-	function getID(node) {
-	  var id = internalGetID(node);
-	  if (id) {
-	    if (nodeCache.hasOwnProperty(id)) {
-	      var cached = nodeCache[id];
-	      if (cached !== node) {
-	        !!isValid(cached, id) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactMount: Two valid but unequal nodes with the same `%s`: %s', ATTR_NAME, id) : invariant(false) : undefined;
+	function ComponentDummy() {}
+	ComponentDummy.prototype = ReactComponent.prototype;
+	ReactPureComponent.prototype = new ComponentDummy();
+	ReactPureComponent.prototype.constructor = ReactPureComponent;
+	// Avoid an extra prototype jump for these methods.
+	_assign(ReactPureComponent.prototype, ReactComponent.prototype);
+	ReactPureComponent.prototype.isPureReactComponent = true;
 
-	        nodeCache[id] = node;
-	      }
-	    } else {
-	      nodeCache[id] = node;
-	    }
-	  }
-
-	  return id;
-	}
-
-	function internalGetID(node) {
-	  // If node is something like a window, document, or text node, none of
-	  // which support attributes or a .getAttribute method, gracefully return
-	  // the empty string, as if the attribute were missing.
-	  return node && node.getAttribute && node.getAttribute(ATTR_NAME) || '';
-	}
-
-	/**
-	 * Sets the React-specific ID of the given node.
-	 *
-	 * @param {DOMElement} node The DOM node whose ID will be set.
-	 * @param {string} id The value of the ID attribute.
-	 */
-	function setID(node, id) {
-	  var oldID = internalGetID(node);
-	  if (oldID !== id) {
-	    delete nodeCache[oldID];
-	  }
-	  node.setAttribute(ATTR_NAME, id);
-	  nodeCache[id] = node;
-	}
-
-	/**
-	 * Finds the node with the supplied React-generated DOM ID.
-	 *
-	 * @param {string} id A React-generated DOM ID.
-	 * @return {DOMElement} DOM node with the suppled `id`.
-	 * @internal
-	 */
-	function getNode(id) {
-	  if (!nodeCache.hasOwnProperty(id) || !isValid(nodeCache[id], id)) {
-	    nodeCache[id] = ReactMount.findReactNodeByID(id);
-	  }
-	  return nodeCache[id];
-	}
+	module.exports = ReactPureComponent;
 
-	/**
-	 * Finds the node with the supplied public React instance.
-	 *
-	 * @param {*} instance A public React instance.
-	 * @return {?DOMElement} DOM node with the suppled `id`.
-	 * @internal
-	 */
-	function getNodeFromInstance(instance) {
-	  var id = ReactInstanceMap.get(instance)._rootNodeID;
-	  if (ReactEmptyComponentRegistry.isNullComponentID(id)) {
-	    return null;
-	  }
-	  if (!nodeCache.hasOwnProperty(id) || !isValid(nodeCache[id], id)) {
-	    nodeCache[id] = ReactMount.findReactNodeByID(id);
-	  }
-	  return nodeCache[id];
-	}
+/***/ }),
+/* 22 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * A node is "valid" if it is contained by a currently mounted container.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * This means that the node does not have to be contained by a document in
-	 * order to be considered valid.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {?DOMElement} node The candidate DOM node.
-	 * @param {string} id The expected ID of the node.
-	 * @return {boolean} Whether the node is contained by a mounted container.
 	 */
-	function isValid(node, id) {
-	  if (node) {
-	    !(internalGetID(node) === id) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactMount: Unexpected modification of `%s`', ATTR_NAME) : invariant(false) : undefined;
-
-	    var container = ReactMount.findReactContainerForID(id);
-	    if (container && containsNode(container, node)) {
-	      return true;
-	    }
-	  }
-
-	  return false;
-	}
 
-	/**
-	 * Causes the cache to forget about one React-specific ID.
-	 *
-	 * @param {string} id The ID to forget.
-	 */
-	function purgeID(id) {
-	  delete nodeCache[id];
-	}
+	'use strict';
 
-	var deepestNodeSoFar = null;
-	function findDeepestCachedAncestorImpl(ancestorID) {
-	  var ancestor = nodeCache[ancestorID];
-	  if (ancestor && isValid(ancestor, ancestorID)) {
-	    deepestNodeSoFar = ancestor;
-	  } else {
-	    // This node isn't populated in the cache, so presumably none of its
-	    // descendants are. Break out of the loop.
-	    return false;
-	  }
-	}
+	var _prodInvariant = __webpack_require__(7),
+	    _assign = __webpack_require__(4);
 
-	/**
-	 * Return the deepest cached node whose ID is a prefix of `targetID`.
-	 */
-	function findDeepestCachedAncestor(targetID) {
-	  deepestNodeSoFar = null;
-	  ReactInstanceHandles.traverseAncestors(targetID, findDeepestCachedAncestorImpl);
+	var ReactComponent = __webpack_require__(18);
+	var ReactElement = __webpack_require__(9);
+	var ReactPropTypeLocationNames = __webpack_require__(23);
+	var ReactNoopUpdateQueue = __webpack_require__(19);
 
-	  var foundNode = deepestNodeSoFar;
-	  deepestNodeSoFar = null;
-	  return foundNode;
-	}
+	var emptyObject = __webpack_require__(20);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * Mounts this component and inserts it into the DOM.
-	 *
-	 * @param {ReactComponent} componentInstance The instance to mount.
-	 * @param {string} rootID DOM ID of the root node.
-	 * @param {DOMElement} container DOM element to mount into.
-	 * @param {ReactReconcileTransaction} transaction
-	 * @param {boolean} shouldReuseMarkup If true, do not insert markup
-	 */
-	function mountComponentIntoNode(componentInstance, rootID, container, transaction, shouldReuseMarkup, context) {
-	  if (ReactDOMFeatureFlags.useCreateElement) {
-	    context = assign({}, context);
-	    if (container.nodeType === DOC_NODE_TYPE) {
-	      context[ownerDocumentContextKey] = container;
-	    } else {
-	      context[ownerDocumentContextKey] = container.ownerDocument;
-	    }
-	  }
-	  if (process.env.NODE_ENV !== 'production') {
-	    if (context === emptyObject) {
-	      context = {};
-	    }
-	    var tag = container.nodeName.toLowerCase();
-	    context[validateDOMNesting.ancestorInfoContextKey] = validateDOMNesting.updatedAncestorInfo(null, tag, null);
-	  }
-	  var markup = ReactReconciler.mountComponent(componentInstance, rootID, transaction, context);
-	  componentInstance._renderedComponent._topLevelWrapper = componentInstance;
-	  ReactMount._mountImageIntoNode(markup, container, shouldReuseMarkup, transaction);
-	}
+	var MIXINS_KEY = 'mixins';
 
-	/**
-	 * Batched mount.
-	 *
-	 * @param {ReactComponent} componentInstance The instance to mount.
-	 * @param {string} rootID DOM ID of the root node.
-	 * @param {DOMElement} container DOM element to mount into.
-	 * @param {boolean} shouldReuseMarkup If true, do not insert markup
-	 */
-	function batchedMountComponentIntoNode(componentInstance, rootID, container, shouldReuseMarkup, context) {
-	  var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(
-	  /* forceHTML */shouldReuseMarkup);
-	  transaction.perform(mountComponentIntoNode, null, componentInstance, rootID, container, transaction, shouldReuseMarkup, context);
-	  ReactUpdates.ReactReconcileTransaction.release(transaction);
+	// Helper function to allow the creation of anonymous functions which do not
+	// have .name set to the name of the variable being assigned to.
+	function identity(fn) {
+	  return fn;
 	}
 
 	/**
-	 * Unmounts a component and removes it from the DOM.
-	 *
-	 * @param {ReactComponent} instance React component instance.
-	 * @param {DOMElement} container DOM element to unmount from.
-	 * @final
-	 * @internal
-	 * @see {ReactMount.unmountComponentAtNode}
+	 * Policies that describe methods in `ReactClassInterface`.
 	 */
-	function unmountComponentFromNode(instance, container) {
-	  ReactReconciler.unmountComponent(instance);
 
-	  if (container.nodeType === DOC_NODE_TYPE) {
-	    container = container.documentElement;
-	  }
 
-	  // http://jsperf.com/emptying-a-node
-	  while (container.lastChild) {
-	    container.removeChild(container.lastChild);
-	  }
-	}
+	var injectedMixins = [];
 
 	/**
-	 * True if the supplied DOM node has a direct React-rendered child that is
-	 * not a React root element. Useful for warning in `render`,
-	 * `unmountComponentAtNode`, etc.
+	 * Composite components are higher-level components that compose other composite
+	 * or host components.
 	 *
-	 * @param {?DOMElement} node The candidate DOM node.
-	 * @return {boolean} True if the DOM element contains a direct child that was
-	 * rendered by React but is not a root element.
-	 * @internal
-	 */
-	function hasNonRootReactChild(node) {
-	  var reactRootID = getReactRootID(node);
-	  return reactRootID ? reactRootID !== ReactInstanceHandles.getReactRootIDFromNodeID(reactRootID) : false;
-	}
-
-	/**
-	 * Returns the first (deepest) ancestor of a node which is rendered by this copy
-	 * of React.
-	 */
-	function findFirstReactDOMImpl(node) {
-	  // This node might be from another React instance, so we make sure not to
-	  // examine the node cache here
-	  for (; node && node.parentNode !== node; node = node.parentNode) {
-	    if (node.nodeType !== 1) {
-	      // Not a DOMElement, therefore not a React component
-	      continue;
-	    }
-	    var nodeID = internalGetID(node);
-	    if (!nodeID) {
-	      continue;
-	    }
-	    var reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(nodeID);
-
-	    // If containersByReactRootID contains the container we find by crawling up
-	    // the tree, we know that this instance of React rendered the node.
-	    // nb. isValid's strategy (with containsNode) does not work because render
-	    // trees may be nested and we don't want a false positive in that case.
-	    var current = node;
-	    var lastID;
-	    do {
-	      lastID = internalGetID(current);
-	      current = current.parentNode;
-	      if (current == null) {
-	        // The passed-in node has been detached from the container it was
-	        // originally rendered into.
-	        return null;
-	      }
-	    } while (lastID !== reactRootID);
-
-	    if (current === containersByReactRootID[reactRootID]) {
-	      return node;
-	    }
-	  }
-	  return null;
-	}
-
-	/**
-	 * Temporary (?) hack so that we can store all top-level pending updates on
-	 * composites instead of having to worry about different types of components
-	 * here.
-	 */
-	var TopLevelWrapper = function () {};
-	TopLevelWrapper.prototype.isReactComponent = {};
-	if (process.env.NODE_ENV !== 'production') {
-	  TopLevelWrapper.displayName = 'TopLevelWrapper';
-	}
-	TopLevelWrapper.prototype.render = function () {
-	  // this.props is actually a ReactElement
-	  return this.props;
-	};
-
-	/**
-	 * Mounting is the process of initializing a React component by creating its
-	 * representative DOM elements and inserting them into a supplied `container`.
-	 * Any prior content inside `container` is destroyed in the process.
+	 * To create a new type of `ReactClass`, pass a specification of
+	 * your new class to `React.createClass`. The only requirement of your class
+	 * specification is that you implement a `render` method.
 	 *
-	 *   ReactMount.render(
-	 *     component,
-	 *     document.getElementById('container')
-	 *   );
+	 *   var MyComponent = React.createClass({
+	 *     render: function() {
+	 *       return <div>Hello World</div>;
+	 *     }
+	 *   });
 	 *
-	 *   <div id="container">                   <-- Supplied `container`.
-	 *     <div data-reactid=".3">              <-- Rendered reactRoot of React
-	 *       // ...                                 component.
-	 *     </div>
-	 *   </div>
+	 * The class specification supports a specific protocol of methods that have
+	 * special meaning (e.g. `render`). See `ReactClassInterface` for
+	 * more the comprehensive protocol. Any other properties and methods in the
+	 * class specification will be available on the prototype.
 	 *
-	 * Inside of `container`, the first element rendered is the "reactRoot".
+	 * @interface ReactClassInterface
+	 * @internal
 	 */
-	var ReactMount = {
-
-	  TopLevelWrapper: TopLevelWrapper,
-
-	  /** Exposed for debugging purposes **/
-	  _instancesByReactRootID: instancesByReactRootID,
+	var ReactClassInterface = {
 
 	  /**
-	   * This is a hook provided to support rendering React components while
-	   * ensuring that the apparent scroll position of its `container` does not
-	   * change.
+	   * An array of Mixin objects to include when defining your component.
 	   *
-	   * @param {DOMElement} container The `container` being rendered into.
-	   * @param {function} renderCallback This must be called once to do the render.
+	   * @type {array}
+	   * @optional
 	   */
-	  scrollMonitor: function (container, renderCallback) {
-	    renderCallback();
-	  },
+	  mixins: 'DEFINE_MANY',
 
 	  /**
-	   * Take a component that's already mounted into the DOM and replace its props
-	   * @param {ReactComponent} prevComponent component instance already in the DOM
-	   * @param {ReactElement} nextElement component instance to render
-	   * @param {DOMElement} container container to render into
-	   * @param {?function} callback function triggered on completion
+	   * An object containing properties and methods that should be defined on
+	   * the component's constructor instead of its prototype (static methods).
+	   *
+	   * @type {object}
+	   * @optional
 	   */
-	  _updateRootComponent: function (prevComponent, nextElement, container, callback) {
-	    ReactMount.scrollMonitor(container, function () {
-	      ReactUpdateQueue.enqueueElementInternal(prevComponent, nextElement);
-	      if (callback) {
-	        ReactUpdateQueue.enqueueCallbackInternal(prevComponent, callback);
-	      }
-	    });
-
-	    if (process.env.NODE_ENV !== 'production') {
-	      // Record the root element in case it later gets transplanted.
-	      rootElementsByReactRootID[getReactRootID(container)] = getReactRootElementInContainer(container);
-	    }
-
-	    return prevComponent;
-	  },
+	  statics: 'DEFINE_MANY',
 
 	  /**
-	   * Register a component into the instance map and starts scroll value
-	   * monitoring
-	   * @param {ReactComponent} nextComponent component instance to render
-	   * @param {DOMElement} container container to render into
-	   * @return {string} reactRoot ID prefix
+	   * Definition of prop types for this component.
+	   *
+	   * @type {object}
+	   * @optional
 	   */
-	  _registerComponent: function (nextComponent, container) {
-	    !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '_registerComponent(...): Target container is not a DOM element.') : invariant(false) : undefined;
-
-	    ReactBrowserEventEmitter.ensureScrollValueMonitoring();
-
-	    var reactRootID = ReactMount.registerContainer(container);
-	    instancesByReactRootID[reactRootID] = nextComponent;
-	    return reactRootID;
-	  },
+	  propTypes: 'DEFINE_MANY',
 
 	  /**
-	   * Render a new component into the DOM.
-	   * @param {ReactElement} nextElement element to render
-	   * @param {DOMElement} container container to render into
-	   * @param {boolean} shouldReuseMarkup if we should skip the markup insertion
-	   * @return {ReactComponent} nextComponent
+	   * Definition of context types for this component.
+	   *
+	   * @type {object}
+	   * @optional
 	   */
-	  _renderNewRootComponent: function (nextElement, container, shouldReuseMarkup, context) {
-	    // Various parts of our code (such as ReactCompositeComponent's
-	    // _renderValidatedComponent) assume that calls to render aren't nested;
-	    // verify that that's the case.
-	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, '_renderNewRootComponent(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from ' + 'render is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : undefined;
-
-	    var componentInstance = instantiateReactComponent(nextElement, null);
-	    var reactRootID = ReactMount._registerComponent(componentInstance, container);
-
-	    // The initial render is synchronous but any updates that happen during
-	    // rendering, in componentWillMount or componentDidMount, will be batched
-	    // according to the current batching strategy.
+	  contextTypes: 'DEFINE_MANY',
 
-	    ReactUpdates.batchedUpdates(batchedMountComponentIntoNode, componentInstance, reactRootID, container, shouldReuseMarkup, context);
-
-	    if (process.env.NODE_ENV !== 'production') {
-	      // Record the root element in case it later gets transplanted.
-	      rootElementsByReactRootID[reactRootID] = getReactRootElementInContainer(container);
-	    }
+	  /**
+	   * Definition of context types this component sets for its children.
+	   *
+	   * @type {object}
+	   * @optional
+	   */
+	  childContextTypes: 'DEFINE_MANY',
 
-	    return componentInstance;
-	  },
+	  // ==== Definition methods ====
 
 	  /**
-	   * Renders a React component into the DOM in the supplied `container`.
+	   * Invoked when the component is mounted. Values in the mapping will be set on
+	   * `this.props` if that prop is not specified (i.e. using an `in` check).
 	   *
-	   * If the React component was previously rendered into `container`, this will
-	   * perform an update on it and only mutate the DOM as necessary to reflect the
-	   * latest React component.
+	   * This method is invoked before `getInitialState` and therefore cannot rely
+	   * on `this.state` or use `this.setState`.
 	   *
-	   * @param {ReactComponent} parentComponent The conceptual parent of this render tree.
-	   * @param {ReactElement} nextElement Component element to render.
-	   * @param {DOMElement} container DOM element to render into.
-	   * @param {?function} callback function triggered on completion
-	   * @return {ReactComponent} Component instance rendered in `container`.
+	   * @return {object}
+	   * @optional
 	   */
-	  renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) {
-	    !(parentComponent != null && parentComponent._reactInternalInstance != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'parentComponent must be a valid React Component') : invariant(false) : undefined;
-	    return ReactMount._renderSubtreeIntoContainer(parentComponent, nextElement, container, callback);
-	  },
+	  getDefaultProps: 'DEFINE_MANY_MERGED',
 
-	  _renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) {
-	    !ReactElement.isValidElement(nextElement) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOM.render(): Invalid component element.%s', typeof nextElement === 'string' ? ' Instead of passing an element string, make sure to instantiate ' + 'it by passing it to React.createElement.' : typeof nextElement === 'function' ? ' Instead of passing a component class, make sure to instantiate ' + 'it by passing it to React.createElement.' :
-	    // Check if it quacks like an element
-	    nextElement != null && nextElement.props !== undefined ? ' This may be caused by unintentionally loading two independent ' + 'copies of React.' : '') : invariant(false) : undefined;
-
-	    process.env.NODE_ENV !== 'production' ? warning(!container || !container.tagName || container.tagName.toUpperCase() !== 'BODY', 'render(): Rendering components directly into document.body is ' + 'discouraged, since its children are often manipulated by third-party ' + 'scripts and browser extensions. This may lead to subtle ' + 'reconciliation issues. Try rendering into a container element created ' + 'for your app.') : undefined;
-
-	    var nextWrappedElement = new ReactElement(TopLevelWrapper, null, null, null, null, null, nextElement);
-
-	    var prevComponent = instancesByReactRootID[getReactRootID(container)];
-
-	    if (prevComponent) {
-	      var prevWrappedElement = prevComponent._currentElement;
-	      var prevElement = prevWrappedElement.props;
-	      if (shouldUpdateReactComponent(prevElement, nextElement)) {
-	        var publicInst = prevComponent._renderedComponent.getPublicInstance();
-	        var updatedCallback = callback && function () {
-	          callback.call(publicInst);
-	        };
-	        ReactMount._updateRootComponent(prevComponent, nextWrappedElement, container, updatedCallback);
-	        return publicInst;
-	      } else {
-	        ReactMount.unmountComponentAtNode(container);
-	      }
-	    }
+	  /**
+	   * Invoked once before the component is mounted. The return value will be used
+	   * as the initial value of `this.state`.
+	   *
+	   *   getInitialState: function() {
+	   *     return {
+	   *       isOn: false,
+	   *       fooBaz: new BazFoo()
+	   *     }
+	   *   }
+	   *
+	   * @return {object}
+	   * @optional
+	   */
+	  getInitialState: 'DEFINE_MANY_MERGED',
 
-	    var reactRootElement = getReactRootElementInContainer(container);
-	    var containerHasReactMarkup = reactRootElement && !!internalGetID(reactRootElement);
-	    var containerHasNonRootReactChild = hasNonRootReactChild(container);
+	  /**
+	   * @return {object}
+	   * @optional
+	   */
+	  getChildContext: 'DEFINE_MANY_MERGED',
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.') : undefined;
+	  /**
+	   * Uses props from `this.props` and state from `this.state` to render the
+	   * structure of the component.
+	   *
+	   * No guarantees are made about when or how often this method is invoked, so
+	   * it must not have side effects.
+	   *
+	   *   render: function() {
+	   *     var name = this.props.name;
+	   *     return <div>Hello, {name}!</div>;
+	   *   }
+	   *
+	   * @return {ReactComponent}
+	   * @required
+	   */
+	  render: 'DEFINE_ONCE',
 
-	      if (!containerHasReactMarkup || reactRootElement.nextSibling) {
-	        var rootElementSibling = reactRootElement;
-	        while (rootElementSibling) {
-	          if (internalGetID(rootElementSibling)) {
-	            process.env.NODE_ENV !== 'production' ? warning(false, 'render(): Target node has markup rendered by React, but there ' + 'are unrelated nodes as well. This is most commonly caused by ' + 'white-space inserted around server-rendered markup.') : undefined;
-	            break;
-	          }
-	          rootElementSibling = rootElementSibling.nextSibling;
-	        }
-	      }
-	    }
+	  // ==== Delegate methods ====
 
-	    var shouldReuseMarkup = containerHasReactMarkup && !prevComponent && !containerHasNonRootReactChild;
-	    var component = ReactMount._renderNewRootComponent(nextWrappedElement, container, shouldReuseMarkup, parentComponent != null ? parentComponent._reactInternalInstance._processChildContext(parentComponent._reactInternalInstance._context) : emptyObject)._renderedComponent.getPublicInstance();
-	    if (callback) {
-	      callback.call(component);
-	    }
-	    return component;
-	  },
+	  /**
+	   * Invoked when the component is initially created and about to be mounted.
+	   * This may have side effects, but any external subscriptions or data created
+	   * by this method must be cleaned up in `componentWillUnmount`.
+	   *
+	   * @optional
+	   */
+	  componentWillMount: 'DEFINE_MANY',
 
 	  /**
-	   * Renders a React component into the DOM in the supplied `container`.
+	   * Invoked when the component has been mounted and has a DOM representation.
+	   * However, there is no guarantee that the DOM node is in the document.
 	   *
-	   * If the React component was previously rendered into `container`, this will
-	   * perform an update on it and only mutate the DOM as necessary to reflect the
-	   * latest React component.
+	   * Use this as an opportunity to operate on the DOM when the component has
+	   * been mounted (initialized and rendered) for the first time.
 	   *
-	   * @param {ReactElement} nextElement Component element to render.
-	   * @param {DOMElement} container DOM element to render into.
-	   * @param {?function} callback function triggered on completion
-	   * @return {ReactComponent} Component instance rendered in `container`.
+	   * @param {DOMElement} rootNode DOM element representing the component.
+	   * @optional
 	   */
-	  render: function (nextElement, container, callback) {
-	    return ReactMount._renderSubtreeIntoContainer(null, nextElement, container, callback);
-	  },
+	  componentDidMount: 'DEFINE_MANY',
 
 	  /**
-	   * Registers a container node into which React components will be rendered.
-	   * This also creates the "reactRoot" ID that will be assigned to the element
-	   * rendered within.
+	   * Invoked before the component receives new props.
+	   *
+	   * Use this as an opportunity to react to a prop transition by updating the
+	   * state using `this.setState`. Current props are accessed via `this.props`.
+	   *
+	   *   componentWillReceiveProps: function(nextProps, nextContext) {
+	   *     this.setState({
+	   *       likesIncreasing: nextProps.likeCount > this.props.likeCount
+	   *     });
+	   *   }
+	   *
+	   * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop
+	   * transition may cause a state change, but the opposite is not true. If you
+	   * need it, you are probably looking for `componentWillUpdate`.
 	   *
-	   * @param {DOMElement} container DOM element to register as a container.
-	   * @return {string} The "reactRoot" ID of elements rendered within.
+	   * @param {object} nextProps
+	   * @optional
 	   */
-	  registerContainer: function (container) {
-	    var reactRootID = getReactRootID(container);
-	    if (reactRootID) {
-	      // If one exists, make sure it is a valid "reactRoot" ID.
-	      reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(reactRootID);
-	    }
-	    if (!reactRootID) {
-	      // No valid "reactRoot" ID found, create one.
-	      reactRootID = ReactInstanceHandles.createReactRootID();
-	    }
-	    containersByReactRootID[reactRootID] = container;
-	    return reactRootID;
-	  },
+	  componentWillReceiveProps: 'DEFINE_MANY',
 
 	  /**
-	   * Unmounts and destroys the React component rendered in the `container`.
+	   * Invoked while deciding if the component should be updated as a result of
+	   * receiving new props, state and/or context.
 	   *
-	   * @param {DOMElement} container DOM element containing a React component.
-	   * @return {boolean} True if a component was found in and unmounted from
-	   *                   `container`
+	   * Use this as an opportunity to `return false` when you're certain that the
+	   * transition to the new props/state/context will not require a component
+	   * update.
+	   *
+	   *   shouldComponentUpdate: function(nextProps, nextState, nextContext) {
+	   *     return !equal(nextProps, this.props) ||
+	   *       !equal(nextState, this.state) ||
+	   *       !equal(nextContext, this.context);
+	   *   }
+	   *
+	   * @param {object} nextProps
+	   * @param {?object} nextState
+	   * @param {?object} nextContext
+	   * @return {boolean} True if the component should update.
+	   * @optional
 	   */
-	  unmountComponentAtNode: function (container) {
-	    // Various parts of our code (such as ReactCompositeComponent's
-	    // _renderValidatedComponent) assume that calls to render aren't nested;
-	    // verify that that's the case. (Strictly speaking, unmounting won't cause a
-	    // render but we still don't expect to be in a render call here.)
-	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, 'unmountComponentAtNode(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from render ' + 'is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : undefined;
-
-	    !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'unmountComponentAtNode(...): Target container is not a DOM element.') : invariant(false) : undefined;
-
-	    var reactRootID = getReactRootID(container);
-	    var component = instancesByReactRootID[reactRootID];
-	    if (!component) {
-	      // Check if the node being unmounted was rendered by React, but isn't a
-	      // root node.
-	      var containerHasNonRootReactChild = hasNonRootReactChild(container);
-
-	      // Check if the container itself is a React root node.
-	      var containerID = internalGetID(container);
-	      var isContainerReactRoot = containerID && containerID === ReactInstanceHandles.getReactRootIDFromNodeID(containerID);
-
-	      if (process.env.NODE_ENV !== 'production') {
-	        process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'unmountComponentAtNode(): The node you\'re attempting to unmount ' + 'was rendered by React and is not a top-level container. %s', isContainerReactRoot ? 'You may have accidentally passed in a React root node instead ' + 'of its container.' : 'Instead, have the parent component update its state and ' + 'rerender in order to remove this component.') : undefined;
-	      }
-
-	      return false;
-	    }
-	    ReactUpdates.batchedUpdates(unmountComponentFromNode, component, container);
-	    delete instancesByReactRootID[reactRootID];
-	    delete containersByReactRootID[reactRootID];
-	    if (process.env.NODE_ENV !== 'production') {
-	      delete rootElementsByReactRootID[reactRootID];
-	    }
-	    return true;
-	  },
+	  shouldComponentUpdate: 'DEFINE_ONCE',
 
 	  /**
-	   * Finds the container DOM element that contains React component to which the
-	   * supplied DOM `id` belongs.
+	   * Invoked when the component is about to update due to a transition from
+	   * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`
+	   * and `nextContext`.
+	   *
+	   * Use this as an opportunity to perform preparation before an update occurs.
+	   *
+	   * NOTE: You **cannot** use `this.setState()` in this method.
 	   *
-	   * @param {string} id The ID of an element rendered by a React component.
-	   * @return {?DOMElement} DOM element that contains the `id`.
+	   * @param {object} nextProps
+	   * @param {?object} nextState
+	   * @param {?object} nextContext
+	   * @param {ReactReconcileTransaction} transaction
+	   * @optional
 	   */
-	  findReactContainerForID: function (id) {
-	    var reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(id);
-	    var container = containersByReactRootID[reactRootID];
-
-	    if (process.env.NODE_ENV !== 'production') {
-	      var rootElement = rootElementsByReactRootID[reactRootID];
-	      if (rootElement && rootElement.parentNode !== container) {
-	        process.env.NODE_ENV !== 'production' ? warning(
-	        // Call internalGetID here because getID calls isValid which calls
-	        // findReactContainerForID (this function).
-	        internalGetID(rootElement) === reactRootID, 'ReactMount: Root element ID differed from reactRootID.') : undefined;
-	        var containerChild = container.firstChild;
-	        if (containerChild && reactRootID === internalGetID(containerChild)) {
-	          // If the container has a new child with the same ID as the old
-	          // root element, then rootElementsByReactRootID[reactRootID] is
-	          // just stale and needs to be updated. The case that deserves a
-	          // warning is when the container is empty.
-	          rootElementsByReactRootID[reactRootID] = containerChild;
-	        } else {
-	          process.env.NODE_ENV !== 'production' ? warning(false, 'ReactMount: Root element has been removed from its original ' + 'container. New container: %s', rootElement.parentNode) : undefined;
-	        }
-	      }
-	    }
-
-	    return container;
-	  },
+	  componentWillUpdate: 'DEFINE_MANY',
 
 	  /**
-	   * Finds an element rendered by React with the supplied ID.
+	   * Invoked when the component's DOM representation has been updated.
+	   *
+	   * Use this as an opportunity to operate on the DOM when the component has
+	   * been updated.
 	   *
-	   * @param {string} id ID of a DOM node in the React component.
-	   * @return {DOMElement} Root DOM node of the React component.
+	   * @param {object} prevProps
+	   * @param {?object} prevState
+	   * @param {?object} prevContext
+	   * @param {DOMElement} rootNode DOM element representing the component.
+	   * @optional
 	   */
-	  findReactNodeByID: function (id) {
-	    var reactRoot = ReactMount.findReactContainerForID(id);
-	    return ReactMount.findComponentRoot(reactRoot, id);
-	  },
+	  componentDidUpdate: 'DEFINE_MANY',
 
 	  /**
-	   * Traverses up the ancestors of the supplied node to find a node that is a
-	   * DOM representation of a React component rendered by this copy of React.
+	   * Invoked when the component is about to be removed from its parent and have
+	   * its DOM representation destroyed.
 	   *
-	   * @param {*} node
-	   * @return {?DOMEventTarget}
-	   * @internal
+	   * Use this as an opportunity to deallocate any external resources.
+	   *
+	   * NOTE: There is no `componentDidUnmount` since your component will have been
+	   * destroyed by that point.
+	   *
+	   * @optional
 	   */
-	  getFirstReactDOM: function (node) {
-	    return findFirstReactDOMImpl(node);
-	  },
+	  componentWillUnmount: 'DEFINE_MANY',
+
+	  // ==== Advanced methods ====
 
 	  /**
-	   * Finds a node with the supplied `targetID` inside of the supplied
-	   * `ancestorNode`.  Exploits the ID naming scheme to perform the search
-	   * quickly.
+	   * Updates the component's currently mounted DOM representation.
+	   *
+	   * By default, this implements React's rendering and reconciliation algorithm.
+	   * Sophisticated clients may wish to override this.
 	   *
-	   * @param {DOMEventTarget} ancestorNode Search from this root.
-	   * @pararm {string} targetID ID of the DOM representation of the component.
-	   * @return {DOMEventTarget} DOM node with the supplied `targetID`.
+	   * @param {ReactReconcileTransaction} transaction
 	   * @internal
+	   * @overridable
 	   */
-	  findComponentRoot: function (ancestorNode, targetID) {
-	    var firstChildren = findComponentRootReusableArray;
-	    var childIndex = 0;
-
-	    var deepestAncestor = findDeepestCachedAncestor(targetID) || ancestorNode;
-
-	    if (process.env.NODE_ENV !== 'production') {
-	      // This will throw on the next line; give an early warning
-	      process.env.NODE_ENV !== 'production' ? warning(deepestAncestor != null, 'React can\'t find the root component node for data-reactid value ' + '`%s`. If you\'re seeing this message, it probably means that ' + 'you\'ve loaded two copies of React on the page. At this time, only ' + 'a single copy of React can be loaded at a time.', targetID) : undefined;
-	    }
-
-	    firstChildren[0] = deepestAncestor.firstChild;
-	    firstChildren.length = 1;
-
-	    while (childIndex < firstChildren.length) {
-	      var child = firstChildren[childIndex++];
-	      var targetChild;
-
-	      while (child) {
-	        var childID = ReactMount.getID(child);
-	        if (childID) {
-	          // Even if we find the node we're looking for, we finish looping
-	          // through its siblings to ensure they're cached so that we don't have
-	          // to revisit this node again. Otherwise, we make n^2 calls to getID
-	          // when visiting the many children of a single node in order.
-
-	          if (targetID === childID) {
-	            targetChild = child;
-	          } else if (ReactInstanceHandles.isAncestorIDOf(childID, targetID)) {
-	            // If we find a child whose ID is an ancestor of the given ID,
-	            // then we can be sure that we only want to search the subtree
-	            // rooted at this child, so we can throw out the rest of the
-	            // search state.
-	            firstChildren.length = childIndex = 0;
-	            firstChildren.push(child.firstChild);
-	          }
-	        } else {
-	          // If this child had no ID, then there's a chance that it was
-	          // injected automatically by the browser, as when a `<table>`
-	          // element sprouts an extra `<tbody>` child as a side effect of
-	          // `.innerHTML` parsing. Optimistically continue down this
-	          // branch, but not before examining the other siblings.
-	          firstChildren.push(child.firstChild);
-	        }
+	  updateComponent: 'OVERRIDE_BASE'
 
-	        child = child.nextSibling;
-	      }
-
-	      if (targetChild) {
-	        // Emptying firstChildren/findComponentRootReusableArray is
-	        // not necessary for correctness, but it helps the GC reclaim
-	        // any nodes that were left at the end of the search.
-	        firstChildren.length = 0;
+	};
 
-	        return targetChild;
+	/**
+	 * Mapping from class specification keys to special processing functions.
+	 *
+	 * Although these are declared like instance properties in the specification
+	 * when defining classes using `React.createClass`, they are actually static
+	 * and are accessible on the constructor instead of the prototype. Despite
+	 * being static, they must be defined outside of the "statics" key under
+	 * which all other static methods are defined.
+	 */
+	var RESERVED_SPEC_KEYS = {
+	  displayName: function (Constructor, displayName) {
+	    Constructor.displayName = displayName;
+	  },
+	  mixins: function (Constructor, mixins) {
+	    if (mixins) {
+	      for (var i = 0; i < mixins.length; i++) {
+	        mixSpecIntoComponent(Constructor, mixins[i]);
 	      }
 	    }
-
-	    firstChildren.length = 0;
-
-	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'findComponentRoot(..., %s): Unable to find element. This probably ' + 'means the DOM was unexpectedly mutated (e.g., by the browser), ' + 'usually due to forgetting a <tbody> when using tables, nesting tags ' + 'like <form>, <p>, or <a>, or using non-SVG elements in an <svg> ' + 'parent. ' + 'Try inspecting the child nodes of the element with React ID `%s`.', targetID, ReactMount.getID(ancestorNode)) : invariant(false) : undefined;
 	  },
+	  childContextTypes: function (Constructor, childContextTypes) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      validateTypeDef(Constructor, childContextTypes, 'childContext');
+	    }
+	    Constructor.childContextTypes = _assign({}, Constructor.childContextTypes, childContextTypes);
+	  },
+	  contextTypes: function (Constructor, contextTypes) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      validateTypeDef(Constructor, contextTypes, 'context');
+	    }
+	    Constructor.contextTypes = _assign({}, Constructor.contextTypes, contextTypes);
+	  },
+	  /**
+	   * Special case getDefaultProps which should move into statics but requires
+	   * automatic merging.
+	   */
+	  getDefaultProps: function (Constructor, getDefaultProps) {
+	    if (Constructor.getDefaultProps) {
+	      Constructor.getDefaultProps = createMergedResultFunction(Constructor.getDefaultProps, getDefaultProps);
+	    } else {
+	      Constructor.getDefaultProps = getDefaultProps;
+	    }
+	  },
+	  propTypes: function (Constructor, propTypes) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      validateTypeDef(Constructor, propTypes, 'prop');
+	    }
+	    Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);
+	  },
+	  statics: function (Constructor, statics) {
+	    mixStaticSpecIntoComponent(Constructor, statics);
+	  },
+	  autobind: function () {} };
 
-	  _mountImageIntoNode: function (markup, container, shouldReuseMarkup, transaction) {
-	    !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mountComponentIntoNode(...): Target container is not valid.') : invariant(false) : undefined;
-
-	    if (shouldReuseMarkup) {
-	      var rootElement = getReactRootElementInContainer(container);
-	      if (ReactMarkupChecksum.canReuseMarkup(markup, rootElement)) {
-	        return;
-	      } else {
-	        var checksum = rootElement.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
-	        rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
-
-	        var rootMarkup = rootElement.outerHTML;
-	        rootElement.setAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME, checksum);
-
-	        var normalizedMarkup = markup;
-	        if (process.env.NODE_ENV !== 'production') {
-	          // because rootMarkup is retrieved from the DOM, various normalizations
-	          // will have occurred which will not be present in `markup`. Here,
-	          // insert markup into a <div> or <iframe> depending on the container
-	          // type to perform the same normalizations before comparing.
-	          var normalizer;
-	          if (container.nodeType === ELEMENT_NODE_TYPE) {
-	            normalizer = document.createElement('div');
-	            normalizer.innerHTML = markup;
-	            normalizedMarkup = normalizer.innerHTML;
-	          } else {
-	            normalizer = document.createElement('iframe');
-	            document.body.appendChild(normalizer);
-	            normalizer.contentDocument.write(markup);
-	            normalizedMarkup = normalizer.contentDocument.documentElement.outerHTML;
-	            document.body.removeChild(normalizer);
-	          }
-	        }
-
-	        var diffIndex = firstDifferenceIndex(normalizedMarkup, rootMarkup);
-	        var difference = ' (client) ' + normalizedMarkup.substring(diffIndex - 20, diffIndex + 20) + '\n (server) ' + rootMarkup.substring(diffIndex - 20, diffIndex + 20);
+	function validateTypeDef(Constructor, typeDef, location) {
+	  for (var propName in typeDef) {
+	    if (typeDef.hasOwnProperty(propName)) {
+	      // use a warning instead of an invariant so components
+	      // don't show up in prod but only in __DEV__
+	      process.env.NODE_ENV !== 'production' ? warning(typeof typeDef[propName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', Constructor.displayName || 'ReactClass', ReactPropTypeLocationNames[location], propName) : void 0;
+	    }
+	  }
+	}
 
-	        !(container.nodeType !== DOC_NODE_TYPE) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'You\'re trying to render a component to the document using ' + 'server rendering but the checksum was invalid. This usually ' + 'means you rendered a different component type or props on ' + 'the client from the one on the server, or your render() ' + 'methods are impure. React cannot handle this case due to ' + 'cross-browser quirks by rendering at the document root. You ' + 'should look for environment dependent code in your components ' + 'and ensure the props are the same client and server side:\n%s', difference) : invariant(false) : undefined;
+	function validateMethodOverride(isAlreadyDefined, name) {
+	  var specPolicy = ReactClassInterface.hasOwnProperty(name) ? ReactClassInterface[name] : null;
 
-	        if (process.env.NODE_ENV !== 'production') {
-	          process.env.NODE_ENV !== 'production' ? warning(false, 'React attempted to reuse markup in a container but the ' + 'checksum was invalid. This generally means that you are ' + 'using server rendering and the markup generated on the ' + 'server was not what the client was expecting. React injected ' + 'new markup to compensate which works but you have lost many ' + 'of the benefits of server rendering. Instead, figure out ' + 'why the markup being generated is different on the client ' + 'or server:\n%s', difference) : undefined;
-	        }
-	      }
-	    }
+	  // Disallow overriding of base class methods unless explicitly allowed.
+	  if (ReactClassMixin.hasOwnProperty(name)) {
+	    !(specPolicy === 'OVERRIDE_BASE') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.', name) : _prodInvariant('73', name) : void 0;
+	  }
+
+	  // Disallow defining methods more than once unless explicitly allowed.
+	  if (isAlreadyDefined) {
+	    !(specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.', name) : _prodInvariant('74', name) : void 0;
+	  }
+	}
 
-	    !(container.nodeType !== DOC_NODE_TYPE) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'You\'re trying to render a component to the document but ' + 'you didn\'t use server rendering. We can\'t do this ' + 'without using server rendering due to cross-browser quirks. ' + 'See ReactDOMServer.renderToString() for server rendering.') : invariant(false) : undefined;
+	/**
+	 * Mixin helper which handles policy validation and reserved
+	 * specification keys when building React classes.
+	 */
+	function mixSpecIntoComponent(Constructor, spec) {
+	  if (!spec) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var typeofSpec = typeof spec;
+	      var isMixinValid = typeofSpec === 'object' && spec !== null;
 
-	    if (transaction.useCreateElement) {
-	      while (container.lastChild) {
-	        container.removeChild(container.lastChild);
-	      }
-	      container.appendChild(markup);
-	    } else {
-	      setInnerHTML(container, markup);
+	      process.env.NODE_ENV !== 'production' ? warning(isMixinValid, '%s: You\'re attempting to include a mixin that is either null ' + 'or not an object. Check the mixins included by the component, ' + 'as well as any mixins they include themselves. ' + 'Expected object but got %s.', Constructor.displayName || 'ReactClass', spec === null ? null : typeofSpec) : void 0;
 	    }
-	  },
 
-	  ownerDocumentContextKey: ownerDocumentContextKey,
+	    return;
+	  }
 
-	  /**
-	   * React ID utilities.
-	   */
+	  !(typeof spec !== 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You\'re attempting to use a component class or function as a mixin. Instead, just use a regular object.') : _prodInvariant('75') : void 0;
+	  !!ReactElement.isValidElement(spec) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You\'re attempting to use a component as a mixin. Instead, just use a regular object.') : _prodInvariant('76') : void 0;
 
-	  getReactRootID: getReactRootID,
+	  var proto = Constructor.prototype;
+	  var autoBindPairs = proto.__reactAutoBindPairs;
 
-	  getID: getID,
+	  // By handling mixins before any other properties, we ensure the same
+	  // chaining order is applied to methods with DEFINE_MANY policy, whether
+	  // mixins are listed before or after these methods in the spec.
+	  if (spec.hasOwnProperty(MIXINS_KEY)) {
+	    RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);
+	  }
 
-	  setID: setID,
+	  for (var name in spec) {
+	    if (!spec.hasOwnProperty(name)) {
+	      continue;
+	    }
 
-	  getNode: getNode,
+	    if (name === MIXINS_KEY) {
+	      // We have already handled mixins in a special case above.
+	      continue;
+	    }
 
-	  getNodeFromInstance: getNodeFromInstance,
+	    var property = spec[name];
+	    var isAlreadyDefined = proto.hasOwnProperty(name);
+	    validateMethodOverride(isAlreadyDefined, name);
 
-	  isValid: isValid,
+	    if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {
+	      RESERVED_SPEC_KEYS[name](Constructor, property);
+	    } else {
+	      // Setup methods on prototype:
+	      // The following member methods should not be automatically bound:
+	      // 1. Expected ReactClass methods (in the "interface").
+	      // 2. Overridden methods (that were mixed in).
+	      var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
+	      var isFunction = typeof property === 'function';
+	      var shouldAutoBind = isFunction && !isReactClassMethod && !isAlreadyDefined && spec.autobind !== false;
 
-	  purgeID: purgeID
-	};
+	      if (shouldAutoBind) {
+	        autoBindPairs.push(name, property);
+	        proto[name] = property;
+	      } else {
+	        if (isAlreadyDefined) {
+	          var specPolicy = ReactClassInterface[name];
 
-	ReactPerf.measureMethods(ReactMount, 'ReactMount', {
-	  _renderNewRootComponent: '_renderNewRootComponent',
-	  _mountImageIntoNode: '_mountImageIntoNode'
-	});
+	          // These cases should already be caught by validateMethodOverride.
+	          !(isReactClassMethod && (specPolicy === 'DEFINE_MANY_MERGED' || specPolicy === 'DEFINE_MANY')) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.', specPolicy, name) : _prodInvariant('77', specPolicy, name) : void 0;
 
-	module.exports = ReactMount;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	          // For methods which are defined more than once, call the existing
+	          // methods before calling the new property, merging if appropriate.
+	          if (specPolicy === 'DEFINE_MANY_MERGED') {
+	            proto[name] = createMergedResultFunction(proto[name], property);
+	          } else if (specPolicy === 'DEFINE_MANY') {
+	            proto[name] = createChainedFunction(proto[name], property);
+	          }
+	        } else {
+	          proto[name] = property;
+	          if (process.env.NODE_ENV !== 'production') {
+	            // Add verbose displayName to the function, which helps when looking
+	            // at profiling tools.
+	            if (typeof property === 'function' && spec.displayName) {
+	              proto[name].displayName = spec.displayName + '_' + name;
+	            }
+	          }
+	        }
+	      }
+	    }
+	  }
+	}
 
-/***/ },
-/* 29 */
-/***/ function(module, exports, __webpack_require__) {
+	function mixStaticSpecIntoComponent(Constructor, statics) {
+	  if (!statics) {
+	    return;
+	  }
+	  for (var name in statics) {
+	    var property = statics[name];
+	    if (!statics.hasOwnProperty(name)) {
+	      continue;
+	    }
+
+	    var isReserved = name in RESERVED_SPEC_KEYS;
+	    !!isReserved ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.', name) : _prodInvariant('78', name) : void 0;
+
+	    var isInherited = name in Constructor;
+	    !!isInherited ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.', name) : _prodInvariant('79', name) : void 0;
+	    Constructor[name] = property;
+	  }
+	}
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Merge two objects, but throw if both contain the same key.
 	 *
-	 * @providesModule ReactBrowserEventEmitter
-	 * @typechecks static-only
+	 * @param {object} one The first object, which is mutated.
+	 * @param {object} two The second object
+	 * @return {object} one after it has been mutated to contain everything in two.
 	 */
+	function mergeIntoWithNoDuplicateKeys(one, two) {
+	  !(one && two && typeof one === 'object' && typeof two === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.') : _prodInvariant('80') : void 0;
 
-	'use strict';
-
-	var EventConstants = __webpack_require__(30);
-	var EventPluginHub = __webpack_require__(31);
-	var EventPluginRegistry = __webpack_require__(32);
-	var ReactEventEmitterMixin = __webpack_require__(37);
-	var ReactPerf = __webpack_require__(18);
-	var ViewportMetrics = __webpack_require__(38);
+	  for (var key in two) {
+	    if (two.hasOwnProperty(key)) {
+	      !(one[key] === undefined) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.', key) : _prodInvariant('81', key) : void 0;
+	      one[key] = two[key];
+	    }
+	  }
+	  return one;
+	}
 
-	var assign = __webpack_require__(39);
-	var isEventSupported = __webpack_require__(40);
+	/**
+	 * Creates a function that invokes two functions and merges their return values.
+	 *
+	 * @param {function} one Function to invoke first.
+	 * @param {function} two Function to invoke second.
+	 * @return {function} Function that invokes the two argument functions.
+	 * @private
+	 */
+	function createMergedResultFunction(one, two) {
+	  return function mergedResult() {
+	    var a = one.apply(this, arguments);
+	    var b = two.apply(this, arguments);
+	    if (a == null) {
+	      return b;
+	    } else if (b == null) {
+	      return a;
+	    }
+	    var c = {};
+	    mergeIntoWithNoDuplicateKeys(c, a);
+	    mergeIntoWithNoDuplicateKeys(c, b);
+	    return c;
+	  };
+	}
 
 	/**
-	 * Summary of `ReactBrowserEventEmitter` event handling:
+	 * Creates a function that invokes two functions and ignores their return vales.
 	 *
-	 *  - Top-level delegation is used to trap most native browser events. This
-	 *    may only occur in the main thread and is the responsibility of
-	 *    ReactEventListener, which is injected and can therefore support pluggable
-	 *    event sources. This is the only work that occurs in the main thread.
+	 * @param {function} one Function to invoke first.
+	 * @param {function} two Function to invoke second.
+	 * @return {function} Function that invokes the two argument functions.
+	 * @private
+	 */
+	function createChainedFunction(one, two) {
+	  return function chainedFunction() {
+	    one.apply(this, arguments);
+	    two.apply(this, arguments);
+	  };
+	}
+
+	/**
+	 * Binds a method to the component.
 	 *
-	 *  - We normalize and de-duplicate events to account for browser quirks. This
-	 *    may be done in the worker thread.
+	 * @param {object} component Component whose method is going to be bound.
+	 * @param {function} method Method to be bound.
+	 * @return {function} The bound method.
+	 */
+	function bindAutoBindMethod(component, method) {
+	  var boundMethod = method.bind(component);
+	  if (process.env.NODE_ENV !== 'production') {
+	    boundMethod.__reactBoundContext = component;
+	    boundMethod.__reactBoundMethod = method;
+	    boundMethod.__reactBoundArguments = null;
+	    var componentName = component.constructor.displayName;
+	    var _bind = boundMethod.bind;
+	    boundMethod.bind = function (newThis) {
+	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+
+	      // User is trying to bind() an autobound method; we effectively will
+	      // ignore the value of "this" that the user is trying to use, so
+	      // let's warn.
+	      if (newThis !== component && newThis !== null) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'bind(): React component methods may only be bound to the ' + 'component instance. See %s', componentName) : void 0;
+	      } else if (!args.length) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'bind(): You are binding a component method to the component. ' + 'React does this for you automatically in a high-performance ' + 'way, so you can safely remove this call. See %s', componentName) : void 0;
+	        return boundMethod;
+	      }
+	      var reboundMethod = _bind.apply(boundMethod, arguments);
+	      reboundMethod.__reactBoundContext = component;
+	      reboundMethod.__reactBoundMethod = method;
+	      reboundMethod.__reactBoundArguments = args;
+	      return reboundMethod;
+	    };
+	  }
+	  return boundMethod;
+	}
+
+	/**
+	 * Binds all auto-bound methods in a component.
 	 *
-	 *  - Forward these native events (with the associated top-level type used to
-	 *    trap it) to `EventPluginHub`, which in turn will ask plugins if they want
-	 *    to extract any synthetic events.
-	 *
-	 *  - The `EventPluginHub` will then process each event by annotating them with
-	 *    "dispatches", a sequence of listeners and IDs that care about that event.
-	 *
-	 *  - The `EventPluginHub` then dispatches the events.
-	 *
-	 * Overview of React and the event system:
-	 *
-	 * +------------+    .
-	 * |    DOM     |    .
-	 * +------------+    .
-	 *       |           .
-	 *       v           .
-	 * +------------+    .
-	 * | ReactEvent |    .
-	 * |  Listener  |    .
-	 * +------------+    .                         +-----------+
-	 *       |           .               +--------+|SimpleEvent|
-	 *       |           .               |         |Plugin     |
-	 * +-----|------+    .               v         +-----------+
-	 * |     |      |    .    +--------------+                    +------------+
-	 * |     +-----------.--->|EventPluginHub|                    |    Event   |
-	 * |            |    .    |              |     +-----------+  | Propagators|
-	 * | ReactEvent |    .    |              |     |TapEvent   |  |------------|
-	 * |  Emitter   |    .    |              |<---+|Plugin     |  |other plugin|
-	 * |            |    .    |              |     +-----------+  |  utilities |
-	 * |     +-----------.--->|              |                    +------------+
-	 * |     |      |    .    +--------------+
-	 * +-----|------+    .                ^        +-----------+
-	 *       |           .                |        |Enter/Leave|
-	 *       +           .                +-------+|Plugin     |
-	 * +-------------+   .                         +-----------+
-	 * | application |   .
-	 * |-------------|   .
-	 * |             |   .
-	 * |             |   .
-	 * +-------------+   .
-	 *                   .
-	 *    React Core     .  General Purpose Event Plugin System
-	 */
-
-	var alreadyListeningTo = {};
-	var isMonitoringScrollValue = false;
-	var reactTopListenersCounter = 0;
-
-	// For events like 'submit' which don't consistently bubble (which we trap at a
-	// lower node than `document`), binding at `document` would cause duplicate
-	// events so we don't include them here
-	var topEventMapping = {
-	  topAbort: 'abort',
-	  topBlur: 'blur',
-	  topCanPlay: 'canplay',
-	  topCanPlayThrough: 'canplaythrough',
-	  topChange: 'change',
-	  topClick: 'click',
-	  topCompositionEnd: 'compositionend',
-	  topCompositionStart: 'compositionstart',
-	  topCompositionUpdate: 'compositionupdate',
-	  topContextMenu: 'contextmenu',
-	  topCopy: 'copy',
-	  topCut: 'cut',
-	  topDoubleClick: 'dblclick',
-	  topDrag: 'drag',
-	  topDragEnd: 'dragend',
-	  topDragEnter: 'dragenter',
-	  topDragExit: 'dragexit',
-	  topDragLeave: 'dragleave',
-	  topDragOver: 'dragover',
-	  topDragStart: 'dragstart',
-	  topDrop: 'drop',
-	  topDurationChange: 'durationchange',
-	  topEmptied: 'emptied',
-	  topEncrypted: 'encrypted',
-	  topEnded: 'ended',
-	  topError: 'error',
-	  topFocus: 'focus',
-	  topInput: 'input',
-	  topKeyDown: 'keydown',
-	  topKeyPress: 'keypress',
-	  topKeyUp: 'keyup',
-	  topLoadedData: 'loadeddata',
-	  topLoadedMetadata: 'loadedmetadata',
-	  topLoadStart: 'loadstart',
-	  topMouseDown: 'mousedown',
-	  topMouseMove: 'mousemove',
-	  topMouseOut: 'mouseout',
-	  topMouseOver: 'mouseover',
-	  topMouseUp: 'mouseup',
-	  topPaste: 'paste',
-	  topPause: 'pause',
-	  topPlay: 'play',
-	  topPlaying: 'playing',
-	  topProgress: 'progress',
-	  topRateChange: 'ratechange',
-	  topScroll: 'scroll',
-	  topSeeked: 'seeked',
-	  topSeeking: 'seeking',
-	  topSelectionChange: 'selectionchange',
-	  topStalled: 'stalled',
-	  topSuspend: 'suspend',
-	  topTextInput: 'textInput',
-	  topTimeUpdate: 'timeupdate',
-	  topTouchCancel: 'touchcancel',
-	  topTouchEnd: 'touchend',
-	  topTouchMove: 'touchmove',
-	  topTouchStart: 'touchstart',
-	  topVolumeChange: 'volumechange',
-	  topWaiting: 'waiting',
-	  topWheel: 'wheel'
-	};
-
-	/**
-	 * To ensure no conflicts with other potential React instances on the page
+	 * @param {object} component Component whose method is going to be bound.
 	 */
-	var topListenersIDKey = '_reactListenersID' + String(Math.random()).slice(2);
-
-	function getListeningForDocument(mountAt) {
-	  // In IE8, `mountAt` is a host object and doesn't have `hasOwnProperty`
-	  // directly.
-	  if (!Object.prototype.hasOwnProperty.call(mountAt, topListenersIDKey)) {
-	    mountAt[topListenersIDKey] = reactTopListenersCounter++;
-	    alreadyListeningTo[mountAt[topListenersIDKey]] = {};
+	function bindAutoBindMethods(component) {
+	  var pairs = component.__reactAutoBindPairs;
+	  for (var i = 0; i < pairs.length; i += 2) {
+	    var autoBindKey = pairs[i];
+	    var method = pairs[i + 1];
+	    component[autoBindKey] = bindAutoBindMethod(component, method);
 	  }
-	  return alreadyListeningTo[mountAt[topListenersIDKey]];
 	}
 
 	/**
-	 * `ReactBrowserEventEmitter` is used to attach top-level event listeners. For
-	 * example:
-	 *
-	 *   ReactBrowserEventEmitter.putListener('myID', 'onClick', myFunction);
-	 *
-	 * This would allocate a "registration" of `('onClick', myFunction)` on 'myID'.
-	 *
-	 * @internal
+	 * Add more to the ReactClass base class. These are all legacy features and
+	 * therefore not already part of the modern ReactComponent.
 	 */
-	var ReactBrowserEventEmitter = assign({}, ReactEventEmitterMixin, {
+	var ReactClassMixin = {
 
 	  /**
-	   * Injectable event backend
+	   * TODO: This will be deprecated because state should always keep a consistent
+	   * type signature and the only use case for this, is to avoid that.
 	   */
-	  ReactEventListener: null,
-
-	  injection: {
-	    /**
-	     * @param {object} ReactEventListener
-	     */
-	    injectReactEventListener: function (ReactEventListener) {
-	      ReactEventListener.setHandleTopLevel(ReactBrowserEventEmitter.handleTopLevel);
-	      ReactBrowserEventEmitter.ReactEventListener = ReactEventListener;
+	  replaceState: function (newState, callback) {
+	    this.updater.enqueueReplaceState(this, newState);
+	    if (callback) {
+	      this.updater.enqueueCallback(this, callback, 'replaceState');
 	    }
 	  },
 
 	  /**
-	   * Sets whether or not any created callbacks should be enabled.
-	   *
-	   * @param {boolean} enabled True if callbacks should be enabled.
+	   * Checks whether or not this composite component is mounted.
+	   * @return {boolean} True if mounted, false otherwise.
+	   * @protected
+	   * @final
 	   */
-	  setEnabled: function (enabled) {
-	    if (ReactBrowserEventEmitter.ReactEventListener) {
-	      ReactBrowserEventEmitter.ReactEventListener.setEnabled(enabled);
-	    }
-	  },
+	  isMounted: function () {
+	    return this.updater.isMounted(this);
+	  }
+	};
 
-	  /**
-	   * @return {boolean} True if callbacks are enabled.
-	   */
-	  isEnabled: function () {
-	    return !!(ReactBrowserEventEmitter.ReactEventListener && ReactBrowserEventEmitter.ReactEventListener.isEnabled());
-	  },
+	var ReactClassComponent = function () {};
+	_assign(ReactClassComponent.prototype, ReactComponent.prototype, ReactClassMixin);
+
+	var didWarnDeprecated = false;
+
+	/**
+	 * Module for creating composite components.
+	 *
+	 * @class ReactClass
+	 */
+	var ReactClass = {
 
 	  /**
-	   * We listen for bubbled touch events on the document object.
-	   *
-	   * Firefox v8.01 (and possibly others) exhibited strange behavior when
-	   * mounting `onmousemove` events at some node that was not the document
-	   * element. The symptoms were that if your mouse is not moving over something
-	   * contained within that mount point (for example on the background) the
-	   * top-level listeners for `onmousemove` won't be called. However, if you
-	   * register the `mousemove` on the document object, then it will of course
-	   * catch all `mousemove`s. This along with iOS quirks, justifies restricting
-	   * top-level listeners to the document object only, at least for these
-	   * movement types of events and possibly all events.
-	   *
-	   * @see http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
-	   *
-	   * Also, `keyup`/`keypress`/`keydown` do not bubble to the window on IE, but
-	   * they bubble to document.
+	   * Creates a composite component class given a class specification.
+	   * See https://facebook.github.io/react/docs/top-level-api.html#react.createclass
 	   *
-	   * @param {string} registrationName Name of listener (e.g. `onClick`).
-	   * @param {object} contentDocumentHandle Document which owns the container
+	   * @param {object} spec Class specification (which must define `render`).
+	   * @return {function} Component constructor function.
+	   * @public
 	   */
-	  listenTo: function (registrationName, contentDocumentHandle) {
-	    var mountAt = contentDocumentHandle;
-	    var isListening = getListeningForDocument(mountAt);
-	    var dependencies = EventPluginRegistry.registrationNameDependencies[registrationName];
-
-	    var topLevelTypes = EventConstants.topLevelTypes;
-	    for (var i = 0; i < dependencies.length; i++) {
-	      var dependency = dependencies[i];
-	      if (!(isListening.hasOwnProperty(dependency) && isListening[dependency])) {
-	        if (dependency === topLevelTypes.topWheel) {
-	          if (isEventSupported('wheel')) {
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topWheel, 'wheel', mountAt);
-	          } else if (isEventSupported('mousewheel')) {
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topWheel, 'mousewheel', mountAt);
-	          } else {
-	            // Firefox needs to capture a different mouse scroll event.
-	            // @see http://www.quirksmode.org/dom/events/tests/scroll.html
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topWheel, 'DOMMouseScroll', mountAt);
-	          }
-	        } else if (dependency === topLevelTypes.topScroll) {
-
-	          if (isEventSupported('scroll', true)) {
-	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topScroll, 'scroll', mountAt);
-	          } else {
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topScroll, 'scroll', ReactBrowserEventEmitter.ReactEventListener.WINDOW_HANDLE);
-	          }
-	        } else if (dependency === topLevelTypes.topFocus || dependency === topLevelTypes.topBlur) {
+	  createClass: function (spec) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(didWarnDeprecated, '%s: React.createClass is deprecated and will be removed in version 16. ' + 'Use plain JavaScript classes instead. If you\'re not yet ready to ' + 'migrate, create-react-class is available on npm as a ' + 'drop-in replacement.', spec && spec.displayName || 'A Component') : void 0;
+	      didWarnDeprecated = true;
+	    }
 
-	          if (isEventSupported('focus', true)) {
-	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topFocus, 'focus', mountAt);
-	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topBlur, 'blur', mountAt);
-	          } else if (isEventSupported('focusin')) {
-	            // IE has `focusin` and `focusout` events which bubble.
-	            // @see http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topFocus, 'focusin', mountAt);
-	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelTypes.topBlur, 'focusout', mountAt);
-	          }
+	    // To keep our warnings more understandable, we'll use a little hack here to
+	    // ensure that Constructor.name !== 'Constructor'. This makes sure we don't
+	    // unnecessarily identify a class without displayName as 'Constructor'.
+	    var Constructor = identity(function (props, context, updater) {
+	      // This constructor gets overridden by mocks. The argument is used
+	      // by mocks to assert on what gets mounted.
 
-	          // to make sure blur and focus event listeners are only attached once
-	          isListening[topLevelTypes.topBlur] = true;
-	          isListening[topLevelTypes.topFocus] = true;
-	        } else if (topEventMapping.hasOwnProperty(dependency)) {
-	          ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(dependency, topEventMapping[dependency], mountAt);
-	        }
+	      if (process.env.NODE_ENV !== 'production') {
+	        process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
+	      }
 
-	        isListening[dependency] = true;
+	      // Wire up auto-binding
+	      if (this.__reactAutoBindPairs.length) {
+	        bindAutoBindMethods(this);
 	      }
-	    }
-	  },
 
-	  trapBubbledEvent: function (topLevelType, handlerBaseName, handle) {
-	    return ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelType, handlerBaseName, handle);
-	  },
+	      this.props = props;
+	      this.context = context;
+	      this.refs = emptyObject;
+	      this.updater = updater || ReactNoopUpdateQueue;
 
-	  trapCapturedEvent: function (topLevelType, handlerBaseName, handle) {
-	    return ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelType, handlerBaseName, handle);
-	  },
+	      this.state = null;
 
-	  /**
-	   * Listens to window scroll and resize events. We cache scroll values so that
-	   * application code can access them without triggering reflows.
-	   *
-	   * NOTE: Scroll events do not bubble.
-	   *
-	   * @see http://www.quirksmode.org/dom/events/scroll.html
-	   */
-	  ensureScrollValueMonitoring: function () {
-	    if (!isMonitoringScrollValue) {
-	      var refresh = ViewportMetrics.refreshScrollValues;
-	      ReactBrowserEventEmitter.ReactEventListener.monitorScrollValue(refresh);
-	      isMonitoringScrollValue = true;
-	    }
-	  },
+	      // ReactClasses doesn't have constructors. Instead, they use the
+	      // getInitialState and componentWillMount methods for initialization.
+
+	      var initialState = this.getInitialState ? this.getInitialState() : null;
+	      if (process.env.NODE_ENV !== 'production') {
+	        // We allow auto-mocks to proceed as if they're returning null.
+	        if (initialState === undefined && this.getInitialState._isMockFunction) {
+	          // This is probably bad practice. Consider warning here and
+	          // deprecating this convenience.
+	          initialState = null;
+	        }
+	      }
+	      !(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : _prodInvariant('82', Constructor.displayName || 'ReactCompositeComponent') : void 0;
 
-	  eventNameDispatchConfigs: EventPluginHub.eventNameDispatchConfigs,
+	      this.state = initialState;
+	    });
+	    Constructor.prototype = new ReactClassComponent();
+	    Constructor.prototype.constructor = Constructor;
+	    Constructor.prototype.__reactAutoBindPairs = [];
 
-	  registrationNameModules: EventPluginHub.registrationNameModules,
+	    injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));
 
-	  putListener: EventPluginHub.putListener,
+	    mixSpecIntoComponent(Constructor, spec);
 
-	  getListener: EventPluginHub.getListener,
+	    // Initialize the defaultProps property after all mixins have been merged.
+	    if (Constructor.getDefaultProps) {
+	      Constructor.defaultProps = Constructor.getDefaultProps();
+	    }
 
-	  deleteListener: EventPluginHub.deleteListener,
+	    if (process.env.NODE_ENV !== 'production') {
+	      // This is a tag to indicate that the use of these method names is ok,
+	      // since it's used with createClass. If it's not, then it's likely a
+	      // mistake so we'll warn you to use the static property, property
+	      // initializer or constructor respectively.
+	      if (Constructor.getDefaultProps) {
+	        Constructor.getDefaultProps.isReactClassApproved = {};
+	      }
+	      if (Constructor.prototype.getInitialState) {
+	        Constructor.prototype.getInitialState.isReactClassApproved = {};
+	      }
+	    }
 
-	  deleteAllListeners: EventPluginHub.deleteAllListeners
+	    !Constructor.prototype.render ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createClass(...): Class specification must implement a `render` method.') : _prodInvariant('83') : void 0;
 
-	});
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(!Constructor.prototype.componentShouldUpdate, '%s has a method called ' + 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' + 'The name is phrased as a question because the function is ' + 'expected to return a value.', spec.displayName || 'A component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(!Constructor.prototype.componentWillRecieveProps, '%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', spec.displayName || 'A component') : void 0;
+	    }
 
-	ReactPerf.measureMethods(ReactBrowserEventEmitter, 'ReactBrowserEventEmitter', {
-	  putListener: 'putListener',
-	  deleteListener: 'deleteListener'
-	});
+	    // Reduce time spent doing lookups by setting these on the prototype.
+	    for (var methodName in ReactClassInterface) {
+	      if (!Constructor.prototype[methodName]) {
+	        Constructor.prototype[methodName] = null;
+	      }
+	    }
 
-	module.exports = ReactBrowserEventEmitter;
+	    return Constructor;
+	  },
 
-/***/ },
-/* 30 */
-/***/ function(module, exports, __webpack_require__) {
+	  injection: {
+	    injectMixin: function (mixin) {
+	      injectedMixins.push(mixin);
+	    }
+	  }
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	};
+
+	module.exports = ReactClass;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventConstants
+	 * 
 	 */
 
 	'use strict';
 
-	var keyMirror = __webpack_require__(17);
-
-	var PropagationPhases = keyMirror({ bubbled: null, captured: null });
-
-	/**
-	 * Types of raw signals from the browser caught at the top level.
-	 */
-	var topLevelTypes = keyMirror({
-	  topAbort: null,
-	  topBlur: null,
-	  topCanPlay: null,
-	  topCanPlayThrough: null,
-	  topChange: null,
-	  topClick: null,
-	  topCompositionEnd: null,
-	  topCompositionStart: null,
-	  topCompositionUpdate: null,
-	  topContextMenu: null,
-	  topCopy: null,
-	  topCut: null,
-	  topDoubleClick: null,
-	  topDrag: null,
-	  topDragEnd: null,
-	  topDragEnter: null,
-	  topDragExit: null,
-	  topDragLeave: null,
-	  topDragOver: null,
-	  topDragStart: null,
-	  topDrop: null,
-	  topDurationChange: null,
-	  topEmptied: null,
-	  topEncrypted: null,
-	  topEnded: null,
-	  topError: null,
-	  topFocus: null,
-	  topInput: null,
-	  topKeyDown: null,
-	  topKeyPress: null,
-	  topKeyUp: null,
-	  topLoad: null,
-	  topLoadedData: null,
-	  topLoadedMetadata: null,
-	  topLoadStart: null,
-	  topMouseDown: null,
-	  topMouseMove: null,
-	  topMouseOut: null,
-	  topMouseOver: null,
-	  topMouseUp: null,
-	  topPaste: null,
-	  topPause: null,
-	  topPlay: null,
-	  topPlaying: null,
-	  topProgress: null,
-	  topRateChange: null,
-	  topReset: null,
-	  topScroll: null,
-	  topSeeked: null,
-	  topSeeking: null,
-	  topSelectionChange: null,
-	  topStalled: null,
-	  topSubmit: null,
-	  topSuspend: null,
-	  topTextInput: null,
-	  topTimeUpdate: null,
-	  topTouchCancel: null,
-	  topTouchEnd: null,
-	  topTouchMove: null,
-	  topTouchStart: null,
-	  topVolumeChange: null,
-	  topWaiting: null,
-	  topWheel: null
-	});
+	var ReactPropTypeLocationNames = {};
 
-	var EventConstants = {
-	  topLevelTypes: topLevelTypes,
-	  PropagationPhases: PropagationPhases
-	};
+	if (process.env.NODE_ENV !== 'production') {
+	  ReactPropTypeLocationNames = {
+	    prop: 'prop',
+	    context: 'context',
+	    childContext: 'child context'
+	  };
+	}
 
-	module.exports = EventConstants;
+	module.exports = ReactPropTypeLocationNames;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 31 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 24 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventPluginHub
 	 */
 
 	'use strict';
 
-	var EventPluginRegistry = __webpack_require__(32);
-	var EventPluginUtils = __webpack_require__(33);
-	var ReactErrorUtils = __webpack_require__(34);
-
-	var accumulateInto = __webpack_require__(35);
-	var forEachAccumulated = __webpack_require__(36);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
-
-	/**
-	 * Internal store for event listeners
-	 */
-	var listenerBank = {};
+	var ReactElement = __webpack_require__(9);
 
 	/**
-	 * Internal queue of events that have accumulated their dispatches and are
-	 * waiting to have their dispatches executed.
+	 * Create a factory that creates HTML tag elements.
+	 *
+	 * @private
 	 */
-	var eventQueue = null;
+	var createDOMFactory = ReactElement.createFactory;
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactElementValidator = __webpack_require__(25);
+	  createDOMFactory = ReactElementValidator.createFactory;
+	}
 
 	/**
-	 * Dispatches an event and releases it back into the pool, unless persistent.
+	 * Creates a mapping from supported HTML tags to `ReactDOMComponent` classes.
+	 * This is also accessible via `React.DOM`.
 	 *
-	 * @param {?object} event Synthetic event to be dispatched.
-	 * @param {boolean} simulated If the event is simulated (changes exn behavior)
-	 * @private
+	 * @public
 	 */
-	var executeDispatchesAndRelease = function (event, simulated) {
-	  if (event) {
-	    EventPluginUtils.executeDispatchesInOrder(event, simulated);
+	var ReactDOMFactories = {
+	  a: createDOMFactory('a'),
+	  abbr: createDOMFactory('abbr'),
+	  address: createDOMFactory('address'),
+	  area: createDOMFactory('area'),
+	  article: createDOMFactory('article'),
+	  aside: createDOMFactory('aside'),
+	  audio: createDOMFactory('audio'),
+	  b: createDOMFactory('b'),
+	  base: createDOMFactory('base'),
+	  bdi: createDOMFactory('bdi'),
+	  bdo: createDOMFactory('bdo'),
+	  big: createDOMFactory('big'),
+	  blockquote: createDOMFactory('blockquote'),
+	  body: createDOMFactory('body'),
+	  br: createDOMFactory('br'),
+	  button: createDOMFactory('button'),
+	  canvas: createDOMFactory('canvas'),
+	  caption: createDOMFactory('caption'),
+	  cite: createDOMFactory('cite'),
+	  code: createDOMFactory('code'),
+	  col: createDOMFactory('col'),
+	  colgroup: createDOMFactory('colgroup'),
+	  data: createDOMFactory('data'),
+	  datalist: createDOMFactory('datalist'),
+	  dd: createDOMFactory('dd'),
+	  del: createDOMFactory('del'),
+	  details: createDOMFactory('details'),
+	  dfn: createDOMFactory('dfn'),
+	  dialog: createDOMFactory('dialog'),
+	  div: createDOMFactory('div'),
+	  dl: createDOMFactory('dl'),
+	  dt: createDOMFactory('dt'),
+	  em: createDOMFactory('em'),
+	  embed: createDOMFactory('embed'),
+	  fieldset: createDOMFactory('fieldset'),
+	  figcaption: createDOMFactory('figcaption'),
+	  figure: createDOMFactory('figure'),
+	  footer: createDOMFactory('footer'),
+	  form: createDOMFactory('form'),
+	  h1: createDOMFactory('h1'),
+	  h2: createDOMFactory('h2'),
+	  h3: createDOMFactory('h3'),
+	  h4: createDOMFactory('h4'),
+	  h5: createDOMFactory('h5'),
+	  h6: createDOMFactory('h6'),
+	  head: createDOMFactory('head'),
+	  header: createDOMFactory('header'),
+	  hgroup: createDOMFactory('hgroup'),
+	  hr: createDOMFactory('hr'),
+	  html: createDOMFactory('html'),
+	  i: createDOMFactory('i'),
+	  iframe: createDOMFactory('iframe'),
+	  img: createDOMFactory('img'),
+	  input: createDOMFactory('input'),
+	  ins: createDOMFactory('ins'),
+	  kbd: createDOMFactory('kbd'),
+	  keygen: createDOMFactory('keygen'),
+	  label: createDOMFactory('label'),
+	  legend: createDOMFactory('legend'),
+	  li: createDOMFactory('li'),
+	  link: createDOMFactory('link'),
+	  main: createDOMFactory('main'),
+	  map: createDOMFactory('map'),
+	  mark: createDOMFactory('mark'),
+	  menu: createDOMFactory('menu'),
+	  menuitem: createDOMFactory('menuitem'),
+	  meta: createDOMFactory('meta'),
+	  meter: createDOMFactory('meter'),
+	  nav: createDOMFactory('nav'),
+	  noscript: createDOMFactory('noscript'),
+	  object: createDOMFactory('object'),
+	  ol: createDOMFactory('ol'),
+	  optgroup: createDOMFactory('optgroup'),
+	  option: createDOMFactory('option'),
+	  output: createDOMFactory('output'),
+	  p: createDOMFactory('p'),
+	  param: createDOMFactory('param'),
+	  picture: createDOMFactory('picture'),
+	  pre: createDOMFactory('pre'),
+	  progress: createDOMFactory('progress'),
+	  q: createDOMFactory('q'),
+	  rp: createDOMFactory('rp'),
+	  rt: createDOMFactory('rt'),
+	  ruby: createDOMFactory('ruby'),
+	  s: createDOMFactory('s'),
+	  samp: createDOMFactory('samp'),
+	  script: createDOMFactory('script'),
+	  section: createDOMFactory('section'),
+	  select: createDOMFactory('select'),
+	  small: createDOMFactory('small'),
+	  source: createDOMFactory('source'),
+	  span: createDOMFactory('span'),
+	  strong: createDOMFactory('strong'),
+	  style: createDOMFactory('style'),
+	  sub: createDOMFactory('sub'),
+	  summary: createDOMFactory('summary'),
+	  sup: createDOMFactory('sup'),
+	  table: createDOMFactory('table'),
+	  tbody: createDOMFactory('tbody'),
+	  td: createDOMFactory('td'),
+	  textarea: createDOMFactory('textarea'),
+	  tfoot: createDOMFactory('tfoot'),
+	  th: createDOMFactory('th'),
+	  thead: createDOMFactory('thead'),
+	  time: createDOMFactory('time'),
+	  title: createDOMFactory('title'),
+	  tr: createDOMFactory('tr'),
+	  track: createDOMFactory('track'),
+	  u: createDOMFactory('u'),
+	  ul: createDOMFactory('ul'),
+	  'var': createDOMFactory('var'),
+	  video: createDOMFactory('video'),
+	  wbr: createDOMFactory('wbr'),
 
-	    if (!event.isPersistent()) {
-	      event.constructor.release(event);
-	    }
-	  }
-	};
-	var executeDispatchesAndReleaseSimulated = function (e) {
-	  return executeDispatchesAndRelease(e, true);
-	};
-	var executeDispatchesAndReleaseTopLevel = function (e) {
-	  return executeDispatchesAndRelease(e, false);
+	  // SVG
+	  circle: createDOMFactory('circle'),
+	  clipPath: createDOMFactory('clipPath'),
+	  defs: createDOMFactory('defs'),
+	  ellipse: createDOMFactory('ellipse'),
+	  g: createDOMFactory('g'),
+	  image: createDOMFactory('image'),
+	  line: createDOMFactory('line'),
+	  linearGradient: createDOMFactory('linearGradient'),
+	  mask: createDOMFactory('mask'),
+	  path: createDOMFactory('path'),
+	  pattern: createDOMFactory('pattern'),
+	  polygon: createDOMFactory('polygon'),
+	  polyline: createDOMFactory('polyline'),
+	  radialGradient: createDOMFactory('radialGradient'),
+	  rect: createDOMFactory('rect'),
+	  stop: createDOMFactory('stop'),
+	  svg: createDOMFactory('svg'),
+	  text: createDOMFactory('text'),
+	  tspan: createDOMFactory('tspan')
 	};
 
-	/**
-	 * - `InstanceHandle`: [required] Module that performs logical traversals of DOM
-	 *   hierarchy given ids of the logical DOM elements involved.
-	 */
-	var InstanceHandle = null;
+	module.exports = ReactDOMFactories;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	function validateInstanceHandle() {
-	  var valid = InstanceHandle && InstanceHandle.traverseTwoPhase && InstanceHandle.traverseEnterLeave;
-	  process.env.NODE_ENV !== 'production' ? warning(valid, 'InstanceHandle not injected before use!') : undefined;
-	}
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * This is a unified interface for event plugins to be installed and configured.
-	 *
-	 * Event plugins can implement the following properties:
-	 *
-	 *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
-	 *     Required. When a top-level event is fired, this method is expected to
-	 *     extract synthetic events that will in turn be queued and dispatched.
-	 *
-	 *   `eventTypes` {object}
-	 *     Optional, plugins that fire events must publish a mapping of registration
-	 *     names that are used to register listeners. Values of this mapping must
-	 *     be objects that contain `registrationName` or `phasedRegistrationNames`.
-	 *
-	 *   `executeDispatch` {function(object, function, string)}
-	 *     Optional, allows plugins to override how an event gets dispatched. By
-	 *     default, the listener is simply invoked.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @public
 	 */
-	var EventPluginHub = {
 
-	  /**
-	   * Methods for injecting dependencies.
-	   */
-	  injection: {
+	/**
+	 * ReactElementValidator provides a wrapper around a element factory
+	 * which validates the props passed to the element. This is intended to be
+	 * used only in DEV and could be replaced by a static type checker for languages
+	 * that support it.
+	 */
 
-	    /**
-	     * @param {object} InjectedMount
-	     * @public
-	     */
-	    injectMount: EventPluginUtils.injection.injectMount,
+	'use strict';
 
-	    /**
-	     * @param {object} InjectedInstanceHandle
-	     * @public
-	     */
-	    injectInstanceHandle: function (InjectedInstanceHandle) {
-	      InstanceHandle = InjectedInstanceHandle;
-	      if (process.env.NODE_ENV !== 'production') {
-	        validateInstanceHandle();
-	      }
-	    },
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactComponentTreeHook = __webpack_require__(26);
+	var ReactElement = __webpack_require__(9);
 
-	    getInstanceHandle: function () {
-	      if (process.env.NODE_ENV !== 'production') {
-	        validateInstanceHandle();
-	      }
-	      return InstanceHandle;
-	    },
+	var checkReactTypeSpec = __webpack_require__(27);
 
-	    /**
-	     * @param {array} InjectedEventPluginOrder
-	     * @public
-	     */
-	    injectEventPluginOrder: EventPluginRegistry.injectEventPluginOrder,
+	var canDefineProperty = __webpack_require__(13);
+	var getIteratorFn = __webpack_require__(16);
+	var warning = __webpack_require__(11);
 
-	    /**
-	     * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-	     */
-	    injectEventPluginsByName: EventPluginRegistry.injectEventPluginsByName
+	function getDeclarationErrorAddendum() {
+	  if (ReactCurrentOwner.current) {
+	    var name = ReactCurrentOwner.current.getName();
+	    if (name) {
+	      return ' Check the render method of `' + name + '`.';
+	    }
+	  }
+	  return '';
+	}
 
-	  },
+	function getSourceInfoErrorAddendum(elementProps) {
+	  if (elementProps !== null && elementProps !== undefined && elementProps.__source !== undefined) {
+	    var source = elementProps.__source;
+	    var fileName = source.fileName.replace(/^.*[\\\/]/, '');
+	    var lineNumber = source.lineNumber;
+	    return ' Check your code at ' + fileName + ':' + lineNumber + '.';
+	  }
+	  return '';
+	}
 
-	  eventNameDispatchConfigs: EventPluginRegistry.eventNameDispatchConfigs,
+	/**
+	 * Warn if there's no key explicitly set on dynamic arrays of children or
+	 * object keys are not valid. This allows us to keep track of children between
+	 * updates.
+	 */
+	var ownerHasKeyUseWarning = {};
 
-	  registrationNameModules: EventPluginRegistry.registrationNameModules,
+	function getCurrentComponentErrorInfo(parentType) {
+	  var info = getDeclarationErrorAddendum();
 
-	  /**
-	   * Stores `listener` at `listenerBank[registrationName][id]`. Is idempotent.
-	   *
-	   * @param {string} id ID of the DOM element.
-	   * @param {string} registrationName Name of listener (e.g. `onClick`).
-	   * @param {?function} listener The callback to store.
-	   */
-	  putListener: function (id, registrationName, listener) {
-	    !(typeof listener === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected %s listener to be a function, instead got type %s', registrationName, typeof listener) : invariant(false) : undefined;
+	  if (!info) {
+	    var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
+	    if (parentName) {
+	      info = ' Check the top-level render call using <' + parentName + '>.';
+	    }
+	  }
+	  return info;
+	}
 
-	    var bankForRegistrationName = listenerBank[registrationName] || (listenerBank[registrationName] = {});
-	    bankForRegistrationName[id] = listener;
+	/**
+	 * Warn if the element doesn't have an explicit key assigned to it.
+	 * This element is in an array. The array could grow and shrink or be
+	 * reordered. All children that haven't already been validated are required to
+	 * have a "key" property assigned to it. Error statuses are cached so a warning
+	 * will only be shown once.
+	 *
+	 * @internal
+	 * @param {ReactElement} element Element that requires a key.
+	 * @param {*} parentType element's parent's type.
+	 */
+	function validateExplicitKey(element, parentType) {
+	  if (!element._store || element._store.validated || element.key != null) {
+	    return;
+	  }
+	  element._store.validated = true;
 
-	    var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
-	    if (PluginModule && PluginModule.didPutListener) {
-	      PluginModule.didPutListener(id, registrationName, listener);
-	    }
-	  },
+	  var memoizer = ownerHasKeyUseWarning.uniqueKey || (ownerHasKeyUseWarning.uniqueKey = {});
 
-	  /**
-	   * @param {string} id ID of the DOM element.
-	   * @param {string} registrationName Name of listener (e.g. `onClick`).
-	   * @return {?function} The stored callback.
-	   */
-	  getListener: function (id, registrationName) {
-	    var bankForRegistrationName = listenerBank[registrationName];
-	    return bankForRegistrationName && bankForRegistrationName[id];
-	  },
+	  var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+	  if (memoizer[currentComponentErrorInfo]) {
+	    return;
+	  }
+	  memoizer[currentComponentErrorInfo] = true;
 
-	  /**
-	   * Deletes a listener from the registration bank.
-	   *
-	   * @param {string} id ID of the DOM element.
-	   * @param {string} registrationName Name of listener (e.g. `onClick`).
-	   */
-	  deleteListener: function (id, registrationName) {
-	    var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
-	    if (PluginModule && PluginModule.willDeleteListener) {
-	      PluginModule.willDeleteListener(id, registrationName);
-	    }
+	  // Usually the current owner is the offender, but if it accepts children as a
+	  // property, it may be the creator of the child that's responsible for
+	  // assigning it a key.
+	  var childOwner = '';
+	  if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+	    // Give the component that originally created this child.
+	    childOwner = ' It was passed a child from ' + element._owner.getName() + '.';
+	  }
 
-	    var bankForRegistrationName = listenerBank[registrationName];
-	    // TODO: This should never be null -- when is it?
-	    if (bankForRegistrationName) {
-	      delete bankForRegistrationName[id];
-	    }
-	  },
+	  process.env.NODE_ENV !== 'production' ? warning(false, 'Each child in an array or iterator should have a unique "key" prop.' + '%s%s See https://fb.me/react-warning-keys for more information.%s', currentComponentErrorInfo, childOwner, ReactComponentTreeHook.getCurrentStackAddendum(element)) : void 0;
+	}
 
-	  /**
-	   * Deletes all listeners for the DOM element with the supplied ID.
-	   *
-	   * @param {string} id ID of the DOM element.
-	   */
-	  deleteAllListeners: function (id) {
-	    for (var registrationName in listenerBank) {
-	      if (!listenerBank[registrationName][id]) {
-	        continue;
+	/**
+	 * Ensure that every element either is passed in a static location, in an
+	 * array with an explicit keys property defined, or in an object literal
+	 * with valid key property.
+	 *
+	 * @internal
+	 * @param {ReactNode} node Statically passed child of any type.
+	 * @param {*} parentType node's parent's type.
+	 */
+	function validateChildKeys(node, parentType) {
+	  if (typeof node !== 'object') {
+	    return;
+	  }
+	  if (Array.isArray(node)) {
+	    for (var i = 0; i < node.length; i++) {
+	      var child = node[i];
+	      if (ReactElement.isValidElement(child)) {
+	        validateExplicitKey(child, parentType);
 	      }
-
-	      var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
-	      if (PluginModule && PluginModule.willDeleteListener) {
-	        PluginModule.willDeleteListener(id, registrationName);
+	    }
+	  } else if (ReactElement.isValidElement(node)) {
+	    // This element was passed in a valid location.
+	    if (node._store) {
+	      node._store.validated = true;
+	    }
+	  } else if (node) {
+	    var iteratorFn = getIteratorFn(node);
+	    // Entry iterators provide implicit keys.
+	    if (iteratorFn) {
+	      if (iteratorFn !== node.entries) {
+	        var iterator = iteratorFn.call(node);
+	        var step;
+	        while (!(step = iterator.next()).done) {
+	          if (ReactElement.isValidElement(step.value)) {
+	            validateExplicitKey(step.value, parentType);
+	          }
+	        }
 	      }
-
-	      delete listenerBank[registrationName][id];
 	    }
-	  },
+	  }
+	}
 
-	  /**
-	   * Allows registered plugins an opportunity to extract events from top-level
-	   * native browser events.
-	   *
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @internal
-	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	    var events;
-	    var plugins = EventPluginRegistry.plugins;
-	    for (var i = 0; i < plugins.length; i++) {
-	      // Not every plugin in the ordering may be loaded at runtime.
-	      var possiblePlugin = plugins[i];
-	      if (possiblePlugin) {
-	        var extractedEvents = possiblePlugin.extractEvents(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget);
-	        if (extractedEvents) {
-	          events = accumulateInto(events, extractedEvents);
+	/**
+	 * Given an element, validate that its props follow the propTypes definition,
+	 * provided by the type.
+	 *
+	 * @param {ReactElement} element
+	 */
+	function validatePropTypes(element) {
+	  var componentClass = element.type;
+	  if (typeof componentClass !== 'function') {
+	    return;
+	  }
+	  var name = componentClass.displayName || componentClass.name;
+	  if (componentClass.propTypes) {
+	    checkReactTypeSpec(componentClass.propTypes, element.props, 'prop', name, element, null);
+	  }
+	  if (typeof componentClass.getDefaultProps === 'function') {
+	    process.env.NODE_ENV !== 'production' ? warning(componentClass.getDefaultProps.isReactClassApproved, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
+	  }
+	}
+
+	var ReactElementValidator = {
+
+	  createElement: function (type, props, children) {
+	    var validType = typeof type === 'string' || typeof type === 'function';
+	    // We warn in this case but don't throw. We expect the element creation to
+	    // succeed and there will likely be errors in render.
+	    if (!validType) {
+	      if (typeof type !== 'function' && typeof type !== 'string') {
+	        var info = '';
+	        if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+	          info += ' You likely forgot to export your component from the file ' + 'it\'s defined in.';
+	        }
+
+	        var sourceInfo = getSourceInfoErrorAddendum(props);
+	        if (sourceInfo) {
+	          info += sourceInfo;
+	        } else {
+	          info += getDeclarationErrorAddendum();
 	        }
+
+	        info += ReactComponentTreeHook.getCurrentStackAddendum();
+
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', type == null ? type : typeof type, info) : void 0;
 	      }
 	    }
-	    return events;
-	  },
 
-	  /**
-	   * Enqueues a synthetic event that should be dispatched when
-	   * `processEventQueue` is invoked.
-	   *
-	   * @param {*} events An accumulation of synthetic events.
-	   * @internal
-	   */
-	  enqueueEvents: function (events) {
-	    if (events) {
-	      eventQueue = accumulateInto(eventQueue, events);
+	    var element = ReactElement.createElement.apply(this, arguments);
+
+	    // The result can be nullish if a mock or a custom function is used.
+	    // TODO: Drop this when these are no longer allowed as the type argument.
+	    if (element == null) {
+	      return element;
 	    }
-	  },
 
-	  /**
-	   * Dispatches all synthetic events on the event queue.
-	   *
-	   * @internal
-	   */
-	  processEventQueue: function (simulated) {
-	    // Set `eventQueue` to null before processing it so that we can tell if more
-	    // events get enqueued while processing.
-	    var processingEventQueue = eventQueue;
-	    eventQueue = null;
-	    if (simulated) {
-	      forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseSimulated);
-	    } else {
-	      forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+	    // Skip key warning if the type isn't valid since our key validation logic
+	    // doesn't expect a non-string/function type and can throw confusing errors.
+	    // We don't want exception behavior to differ between dev and prod.
+	    // (Rendering will throw with a helpful message and as soon as the type is
+	    // fixed, the key warnings will appear.)
+	    if (validType) {
+	      for (var i = 2; i < arguments.length; i++) {
+	        validateChildKeys(arguments[i], type);
+	      }
 	    }
-	    !!eventQueue ? process.env.NODE_ENV !== 'production' ? invariant(false, 'processEventQueue(): Additional events were enqueued while processing ' + 'an event queue. Support for this has not yet been implemented.') : invariant(false) : undefined;
-	    // This would be a good time to rethrow if any of the event handlers threw.
-	    ReactErrorUtils.rethrowCaughtError();
+
+	    validatePropTypes(element);
+
+	    return element;
 	  },
 
-	  /**
-	   * These are needed for tests only. Do not use!
-	   */
-	  __purge: function () {
-	    listenerBank = {};
+	  createFactory: function (type) {
+	    var validatedFactory = ReactElementValidator.createElement.bind(null, type);
+	    // Legacy hook TODO: Warn if this is accessed
+	    validatedFactory.type = type;
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (canDefineProperty) {
+	        Object.defineProperty(validatedFactory, 'type', {
+	          enumerable: false,
+	          get: function () {
+	            process.env.NODE_ENV !== 'production' ? warning(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.') : void 0;
+	            Object.defineProperty(this, 'type', {
+	              value: type
+	            });
+	            return type;
+	          }
+	        });
+	      }
+	    }
+
+	    return validatedFactory;
 	  },
 
-	  __getListenerBank: function () {
-	    return listenerBank;
+	  cloneElement: function (element, props, children) {
+	    var newElement = ReactElement.cloneElement.apply(this, arguments);
+	    for (var i = 2; i < arguments.length; i++) {
+	      validateChildKeys(arguments[i], newElement.type);
+	    }
+	    validatePropTypes(newElement);
+	    return newElement;
 	  }
 
 	};
 
-	module.exports = EventPluginHub;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactElementValidator;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 32 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2016-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventPluginRegistry
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
-	var invariant = __webpack_require__(13);
+	var _prodInvariant = __webpack_require__(7);
 
-	/**
-	 * Injectable ordering of event plugins.
-	 */
-	var EventPluginOrder = null;
+	var ReactCurrentOwner = __webpack_require__(10);
 
-	/**
-	 * Injectable mapping from names to event plugin modules.
-	 */
-	var namesToPlugins = {};
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * Recomputes the plugin list using the injected plugins and plugin ordering.
-	 *
-	 * @private
-	 */
-	function recomputePluginOrdering() {
-	  if (!EventPluginOrder) {
-	    // Wait until an `EventPluginOrder` is injected.
-	    return;
+	function isNative(fn) {
+	  // Based on isNative() from Lodash
+	  var funcToString = Function.prototype.toString;
+	  var hasOwnProperty = Object.prototype.hasOwnProperty;
+	  var reIsNative = RegExp('^' + funcToString
+	  // Take an example native function source for comparison
+	  .call(hasOwnProperty)
+	  // Strip regex characters so we can use it for regex
+	  .replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
+	  // Remove hasOwnProperty from the template to make it generic
+	  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
+	  try {
+	    var source = funcToString.call(fn);
+	    return reIsNative.test(source);
+	  } catch (err) {
+	    return false;
 	  }
-	  for (var pluginName in namesToPlugins) {
-	    var PluginModule = namesToPlugins[pluginName];
-	    var pluginIndex = EventPluginOrder.indexOf(pluginName);
-	    !(pluginIndex > -1) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject event plugins that do not exist in ' + 'the plugin ordering, `%s`.', pluginName) : invariant(false) : undefined;
-	    if (EventPluginRegistry.plugins[pluginIndex]) {
-	      continue;
-	    }
-	    !PluginModule.extractEvents ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Event plugins must implement an `extractEvents` ' + 'method, but `%s` does not.', pluginName) : invariant(false) : undefined;
-	    EventPluginRegistry.plugins[pluginIndex] = PluginModule;
-	    var publishedEvents = PluginModule.eventTypes;
-	    for (var eventName in publishedEvents) {
-	      !publishEventForPlugin(publishedEvents[eventName], PluginModule, eventName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.', eventName, pluginName) : invariant(false) : undefined;
-	    }
+	}
+
+	var canUseCollections =
+	// Array.from
+	typeof Array.from === 'function' &&
+	// Map
+	typeof Map === 'function' && isNative(Map) &&
+	// Map.prototype.keys
+	Map.prototype != null && typeof Map.prototype.keys === 'function' && isNative(Map.prototype.keys) &&
+	// Set
+	typeof Set === 'function' && isNative(Set) &&
+	// Set.prototype.keys
+	Set.prototype != null && typeof Set.prototype.keys === 'function' && isNative(Set.prototype.keys);
+
+	var setItem;
+	var getItem;
+	var removeItem;
+	var getItemIDs;
+	var addRoot;
+	var removeRoot;
+	var getRootIDs;
+
+	if (canUseCollections) {
+	  var itemMap = new Map();
+	  var rootIDSet = new Set();
+
+	  setItem = function (id, item) {
+	    itemMap.set(id, item);
+	  };
+	  getItem = function (id) {
+	    return itemMap.get(id);
+	  };
+	  removeItem = function (id) {
+	    itemMap['delete'](id);
+	  };
+	  getItemIDs = function () {
+	    return Array.from(itemMap.keys());
+	  };
+
+	  addRoot = function (id) {
+	    rootIDSet.add(id);
+	  };
+	  removeRoot = function (id) {
+	    rootIDSet['delete'](id);
+	  };
+	  getRootIDs = function () {
+	    return Array.from(rootIDSet.keys());
+	  };
+	} else {
+	  var itemByKey = {};
+	  var rootByKey = {};
+
+	  // Use non-numeric keys to prevent V8 performance issues:
+	  // https://github.com/facebook/react/pull/7232
+	  var getKeyFromID = function (id) {
+	    return '.' + id;
+	  };
+	  var getIDFromKey = function (key) {
+	    return parseInt(key.substr(1), 10);
+	  };
+
+	  setItem = function (id, item) {
+	    var key = getKeyFromID(id);
+	    itemByKey[key] = item;
+	  };
+	  getItem = function (id) {
+	    var key = getKeyFromID(id);
+	    return itemByKey[key];
+	  };
+	  removeItem = function (id) {
+	    var key = getKeyFromID(id);
+	    delete itemByKey[key];
+	  };
+	  getItemIDs = function () {
+	    return Object.keys(itemByKey).map(getIDFromKey);
+	  };
+
+	  addRoot = function (id) {
+	    var key = getKeyFromID(id);
+	    rootByKey[key] = true;
+	  };
+	  removeRoot = function (id) {
+	    var key = getKeyFromID(id);
+	    delete rootByKey[key];
+	  };
+	  getRootIDs = function () {
+	    return Object.keys(rootByKey).map(getIDFromKey);
+	  };
+	}
+
+	var unmountedIDs = [];
+
+	function purgeDeep(id) {
+	  var item = getItem(id);
+	  if (item) {
+	    var childIDs = item.childIDs;
+
+	    removeItem(id);
+	    childIDs.forEach(purgeDeep);
 	  }
 	}
 
-	/**
-	 * Publishes an event so that it can be dispatched by the supplied plugin.
-	 *
-	 * @param {object} dispatchConfig Dispatch configuration for the event.
-	 * @param {object} PluginModule Plugin publishing the event.
-	 * @return {boolean} True if the event was successfully published.
-	 * @private
-	 */
-	function publishEventForPlugin(dispatchConfig, PluginModule, eventName) {
-	  !!EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same ' + 'event name, `%s`.', eventName) : invariant(false) : undefined;
-	  EventPluginRegistry.eventNameDispatchConfigs[eventName] = dispatchConfig;
+	function describeComponentFrame(name, source, ownerName) {
+	  return '\n    in ' + (name || 'Unknown') + (source ? ' (at ' + source.fileName.replace(/^.*[\\\/]/, '') + ':' + source.lineNumber + ')' : ownerName ? ' (created by ' + ownerName + ')' : '');
+	}
 
-	  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-	  if (phasedRegistrationNames) {
-	    for (var phaseName in phasedRegistrationNames) {
-	      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-	        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-	        publishRegistrationName(phasedRegistrationName, PluginModule, eventName);
-	      }
-	    }
-	    return true;
-	  } else if (dispatchConfig.registrationName) {
-	    publishRegistrationName(dispatchConfig.registrationName, PluginModule, eventName);
-	    return true;
+	function getDisplayName(element) {
+	  if (element == null) {
+	    return '#empty';
+	  } else if (typeof element === 'string' || typeof element === 'number') {
+	    return '#text';
+	  } else if (typeof element.type === 'string') {
+	    return element.type;
+	  } else {
+	    return element.type.displayName || element.type.name || 'Unknown';
 	  }
-	  return false;
 	}
 
-	/**
-	 * Publishes a registration name that is used to identify dispatched events and
-	 * can be used with `EventPluginHub.putListener` to register listeners.
-	 *
-	 * @param {string} registrationName Registration name to add.
-	 * @param {object} PluginModule Plugin publishing the event.
-	 * @private
-	 */
-	function publishRegistrationName(registrationName, PluginModule, eventName) {
-	  !!EventPluginRegistry.registrationNameModules[registrationName] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same ' + 'registration name, `%s`.', registrationName) : invariant(false) : undefined;
-	  EventPluginRegistry.registrationNameModules[registrationName] = PluginModule;
-	  EventPluginRegistry.registrationNameDependencies[registrationName] = PluginModule.eventTypes[eventName].dependencies;
-	}
-
-	/**
-	 * Registers plugins so that they can extract and dispatch events.
-	 *
-	 * @see {EventPluginHub}
-	 */
-	var EventPluginRegistry = {
-
-	  /**
-	   * Ordered list of injected plugins.
-	   */
-	  plugins: [],
-
-	  /**
-	   * Mapping from event name to dispatch config
-	   */
-	  eventNameDispatchConfigs: {},
-
-	  /**
-	   * Mapping from registration name to plugin module
-	   */
-	  registrationNameModules: {},
-
-	  /**
-	   * Mapping from registration name to event name
-	   */
-	  registrationNameDependencies: {},
-
-	  /**
-	   * Injects an ordering of plugins (by plugin name). This allows the ordering
-	   * to be decoupled from injection of the actual plugins so that ordering is
-	   * always deterministic regardless of packaging, on-the-fly injection, etc.
-	   *
-	   * @param {array} InjectedEventPluginOrder
-	   * @internal
-	   * @see {EventPluginHub.injection.injectEventPluginOrder}
-	   */
-	  injectEventPluginOrder: function (InjectedEventPluginOrder) {
-	    !!EventPluginOrder ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject event plugin ordering more than ' + 'once. You are likely trying to load more than one copy of React.') : invariant(false) : undefined;
-	    // Clone the ordering so it cannot be dynamically mutated.
-	    EventPluginOrder = Array.prototype.slice.call(InjectedEventPluginOrder);
-	    recomputePluginOrdering();
+	function describeID(id) {
+	  var name = ReactComponentTreeHook.getDisplayName(id);
+	  var element = ReactComponentTreeHook.getElement(id);
+	  var ownerID = ReactComponentTreeHook.getOwnerID(id);
+	  var ownerName;
+	  if (ownerID) {
+	    ownerName = ReactComponentTreeHook.getDisplayName(ownerID);
+	  }
+	  process.env.NODE_ENV !== 'production' ? warning(element, 'ReactComponentTreeHook: Missing React element for debugID %s when ' + 'building stack', id) : void 0;
+	  return describeComponentFrame(name, element && element._source, ownerName);
+	}
+
+	var ReactComponentTreeHook = {
+	  onSetChildren: function (id, nextChildIDs) {
+	    var item = getItem(id);
+	    !item ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Item must have been set') : _prodInvariant('144') : void 0;
+	    item.childIDs = nextChildIDs;
+
+	    for (var i = 0; i < nextChildIDs.length; i++) {
+	      var nextChildID = nextChildIDs[i];
+	      var nextChild = getItem(nextChildID);
+	      !nextChild ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected hook events to fire for the child before its parent includes it in onSetChildren().') : _prodInvariant('140') : void 0;
+	      !(nextChild.childIDs != null || typeof nextChild.element !== 'object' || nextChild.element == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected onSetChildren() to fire for a container child before its parent includes it in onSetChildren().') : _prodInvariant('141') : void 0;
+	      !nextChild.isMounted ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected onMountComponent() to fire for the child before its parent includes it in onSetChildren().') : _prodInvariant('71') : void 0;
+	      if (nextChild.parentID == null) {
+	        nextChild.parentID = id;
+	        // TODO: This shouldn't be necessary but mounting a new root during in
+	        // componentWillMount currently causes not-yet-mounted components to
+	        // be purged from our tree data so their parent id is missing.
+	      }
+	      !(nextChild.parentID === id) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected onBeforeMountComponent() parent and onSetChildren() to be consistent (%s has parents %s and %s).', nextChildID, nextChild.parentID, id) : _prodInvariant('142', nextChildID, nextChild.parentID, id) : void 0;
+	    }
+	  },
+	  onBeforeMountComponent: function (id, element, parentID) {
+	    var item = {
+	      element: element,
+	      parentID: parentID,
+	      text: null,
+	      childIDs: [],
+	      isMounted: false,
+	      updateCount: 0
+	    };
+	    setItem(id, item);
 	  },
-
-	  /**
-	   * Injects plugins to be used by `EventPluginHub`. The plugin names must be
-	   * in the ordering injected by `injectEventPluginOrder`.
-	   *
-	   * Plugins can be injected as part of page initialization or on-the-fly.
-	   *
-	   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-	   * @internal
-	   * @see {EventPluginHub.injection.injectEventPluginsByName}
-	   */
-	  injectEventPluginsByName: function (injectedNamesToPlugins) {
-	    var isOrderingDirty = false;
-	    for (var pluginName in injectedNamesToPlugins) {
-	      if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-	        continue;
-	      }
-	      var PluginModule = injectedNamesToPlugins[pluginName];
-	      if (!namesToPlugins.hasOwnProperty(pluginName) || namesToPlugins[pluginName] !== PluginModule) {
-	        !!namesToPlugins[pluginName] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject two different event plugins ' + 'using the same name, `%s`.', pluginName) : invariant(false) : undefined;
-	        namesToPlugins[pluginName] = PluginModule;
-	        isOrderingDirty = true;
-	      }
+	  onBeforeUpdateComponent: function (id, element) {
+	    var item = getItem(id);
+	    if (!item || !item.isMounted) {
+	      // We may end up here as a result of setState() in componentWillUnmount().
+	      // In this case, ignore the element.
+	      return;
 	    }
-	    if (isOrderingDirty) {
-	      recomputePluginOrdering();
+	    item.element = element;
+	  },
+	  onMountComponent: function (id) {
+	    var item = getItem(id);
+	    !item ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Item must have been set') : _prodInvariant('144') : void 0;
+	    item.isMounted = true;
+	    var isRoot = item.parentID === 0;
+	    if (isRoot) {
+	      addRoot(id);
 	    }
 	  },
-
-	  /**
-	   * Looks up the plugin for the supplied event.
-	   *
-	   * @param {object} event A synthetic event.
-	   * @return {?object} The plugin that created the supplied event.
-	   * @internal
-	   */
-	  getPluginModuleForEvent: function (event) {
-	    var dispatchConfig = event.dispatchConfig;
-	    if (dispatchConfig.registrationName) {
-	      return EventPluginRegistry.registrationNameModules[dispatchConfig.registrationName] || null;
+	  onUpdateComponent: function (id) {
+	    var item = getItem(id);
+	    if (!item || !item.isMounted) {
+	      // We may end up here as a result of setState() in componentWillUnmount().
+	      // In this case, ignore the element.
+	      return;
 	    }
-	    for (var phase in dispatchConfig.phasedRegistrationNames) {
-	      if (!dispatchConfig.phasedRegistrationNames.hasOwnProperty(phase)) {
-	        continue;
-	      }
-	      var PluginModule = EventPluginRegistry.registrationNameModules[dispatchConfig.phasedRegistrationNames[phase]];
-	      if (PluginModule) {
-	        return PluginModule;
+	    item.updateCount++;
+	  },
+	  onUnmountComponent: function (id) {
+	    var item = getItem(id);
+	    if (item) {
+	      // We need to check if it exists.
+	      // `item` might not exist if it is inside an error boundary, and a sibling
+	      // error boundary child threw while mounting. Then this instance never
+	      // got a chance to mount, but it still gets an unmounting event during
+	      // the error boundary cleanup.
+	      item.isMounted = false;
+	      var isRoot = item.parentID === 0;
+	      if (isRoot) {
+	        removeRoot(id);
 	      }
 	    }
-	    return null;
+	    unmountedIDs.push(id);
 	  },
-
-	  /**
-	   * Exposed for unit testing.
-	   * @private
-	   */
-	  _resetEventPlugins: function () {
-	    EventPluginOrder = null;
-	    for (var pluginName in namesToPlugins) {
-	      if (namesToPlugins.hasOwnProperty(pluginName)) {
-	        delete namesToPlugins[pluginName];
-	      }
+	  purgeUnmountedComponents: function () {
+	    if (ReactComponentTreeHook._preventPurging) {
+	      // Should only be used for testing.
+	      return;
 	    }
-	    EventPluginRegistry.plugins.length = 0;
 
-	    var eventNameDispatchConfigs = EventPluginRegistry.eventNameDispatchConfigs;
-	    for (var eventName in eventNameDispatchConfigs) {
-	      if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-	        delete eventNameDispatchConfigs[eventName];
-	      }
+	    for (var i = 0; i < unmountedIDs.length; i++) {
+	      var id = unmountedIDs[i];
+	      purgeDeep(id);
+	    }
+	    unmountedIDs.length = 0;
+	  },
+	  isMounted: function (id) {
+	    var item = getItem(id);
+	    return item ? item.isMounted : false;
+	  },
+	  getCurrentStackAddendum: function (topElement) {
+	    var info = '';
+	    if (topElement) {
+	      var name = getDisplayName(topElement);
+	      var owner = topElement._owner;
+	      info += describeComponentFrame(name, topElement._source, owner && owner.getName());
 	    }
 
-	    var registrationNameModules = EventPluginRegistry.registrationNameModules;
-	    for (var registrationName in registrationNameModules) {
-	      if (registrationNameModules.hasOwnProperty(registrationName)) {
-	        delete registrationNameModules[registrationName];
-	      }
+	    var currentOwner = ReactCurrentOwner.current;
+	    var id = currentOwner && currentOwner._debugID;
+
+	    info += ReactComponentTreeHook.getStackAddendumByID(id);
+	    return info;
+	  },
+	  getStackAddendumByID: function (id) {
+	    var info = '';
+	    while (id) {
+	      info += describeID(id);
+	      id = ReactComponentTreeHook.getParentID(id);
 	    }
-	  }
+	    return info;
+	  },
+	  getChildIDs: function (id) {
+	    var item = getItem(id);
+	    return item ? item.childIDs : [];
+	  },
+	  getDisplayName: function (id) {
+	    var element = ReactComponentTreeHook.getElement(id);
+	    if (!element) {
+	      return null;
+	    }
+	    return getDisplayName(element);
+	  },
+	  getElement: function (id) {
+	    var item = getItem(id);
+	    return item ? item.element : null;
+	  },
+	  getOwnerID: function (id) {
+	    var element = ReactComponentTreeHook.getElement(id);
+	    if (!element || !element._owner) {
+	      return null;
+	    }
+	    return element._owner._debugID;
+	  },
+	  getParentID: function (id) {
+	    var item = getItem(id);
+	    return item ? item.parentID : null;
+	  },
+	  getSource: function (id) {
+	    var item = getItem(id);
+	    var element = item ? item.element : null;
+	    var source = element != null ? element._source : null;
+	    return source;
+	  },
+	  getText: function (id) {
+	    var element = ReactComponentTreeHook.getElement(id);
+	    if (typeof element === 'string') {
+	      return element;
+	    } else if (typeof element === 'number') {
+	      return '' + element;
+	    } else {
+	      return null;
+	    }
+	  },
+	  getUpdateCount: function (id) {
+	    var item = getItem(id);
+	    return item ? item.updateCount : 0;
+	  },
 
+
+	  getRootIDs: getRootIDs,
+	  getRegisteredIDs: getItemIDs
 	};
 
-	module.exports = EventPluginRegistry;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactComponentTreeHook;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 33 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventPluginUtils
 	 */
 
 	'use strict';
 
-	var EventConstants = __webpack_require__(30);
-	var ReactErrorUtils = __webpack_require__(34);
+	var _prodInvariant = __webpack_require__(7);
 
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	var ReactPropTypeLocationNames = __webpack_require__(23);
+	var ReactPropTypesSecret = __webpack_require__(28);
 
-	/**
-	 * Injected dependencies:
-	 */
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
+
+	var ReactComponentTreeHook;
+
+	if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'test') {
+	  // Temporary hack.
+	  // Inline requires don't work well with Jest:
+	  // https://github.com/facebook/react/issues/7240
+	  // Remove the inline requires when we don't need them anymore:
+	  // https://github.com/facebook/react/pull/7178
+	  ReactComponentTreeHook = __webpack_require__(26);
+	}
+
+	var loggedTypeFailures = {};
 
 	/**
-	 * - `Mount`: [required] Module that can convert between React dom IDs and
-	 *   actual node references.
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?object} element The React element that is being type-checked
+	 * @param {?number} debugID The React component instance that is being type-checked
+	 * @private
 	 */
-	var injection = {
-	  Mount: null,
-	  injectMount: function (InjectedMount) {
-	    injection.Mount = InjectedMount;
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(InjectedMount && InjectedMount.getNode && InjectedMount.getID, 'EventPluginUtils.injection.injectMount(...): Injected Mount ' + 'module is missing getNode or getID.') : undefined;
-	    }
-	  }
-	};
+	function checkReactTypeSpec(typeSpecs, values, location, componentName, element, debugID) {
+	  for (var typeSpecName in typeSpecs) {
+	    if (typeSpecs.hasOwnProperty(typeSpecName)) {
+	      var error;
+	      // Prop type validation may throw. In case they do, we don't want to
+	      // fail the render phase where it didn't fail before. So we log it.
+	      // After these have been cleaned up, we'll let them throw.
+	      try {
+	        // This is intentionally an invariant that gets caught. It's the same
+	        // behavior as without this statement except with a better message.
+	        !(typeof typeSpecs[typeSpecName] === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : _prodInvariant('84', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : void 0;
+	        error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+	      } catch (ex) {
+	        error = ex;
+	      }
+	      process.env.NODE_ENV !== 'production' ? warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName, typeof error) : void 0;
+	      if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	        // Only monitor this failure once because there tends to be a lot of the
+	        // same error.
+	        loggedTypeFailures[error.message] = true;
 
-	var topLevelTypes = EventConstants.topLevelTypes;
+	        var componentStackInfo = '';
 
-	function isEndish(topLevelType) {
-	  return topLevelType === topLevelTypes.topMouseUp || topLevelType === topLevelTypes.topTouchEnd || topLevelType === topLevelTypes.topTouchCancel;
-	}
+	        if (process.env.NODE_ENV !== 'production') {
+	          if (!ReactComponentTreeHook) {
+	            ReactComponentTreeHook = __webpack_require__(26);
+	          }
+	          if (debugID !== null) {
+	            componentStackInfo = ReactComponentTreeHook.getStackAddendumByID(debugID);
+	          } else if (element !== null) {
+	            componentStackInfo = ReactComponentTreeHook.getCurrentStackAddendum(element);
+	          }
+	        }
 
-	function isMoveish(topLevelType) {
-	  return topLevelType === topLevelTypes.topMouseMove || topLevelType === topLevelTypes.topTouchMove;
-	}
-	function isStartish(topLevelType) {
-	  return topLevelType === topLevelTypes.topMouseDown || topLevelType === topLevelTypes.topTouchStart;
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'Failed %s type: %s%s', location, error.message, componentStackInfo) : void 0;
+	      }
+	    }
+	  }
 	}
 
-	var validateEventDispatches;
-	if (process.env.NODE_ENV !== 'production') {
-	  validateEventDispatches = function (event) {
-	    var dispatchListeners = event._dispatchListeners;
-	    var dispatchIDs = event._dispatchIDs;
-
-	    var listenersIsArr = Array.isArray(dispatchListeners);
-	    var idsIsArr = Array.isArray(dispatchIDs);
-	    var IDsLen = idsIsArr ? dispatchIDs.length : dispatchIDs ? 1 : 0;
-	    var listenersLen = listenersIsArr ? dispatchListeners.length : dispatchListeners ? 1 : 0;
+	module.exports = checkReactTypeSpec;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    process.env.NODE_ENV !== 'production' ? warning(idsIsArr === listenersIsArr && IDsLen === listenersLen, 'EventPluginUtils: Invalid `event`.') : undefined;
-	  };
-	}
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Dispatch the event to the listener.
-	 * @param {SyntheticEvent} event SyntheticEvent to handle
-	 * @param {boolean} simulated If the event is simulated (changes exn behavior)
-	 * @param {function} listener Application-level callback
-	 * @param {string} domID DOM id to pass to the callback.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
 	 */
-	function executeDispatch(event, simulated, listener, domID) {
-	  var type = event.type || 'unknown-event';
-	  event.currentTarget = injection.Mount.getNode(domID);
-	  if (simulated) {
-	    ReactErrorUtils.invokeGuardedCallbackWithCatch(type, listener, event, domID);
-	  } else {
-	    ReactErrorUtils.invokeGuardedCallback(type, listener, event, domID);
-	  }
-	  event.currentTarget = null;
-	}
+
+	'use strict';
+
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+	module.exports = ReactPropTypesSecret;
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Standard/simple iteration through an event's collected dispatches.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
 	 */
-	function executeDispatchesInOrder(event, simulated) {
-	  var dispatchListeners = event._dispatchListeners;
-	  var dispatchIDs = event._dispatchIDs;
-	  if (process.env.NODE_ENV !== 'production') {
-	    validateEventDispatches(event);
-	  }
-	  if (Array.isArray(dispatchListeners)) {
-	    for (var i = 0; i < dispatchListeners.length; i++) {
-	      if (event.isPropagationStopped()) {
-	        break;
-	      }
-	      // Listeners and IDs are two parallel arrays that are always in sync.
-	      executeDispatch(event, simulated, dispatchListeners[i], dispatchIDs[i]);
-	    }
-	  } else if (dispatchListeners) {
-	    executeDispatch(event, simulated, dispatchListeners, dispatchIDs);
-	  }
-	  event._dispatchListeners = null;
-	  event._dispatchIDs = null;
-	}
+
+	'use strict';
+
+	var _require = __webpack_require__(9),
+	    isValidElement = _require.isValidElement;
+
+	var factory = __webpack_require__(30);
+
+	module.exports = factory(isValidElement);
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Standard/simple iteration through an event's collected dispatches, but stops
-	 * at the first dispatch execution returning true, and returns that id.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * @return {?string} id of the first dispatch execution who's listener returns
-	 * true, or null if no listener returned true.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 */
-	function executeDispatchesInOrderStopAtTrueImpl(event) {
-	  var dispatchListeners = event._dispatchListeners;
-	  var dispatchIDs = event._dispatchIDs;
-	  if (process.env.NODE_ENV !== 'production') {
-	    validateEventDispatches(event);
-	  }
-	  if (Array.isArray(dispatchListeners)) {
-	    for (var i = 0; i < dispatchListeners.length; i++) {
-	      if (event.isPropagationStopped()) {
-	        break;
-	      }
-	      // Listeners and IDs are two parallel arrays that are always in sync.
-	      if (dispatchListeners[i](event, dispatchIDs[i])) {
-	        return dispatchIDs[i];
-	      }
-	    }
-	  } else if (dispatchListeners) {
-	    if (dispatchListeners(event, dispatchIDs)) {
-	      return dispatchIDs;
-	    }
-	  }
-	  return null;
-	}
-
-	/**
-	 * @see executeDispatchesInOrderStopAtTrueImpl
-	 */
-	function executeDispatchesInOrderStopAtTrue(event) {
-	  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
-	  event._dispatchIDs = null;
-	  event._dispatchListeners = null;
-	  return ret;
-	}
-
-	/**
-	 * Execution of a "direct" dispatch - there must be at most one dispatch
-	 * accumulated on the event or it is considered an error. It doesn't really make
-	 * sense for an event with multiple dispatches (bubbled) to keep track of the
-	 * return values at each dispatch execution, but it does tend to make sense when
-	 * dealing with "direct" dispatches.
-	 *
-	 * @return {*} The return value of executing the single dispatch.
-	 */
-	function executeDirectDispatch(event) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    validateEventDispatches(event);
-	  }
-	  var dispatchListener = event._dispatchListeners;
-	  var dispatchID = event._dispatchIDs;
-	  !!Array.isArray(dispatchListener) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'executeDirectDispatch(...): Invalid `event`.') : invariant(false) : undefined;
-	  var res = dispatchListener ? dispatchListener(event, dispatchID) : null;
-	  event._dispatchListeners = null;
-	  event._dispatchIDs = null;
-	  return res;
-	}
-
-	/**
-	 * @param {SyntheticEvent} event
-	 * @return {boolean} True iff number of dispatches accumulated is greater than 0.
-	 */
-	function hasDispatches(event) {
-	  return !!event._dispatchListeners;
-	}
-
-	/**
-	 * General utilities that are useful in creating custom Event Plugins.
-	 */
-	var EventPluginUtils = {
-	  isEndish: isEndish,
-	  isMoveish: isMoveish,
-	  isStartish: isStartish,
-
-	  executeDirectDispatch: executeDirectDispatch,
-	  executeDispatchesInOrder: executeDispatchesInOrder,
-	  executeDispatchesInOrderStopAtTrue: executeDispatchesInOrderStopAtTrue,
-	  hasDispatches: hasDispatches,
 
-	  getNode: function (id) {
-	    return injection.Mount.getNode(id);
-	  },
-	  getID: function (node) {
-	    return injection.Mount.getID(node);
-	  },
+	'use strict';
 
-	  injection: injection
+	// React 15.5 references this module, and assumes PropTypes are still callable in production.
+	// Therefore we re-export development-only version with all the PropTypes checks here.
+	// However if one is migrating to the `prop-types` npm library, they will go through the
+	// `index.js` entry point, and it will branch depending on the environment.
+	var factory = __webpack_require__(31);
+	module.exports = function(isValidElement) {
+	  // It is still allowed in 15.5.
+	  var throwOnDirectAccess = false;
+	  return factory(isValidElement, throwOnDirectAccess);
 	};
 
-	module.exports = EventPluginUtils;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
 
-/***/ },
-/* 34 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 31 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactErrorUtils
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var caughtError = null;
+	var emptyFunction = __webpack_require__(12);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * Call a function while guarding against errors that happens within it.
-	 *
-	 * @param {?String} name of the guard to use for logging or debugging
-	 * @param {Function} func The function to invoke
-	 * @param {*} a First argument
-	 * @param {*} b Second argument
-	 */
-	function invokeGuardedCallback(name, func, a, b) {
-	  try {
-	    return func(a, b);
-	  } catch (x) {
-	    if (caughtError === null) {
-	      caughtError = x;
+	var ReactPropTypesSecret = __webpack_require__(32);
+	var checkPropTypes = __webpack_require__(33);
+
+	module.exports = function(isValidElement, throwOnDirectAccess) {
+	  /* global Symbol */
+	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+	  /**
+	   * Returns the iterator method function contained on the iterable object.
+	   *
+	   * Be sure to invoke the function with the iterable as context:
+	   *
+	   *     var iteratorFn = getIteratorFn(myIterable);
+	   *     if (iteratorFn) {
+	   *       var iterator = iteratorFn.call(myIterable);
+	   *       ...
+	   *     }
+	   *
+	   * @param {?object} maybeIterable
+	   * @return {?function}
+	   */
+	  function getIteratorFn(maybeIterable) {
+	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	    if (typeof iteratorFn === 'function') {
+	      return iteratorFn;
 	    }
-	    return undefined;
 	  }
-	}
-
-	var ReactErrorUtils = {
-	  invokeGuardedCallback: invokeGuardedCallback,
 
 	  /**
-	   * Invoked by ReactTestUtils.Simulate so that any errors thrown by the event
-	   * handler are sure to be rethrown by rethrowCaughtError.
+	   * Collection of methods that allow declaration and validation of props that are
+	   * supplied to React components. Example usage:
+	   *
+	   *   var Props = require('ReactPropTypes');
+	   *   var MyArticle = React.createClass({
+	   *     propTypes: {
+	   *       // An optional string prop named "description".
+	   *       description: Props.string,
+	   *
+	   *       // A required enum prop named "category".
+	   *       category: Props.oneOf(['News','Photos']).isRequired,
+	   *
+	   *       // A prop named "dialog" that requires an instance of Dialog.
+	   *       dialog: Props.instanceOf(Dialog).isRequired
+	   *     },
+	   *     render: function() { ... }
+	   *   });
+	   *
+	   * A more formal specification of how these methods are used:
+	   *
+	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+	   *   decl := ReactPropTypes.{type}(.isRequired)?
+	   *
+	   * Each and every declaration produces a function with the same signature. This
+	   * allows the creation of custom validation functions. For example:
+	   *
+	   *  var MyLink = React.createClass({
+	   *    propTypes: {
+	   *      // An optional string or URI prop named "href".
+	   *      href: function(props, propName, componentName) {
+	   *        var propValue = props[propName];
+	   *        if (propValue != null && typeof propValue !== 'string' &&
+	   *            !(propValue instanceof URI)) {
+	   *          return new Error(
+	   *            'Expected a string or an URI for ' + propName + ' in ' +
+	   *            componentName
+	   *          );
+	   *        }
+	   *      }
+	   *    },
+	   *    render: function() {...}
+	   *  });
+	   *
+	   * @internal
 	   */
-	  invokeGuardedCallbackWithCatch: invokeGuardedCallback,
+
+	  var ANONYMOUS = '<<anonymous>>';
+
+	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+	  var ReactPropTypes = {
+	    array: createPrimitiveTypeChecker('array'),
+	    bool: createPrimitiveTypeChecker('boolean'),
+	    func: createPrimitiveTypeChecker('function'),
+	    number: createPrimitiveTypeChecker('number'),
+	    object: createPrimitiveTypeChecker('object'),
+	    string: createPrimitiveTypeChecker('string'),
+	    symbol: createPrimitiveTypeChecker('symbol'),
+
+	    any: createAnyTypeChecker(),
+	    arrayOf: createArrayOfTypeChecker,
+	    element: createElementTypeChecker(),
+	    instanceOf: createInstanceTypeChecker,
+	    node: createNodeChecker(),
+	    objectOf: createObjectOfTypeChecker,
+	    oneOf: createEnumTypeChecker,
+	    oneOfType: createUnionTypeChecker,
+	    shape: createShapeTypeChecker
+	  };
 
 	  /**
-	   * During execution of guarded functions we will capture the first error which
-	   * we will rethrow to be handled by the top level error handler.
+	   * inlined Object.is polyfill to avoid requiring consumers ship their own
+	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
 	   */
-	  rethrowCaughtError: function () {
-	    if (caughtError) {
-	      var error = caughtError;
-	      caughtError = null;
-	      throw error;
+	  /*eslint-disable no-self-compare*/
+	  function is(x, y) {
+	    // SameValue algorithm
+	    if (x === y) {
+	      // Steps 1-5, 7-10
+	      // Steps 6.b-6.e: +0 != -0
+	      return x !== 0 || 1 / x === 1 / y;
+	    } else {
+	      // Step 6.a: NaN == NaN
+	      return x !== x && y !== y;
 	    }
 	  }
-	};
+	  /*eslint-enable no-self-compare*/
 
-	if (process.env.NODE_ENV !== 'production') {
 	  /**
-	   * To help development we can get better devtools integration by simulating a
-	   * real browser event.
+	   * We use an Error-like object for backward compatibility as people may call
+	   * PropTypes directly and inspect their output. However, we don't use real
+	   * Errors anymore. We don't inspect their stack anyway, and creating them
+	   * is prohibitively expensive if they are created too often, such as what
+	   * happens in oneOfType() for any type before the one that matched.
 	   */
-	  if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
-	    var fakeNode = document.createElement('react');
-	    ReactErrorUtils.invokeGuardedCallback = function (name, func, a, b) {
-	      var boundFunc = func.bind(null, a, b);
-	      var evtType = 'react-' + name;
-	      fakeNode.addEventListener(evtType, boundFunc, false);
-	      var evt = document.createEvent('Event');
-	      evt.initEvent(evtType, false, false);
-	      fakeNode.dispatchEvent(evt);
-	      fakeNode.removeEventListener(evtType, boundFunc, false);
-	    };
+	  function PropTypeError(message) {
+	    this.message = message;
+	    this.stack = '';
 	  }
-	}
-
-	module.exports = ReactErrorUtils;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 35 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule accumulateInto
-	 */
-
-	'use strict';
+	  // Make `instanceof Error` still work for returned errors.
+	  PropTypeError.prototype = Error.prototype;
 
-	var invariant = __webpack_require__(13);
+	  function createChainableTypeChecker(validate) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var manualPropTypeCallCache = {};
+	      var manualPropTypeWarningCount = 0;
+	    }
+	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+	      componentName = componentName || ANONYMOUS;
+	      propFullName = propFullName || propName;
+
+	      if (secret !== ReactPropTypesSecret) {
+	        if (throwOnDirectAccess) {
+	          // New behavior only for users of `prop-types` package
+	          invariant(
+	            false,
+	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	            'Use `PropTypes.checkPropTypes()` to call them. ' +
+	            'Read more at http://fb.me/use-check-prop-types'
+	          );
+	        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+	          // Old behavior for people using React.PropTypes
+	          var cacheKey = componentName + ':' + propName;
+	          if (
+	            !manualPropTypeCallCache[cacheKey] &&
+	            // Avoid spamming the console because they are often not actionable except for lib authors
+	            manualPropTypeWarningCount < 3
+	          ) {
+	            warning(
+	              false,
+	              'You are manually calling a React.PropTypes validation ' +
+	              'function for the `%s` prop on `%s`. This is deprecated ' +
+	              'and will throw in the standalone `prop-types` package. ' +
+	              'You may be seeing this warning due to a third-party PropTypes ' +
+	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',
+	              propFullName,
+	              componentName
+	            );
+	            manualPropTypeCallCache[cacheKey] = true;
+	            manualPropTypeWarningCount++;
+	          }
+	        }
+	      }
+	      if (props[propName] == null) {
+	        if (isRequired) {
+	          if (props[propName] === null) {
+	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+	          }
+	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+	        }
+	        return null;
+	      } else {
+	        return validate(props, propName, componentName, location, propFullName);
+	      }
+	    }
 
-	/**
-	 *
-	 * Accumulates items that must not be null or undefined into the first one. This
-	 * is used to conserve memory by avoiding array allocations, and thus sacrifices
-	 * API cleanness. Since `current` can be null before being passed in and not
-	 * null after this function, make sure to assign it back to `current`:
-	 *
-	 * `a = accumulateInto(a, b);`
-	 *
-	 * This API should be sparingly used. Try `accumulate` for something cleaner.
-	 *
-	 * @return {*|array<*>} An accumulation of items.
-	 */
+	    var chainedCheckType = checkType.bind(null, false);
+	    chainedCheckType.isRequired = checkType.bind(null, true);
 
-	function accumulateInto(current, next) {
-	  !(next != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'accumulateInto(...): Accumulated items must not be null or undefined.') : invariant(false) : undefined;
-	  if (current == null) {
-	    return next;
+	    return chainedCheckType;
 	  }
 
-	  // Both are not empty. Warning: Never call x.concat(y) when you are not
-	  // certain that x is an Array (x could be a string with concat method).
-	  var currentIsArray = Array.isArray(current);
-	  var nextIsArray = Array.isArray(next);
+	  function createPrimitiveTypeChecker(expectedType) {
+	    function validate(props, propName, componentName, location, propFullName, secret) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== expectedType) {
+	        // `propValue` being instance of, say, date/regexp, pass the 'object'
+	        // check, but we can offer a more precise error message here rather than
+	        // 'of type `object`'.
+	        var preciseType = getPreciseType(propValue);
 
-	  if (currentIsArray && nextIsArray) {
-	    current.push.apply(current, next);
-	    return current;
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  if (currentIsArray) {
-	    current.push(next);
-	    return current;
+	  function createAnyTypeChecker() {
+	    return createChainableTypeChecker(emptyFunction.thatReturnsNull);
 	  }
 
-	  if (nextIsArray) {
-	    // A bit too dangerous to mutate `next`.
-	    return [current].concat(next);
+	  function createArrayOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+	      }
+	      var propValue = props[propName];
+	      if (!Array.isArray(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+	      }
+	      for (var i = 0; i < propValue.length; i++) {
+	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+	        if (error instanceof Error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  return [current, next];
-	}
+	  function createElementTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!isValidElement(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-	module.exports = accumulateInto;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  function createInstanceTypeChecker(expectedClass) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!(props[propName] instanceof expectedClass)) {
+	        var expectedClassName = expectedClass.name || ANONYMOUS;
+	        var actualClassName = getClassName(props[propName]);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-/***/ },
-/* 36 */
-/***/ function(module, exports) {
+	  function createEnumTypeChecker(expectedValues) {
+	    if (!Array.isArray(expectedValues)) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
+	      return emptyFunction.thatReturnsNull;
+	    }
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule forEachAccumulated
-	 */
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
 
-	'use strict';
+	      var valuesString = JSON.stringify(expectedValues);
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-	/**
-	 * @param {array} arr an "accumulation" of items which is either an Array or
-	 * a single item. Useful when paired with the `accumulate` module. This is a
-	 * simple utility that allows us to reason about a collection of items, but
-	 * handling the case when there is exactly one item (and we do not need to
-	 * allocate an array).
-	 */
-	var forEachAccumulated = function (arr, cb, scope) {
-	  if (Array.isArray(arr)) {
-	    arr.forEach(cb, scope);
-	  } else if (arr) {
-	    cb.call(scope, arr);
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (propValue.hasOwnProperty(key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
 	  }
-	};
 
-	module.exports = forEachAccumulated;
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+	      return emptyFunction.thatReturnsNull;
+	    }
 
-/***/ },
-/* 37 */
-/***/ function(module, exports, __webpack_require__) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+	          return null;
+	        }
+	      }
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactEventEmitterMixin
-	 */
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-	'use strict';
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-	var EventPluginHub = __webpack_require__(31);
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (!checker) {
+	          continue;
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-	function runEventQueueInBatch(events) {
-	  EventPluginHub.enqueueEvents(events);
-	  EventPluginHub.processEventQueue(false);
-	}
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
 
-	var ReactEventEmitterMixin = {
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
 
-	  /**
-	   * Streams a fired top-level event to `EventPluginHub` where plugins have the
-	   * opportunity to create `ReactEvent`s to be dispatched.
-	   *
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {object} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native environment event.
-	   */
-	  handleTopLevel: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	    var events = EventPluginHub.extractEvents(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget);
-	    runEventQueueInBatch(events);
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
+
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
+
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
+
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
+
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
+
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
 	  }
+
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
 	};
 
-	module.exports = ReactEventEmitterMixin;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 38 */
-/***/ function(module, exports) {
+/***/ }),
+/* 32 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ViewportMetrics
 	 */
 
 	'use strict';
 
-	var ViewportMetrics = {
-
-	  currentScrollLeft: 0,
-
-	  currentScrollTop: 0,
-
-	  refreshScrollValues: function (scrollPosition) {
-	    ViewportMetrics.currentScrollLeft = scrollPosition.x;
-	    ViewportMetrics.currentScrollTop = scrollPosition.y;
-	  }
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-	};
+	module.exports = ReactPropTypesSecret;
 
-	module.exports = ViewportMetrics;
 
-/***/ },
-/* 39 */
-/***/ function(module, exports) {
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule Object.assign
 	 */
 
-	// https://people.mozilla.org/~jorendorff/es6-draft.html#sec-object.assign
-
 	'use strict';
 
-	function assign(target, sources) {
-	  if (target == null) {
-	    throw new TypeError('Object.assign target cannot be null or undefined');
-	  }
-
-	  var to = Object(target);
-	  var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-	  for (var nextIndex = 1; nextIndex < arguments.length; nextIndex++) {
-	    var nextSource = arguments[nextIndex];
-	    if (nextSource == null) {
-	      continue;
-	    }
+	if (process.env.NODE_ENV !== 'production') {
+	  var invariant = __webpack_require__(8);
+	  var warning = __webpack_require__(11);
+	  var ReactPropTypesSecret = __webpack_require__(32);
+	  var loggedTypeFailures = {};
+	}
 
-	    var from = Object(nextSource);
+	/**
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?Function} getStack Returns the component stack.
+	 * @private
+	 */
+	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    for (var typeSpecName in typeSpecs) {
+	      if (typeSpecs.hasOwnProperty(typeSpecName)) {
+	        var error;
+	        // Prop type validation may throw. In case they do, we don't want to
+	        // fail the render phase where it didn't fail before. So we log it.
+	        // After these have been cleaned up, we'll let them throw.
+	        try {
+	          // This is intentionally an invariant that gets caught. It's the same
+	          // behavior as without this statement except with a better message.
+	          invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName);
+	          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+	        } catch (ex) {
+	          error = ex;
+	        }
+	        warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);
+	        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	          // Only monitor this failure once because there tends to be a lot of the
+	          // same error.
+	          loggedTypeFailures[error.message] = true;
 
-	    // We don't currently support accessors nor proxies. Therefore this
-	    // copy cannot throw. If we ever supported this then we must handle
-	    // exceptions and side-effects. We don't support symbols so they won't
-	    // be transferred.
+	          var stack = getStack ? getStack() : '';
 
-	    for (var key in from) {
-	      if (hasOwnProperty.call(from, key)) {
-	        to[key] = from[key];
+	          warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
+	        }
 	      }
 	    }
 	  }
-
-	  return to;
 	}
 
-	module.exports = assign;
+	module.exports = checkPropTypes;
 
-/***/ },
-/* 40 */
-/***/ function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule isEventSupported
 	 */
 
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
+	module.exports = '15.5.4';
 
-	var useHasFeature;
-	if (ExecutionEnvironment.canUseDOM) {
-	  useHasFeature = document.implementation && document.implementation.hasFeature &&
-	  // always returns true in newer browsers as per the standard.
-	  // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
-	  document.implementation.hasFeature('', '') !== true;
-	}
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(7);
+
+	var ReactElement = __webpack_require__(9);
+
+	var invariant = __webpack_require__(8);
 
 	/**
-	 * Checks if an event is supported in the current execution environment.
+	 * Returns the first child in a collection of children and verifies that there
+	 * is only one child in the collection.
 	 *
-	 * NOTE: This will not work correctly for non-generic events such as `change`,
-	 * `reset`, `load`, `error`, and `select`.
+	 * See https://facebook.github.io/react/docs/top-level-api.html#react.children.only
 	 *
-	 * Borrows from Modernizr.
+	 * The current implementation of this function assumes that a single child gets
+	 * passed without a wrapper, but the purpose of this helper function is to
+	 * abstract away the particular structure of children.
 	 *
-	 * @param {string} eventNameSuffix Event name, e.g. "click".
-	 * @param {?boolean} capture Check if the capture phase is supported.
-	 * @return {boolean} True if the event is supported.
-	 * @internal
-	 * @license Modernizr 3.0.0pre (Custom Build) | MIT
+	 * @param {?object} children Child collection structure.
+	 * @return {ReactElement} The first and only `ReactElement` contained in the
+	 * structure.
 	 */
-	function isEventSupported(eventNameSuffix, capture) {
-	  if (!ExecutionEnvironment.canUseDOM || capture && !('addEventListener' in document)) {
-	    return false;
-	  }
+	function onlyChild(children) {
+	  !ReactElement.isValidElement(children) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'React.Children.only expected to receive a single React element child.') : _prodInvariant('143') : void 0;
+	  return children;
+	}
 
-	  var eventName = 'on' + eventNameSuffix;
-	  var isSupported = (eventName in document);
+	module.exports = onlyChild;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	  if (!isSupported) {
-	    var element = document.createElement('div');
-	    element.setAttribute(eventName, 'return;');
-	    isSupported = typeof element[eventName] === 'function';
-	  }
+/***/ }),
+/* 36 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {
-	    // This is the only way to test support for the `wheel` event in IE9+.
-	    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');
-	  }
+	'use strict';
 
-	  return isSupported;
-	}
+	module.exports = __webpack_require__(37);
 
-	module.exports = isEventSupported;
 
-/***/ },
-/* 41 */
-/***/ function(module, exports) {
+/***/ }),
+/* 37 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMFeatureFlags
 	 */
 
+	/* globals __REACT_DEVTOOLS_GLOBAL_HOOK__*/
+
 	'use strict';
 
-	var ReactDOMFeatureFlags = {
-	  useCreateElement: false
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactDefaultInjection = __webpack_require__(42);
+	var ReactMount = __webpack_require__(170);
+	var ReactReconciler = __webpack_require__(63);
+	var ReactUpdates = __webpack_require__(60);
+	var ReactVersion = __webpack_require__(175);
+
+	var findDOMNode = __webpack_require__(176);
+	var getHostComponentFromComposite = __webpack_require__(177);
+	var renderSubtreeIntoContainer = __webpack_require__(178);
+	var warning = __webpack_require__(11);
+
+	ReactDefaultInjection.inject();
+
+	var ReactDOM = {
+	  findDOMNode: findDOMNode,
+	  render: ReactMount.render,
+	  unmountComponentAtNode: ReactMount.unmountComponentAtNode,
+	  version: ReactVersion,
+
+	  /* eslint-disable camelcase */
+	  unstable_batchedUpdates: ReactUpdates.batchedUpdates,
+	  unstable_renderSubtreeIntoContainer: renderSubtreeIntoContainer
 	};
 
-	module.exports = ReactDOMFeatureFlags;
+	// Inject the runtime into a devtools global hook regardless of browser.
+	// Allows for debugging when the hook is injected on the page.
+	if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') {
+	  __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({
+	    ComponentTree: {
+	      getClosestInstanceFromNode: ReactDOMComponentTree.getClosestInstanceFromNode,
+	      getNodeFromInstance: function (inst) {
+	        // inst is an internal instance (but could be a composite)
+	        if (inst._renderedComponent) {
+	          inst = getHostComponentFromComposite(inst);
+	        }
+	        if (inst) {
+	          return ReactDOMComponentTree.getNodeFromInstance(inst);
+	        } else {
+	          return null;
+	        }
+	      }
+	    },
+	    Mount: ReactMount,
+	    Reconciler: ReactReconciler
+	  });
+	}
 
-/***/ },
-/* 42 */
-/***/ function(module, exports, __webpack_require__) {
+	if (process.env.NODE_ENV !== 'production') {
+	  var ExecutionEnvironment = __webpack_require__(52);
+	  if (ExecutionEnvironment.canUseDOM && window.top === window.self) {
+
+	    // First check if devtools is not installed
+	    if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
+	      // If we're in Chrome or Firefox, provide a download link if not installed.
+	      if (navigator.userAgent.indexOf('Chrome') > -1 && navigator.userAgent.indexOf('Edge') === -1 || navigator.userAgent.indexOf('Firefox') > -1) {
+	        // Firefox does not have the issue with devtools loaded over file://
+	        var showFileUrlMessage = window.location.protocol.indexOf('http') === -1 && navigator.userAgent.indexOf('Firefox') === -1;
+	        console.debug('Download the React DevTools ' + (showFileUrlMessage ? 'and use an HTTP server (instead of a file: URL) ' : '') + 'for a better development experience: ' + 'https://fb.me/react-devtools');
+	      }
+	    }
+
+	    var testFunc = function testFn() {};
+	    process.env.NODE_ENV !== 'production' ? warning((testFunc.name || testFunc.toString()).indexOf('testFn') !== -1, 'It looks like you\'re using a minified copy of the development build ' + 'of React. When deploying React apps to production, make sure to use ' + 'the production build which skips development warnings and is faster. ' + 'See https://fb.me/react-minification for more details.') : void 0;
+
+	    // If we're in IE8, check to see if we are in compatibility mode and provide
+	    // information on preventing compatibility mode
+	    var ieCompatibilityMode = document.documentMode && document.documentMode < 8;
+
+	    process.env.NODE_ENV !== 'production' ? warning(!ieCompatibilityMode, 'Internet Explorer is running in compatibility mode; please add the ' + 'following tag to your HTML to prevent this from happening: ' + '<meta http-equiv="X-UA-Compatible" content="IE=edge" />') : void 0;
+
+	    var expectedFeatures = [
+	    // shims
+	    Array.isArray, Array.prototype.every, Array.prototype.forEach, Array.prototype.indexOf, Array.prototype.map, Date.now, Function.prototype.bind, Object.keys, String.prototype.trim];
+
+	    for (var i = 0; i < expectedFeatures.length; i++) {
+	      if (!expectedFeatures[i]) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'One or more ES5 shims expected by React are not available: ' + 'https://fb.me/react-warning-polyfills') : void 0;
+	        break;
+	      }
+	    }
+	  }
+	}
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactInstrumentation = __webpack_require__(66);
+	  var ReactDOMUnknownPropertyHook = __webpack_require__(179);
+	  var ReactDOMNullInputValuePropHook = __webpack_require__(180);
+	  var ReactDOMInvalidARIAHook = __webpack_require__(181);
+
+	  ReactInstrumentation.debugTool.addHook(ReactDOMUnknownPropertyHook);
+	  ReactInstrumentation.debugTool.addHook(ReactDOMNullInputValuePropHook);
+	  ReactInstrumentation.debugTool.addHook(ReactDOMInvalidARIAHook);
+	}
+
+	module.exports = ReactDOM;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 38 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactElement
 	 */
 
 	'use strict';
 
-	var ReactCurrentOwner = __webpack_require__(5);
+	var _prodInvariant = __webpack_require__(39);
 
-	var assign = __webpack_require__(39);
-	var canDefineProperty = __webpack_require__(43);
+	var DOMProperty = __webpack_require__(40);
+	var ReactDOMComponentFlags = __webpack_require__(41);
 
-	// The Symbol used to tag the ReactElement type. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var REACT_ELEMENT_TYPE = typeof Symbol === 'function' && Symbol['for'] && Symbol['for']('react.element') || 0xeac7;
+	var invariant = __webpack_require__(8);
 
-	var RESERVED_PROPS = {
-	  key: true,
-	  ref: true,
-	  __self: true,
-	  __source: true
-	};
+	var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME;
+	var Flags = ReactDOMComponentFlags;
+
+	var internalInstanceKey = '__reactInternalInstance$' + Math.random().toString(36).slice(2);
 
 	/**
-	 * Base constructor for all React elements. This is only used to make this
-	 * work with a dynamic instanceof check. Nothing should live on this prototype.
-	 *
-	 * @param {*} type
-	 * @param {*} key
-	 * @param {string|object} ref
-	 * @param {*} self A *temporary* helper to detect places where `this` is
-	 * different from the `owner` when React.createElement is called, so that we
-	 * can warn. We want to get rid of owner and replace string `ref`s with arrow
-	 * functions, and as long as `this` and owner are the same, there will be no
-	 * change in behavior.
-	 * @param {*} source An annotation object (added by a transpiler or otherwise)
-	 * indicating filename, line number, and/or other information.
-	 * @param {*} owner
-	 * @param {*} props
-	 * @internal
+	 * Check if a given node should be cached.
 	 */
-	var ReactElement = function (type, key, ref, self, source, owner, props) {
-	  var element = {
-	    // This tag allow us to uniquely identify this as a React Element
-	    $$typeof: REACT_ELEMENT_TYPE,
-
-	    // Built-in properties that belong on the element
-	    type: type,
-	    key: key,
-	    ref: ref,
-	    props: props,
-
-	    // Record the component responsible for creating this element.
-	    _owner: owner
-	  };
-
-	  if (process.env.NODE_ENV !== 'production') {
-	    // The validation flag is currently mutative. We put it on
-	    // an external backing store so that we can freeze the whole object.
-	    // This can be replaced with a WeakMap once they are implemented in
-	    // commonly used development environments.
-	    element._store = {};
+	function shouldPrecacheNode(node, nodeID) {
+	  return node.nodeType === 1 && node.getAttribute(ATTR_NAME) === String(nodeID) || node.nodeType === 8 && node.nodeValue === ' react-text: ' + nodeID + ' ' || node.nodeType === 8 && node.nodeValue === ' react-empty: ' + nodeID + ' ';
+	}
 
-	    // To make comparing ReactElements easier for testing purposes, we make
-	    // the validation flag non-enumerable (where possible, which should
-	    // include every environment we run tests in), so the test framework
-	    // ignores it.
-	    if (canDefineProperty) {
-	      Object.defineProperty(element._store, 'validated', {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: false
-	      });
-	      // self and source are DEV only properties.
-	      Object.defineProperty(element, '_self', {
-	        configurable: false,
-	        enumerable: false,
-	        writable: false,
-	        value: self
-	      });
-	      // Two elements created in two different places should be considered
-	      // equal for testing purposes and therefore we hide it from enumeration.
-	      Object.defineProperty(element, '_source', {
-	        configurable: false,
-	        enumerable: false,
-	        writable: false,
-	        value: source
-	      });
-	    } else {
-	      element._store.validated = false;
-	      element._self = self;
-	      element._source = source;
-	    }
-	    Object.freeze(element.props);
-	    Object.freeze(element);
+	/**
+	 * Drill down (through composites and empty components) until we get a host or
+	 * host text component.
+	 *
+	 * This is pretty polymorphic but unavoidable with the current structure we have
+	 * for `_renderedChildren`.
+	 */
+	function getRenderedHostOrTextFromComponent(component) {
+	  var rendered;
+	  while (rendered = component._renderedComponent) {
+	    component = rendered;
 	  }
+	  return component;
+	}
 
-	  return element;
-	};
-
-	ReactElement.createElement = function (type, config, children) {
-	  var propName;
-
-	  // Reserved names are extracted
-	  var props = {};
-
-	  var key = null;
-	  var ref = null;
-	  var self = null;
-	  var source = null;
+	/**
+	 * Populate `_hostNode` on the rendered host/text component with the given
+	 * DOM node. The passed `inst` can be a composite.
+	 */
+	function precacheNode(inst, node) {
+	  var hostInst = getRenderedHostOrTextFromComponent(inst);
+	  hostInst._hostNode = node;
+	  node[internalInstanceKey] = hostInst;
+	}
 
-	  if (config != null) {
-	    ref = config.ref === undefined ? null : config.ref;
-	    key = config.key === undefined ? null : '' + config.key;
-	    self = config.__self === undefined ? null : config.__self;
-	    source = config.__source === undefined ? null : config.__source;
-	    // Remaining properties are added to a new props object
-	    for (propName in config) {
-	      if (config.hasOwnProperty(propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-	        props[propName] = config[propName];
-	      }
-	    }
+	function uncacheNode(inst) {
+	  var node = inst._hostNode;
+	  if (node) {
+	    delete node[internalInstanceKey];
+	    inst._hostNode = null;
 	  }
+	}
 
-	  // Children can be more than one argument, and those are transferred onto
-	  // the newly allocated props object.
-	  var childrenLength = arguments.length - 2;
-	  if (childrenLength === 1) {
-	    props.children = children;
-	  } else if (childrenLength > 1) {
-	    var childArray = Array(childrenLength);
-	    for (var i = 0; i < childrenLength; i++) {
-	      childArray[i] = arguments[i + 2];
-	    }
-	    props.children = childArray;
+	/**
+	 * Populate `_hostNode` on each child of `inst`, assuming that the children
+	 * match up with the DOM (element) children of `node`.
+	 *
+	 * We cache entire levels at once to avoid an n^2 problem where we access the
+	 * children of a node sequentially and have to walk from the start to our target
+	 * node every time.
+	 *
+	 * Since we update `_renderedChildren` and the actual DOM at (slightly)
+	 * different times, we could race here and see a newer `_renderedChildren` than
+	 * the DOM nodes we see. To avoid this, ReactMultiChild calls
+	 * `prepareToManageChildren` before we change `_renderedChildren`, at which
+	 * time the container's child nodes are always cached (until it unmounts).
+	 */
+	function precacheChildNodes(inst, node) {
+	  if (inst._flags & Flags.hasCachedChildNodes) {
+	    return;
 	  }
-
-	  // Resolve default props
-	  if (type && type.defaultProps) {
-	    var defaultProps = type.defaultProps;
-	    for (propName in defaultProps) {
-	      if (typeof props[propName] === 'undefined') {
-	        props[propName] = defaultProps[propName];
+	  var children = inst._renderedChildren;
+	  var childNode = node.firstChild;
+	  outer: for (var name in children) {
+	    if (!children.hasOwnProperty(name)) {
+	      continue;
+	    }
+	    var childInst = children[name];
+	    var childID = getRenderedHostOrTextFromComponent(childInst)._domID;
+	    if (childID === 0) {
+	      // We're currently unmounting this child in ReactMultiChild; skip it.
+	      continue;
+	    }
+	    // We assume the child nodes are in the same order as the child instances.
+	    for (; childNode !== null; childNode = childNode.nextSibling) {
+	      if (shouldPrecacheNode(childNode, childID)) {
+	        precacheNode(childInst, childNode);
+	        continue outer;
 	      }
 	    }
+	    // We reached the end of the DOM children without finding an ID match.
+	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Unable to find element with ID %s.', childID) : _prodInvariant('32', childID) : void 0;
 	  }
+	  inst._flags |= Flags.hasCachedChildNodes;
+	}
 
-	  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-	};
-
-	ReactElement.createFactory = function (type) {
-	  var factory = ReactElement.createElement.bind(null, type);
-	  // Expose the type on the factory and the prototype so that it can be
-	  // easily accessed on elements. E.g. `<Foo />.type === Foo`.
-	  // This should not be named `constructor` since this may not be the function
-	  // that created the element, and it may not even be a constructor.
-	  // Legacy hook TODO: Warn if this is accessed
-	  factory.type = type;
-	  return factory;
-	};
-
-	ReactElement.cloneAndReplaceKey = function (oldElement, newKey) {
-	  var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-
-	  return newElement;
-	};
-
-	ReactElement.cloneAndReplaceProps = function (oldElement, newProps) {
-	  var newElement = ReactElement(oldElement.type, oldElement.key, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, newProps);
-
-	  if (process.env.NODE_ENV !== 'production') {
-	    // If the key on the original is valid, then the clone is valid
-	    newElement._store.validated = oldElement._store.validated;
+	/**
+	 * Given a DOM node, return the closest ReactDOMComponent or
+	 * ReactDOMTextComponent instance ancestor.
+	 */
+	function getClosestInstanceFromNode(node) {
+	  if (node[internalInstanceKey]) {
+	    return node[internalInstanceKey];
 	  }
 
-	  return newElement;
-	};
-
-	ReactElement.cloneElement = function (element, config, children) {
-	  var propName;
-
-	  // Original props are copied
-	  var props = assign({}, element.props);
-
-	  // Reserved names are extracted
-	  var key = element.key;
-	  var ref = element.ref;
-	  // Self is preserved since the owner is preserved.
-	  var self = element._self;
-	  // Source is preserved since cloneElement is unlikely to be targeted by a
-	  // transpiler, and the original source is probably a better indicator of the
-	  // true owner.
-	  var source = element._source;
-
-	  // Owner will be preserved, unless ref is overridden
-	  var owner = element._owner;
-
-	  if (config != null) {
-	    if (config.ref !== undefined) {
-	      // Silently steal the ref from the parent.
-	      ref = config.ref;
-	      owner = ReactCurrentOwner.current;
-	    }
-	    if (config.key !== undefined) {
-	      key = '' + config.key;
-	    }
-	    // Remaining properties override existing props
-	    for (propName in config) {
-	      if (config.hasOwnProperty(propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-	        props[propName] = config[propName];
-	      }
+	  // Walk up the tree until we find an ancestor whose instance we have cached.
+	  var parents = [];
+	  while (!node[internalInstanceKey]) {
+	    parents.push(node);
+	    if (node.parentNode) {
+	      node = node.parentNode;
+	    } else {
+	      // Top of the tree. This node must not be part of a React tree (or is
+	      // unmounted, potentially).
+	      return null;
 	    }
 	  }
 
-	  // Children can be more than one argument, and those are transferred onto
-	  // the newly allocated props object.
-	  var childrenLength = arguments.length - 2;
-	  if (childrenLength === 1) {
-	    props.children = children;
-	  } else if (childrenLength > 1) {
-	    var childArray = Array(childrenLength);
-	    for (var i = 0; i < childrenLength; i++) {
-	      childArray[i] = arguments[i + 2];
+	  var closest;
+	  var inst;
+	  for (; node && (inst = node[internalInstanceKey]); node = parents.pop()) {
+	    closest = inst;
+	    if (parents.length) {
+	      precacheChildNodes(inst, node);
 	    }
-	    props.children = childArray;
 	  }
 
-	  return ReactElement(element.type, key, ref, self, source, owner, props);
-	};
+	  return closest;
+	}
 
 	/**
-	 * @param {?object} object
-	 * @return {boolean} True if `object` is a valid component.
-	 * @final
+	 * Given a DOM node, return the ReactDOMComponent or ReactDOMTextComponent
+	 * instance, or null if the node was not rendered by this React.
 	 */
-	ReactElement.isValidElement = function (object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	};
-
-	module.exports = ReactElement;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 43 */
-/***/ function(module, exports, __webpack_require__) {
+	function getInstanceFromNode(node) {
+	  var inst = getClosestInstanceFromNode(node);
+	  if (inst != null && inst._hostNode === node) {
+	    return inst;
+	  } else {
+	    return null;
+	  }
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule canDefineProperty
+	/**
+	 * Given a ReactDOMComponent or ReactDOMTextComponent, return the corresponding
+	 * DOM node.
 	 */
+	function getNodeFromInstance(inst) {
+	  // Without this first invariant, passing a non-DOM-component triggers the next
+	  // invariant for a missing parent, which is super confusing.
+	  !(inst._hostNode !== undefined) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getNodeFromInstance: Invalid argument.') : _prodInvariant('33') : void 0;
 
-	'use strict';
+	  if (inst._hostNode) {
+	    return inst._hostNode;
+	  }
 
-	var canDefineProperty = false;
-	if (process.env.NODE_ENV !== 'production') {
-	  try {
-	    Object.defineProperty({}, 'x', { get: function () {} });
-	    canDefineProperty = true;
-	  } catch (x) {
-	    // IE will fail on defineProperty
+	  // Walk up the tree until we find an ancestor whose DOM node we have cached.
+	  var parents = [];
+	  while (!inst._hostNode) {
+	    parents.push(inst);
+	    !inst._hostParent ? process.env.NODE_ENV !== 'production' ? invariant(false, 'React DOM tree root should always have a node reference.') : _prodInvariant('34') : void 0;
+	    inst = inst._hostParent;
+	  }
+
+	  // Now parents contains each ancestor that does *not* have a cached native
+	  // node, and `inst` is the deepest ancestor that does.
+	  for (; parents.length; inst = parents.pop()) {
+	    precacheChildNodes(inst, inst._hostNode);
 	  }
+
+	  return inst._hostNode;
 	}
 
-	module.exports = canDefineProperty;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var ReactDOMComponentTree = {
+	  getClosestInstanceFromNode: getClosestInstanceFromNode,
+	  getInstanceFromNode: getInstanceFromNode,
+	  getNodeFromInstance: getNodeFromInstance,
+	  precacheChildNodes: precacheChildNodes,
+	  precacheNode: precacheNode,
+	  uncacheNode: uncacheNode
+	};
 
-/***/ },
-/* 44 */
-/***/ function(module, exports) {
+	module.exports = ReactDOMComponentTree;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactEmptyComponentRegistry
+	 * 
 	 */
-
 	'use strict';
 
-	// This registry keeps track of the React IDs of the components that rendered to
-	// `null` (in reality a placeholder such as `noscript`)
-	var nullComponentIDsRegistry = {};
-
 	/**
-	 * @param {string} id Component's `_rootNodeID`.
-	 * @return {boolean} True if the component is rendered to null.
+	 * WARNING: DO NOT manually require this module.
+	 * This is a replacement for `invariant(...)` used by the error code system
+	 * and will _only_ be required by the corresponding babel pass.
+	 * It always throws.
 	 */
-	function isNullComponentID(id) {
-	  return !!nullComponentIDsRegistry[id];
-	}
 
-	/**
-	 * Mark the component as having rendered to null.
-	 * @param {string} id Component's `_rootNodeID`.
-	 */
-	function registerNullComponentID(id) {
-	  nullComponentIDsRegistry[id] = true;
-	}
+	function reactProdInvariant(code) {
+	  var argCount = arguments.length - 1;
 
-	/**
-	 * Unmark the component as having rendered to null: it renders to something now.
-	 * @param {string} id Component's `_rootNodeID`.
-	 */
-	function deregisterNullComponentID(id) {
-	  delete nullComponentIDsRegistry[id];
-	}
+	  var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code;
 
-	var ReactEmptyComponentRegistry = {
-	  isNullComponentID: isNullComponentID,
-	  registerNullComponentID: registerNullComponentID,
-	  deregisterNullComponentID: deregisterNullComponentID
-	};
+	  for (var argIdx = 0; argIdx < argCount; argIdx++) {
+	    message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]);
+	  }
 
-	module.exports = ReactEmptyComponentRegistry;
+	  message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.';
 
-/***/ },
-/* 45 */
-/***/ function(module, exports, __webpack_require__) {
+	  var error = new Error(message);
+	  error.name = 'Invariant Violation';
+	  error.framesToPop = 1; // we don't care about reactProdInvariant's own frame
+
+	  throw error;
+	}
+
+	module.exports = reactProdInvariant;
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactInstanceHandles
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var ReactRootIndex = __webpack_require__(46);
+	var _prodInvariant = __webpack_require__(39);
 
-	var invariant = __webpack_require__(13);
-
-	var SEPARATOR = '.';
-	var SEPARATOR_LENGTH = SEPARATOR.length;
+	var invariant = __webpack_require__(8);
 
-	/**
-	 * Maximum depth of traversals before we consider the possibility of a bad ID.
-	 */
-	var MAX_TREE_DEPTH = 10000;
-
-	/**
-	 * Creates a DOM ID prefix to use when mounting React components.
-	 *
-	 * @param {number} index A unique integer
-	 * @return {string} React root ID.
-	 * @internal
-	 */
-	function getReactRootIDString(index) {
-	  return SEPARATOR + index.toString(36);
+	function checkMask(value, bitmask) {
+	  return (value & bitmask) === bitmask;
 	}
 
-	/**
-	 * Checks if a character in the supplied ID is a separator or the end.
-	 *
-	 * @param {string} id A React DOM ID.
-	 * @param {number} index Index of the character to check.
-	 * @return {boolean} True if the character is a separator or end of the ID.
-	 * @private
-	 */
-	function isBoundary(id, index) {
-	  return id.charAt(index) === SEPARATOR || index === id.length;
-	}
+	var DOMPropertyInjection = {
+	  /**
+	   * Mapping from normalized, camelcased property names to a configuration that
+	   * specifies how the associated DOM property should be accessed or rendered.
+	   */
+	  MUST_USE_PROPERTY: 0x1,
+	  HAS_BOOLEAN_VALUE: 0x4,
+	  HAS_NUMERIC_VALUE: 0x8,
+	  HAS_POSITIVE_NUMERIC_VALUE: 0x10 | 0x8,
+	  HAS_OVERLOADED_BOOLEAN_VALUE: 0x20,
 
-	/**
-	 * Checks if the supplied string is a valid React DOM ID.
-	 *
-	 * @param {string} id A React DOM ID, maybe.
-	 * @return {boolean} True if the string is a valid React DOM ID.
-	 * @private
-	 */
-	function isValidID(id) {
-	  return id === '' || id.charAt(0) === SEPARATOR && id.charAt(id.length - 1) !== SEPARATOR;
-	}
+	  /**
+	   * Inject some specialized knowledge about the DOM. This takes a config object
+	   * with the following properties:
+	   *
+	   * isCustomAttribute: function that given an attribute name will return true
+	   * if it can be inserted into the DOM verbatim. Useful for data-* or aria-*
+	   * attributes where it's impossible to enumerate all of the possible
+	   * attribute names,
+	   *
+	   * Properties: object mapping DOM property name to one of the
+	   * DOMPropertyInjection constants or null. If your attribute isn't in here,
+	   * it won't get written to the DOM.
+	   *
+	   * DOMAttributeNames: object mapping React attribute name to the DOM
+	   * attribute name. Attribute names not specified use the **lowercase**
+	   * normalized name.
+	   *
+	   * DOMAttributeNamespaces: object mapping React attribute name to the DOM
+	   * attribute namespace URL. (Attribute names not specified use no namespace.)
+	   *
+	   * DOMPropertyNames: similar to DOMAttributeNames but for DOM properties.
+	   * Property names not specified use the normalized name.
+	   *
+	   * DOMMutationMethods: Properties that require special mutation methods. If
+	   * `value` is undefined, the mutation method should unset the property.
+	   *
+	   * @param {object} domPropertyConfig the config as described above.
+	   */
+	  injectDOMPropertyConfig: function (domPropertyConfig) {
+	    var Injection = DOMPropertyInjection;
+	    var Properties = domPropertyConfig.Properties || {};
+	    var DOMAttributeNamespaces = domPropertyConfig.DOMAttributeNamespaces || {};
+	    var DOMAttributeNames = domPropertyConfig.DOMAttributeNames || {};
+	    var DOMPropertyNames = domPropertyConfig.DOMPropertyNames || {};
+	    var DOMMutationMethods = domPropertyConfig.DOMMutationMethods || {};
 
-	/**
-	 * Checks if the first ID is an ancestor of or equal to the second ID.
-	 *
-	 * @param {string} ancestorID
-	 * @param {string} descendantID
-	 * @return {boolean} True if `ancestorID` is an ancestor of `descendantID`.
-	 * @internal
-	 */
-	function isAncestorIDOf(ancestorID, descendantID) {
-	  return descendantID.indexOf(ancestorID) === 0 && isBoundary(descendantID, ancestorID.length);
-	}
+	    if (domPropertyConfig.isCustomAttribute) {
+	      DOMProperty._isCustomAttributeFunctions.push(domPropertyConfig.isCustomAttribute);
+	    }
 
-	/**
-	 * Gets the parent ID of the supplied React DOM ID, `id`.
-	 *
-	 * @param {string} id ID of a component.
-	 * @return {string} ID of the parent, or an empty string.
-	 * @private
-	 */
-	function getParentID(id) {
-	  return id ? id.substr(0, id.lastIndexOf(SEPARATOR)) : '';
-	}
+	    for (var propName in Properties) {
+	      !!DOMProperty.properties.hasOwnProperty(propName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'injectDOMPropertyConfig(...): You\'re trying to inject DOM property \'%s\' which has already been injected. You may be accidentally injecting the same DOM property config twice, or you may be injecting two configs that have conflicting property names.', propName) : _prodInvariant('48', propName) : void 0;
 
-	/**
-	 * Gets the next DOM ID on the tree path from the supplied `ancestorID` to the
-	 * supplied `destinationID`. If they are equal, the ID is returned.
-	 *
-	 * @param {string} ancestorID ID of an ancestor node of `destinationID`.
-	 * @param {string} destinationID ID of the destination node.
-	 * @return {string} Next ID on the path from `ancestorID` to `destinationID`.
-	 * @private
-	 */
-	function getNextDescendantID(ancestorID, destinationID) {
-	  !(isValidID(ancestorID) && isValidID(destinationID)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getNextDescendantID(%s, %s): Received an invalid React DOM ID.', ancestorID, destinationID) : invariant(false) : undefined;
-	  !isAncestorIDOf(ancestorID, destinationID) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getNextDescendantID(...): React has made an invalid assumption about ' + 'the DOM hierarchy. Expected `%s` to be an ancestor of `%s`.', ancestorID, destinationID) : invariant(false) : undefined;
-	  if (ancestorID === destinationID) {
-	    return ancestorID;
-	  }
-	  // Skip over the ancestor and the immediate separator. Traverse until we hit
-	  // another separator or we reach the end of `destinationID`.
-	  var start = ancestorID.length + SEPARATOR_LENGTH;
-	  var i;
-	  for (i = start; i < destinationID.length; i++) {
-	    if (isBoundary(destinationID, i)) {
-	      break;
-	    }
-	  }
-	  return destinationID.substr(0, i);
-	}
+	      var lowerCased = propName.toLowerCase();
+	      var propConfig = Properties[propName];
 
-	/**
-	 * Gets the nearest common ancestor ID of two IDs.
-	 *
-	 * Using this ID scheme, the nearest common ancestor ID is the longest common
-	 * prefix of the two IDs that immediately preceded a "marker" in both strings.
-	 *
-	 * @param {string} oneID
-	 * @param {string} twoID
-	 * @return {string} Nearest common ancestor ID, or the empty string if none.
-	 * @private
-	 */
-	function getFirstCommonAncestorID(oneID, twoID) {
-	  var minLength = Math.min(oneID.length, twoID.length);
-	  if (minLength === 0) {
-	    return '';
-	  }
-	  var lastCommonMarkerIndex = 0;
-	  // Use `<=` to traverse until the "EOL" of the shorter string.
-	  for (var i = 0; i <= minLength; i++) {
-	    if (isBoundary(oneID, i) && isBoundary(twoID, i)) {
-	      lastCommonMarkerIndex = i;
-	    } else if (oneID.charAt(i) !== twoID.charAt(i)) {
-	      break;
-	    }
-	  }
-	  var longestCommonID = oneID.substr(0, lastCommonMarkerIndex);
-	  !isValidID(longestCommonID) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getFirstCommonAncestorID(%s, %s): Expected a valid React DOM ID: %s', oneID, twoID, longestCommonID) : invariant(false) : undefined;
-	  return longestCommonID;
-	}
+	      var propertyInfo = {
+	        attributeName: lowerCased,
+	        attributeNamespace: null,
+	        propertyName: propName,
+	        mutationMethod: null,
 
-	/**
-	 * Traverses the parent path between two IDs (either up or down). The IDs must
-	 * not be the same, and there must exist a parent path between them. If the
-	 * callback returns `false`, traversal is stopped.
-	 *
-	 * @param {?string} start ID at which to start traversal.
-	 * @param {?string} stop ID at which to end traversal.
-	 * @param {function} cb Callback to invoke each ID with.
-	 * @param {*} arg Argument to invoke the callback with.
-	 * @param {?boolean} skipFirst Whether or not to skip the first node.
-	 * @param {?boolean} skipLast Whether or not to skip the last node.
-	 * @private
-	 */
-	function traverseParentPath(start, stop, cb, arg, skipFirst, skipLast) {
-	  start = start || '';
-	  stop = stop || '';
-	  !(start !== stop) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'traverseParentPath(...): Cannot traverse from and to the same ID, `%s`.', start) : invariant(false) : undefined;
-	  var traverseUp = isAncestorIDOf(stop, start);
-	  !(traverseUp || isAncestorIDOf(start, stop)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'traverseParentPath(%s, %s, ...): Cannot traverse from two IDs that do ' + 'not have a parent path.', start, stop) : invariant(false) : undefined;
-	  // Traverse from `start` to `stop` one depth at a time.
-	  var depth = 0;
-	  var traverse = traverseUp ? getParentID : getNextDescendantID;
-	  for (var id = start;; /* until break */id = traverse(id, stop)) {
-	    var ret;
-	    if ((!skipFirst || id !== start) && (!skipLast || id !== stop)) {
-	      ret = cb(id, traverseUp, arg);
-	    }
-	    if (ret === false || id === stop) {
-	      // Only break //after// visiting `stop`.
-	      break;
+	        mustUseProperty: checkMask(propConfig, Injection.MUST_USE_PROPERTY),
+	        hasBooleanValue: checkMask(propConfig, Injection.HAS_BOOLEAN_VALUE),
+	        hasNumericValue: checkMask(propConfig, Injection.HAS_NUMERIC_VALUE),
+	        hasPositiveNumericValue: checkMask(propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE),
+	        hasOverloadedBooleanValue: checkMask(propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE)
+	      };
+	      !(propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue + propertyInfo.hasOverloadedBooleanValue <= 1) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Value can be one of boolean, overloaded boolean, or numeric value, but not a combination: %s', propName) : _prodInvariant('50', propName) : void 0;
+
+	      if (process.env.NODE_ENV !== 'production') {
+	        DOMProperty.getPossibleStandardName[lowerCased] = propName;
+	      }
+
+	      if (DOMAttributeNames.hasOwnProperty(propName)) {
+	        var attributeName = DOMAttributeNames[propName];
+	        propertyInfo.attributeName = attributeName;
+	        if (process.env.NODE_ENV !== 'production') {
+	          DOMProperty.getPossibleStandardName[attributeName] = propName;
+	        }
+	      }
+
+	      if (DOMAttributeNamespaces.hasOwnProperty(propName)) {
+	        propertyInfo.attributeNamespace = DOMAttributeNamespaces[propName];
+	      }
+
+	      if (DOMPropertyNames.hasOwnProperty(propName)) {
+	        propertyInfo.propertyName = DOMPropertyNames[propName];
+	      }
+
+	      if (DOMMutationMethods.hasOwnProperty(propName)) {
+	        propertyInfo.mutationMethod = DOMMutationMethods[propName];
+	      }
+
+	      DOMProperty.properties[propName] = propertyInfo;
 	    }
-	    !(depth++ < MAX_TREE_DEPTH) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'traverseParentPath(%s, %s, ...): Detected an infinite loop while ' + 'traversing the React DOM ID tree. This may be due to malformed IDs: %s', start, stop, id) : invariant(false) : undefined;
 	  }
-	}
+	};
+
+	/* eslint-disable max-len */
+	var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
+	/* eslint-enable max-len */
 
 	/**
-	 * Manages the IDs assigned to DOM representations of React components. This
-	 * uses a specific scheme in order to traverse the DOM efficiently (e.g. in
-	 * order to simulate events).
+	 * DOMProperty exports lookup objects that can be used like functions:
 	 *
-	 * @internal
+	 *   > DOMProperty.isValid['id']
+	 *   true
+	 *   > DOMProperty.isValid['foobar']
+	 *   undefined
+	 *
+	 * Although this may be confusing, it performs better in general.
+	 *
+	 * @see http://jsperf.com/key-exists
+	 * @see http://jsperf.com/key-missing
 	 */
-	var ReactInstanceHandles = {
+	var DOMProperty = {
 
-	  /**
-	   * Constructs a React root ID
-	   * @return {string} A React root ID.
-	   */
-	  createReactRootID: function () {
-	    return getReactRootIDString(ReactRootIndex.createReactRootIndex());
-	  },
+	  ID_ATTRIBUTE_NAME: 'data-reactid',
+	  ROOT_ATTRIBUTE_NAME: 'data-reactroot',
 
-	  /**
-	   * Constructs a React ID by joining a root ID with a name.
-	   *
-	   * @param {string} rootID Root ID of a parent component.
-	   * @param {string} name A component's name (as flattened children).
-	   * @return {string} A React ID.
-	   * @internal
-	   */
-	  createReactID: function (rootID, name) {
-	    return rootID + name;
-	  },
+	  ATTRIBUTE_NAME_START_CHAR: ATTRIBUTE_NAME_START_CHAR,
+	  ATTRIBUTE_NAME_CHAR: ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040',
 
 	  /**
-	   * Gets the DOM ID of the React component that is the root of the tree that
-	   * contains the React component with the supplied DOM ID.
+	   * Map from property "standard name" to an object with info about how to set
+	   * the property in the DOM. Each object contains:
 	   *
-	   * @param {string} id DOM ID of a React component.
-	   * @return {?string} DOM ID of the React component that is the root.
-	   * @internal
+	   * attributeName:
+	   *   Used when rendering markup or with `*Attribute()`.
+	   * attributeNamespace
+	   * propertyName:
+	   *   Used on DOM node instances. (This includes properties that mutate due to
+	   *   external factors.)
+	   * mutationMethod:
+	   *   If non-null, used instead of the property or `setAttribute()` after
+	   *   initial render.
+	   * mustUseProperty:
+	   *   Whether the property must be accessed and mutated as an object property.
+	   * hasBooleanValue:
+	   *   Whether the property should be removed when set to a falsey value.
+	   * hasNumericValue:
+	   *   Whether the property must be numeric or parse as a numeric and should be
+	   *   removed when set to a falsey value.
+	   * hasPositiveNumericValue:
+	   *   Whether the property must be positive numeric or parse as a positive
+	   *   numeric and should be removed when set to a falsey value.
+	   * hasOverloadedBooleanValue:
+	   *   Whether the property can be used as a flag as well as with a value.
+	   *   Removed when strictly equal to false; present without a value when
+	   *   strictly equal to true; present with a value otherwise.
 	   */
-	  getReactRootIDFromNodeID: function (id) {
-	    if (id && id.charAt(0) === SEPARATOR && id.length > 1) {
-	      var index = id.indexOf(SEPARATOR, 1);
-	      return index > -1 ? id.substr(0, index) : id;
-	    }
-	    return null;
-	  },
+	  properties: {},
 
 	  /**
-	   * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
-	   * should would receive a `mouseEnter` or `mouseLeave` event.
+	   * Mapping from lowercase property names to the properly cased version, used
+	   * to warn in the case of missing properties. Available only in __DEV__.
 	   *
-	   * NOTE: Does not invoke the callback on the nearest common ancestor because
-	   * nothing "entered" or "left" that element.
+	   * autofocus is predefined, because adding it to the property whitelist
+	   * causes unintended side effects.
 	   *
-	   * @param {string} leaveID ID being left.
-	   * @param {string} enterID ID being entered.
-	   * @param {function} cb Callback to invoke on each entered/left ID.
-	   * @param {*} upArg Argument to invoke the callback with on left IDs.
-	   * @param {*} downArg Argument to invoke the callback with on entered IDs.
-	   * @internal
+	   * @type {Object}
 	   */
-	  traverseEnterLeave: function (leaveID, enterID, cb, upArg, downArg) {
-	    var ancestorID = getFirstCommonAncestorID(leaveID, enterID);
-	    if (ancestorID !== leaveID) {
-	      traverseParentPath(leaveID, ancestorID, cb, upArg, false, true);
-	    }
-	    if (ancestorID !== enterID) {
-	      traverseParentPath(ancestorID, enterID, cb, downArg, true, false);
-	    }
-	  },
+	  getPossibleStandardName: process.env.NODE_ENV !== 'production' ? { autofocus: 'autoFocus' } : null,
 
 	  /**
-	   * Simulates the traversal of a two-phase, capture/bubble event dispatch.
-	   *
-	   * NOTE: This traversal happens on IDs without touching the DOM.
-	   *
-	   * @param {string} targetID ID of the target node.
-	   * @param {function} cb Callback to invoke.
-	   * @param {*} arg Argument to invoke the callback with.
-	   * @internal
+	   * All of the isCustomAttribute() functions that have been injected.
 	   */
-	  traverseTwoPhase: function (targetID, cb, arg) {
-	    if (targetID) {
-	      traverseParentPath('', targetID, cb, arg, true, false);
-	      traverseParentPath(targetID, '', cb, arg, false, true);
-	    }
-	  },
+	  _isCustomAttributeFunctions: [],
 
 	  /**
-	   * Same as `traverseTwoPhase` but skips the `targetID`.
+	   * Checks whether a property name is a custom attribute.
+	   * @method
 	   */
-	  traverseTwoPhaseSkipTarget: function (targetID, cb, arg) {
-	    if (targetID) {
-	      traverseParentPath('', targetID, cb, arg, true, true);
-	      traverseParentPath(targetID, '', cb, arg, true, true);
+	  isCustomAttribute: function (attributeName) {
+	    for (var i = 0; i < DOMProperty._isCustomAttributeFunctions.length; i++) {
+	      var isCustomAttributeFn = DOMProperty._isCustomAttributeFunctions[i];
+	      if (isCustomAttributeFn(attributeName)) {
+	        return true;
+	      }
 	    }
+	    return false;
 	  },
 
-	  /**
-	   * Traverse a node ID, calling the supplied `cb` for each ancestor ID. For
-	   * example, passing `.0.$row-0.1` would result in `cb` getting called
-	   * with `.0`, `.0.$row-0`, and `.0.$row-0.1`.
-	   *
-	   * NOTE: This traversal happens on IDs without touching the DOM.
-	   *
-	   * @param {string} targetID ID of the target node.
-	   * @param {function} cb Callback to invoke.
-	   * @param {*} arg Argument to invoke the callback with.
-	   * @internal
-	   */
-	  traverseAncestors: function (targetID, cb, arg) {
-	    traverseParentPath('', targetID, cb, arg, true, false);
-	  },
-
-	  getFirstCommonAncestorID: getFirstCommonAncestorID,
-
-	  /**
-	   * Exposed for unit testing.
-	   * @private
-	   */
-	  _getNextDescendantID: getNextDescendantID,
-
-	  isAncestorIDOf: isAncestorIDOf,
-
-	  SEPARATOR: SEPARATOR
-
+	  injection: DOMPropertyInjection
 	};
 
-	module.exports = ReactInstanceHandles;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = DOMProperty;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 46 */
-/***/ function(module, exports) {
+/***/ }),
+/* 41 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2015-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactRootIndex
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var ReactRootIndexInjection = {
-	  /**
-	   * @param {function} _createReactRootIndex
-	   */
-	  injectCreateReactRootIndex: function (_createReactRootIndex) {
-	    ReactRootIndex.createReactRootIndex = _createReactRootIndex;
-	  }
-	};
-
-	var ReactRootIndex = {
-	  createReactRootIndex: null,
-	  injection: ReactRootIndexInjection
+	var ReactDOMComponentFlags = {
+	  hasCachedChildNodes: 1 << 0
 	};
 
-	module.exports = ReactRootIndex;
+	module.exports = ReactDOMComponentFlags;
 
-/***/ },
-/* 47 */
-/***/ function(module, exports) {
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactInstanceMap
 	 */
 
 	'use strict';
 
-	/**
-	 * `ReactInstanceMap` maintains a mapping from a public facing stateful
-	 * instance (key) and the internal representation (value). This allows public
-	 * methods to accept the user facing instance as an argument and map them back
-	 * to internal methods.
-	 */
+	var ARIADOMPropertyConfig = __webpack_require__(43);
+	var BeforeInputEventPlugin = __webpack_require__(44);
+	var ChangeEventPlugin = __webpack_require__(59);
+	var DefaultEventPluginOrder = __webpack_require__(76);
+	var EnterLeaveEventPlugin = __webpack_require__(77);
+	var HTMLDOMPropertyConfig = __webpack_require__(82);
+	var ReactComponentBrowserEnvironment = __webpack_require__(83);
+	var ReactDOMComponent = __webpack_require__(96);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactDOMEmptyComponent = __webpack_require__(141);
+	var ReactDOMTreeTraversal = __webpack_require__(142);
+	var ReactDOMTextComponent = __webpack_require__(143);
+	var ReactDefaultBatchingStrategy = __webpack_require__(144);
+	var ReactEventListener = __webpack_require__(145);
+	var ReactInjection = __webpack_require__(148);
+	var ReactReconcileTransaction = __webpack_require__(149);
+	var SVGDOMPropertyConfig = __webpack_require__(157);
+	var SelectEventPlugin = __webpack_require__(158);
+	var SimpleEventPlugin = __webpack_require__(159);
 
-	// TODO: Replace this with ES6: var ReactInstanceMap = new Map();
-	var ReactInstanceMap = {
+	var alreadyInjected = false;
 
-	  /**
-	   * This API should be called `delete` but we'd have to make sure to always
-	   * transform these to strings for IE support. When this transform is fully
-	   * supported we can rename it.
-	   */
-	  remove: function (key) {
-	    key._reactInternalInstance = undefined;
-	  },
-
-	  get: function (key) {
-	    return key._reactInternalInstance;
-	  },
-
-	  has: function (key) {
-	    return key._reactInternalInstance !== undefined;
-	  },
-
-	  set: function (key, value) {
-	    key._reactInternalInstance = value;
+	function inject() {
+	  if (alreadyInjected) {
+	    // TODO: This is currently true because these injections are shared between
+	    // the client and the server package. They should be built independently
+	    // and not share any injection state. Then this problem will be solved.
+	    return;
 	  }
+	  alreadyInjected = true;
 
-	};
-
-	module.exports = ReactInstanceMap;
+	  ReactInjection.EventEmitter.injectReactEventListener(ReactEventListener);
 
-/***/ },
-/* 48 */
-/***/ function(module, exports, __webpack_require__) {
+	  /**
+	   * Inject modules for resolving DOM hierarchy and plugin ordering.
+	   */
+	  ReactInjection.EventPluginHub.injectEventPluginOrder(DefaultEventPluginOrder);
+	  ReactInjection.EventPluginUtils.injectComponentTree(ReactDOMComponentTree);
+	  ReactInjection.EventPluginUtils.injectTreeTraversal(ReactDOMTreeTraversal);
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactMarkupChecksum
-	 */
+	  /**
+	   * Some important event plugins included by default (without having to require
+	   * them).
+	   */
+	  ReactInjection.EventPluginHub.injectEventPluginsByName({
+	    SimpleEventPlugin: SimpleEventPlugin,
+	    EnterLeaveEventPlugin: EnterLeaveEventPlugin,
+	    ChangeEventPlugin: ChangeEventPlugin,
+	    SelectEventPlugin: SelectEventPlugin,
+	    BeforeInputEventPlugin: BeforeInputEventPlugin
+	  });
 
-	'use strict';
+	  ReactInjection.HostComponent.injectGenericComponentClass(ReactDOMComponent);
 
-	var adler32 = __webpack_require__(49);
+	  ReactInjection.HostComponent.injectTextComponentClass(ReactDOMTextComponent);
 
-	var TAG_END = /\/?>/;
+	  ReactInjection.DOMProperty.injectDOMPropertyConfig(ARIADOMPropertyConfig);
+	  ReactInjection.DOMProperty.injectDOMPropertyConfig(HTMLDOMPropertyConfig);
+	  ReactInjection.DOMProperty.injectDOMPropertyConfig(SVGDOMPropertyConfig);
 
-	var ReactMarkupChecksum = {
-	  CHECKSUM_ATTR_NAME: 'data-react-checksum',
+	  ReactInjection.EmptyComponent.injectEmptyComponentFactory(function (instantiate) {
+	    return new ReactDOMEmptyComponent(instantiate);
+	  });
 
-	  /**
-	   * @param {string} markup Markup string
-	   * @return {string} Markup string with checksum attribute attached
-	   */
-	  addChecksumToMarkup: function (markup) {
-	    var checksum = adler32(markup);
+	  ReactInjection.Updates.injectReconcileTransaction(ReactReconcileTransaction);
+	  ReactInjection.Updates.injectBatchingStrategy(ReactDefaultBatchingStrategy);
 
-	    // Add checksum (handle both parent tags and self-closing tags)
-	    return markup.replace(TAG_END, ' ' + ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="' + checksum + '"$&');
-	  },
+	  ReactInjection.Component.injectEnvironment(ReactComponentBrowserEnvironment);
+	}
 
-	  /**
-	   * @param {string} markup to use
-	   * @param {DOMElement} element root React element
-	   * @returns {boolean} whether or not the markup is the same
-	   */
-	  canReuseMarkup: function (markup, element) {
-	    var existingChecksum = element.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
-	    existingChecksum = existingChecksum && parseInt(existingChecksum, 10);
-	    var markupChecksum = adler32(markup);
-	    return markupChecksum === existingChecksum;
-	  }
+	module.exports = {
+	  inject: inject
 	};
 
-	module.exports = ReactMarkupChecksum;
-
-/***/ },
-/* 49 */
-/***/ function(module, exports) {
+/***/ }),
+/* 43 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule adler32
 	 */
 
 	'use strict';
 
-	var MOD = 65521;
-
-	// adler32 is not cryptographically strong, and is only used to sanity check that
-	// markup generated on the server matches the markup generated on the client.
-	// This implementation (a modified version of the SheetJS version) has been optimized
-	// for our use case, at the expense of conforming to the adler32 specification
-	// for non-ascii inputs.
-	function adler32(data) {
-	  var a = 1;
-	  var b = 0;
-	  var i = 0;
-	  var l = data.length;
-	  var m = l & ~0x3;
-	  while (i < m) {
-	    for (; i < Math.min(i + 4096, m); i += 4) {
-	      b += (a += data.charCodeAt(i)) + (a += data.charCodeAt(i + 1)) + (a += data.charCodeAt(i + 2)) + (a += data.charCodeAt(i + 3));
-	    }
-	    a %= MOD;
-	    b %= MOD;
-	  }
-	  for (; i < l; i++) {
-	    b += a += data.charCodeAt(i);
-	  }
-	  a %= MOD;
-	  b %= MOD;
-	  return a | b << 16;
-	}
-
-	module.exports = adler32;
-
-/***/ },
-/* 50 */
-/***/ function(module, exports, __webpack_require__) {
+	var ARIADOMPropertyConfig = {
+	  Properties: {
+	    // Global States and Properties
+	    'aria-current': 0, // state
+	    'aria-details': 0,
+	    'aria-disabled': 0, // state
+	    'aria-hidden': 0, // state
+	    'aria-invalid': 0, // state
+	    'aria-keyshortcuts': 0,
+	    'aria-label': 0,
+	    'aria-roledescription': 0,
+	    // Widget Attributes
+	    'aria-autocomplete': 0,
+	    'aria-checked': 0,
+	    'aria-expanded': 0,
+	    'aria-haspopup': 0,
+	    'aria-level': 0,
+	    'aria-modal': 0,
+	    'aria-multiline': 0,
+	    'aria-multiselectable': 0,
+	    'aria-orientation': 0,
+	    'aria-placeholder': 0,
+	    'aria-pressed': 0,
+	    'aria-readonly': 0,
+	    'aria-required': 0,
+	    'aria-selected': 0,
+	    'aria-sort': 0,
+	    'aria-valuemax': 0,
+	    'aria-valuemin': 0,
+	    'aria-valuenow': 0,
+	    'aria-valuetext': 0,
+	    // Live Region Attributes
+	    'aria-atomic': 0,
+	    'aria-busy': 0,
+	    'aria-live': 0,
+	    'aria-relevant': 0,
+	    // Drag-and-Drop Attributes
+	    'aria-dropeffect': 0,
+	    'aria-grabbed': 0,
+	    // Relationship Attributes
+	    'aria-activedescendant': 0,
+	    'aria-colcount': 0,
+	    'aria-colindex': 0,
+	    'aria-colspan': 0,
+	    'aria-controls': 0,
+	    'aria-describedby': 0,
+	    'aria-errormessage': 0,
+	    'aria-flowto': 0,
+	    'aria-labelledby': 0,
+	    'aria-owns': 0,
+	    'aria-posinset': 0,
+	    'aria-rowcount': 0,
+	    'aria-rowindex': 0,
+	    'aria-rowspan': 0,
+	    'aria-setsize': 0
+	  },
+	  DOMAttributeNames: {},
+	  DOMPropertyNames: {}
+	};
+
+	module.exports = ARIADOMPropertyConfig;
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactReconciler
 	 */
 
 	'use strict';
 
-	var ReactRef = __webpack_require__(51);
-
-	/**
-	 * Helper to call ReactRef.attachRefs with this composite component, split out
-	 * to avoid allocations in the transaction mount-ready queue.
-	 */
-	function attachRefs() {
-	  ReactRef.attachRefs(this, this._currentElement);
-	}
-
-	var ReactReconciler = {
-
-	  /**
-	   * Initializes the component, renders markup, and registers event listeners.
-	   *
-	   * @param {ReactComponent} internalInstance
-	   * @param {string} rootID DOM ID of the root node.
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @return {?string} Rendered markup to be inserted into the DOM.
-	   * @final
-	   * @internal
-	   */
-	  mountComponent: function (internalInstance, rootID, transaction, context) {
-	    var markup = internalInstance.mountComponent(rootID, transaction, context);
-	    if (internalInstance._currentElement && internalInstance._currentElement.ref != null) {
-	      transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
-	    }
-	    return markup;
-	  },
+	var EventPropagators = __webpack_require__(45);
+	var ExecutionEnvironment = __webpack_require__(52);
+	var FallbackCompositionState = __webpack_require__(53);
+	var SyntheticCompositionEvent = __webpack_require__(56);
+	var SyntheticInputEvent = __webpack_require__(58);
 
-	  /**
-	   * Releases any resources allocated by `mountComponent`.
-	   *
-	   * @final
-	   * @internal
-	   */
-	  unmountComponent: function (internalInstance) {
-	    ReactRef.detachRefs(internalInstance, internalInstance._currentElement);
-	    internalInstance.unmountComponent();
-	  },
+	var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
+	var START_KEYCODE = 229;
 
-	  /**
-	   * Update a component using a new element.
-	   *
-	   * @param {ReactComponent} internalInstance
-	   * @param {ReactElement} nextElement
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {object} context
-	   * @internal
-	   */
-	  receiveComponent: function (internalInstance, nextElement, transaction, context) {
-	    var prevElement = internalInstance._currentElement;
+	var canUseCompositionEvent = ExecutionEnvironment.canUseDOM && 'CompositionEvent' in window;
 
-	    if (nextElement === prevElement && context === internalInstance._context) {
-	      // Since elements are immutable after the owner is rendered,
-	      // we can do a cheap identity compare here to determine if this is a
-	      // superfluous reconcile. It's possible for state to be mutable but such
-	      // change should trigger an update of the owner which would recreate
-	      // the element. We explicitly check for the existence of an owner since
-	      // it's possible for an element created outside a composite to be
-	      // deeply mutated and reused.
+	var documentMode = null;
+	if (ExecutionEnvironment.canUseDOM && 'documentMode' in document) {
+	  documentMode = document.documentMode;
+	}
 
-	      // TODO: Bailing out early is just a perf optimization right?
-	      // TODO: Removing the return statement should affect correctness?
-	      return;
-	    }
+	// Webkit offers a very useful `textInput` event that can be used to
+	// directly represent `beforeInput`. The IE `textinput` event is not as
+	// useful, so we don't use it.
+	var canUseTextInputEvent = ExecutionEnvironment.canUseDOM && 'TextEvent' in window && !documentMode && !isPresto();
 
-	    var refsChanged = ReactRef.shouldUpdateRefs(prevElement, nextElement);
+	// In IE9+, we have access to composition events, but the data supplied
+	// by the native compositionend event may be incorrect. Japanese ideographic
+	// spaces, for instance (\u3000) are not recorded correctly.
+	var useFallbackCompositionData = ExecutionEnvironment.canUseDOM && (!canUseCompositionEvent || documentMode && documentMode > 8 && documentMode <= 11);
 
-	    if (refsChanged) {
-	      ReactRef.detachRefs(internalInstance, prevElement);
-	    }
+	/**
+	 * Opera <= 12 includes TextEvent in window, but does not fire
+	 * text input events. Rely on keypress instead.
+	 */
+	function isPresto() {
+	  var opera = window.opera;
+	  return typeof opera === 'object' && typeof opera.version === 'function' && parseInt(opera.version(), 10) <= 12;
+	}
 
-	    internalInstance.receiveComponent(nextElement, transaction, context);
+	var SPACEBAR_CODE = 32;
+	var SPACEBAR_CHAR = String.fromCharCode(SPACEBAR_CODE);
 
-	    if (refsChanged && internalInstance._currentElement && internalInstance._currentElement.ref != null) {
-	      transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
-	    }
+	// Events and their corresponding property names.
+	var eventTypes = {
+	  beforeInput: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onBeforeInput',
+	      captured: 'onBeforeInputCapture'
+	    },
+	    dependencies: ['topCompositionEnd', 'topKeyPress', 'topTextInput', 'topPaste']
 	  },
-
-	  /**
-	   * Flush any dirty changes in a component.
-	   *
-	   * @param {ReactComponent} internalInstance
-	   * @param {ReactReconcileTransaction} transaction
-	   * @internal
-	   */
-	  performUpdateIfNecessary: function (internalInstance, transaction) {
-	    internalInstance.performUpdateIfNecessary(transaction);
+	  compositionEnd: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionEnd',
+	      captured: 'onCompositionEndCapture'
+	    },
+	    dependencies: ['topBlur', 'topCompositionEnd', 'topKeyDown', 'topKeyPress', 'topKeyUp', 'topMouseDown']
+	  },
+	  compositionStart: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionStart',
+	      captured: 'onCompositionStartCapture'
+	    },
+	    dependencies: ['topBlur', 'topCompositionStart', 'topKeyDown', 'topKeyPress', 'topKeyUp', 'topMouseDown']
+	  },
+	  compositionUpdate: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionUpdate',
+	      captured: 'onCompositionUpdateCapture'
+	    },
+	    dependencies: ['topBlur', 'topCompositionUpdate', 'topKeyDown', 'topKeyPress', 'topKeyUp', 'topMouseDown']
 	  }
-
 	};
 
-	module.exports = ReactReconciler;
+	// Track whether we've ever handled a keypress on the space key.
+	var hasSpaceKeypress = false;
 
-/***/ },
-/* 51 */
-/***/ function(module, exports, __webpack_require__) {
+	/**
+	 * Return whether a native keypress event is assumed to be a command.
+	 * This is required because Firefox fires `keypress` events for key commands
+	 * (cut, copy, select-all, etc.) even though no character is inserted.
+	 */
+	function isKeypressCommand(nativeEvent) {
+	  return (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) &&
+	  // ctrlKey && altKey is equivalent to AltGr, and is not a command.
+	  !(nativeEvent.ctrlKey && nativeEvent.altKey);
+	}
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Translate native top level events into event types.
 	 *
-	 * @providesModule ReactRef
+	 * @param {string} topLevelType
+	 * @return {object}
 	 */
-
-	'use strict';
-
-	var ReactOwner = __webpack_require__(52);
-
-	var ReactRef = {};
-
-	function attachRef(ref, component, owner) {
-	  if (typeof ref === 'function') {
-	    ref(component.getPublicInstance());
-	  } else {
-	    // Legacy ref
-	    ReactOwner.addComponentAsRefTo(component, ref, owner);
+	function getCompositionEventType(topLevelType) {
+	  switch (topLevelType) {
+	    case 'topCompositionStart':
+	      return eventTypes.compositionStart;
+	    case 'topCompositionEnd':
+	      return eventTypes.compositionEnd;
+	    case 'topCompositionUpdate':
+	      return eventTypes.compositionUpdate;
 	  }
 	}
 
-	function detachRef(ref, component, owner) {
-	  if (typeof ref === 'function') {
-	    ref(null);
-	  } else {
-	    // Legacy ref
-	    ReactOwner.removeComponentAsRefFrom(component, ref, owner);
-	  }
+	/**
+	 * Does our fallback best-guess model think this event signifies that
+	 * composition has begun?
+	 *
+	 * @param {string} topLevelType
+	 * @param {object} nativeEvent
+	 * @return {boolean}
+	 */
+	function isFallbackCompositionStart(topLevelType, nativeEvent) {
+	  return topLevelType === 'topKeyDown' && nativeEvent.keyCode === START_KEYCODE;
 	}
 
-	ReactRef.attachRefs = function (instance, element) {
-	  if (element === null || element === false) {
-	    return;
-	  }
-	  var ref = element.ref;
-	  if (ref != null) {
-	    attachRef(ref, instance, element._owner);
-	  }
-	};
-
-	ReactRef.shouldUpdateRefs = function (prevElement, nextElement) {
-	  // If either the owner or a `ref` has changed, make sure the newest owner
-	  // has stored a reference to `this`, and the previous owner (if different)
-	  // has forgotten the reference to `this`. We use the element instead
-	  // of the public this.props because the post processing cannot determine
-	  // a ref. The ref conceptually lives on the element.
-
-	  // TODO: Should this even be possible? The owner cannot change because
-	  // it's forbidden by shouldUpdateReactComponent. The ref can change
-	  // if you swap the keys of but not the refs. Reconsider where this check
-	  // is made. It probably belongs where the key checking and
-	  // instantiateReactComponent is done.
-
-	  var prevEmpty = prevElement === null || prevElement === false;
-	  var nextEmpty = nextElement === null || nextElement === false;
-
-	  return(
-	    // This has a few false positives w/r/t empty components.
-	    prevEmpty || nextEmpty || nextElement._owner !== prevElement._owner || nextElement.ref !== prevElement.ref
-	  );
-	};
-
-	ReactRef.detachRefs = function (instance, element) {
-	  if (element === null || element === false) {
-	    return;
-	  }
-	  var ref = element.ref;
-	  if (ref != null) {
-	    detachRef(ref, instance, element._owner);
+	/**
+	 * Does our fallback mode think that this event is the end of composition?
+	 *
+	 * @param {string} topLevelType
+	 * @param {object} nativeEvent
+	 * @return {boolean}
+	 */
+	function isFallbackCompositionEnd(topLevelType, nativeEvent) {
+	  switch (topLevelType) {
+	    case 'topKeyUp':
+	      // Command keys insert or clear IME input.
+	      return END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1;
+	    case 'topKeyDown':
+	      // Expect IME keyCode on each keydown. If we get any other
+	      // code we must have exited earlier.
+	      return nativeEvent.keyCode !== START_KEYCODE;
+	    case 'topKeyPress':
+	    case 'topMouseDown':
+	    case 'topBlur':
+	      // Events are not possible without cancelling IME.
+	      return true;
+	    default:
+	      return false;
 	  }
-	};
-
-	module.exports = ReactRef;
-
-/***/ },
-/* 52 */
-/***/ function(module, exports, __webpack_require__) {
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	/**
+	 * Google Input Tools provides composition data via a CustomEvent,
+	 * with the `data` property populated in the `detail` object. If this
+	 * is available on the event object, use it. If not, this is a plain
+	 * composition event and we have nothing special to extract.
 	 *
-	 * @providesModule ReactOwner
+	 * @param {object} nativeEvent
+	 * @return {?string}
 	 */
+	function getDataFromCustomEvent(nativeEvent) {
+	  var detail = nativeEvent.detail;
+	  if (typeof detail === 'object' && 'data' in detail) {
+	    return detail.data;
+	  }
+	  return null;
+	}
 
-	'use strict';
-
-	var invariant = __webpack_require__(13);
+	// Track the current IME composition fallback object, if any.
+	var currentComposition = null;
 
 	/**
-	 * ReactOwners are capable of storing references to owned components.
-	 *
-	 * All components are capable of //being// referenced by owner components, but
-	 * only ReactOwner components are capable of //referencing// owned components.
-	 * The named reference is known as a "ref".
-	 *
-	 * Refs are available when mounted and updated during reconciliation.
-	 *
-	 *   var MyComponent = React.createClass({
-	 *     render: function() {
-	 *       return (
-	 *         <div onClick={this.handleClick}>
-	 *           <CustomComponent ref="custom" />
-	 *         </div>
-	 *       );
-	 *     },
-	 *     handleClick: function() {
-	 *       this.refs.custom.handleClick();
-	 *     },
-	 *     componentDidMount: function() {
-	 *       this.refs.custom.initialize();
-	 *     }
-	 *   });
-	 *
-	 * Refs should rarely be used. When refs are used, they should only be done to
-	 * control data that is not handled by React's data flow.
-	 *
-	 * @class ReactOwner
+	 * @return {?object} A SyntheticCompositionEvent.
 	 */
-	var ReactOwner = {
+	function extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	  var eventType;
+	  var fallbackData;
 
-	  /**
-	   * @param {?object} object
-	   * @return {boolean} True if `object` is a valid owner.
-	   * @final
-	   */
-	  isValidOwner: function (object) {
-	    return !!(object && typeof object.attachRef === 'function' && typeof object.detachRef === 'function');
-	  },
+	  if (canUseCompositionEvent) {
+	    eventType = getCompositionEventType(topLevelType);
+	  } else if (!currentComposition) {
+	    if (isFallbackCompositionStart(topLevelType, nativeEvent)) {
+	      eventType = eventTypes.compositionStart;
+	    }
+	  } else if (isFallbackCompositionEnd(topLevelType, nativeEvent)) {
+	    eventType = eventTypes.compositionEnd;
+	  }
 
-	  /**
-	   * Adds a component by ref to an owner component.
-	   *
-	   * @param {ReactComponent} component Component to reference.
-	   * @param {string} ref Name by which to refer to the component.
-	   * @param {ReactOwner} owner Component on which to record the ref.
-	   * @final
-	   * @internal
-	   */
-	  addComponentAsRefTo: function (component, ref, owner) {
-	    !ReactOwner.isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'addComponentAsRefTo(...): Only a ReactOwner can have refs. You might ' + 'be adding a ref to a component that was not created inside a component\'s ' + '`render` method, or you have multiple copies of React loaded ' + '(details: https://fb.me/react-refs-must-have-owner).') : invariant(false) : undefined;
-	    owner.attachRef(ref, component);
-	  },
+	  if (!eventType) {
+	    return null;
+	  }
 
-	  /**
-	   * Removes a component by ref from an owner component.
-	   *
-	   * @param {ReactComponent} component Component to dereference.
-	   * @param {string} ref Name of the ref to remove.
-	   * @param {ReactOwner} owner Component on which the ref is recorded.
-	   * @final
-	   * @internal
-	   */
-	  removeComponentAsRefFrom: function (component, ref, owner) {
-	    !ReactOwner.isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'removeComponentAsRefFrom(...): Only a ReactOwner can have refs. You might ' + 'be removing a ref to a component that was not created inside a component\'s ' + '`render` method, or you have multiple copies of React loaded ' + '(details: https://fb.me/react-refs-must-have-owner).') : invariant(false) : undefined;
-	    // Check that `component` is still the current ref because we do not want to
-	    // detach the ref if another component stole it.
-	    if (owner.getPublicInstance().refs[ref] === component.getPublicInstance()) {
-	      owner.detachRef(ref);
+	  if (useFallbackCompositionData) {
+	    // The current composition is stored statically and must not be
+	    // overwritten while composition continues.
+	    if (!currentComposition && eventType === eventTypes.compositionStart) {
+	      currentComposition = FallbackCompositionState.getPooled(nativeEventTarget);
+	    } else if (eventType === eventTypes.compositionEnd) {
+	      if (currentComposition) {
+	        fallbackData = currentComposition.getData();
+	      }
 	    }
 	  }
 
-	};
+	  var event = SyntheticCompositionEvent.getPooled(eventType, targetInst, nativeEvent, nativeEventTarget);
 
-	module.exports = ReactOwner;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  if (fallbackData) {
+	    // Inject data generated from fallback path into the synthetic event.
+	    // This matches the property of native CompositionEventInterface.
+	    event.data = fallbackData;
+	  } else {
+	    var customData = getDataFromCustomEvent(nativeEvent);
+	    if (customData !== null) {
+	      event.data = customData;
+	    }
+	  }
 
-/***/ },
-/* 53 */
-/***/ function(module, exports, __webpack_require__) {
+	  EventPropagators.accumulateTwoPhaseDispatches(event);
+	  return event;
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactUpdateQueue
+	/**
+	 * @param {string} topLevelType Record from `EventConstants`.
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {?string} The string corresponding to this `beforeInput` event.
 	 */
+	function getNativeBeforeInputChars(topLevelType, nativeEvent) {
+	  switch (topLevelType) {
+	    case 'topCompositionEnd':
+	      return getDataFromCustomEvent(nativeEvent);
+	    case 'topKeyPress':
+	      /**
+	       * If native `textInput` events are available, our goal is to make
+	       * use of them. However, there is a special case: the spacebar key.
+	       * In Webkit, preventing default on a spacebar `textInput` event
+	       * cancels character insertion, but it *also* causes the browser
+	       * to fall back to its default spacebar behavior of scrolling the
+	       * page.
+	       *
+	       * Tracking at:
+	       * https://code.google.com/p/chromium/issues/detail?id=355103
+	       *
+	       * To avoid this issue, use the keypress event as if no `textInput`
+	       * event is available.
+	       */
+	      var which = nativeEvent.which;
+	      if (which !== SPACEBAR_CODE) {
+	        return null;
+	      }
 
-	'use strict';
+	      hasSpaceKeypress = true;
+	      return SPACEBAR_CHAR;
 
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactElement = __webpack_require__(42);
-	var ReactInstanceMap = __webpack_require__(47);
-	var ReactUpdates = __webpack_require__(54);
+	    case 'topTextInput':
+	      // Record the characters to be added to the DOM.
+	      var chars = nativeEvent.data;
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	      // If it's a spacebar character, assume that we have already handled
+	      // it at the keypress level and bail immediately. Android Chrome
+	      // doesn't give us keycodes, so we need to blacklist it.
+	      if (chars === SPACEBAR_CHAR && hasSpaceKeypress) {
+	        return null;
+	      }
 
-	function enqueueUpdate(internalInstance) {
-	  ReactUpdates.enqueueUpdate(internalInstance);
-	}
+	      return chars;
 
-	function getInternalInstanceReadyForUpdate(publicInstance, callerName) {
-	  var internalInstance = ReactInstanceMap.get(publicInstance);
-	  if (!internalInstance) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      // Only warn when we have a callerName. Otherwise we should be silent.
-	      // We're probably calling from enqueueCallback. We don't want to warn
-	      // there because we already warned for the corresponding lifecycle method.
-	      process.env.NODE_ENV !== 'production' ? warning(!callerName, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, publicInstance.constructor.displayName) : undefined;
+	    default:
+	      // For other native event types, do nothing.
+	      return null;
+	  }
+	}
+
+	/**
+	 * For browsers that do not provide the `textInput` event, extract the
+	 * appropriate string to use for SyntheticInputEvent.
+	 *
+	 * @param {string} topLevelType Record from `EventConstants`.
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {?string} The fallback string for this `beforeInput` event.
+	 */
+	function getFallbackBeforeInputChars(topLevelType, nativeEvent) {
+	  // If we are currently composing (IME) and using a fallback to do so,
+	  // try to extract the composed characters from the fallback object.
+	  // If composition event is available, we extract a string only at
+	  // compositionevent, otherwise extract it at fallback events.
+	  if (currentComposition) {
+	    if (topLevelType === 'topCompositionEnd' || !canUseCompositionEvent && isFallbackCompositionEnd(topLevelType, nativeEvent)) {
+	      var chars = currentComposition.getData();
+	      FallbackCompositionState.release(currentComposition);
+	      currentComposition = null;
+	      return chars;
 	    }
 	    return null;
 	  }
 
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, '%s(...): Cannot update during an existing state transition ' + '(such as within `render`). Render methods should be a pure function ' + 'of props and state.', callerName) : undefined;
+	  switch (topLevelType) {
+	    case 'topPaste':
+	      // If a paste event occurs after a keypress, throw out the input
+	      // chars. Paste events should not lead to BeforeInput events.
+	      return null;
+	    case 'topKeyPress':
+	      /**
+	       * As of v27, Firefox may fire keypress events even when no character
+	       * will be inserted. A few possibilities:
+	       *
+	       * - `which` is `0`. Arrow keys, Esc key, etc.
+	       *
+	       * - `which` is the pressed key code, but no char is available.
+	       *   Ex: 'AltGr + d` in Polish. There is no modified character for
+	       *   this key combination and no character is inserted into the
+	       *   document, but FF fires the keypress for char code `100` anyway.
+	       *   No `input` event will occur.
+	       *
+	       * - `which` is the pressed key code, but a command combination is
+	       *   being used. Ex: `Cmd+C`. No character is inserted, and no
+	       *   `input` event will occur.
+	       */
+	      if (nativeEvent.which && !isKeypressCommand(nativeEvent)) {
+	        return String.fromCharCode(nativeEvent.which);
+	      }
+	      return null;
+	    case 'topCompositionEnd':
+	      return useFallbackCompositionData ? null : nativeEvent.data;
+	    default:
+	      return null;
 	  }
-
-	  return internalInstance;
 	}
 
 	/**
-	 * ReactUpdateQueue allows for state updates to be scheduled into a later
-	 * reconciliation step.
+	 * Extract a SyntheticInputEvent for `beforeInput`, based on either native
+	 * `textInput` or fallback behavior.
+	 *
+	 * @return {?object} A SyntheticInputEvent.
 	 */
-	var ReactUpdateQueue = {
-
-	  /**
-	   * Checks whether or not this composite component is mounted.
-	   * @param {ReactClass} publicInstance The instance we want to test.
-	   * @return {boolean} True if mounted, false otherwise.
-	   * @protected
-	   * @final
-	   */
-	  isMounted: function (publicInstance) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      var owner = ReactCurrentOwner.current;
-	      if (owner !== null) {
-	        process.env.NODE_ENV !== 'production' ? warning(owner._warnedAboutRefsInRender, '%s is accessing isMounted inside its render() function. ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', owner.getName() || 'A component') : undefined;
-	        owner._warnedAboutRefsInRender = true;
-	      }
-	    }
-	    var internalInstance = ReactInstanceMap.get(publicInstance);
-	    if (internalInstance) {
-	      // During componentWillMount and render this will still be null but after
-	      // that will always render to something. At least for now. So we can use
-	      // this hack.
-	      return !!internalInstance._renderedComponent;
-	    } else {
-	      return false;
-	    }
-	  },
+	function extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	  var chars;
 
-	  /**
-	   * Enqueue a callback that will be executed after all the pending updates
-	   * have processed.
-	   *
-	   * @param {ReactClass} publicInstance The instance to use as `this` context.
-	   * @param {?function} callback Called after state is updated.
-	   * @internal
-	   */
-	  enqueueCallback: function (publicInstance, callback) {
-	    !(typeof callback === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'enqueueCallback(...): You called `setProps`, `replaceProps`, ' + '`setState`, `replaceState`, or `forceUpdate` with a callback that ' + 'isn\'t callable.') : invariant(false) : undefined;
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance);
+	  if (canUseTextInputEvent) {
+	    chars = getNativeBeforeInputChars(topLevelType, nativeEvent);
+	  } else {
+	    chars = getFallbackBeforeInputChars(topLevelType, nativeEvent);
+	  }
 
-	    // Previously we would throw an error if we didn't have an internal
-	    // instance. Since we want to make it a no-op instead, we mirror the same
-	    // behavior we have in other enqueue* methods.
-	    // We also need to ignore callbacks in componentWillMount. See
-	    // enqueueUpdates.
-	    if (!internalInstance) {
-	      return null;
-	    }
+	  // If no characters are being inserted, no BeforeInput event should
+	  // be fired.
+	  if (!chars) {
+	    return null;
+	  }
 
-	    if (internalInstance._pendingCallbacks) {
-	      internalInstance._pendingCallbacks.push(callback);
-	    } else {
-	      internalInstance._pendingCallbacks = [callback];
-	    }
-	    // TODO: The callback here is ignored when setState is called from
-	    // componentWillMount. Either fix it or disallow doing so completely in
-	    // favor of getInitialState. Alternatively, we can disallow
-	    // componentWillMount during server-side rendering.
-	    enqueueUpdate(internalInstance);
-	  },
+	  var event = SyntheticInputEvent.getPooled(eventTypes.beforeInput, targetInst, nativeEvent, nativeEventTarget);
 
-	  enqueueCallbackInternal: function (internalInstance, callback) {
-	    !(typeof callback === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'enqueueCallback(...): You called `setProps`, `replaceProps`, ' + '`setState`, `replaceState`, or `forceUpdate` with a callback that ' + 'isn\'t callable.') : invariant(false) : undefined;
-	    if (internalInstance._pendingCallbacks) {
-	      internalInstance._pendingCallbacks.push(callback);
-	    } else {
-	      internalInstance._pendingCallbacks = [callback];
-	    }
-	    enqueueUpdate(internalInstance);
-	  },
+	  event.data = chars;
+	  EventPropagators.accumulateTwoPhaseDispatches(event);
+	  return event;
+	}
 
-	  /**
-	   * Forces an update. This should only be invoked when it is known with
-	   * certainty that we are **not** in a DOM transaction.
-	   *
-	   * You may want to call this when you know that some deeper aspect of the
-	   * component's state has changed but `setState` was not called.
-	   *
-	   * This will not invoke `shouldComponentUpdate`, but it will invoke
-	   * `componentWillUpdate` and `componentDidUpdate`.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @internal
-	   */
-	  enqueueForceUpdate: function (publicInstance) {
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'forceUpdate');
+	/**
+	 * Create an `onBeforeInput` event to match
+	 * http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#events-inputevents.
+	 *
+	 * This event plugin is based on the native `textInput` event
+	 * available in Chrome, Safari, Opera, and IE. This event fires after
+	 * `onKeyPress` and `onCompositionEnd`, but before `onInput`.
+	 *
+	 * `beforeInput` is spec'd but not implemented in any browsers, and
+	 * the `input` event does not provide any useful information about what has
+	 * actually been added, contrary to the spec. Thus, `textInput` is the best
+	 * available event to identify the characters that have actually been inserted
+	 * into the target node.
+	 *
+	 * This plugin is also responsible for emitting `composition` events, thus
+	 * allowing us to share composition fallback code for both `beforeInput` and
+	 * `composition` event types.
+	 */
+	var BeforeInputEventPlugin = {
 
-	    if (!internalInstance) {
-	      return;
-	    }
+	  eventTypes: eventTypes,
 
-	    internalInstance._pendingForceUpdate = true;
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    return [extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget), extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget)];
+	  }
+	};
 
-	    enqueueUpdate(internalInstance);
-	  },
+	module.exports = BeforeInputEventPlugin;
 
-	  /**
-	   * Replaces all of the state. Always use this or `setState` to mutate state.
-	   * You should treat `this.state` as immutable.
-	   *
-	   * There is no guarantee that `this.state` will be immediately updated, so
-	   * accessing `this.state` after calling this method may return the old value.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} completeState Next state.
-	   * @internal
-	   */
-	  enqueueReplaceState: function (publicInstance, completeState) {
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'replaceState');
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    if (!internalInstance) {
-	      return;
-	    }
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	    internalInstance._pendingStateQueue = [completeState];
-	    internalInstance._pendingReplaceState = true;
+	'use strict';
 
-	    enqueueUpdate(internalInstance);
-	  },
+	var EventPluginHub = __webpack_require__(46);
+	var EventPluginUtils = __webpack_require__(48);
 
-	  /**
-	   * Sets a subset of the state. This only exists because _pendingState is
-	   * internal. This provides a merging strategy that is not available to deep
-	   * properties which is confusing. TODO: Expose pendingState or don't use it
-	   * during the merge.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} partialState Next partial state to be merged with state.
-	   * @internal
-	   */
-	  enqueueSetState: function (publicInstance, partialState) {
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'setState');
+	var accumulateInto = __webpack_require__(50);
+	var forEachAccumulated = __webpack_require__(51);
+	var warning = __webpack_require__(11);
 
-	    if (!internalInstance) {
-	      return;
-	    }
+	var getListener = EventPluginHub.getListener;
 
-	    var queue = internalInstance._pendingStateQueue || (internalInstance._pendingStateQueue = []);
-	    queue.push(partialState);
+	/**
+	 * Some event types have a notion of different registration names for different
+	 * "phases" of propagation. This finds listeners by a given phase.
+	 */
+	function listenerAtPhase(inst, event, propagationPhase) {
+	  var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+	  return getListener(inst, registrationName);
+	}
 
-	    enqueueUpdate(internalInstance);
-	  },
+	/**
+	 * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+	 * here, allows us to not have to bind or create functions for each event.
+	 * Mutating the event's members allows us to not have to create a wrapping
+	 * "dispatch" object that pairs the event with the listener.
+	 */
+	function accumulateDirectionalDispatches(inst, phase, event) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    process.env.NODE_ENV !== 'production' ? warning(inst, 'Dispatching inst must not be null') : void 0;
+	  }
+	  var listener = listenerAtPhase(inst, event, phase);
+	  if (listener) {
+	    event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
+	    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+	  }
+	}
 
-	  /**
-	   * Sets a subset of the props.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} partialProps Subset of the next props.
-	   * @internal
-	   */
-	  enqueueSetProps: function (publicInstance, partialProps) {
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'setProps');
-	    if (!internalInstance) {
-	      return;
-	    }
-	    ReactUpdateQueue.enqueueSetPropsInternal(internalInstance, partialProps);
-	  },
-
-	  enqueueSetPropsInternal: function (internalInstance, partialProps) {
-	    var topLevelWrapper = internalInstance._topLevelWrapper;
-	    !topLevelWrapper ? process.env.NODE_ENV !== 'production' ? invariant(false, 'setProps(...): You called `setProps` on a ' + 'component with a parent. This is an anti-pattern since props will ' + 'get reactively updated when rendered. Instead, change the owner\'s ' + '`render` method to pass the correct value as props to the component ' + 'where it is created.') : invariant(false) : undefined;
-
-	    // Merge with the pending element if it exists, otherwise with existing
-	    // element props.
-	    var wrapElement = topLevelWrapper._pendingElement || topLevelWrapper._currentElement;
-	    var element = wrapElement.props;
-	    var props = assign({}, element.props, partialProps);
-	    topLevelWrapper._pendingElement = ReactElement.cloneAndReplaceProps(wrapElement, ReactElement.cloneAndReplaceProps(element, props));
+	/**
+	 * Collect dispatches (must be entirely collected before dispatching - see unit
+	 * tests). Lazily allocate the array to conserve memory.  We must loop through
+	 * each event and perform the traversal for each one. We cannot perform a
+	 * single traversal for the entire collection of events because each event may
+	 * have a different target.
+	 */
+	function accumulateTwoPhaseDispatchesSingle(event) {
+	  if (event && event.dispatchConfig.phasedRegistrationNames) {
+	    EventPluginUtils.traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+	  }
+	}
 
-	    enqueueUpdate(topLevelWrapper);
-	  },
+	/**
+	 * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+	 */
+	function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+	  if (event && event.dispatchConfig.phasedRegistrationNames) {
+	    var targetInst = event._targetInst;
+	    var parentInst = targetInst ? EventPluginUtils.getParentInstance(targetInst) : null;
+	    EventPluginUtils.traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+	  }
+	}
 
-	  /**
-	   * Replaces all of the props.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} props New props.
-	   * @internal
-	   */
-	  enqueueReplaceProps: function (publicInstance, props) {
-	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'replaceProps');
-	    if (!internalInstance) {
-	      return;
+	/**
+	 * Accumulates without regard to direction, does not look for phased
+	 * registration names. Same as `accumulateDirectDispatchesSingle` but without
+	 * requiring that the `dispatchMarker` be the same as the dispatched ID.
+	 */
+	function accumulateDispatches(inst, ignoredDirection, event) {
+	  if (event && event.dispatchConfig.registrationName) {
+	    var registrationName = event.dispatchConfig.registrationName;
+	    var listener = getListener(inst, registrationName);
+	    if (listener) {
+	      event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
+	      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
 	    }
-	    ReactUpdateQueue.enqueueReplacePropsInternal(internalInstance, props);
-	  },
+	  }
+	}
 
-	  enqueueReplacePropsInternal: function (internalInstance, props) {
-	    var topLevelWrapper = internalInstance._topLevelWrapper;
-	    !topLevelWrapper ? process.env.NODE_ENV !== 'production' ? invariant(false, 'replaceProps(...): You called `replaceProps` on a ' + 'component with a parent. This is an anti-pattern since props will ' + 'get reactively updated when rendered. Instead, change the owner\'s ' + '`render` method to pass the correct value as props to the component ' + 'where it is created.') : invariant(false) : undefined;
+	/**
+	 * Accumulates dispatches on an `SyntheticEvent`, but only for the
+	 * `dispatchMarker`.
+	 * @param {SyntheticEvent} event
+	 */
+	function accumulateDirectDispatchesSingle(event) {
+	  if (event && event.dispatchConfig.registrationName) {
+	    accumulateDispatches(event._targetInst, null, event);
+	  }
+	}
 
-	    // Merge with the pending element if it exists, otherwise with existing
-	    // element props.
-	    var wrapElement = topLevelWrapper._pendingElement || topLevelWrapper._currentElement;
-	    var element = wrapElement.props;
-	    topLevelWrapper._pendingElement = ReactElement.cloneAndReplaceProps(wrapElement, ReactElement.cloneAndReplaceProps(element, props));
+	function accumulateTwoPhaseDispatches(events) {
+	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+	}
 
-	    enqueueUpdate(topLevelWrapper);
-	  },
+	function accumulateTwoPhaseDispatchesSkipTarget(events) {
+	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+	}
 
-	  enqueueElementInternal: function (internalInstance, newElement) {
-	    internalInstance._pendingElement = newElement;
-	    enqueueUpdate(internalInstance);
-	  }
+	function accumulateEnterLeaveDispatches(leave, enter, from, to) {
+	  EventPluginUtils.traverseEnterLeave(from, to, accumulateDispatches, leave, enter);
+	}
+
+	function accumulateDirectDispatches(events) {
+	  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+	}
 
+	/**
+	 * A small set of propagation patterns, each of which will accept a small amount
+	 * of information, and generate a set of "dispatch ready event objects" - which
+	 * are sets of events that have already been annotated with a set of dispatched
+	 * listener functions/ids. The API is designed this way to discourage these
+	 * propagation strategies from actually executing the dispatches, since we
+	 * always want to collect the entire set of dispatches before executing event a
+	 * single one.
+	 *
+	 * @constructor EventPropagators
+	 */
+	var EventPropagators = {
+	  accumulateTwoPhaseDispatches: accumulateTwoPhaseDispatches,
+	  accumulateTwoPhaseDispatchesSkipTarget: accumulateTwoPhaseDispatchesSkipTarget,
+	  accumulateDirectDispatches: accumulateDirectDispatches,
+	  accumulateEnterLeaveDispatches: accumulateEnterLeaveDispatches
 	};
 
-	module.exports = ReactUpdateQueue;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = EventPropagators;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 54 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 46 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactUpdates
 	 */
 
 	'use strict';
 
-	var CallbackQueue = __webpack_require__(55);
-	var PooledClass = __webpack_require__(56);
-	var ReactPerf = __webpack_require__(18);
-	var ReactReconciler = __webpack_require__(50);
-	var Transaction = __webpack_require__(57);
+	var _prodInvariant = __webpack_require__(39);
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
+	var EventPluginRegistry = __webpack_require__(47);
+	var EventPluginUtils = __webpack_require__(48);
+	var ReactErrorUtils = __webpack_require__(49);
 
-	var dirtyComponents = [];
-	var asapCallbackQueue = CallbackQueue.getPooled();
-	var asapEnqueued = false;
+	var accumulateInto = __webpack_require__(50);
+	var forEachAccumulated = __webpack_require__(51);
+	var invariant = __webpack_require__(8);
 
-	var batchingStrategy = null;
+	/**
+	 * Internal store for event listeners
+	 */
+	var listenerBank = {};
 
-	function ensureInjected() {
-	  !(ReactUpdates.ReactReconcileTransaction && batchingStrategy) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must inject a reconcile transaction class and batching ' + 'strategy') : invariant(false) : undefined;
-	}
+	/**
+	 * Internal queue of events that have accumulated their dispatches and are
+	 * waiting to have their dispatches executed.
+	 */
+	var eventQueue = null;
 
-	var NESTED_UPDATES = {
-	  initialize: function () {
-	    this.dirtyComponentsLength = dirtyComponents.length;
-	  },
-	  close: function () {
-	    if (this.dirtyComponentsLength !== dirtyComponents.length) {
-	      // Additional updates were enqueued by componentDidUpdate handlers or
-	      // similar; before our own UPDATE_QUEUEING wrapper closes, we want to run
-	      // these new updates so that if A's componentDidUpdate calls setState on
-	      // B, B will update before the callback A's updater provided when calling
-	      // setState.
-	      dirtyComponents.splice(0, this.dirtyComponentsLength);
-	      flushBatchedUpdates();
-	    } else {
-	      dirtyComponents.length = 0;
+	/**
+	 * Dispatches an event and releases it back into the pool, unless persistent.
+	 *
+	 * @param {?object} event Synthetic event to be dispatched.
+	 * @param {boolean} simulated If the event is simulated (changes exn behavior)
+	 * @private
+	 */
+	var executeDispatchesAndRelease = function (event, simulated) {
+	  if (event) {
+	    EventPluginUtils.executeDispatchesInOrder(event, simulated);
+
+	    if (!event.isPersistent()) {
+	      event.constructor.release(event);
 	    }
 	  }
 	};
-
-	var UPDATE_QUEUEING = {
-	  initialize: function () {
-	    this.callbackQueue.reset();
-	  },
-	  close: function () {
-	    this.callbackQueue.notifyAll();
-	  }
+	var executeDispatchesAndReleaseSimulated = function (e) {
+	  return executeDispatchesAndRelease(e, true);
+	};
+	var executeDispatchesAndReleaseTopLevel = function (e) {
+	  return executeDispatchesAndRelease(e, false);
 	};
 
-	var TRANSACTION_WRAPPERS = [NESTED_UPDATES, UPDATE_QUEUEING];
+	var getDictionaryKey = function (inst) {
+	  // Prevents V8 performance issue:
+	  // https://github.com/facebook/react/pull/7232
+	  return '.' + inst._rootNodeID;
+	};
 
-	function ReactUpdatesFlushTransaction() {
-	  this.reinitializeTransaction();
-	  this.dirtyComponentsLength = null;
-	  this.callbackQueue = CallbackQueue.getPooled();
-	  this.reconcileTransaction = ReactUpdates.ReactReconcileTransaction.getPooled( /* forceHTML */false);
+	function isInteractive(tag) {
+	  return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';
 	}
 
-	assign(ReactUpdatesFlushTransaction.prototype, Transaction.Mixin, {
-	  getTransactionWrappers: function () {
-	    return TRANSACTION_WRAPPERS;
-	  },
-
-	  destructor: function () {
-	    this.dirtyComponentsLength = null;
-	    CallbackQueue.release(this.callbackQueue);
-	    this.callbackQueue = null;
-	    ReactUpdates.ReactReconcileTransaction.release(this.reconcileTransaction);
-	    this.reconcileTransaction = null;
-	  },
-
-	  perform: function (method, scope, a) {
-	    // Essentially calls `this.reconcileTransaction.perform(method, scope, a)`
-	    // with this transaction's wrappers around it.
-	    return Transaction.Mixin.perform.call(this, this.reconcileTransaction.perform, this.reconcileTransaction, method, scope, a);
+	function shouldPreventMouseEvent(name, type, props) {
+	  switch (name) {
+	    case 'onClick':
+	    case 'onClickCapture':
+	    case 'onDoubleClick':
+	    case 'onDoubleClickCapture':
+	    case 'onMouseDown':
+	    case 'onMouseDownCapture':
+	    case 'onMouseMove':
+	    case 'onMouseMoveCapture':
+	    case 'onMouseUp':
+	    case 'onMouseUpCapture':
+	      return !!(props.disabled && isInteractive(type));
+	    default:
+	      return false;
 	  }
-	});
-
-	PooledClass.addPoolingTo(ReactUpdatesFlushTransaction);
-
-	function batchedUpdates(callback, a, b, c, d, e) {
-	  ensureInjected();
-	  batchingStrategy.batchedUpdates(callback, a, b, c, d, e);
 	}
 
 	/**
-	 * Array comparator for ReactComponents by mount ordering.
+	 * This is a unified interface for event plugins to be installed and configured.
 	 *
-	 * @param {ReactComponent} c1 first component you're comparing
-	 * @param {ReactComponent} c2 second component you're comparing
-	 * @return {number} Return value usable by Array.prototype.sort().
+	 * Event plugins can implement the following properties:
+	 *
+	 *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
+	 *     Required. When a top-level event is fired, this method is expected to
+	 *     extract synthetic events that will in turn be queued and dispatched.
+	 *
+	 *   `eventTypes` {object}
+	 *     Optional, plugins that fire events must publish a mapping of registration
+	 *     names that are used to register listeners. Values of this mapping must
+	 *     be objects that contain `registrationName` or `phasedRegistrationNames`.
+	 *
+	 *   `executeDispatch` {function(object, function, string)}
+	 *     Optional, allows plugins to override how an event gets dispatched. By
+	 *     default, the listener is simply invoked.
+	 *
+	 * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+	 *
+	 * @public
 	 */
-	function mountOrderComparator(c1, c2) {
-	  return c1._mountOrder - c2._mountOrder;
-	}
+	var EventPluginHub = {
 
-	function runBatchedUpdates(transaction) {
-	  var len = transaction.dirtyComponentsLength;
-	  !(len === dirtyComponents.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected flush transaction\'s stored dirty-components length (%s) to ' + 'match dirty-components array length (%s).', len, dirtyComponents.length) : invariant(false) : undefined;
+	  /**
+	   * Methods for injecting dependencies.
+	   */
+	  injection: {
 
-	  // Since reconciling a component higher in the owner hierarchy usually (not
-	  // always -- see shouldComponentUpdate()) will reconcile children, reconcile
-	  // them before their children by sorting the array.
-	  dirtyComponents.sort(mountOrderComparator);
+	    /**
+	     * @param {array} InjectedEventPluginOrder
+	     * @public
+	     */
+	    injectEventPluginOrder: EventPluginRegistry.injectEventPluginOrder,
 
-	  for (var i = 0; i < len; i++) {
-	    // If a component is unmounted before pending changes apply, it will still
-	    // be here, but we assume that it has cleared its _pendingCallbacks and
-	    // that performUpdateIfNecessary is a noop.
-	    var component = dirtyComponents[i];
+	    /**
+	     * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+	     */
+	    injectEventPluginsByName: EventPluginRegistry.injectEventPluginsByName
 
-	    // If performUpdateIfNecessary happens to enqueue any new updates, we
-	    // shouldn't execute the callbacks until the next render happens, so
-	    // stash the callbacks first
-	    var callbacks = component._pendingCallbacks;
-	    component._pendingCallbacks = null;
+	  },
 
-	    ReactReconciler.performUpdateIfNecessary(component, transaction.reconcileTransaction);
+	  /**
+	   * Stores `listener` at `listenerBank[registrationName][key]`. Is idempotent.
+	   *
+	   * @param {object} inst The instance, which is the source of events.
+	   * @param {string} registrationName Name of listener (e.g. `onClick`).
+	   * @param {function} listener The callback to store.
+	   */
+	  putListener: function (inst, registrationName, listener) {
+	    !(typeof listener === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected %s listener to be a function, instead got type %s', registrationName, typeof listener) : _prodInvariant('94', registrationName, typeof listener) : void 0;
 
-	    if (callbacks) {
-	      for (var j = 0; j < callbacks.length; j++) {
-	        transaction.callbackQueue.enqueue(callbacks[j], component.getPublicInstance());
-	      }
-	    }
-	  }
-	}
+	    var key = getDictionaryKey(inst);
+	    var bankForRegistrationName = listenerBank[registrationName] || (listenerBank[registrationName] = {});
+	    bankForRegistrationName[key] = listener;
 
-	var flushBatchedUpdates = function () {
-	  // ReactUpdatesFlushTransaction's wrappers will clear the dirtyComponents
-	  // array and perform any updates enqueued by mount-ready handlers (i.e.,
-	  // componentDidUpdate) but we need to check here too in order to catch
-	  // updates enqueued by setState callbacks and asap calls.
-	  while (dirtyComponents.length || asapEnqueued) {
-	    if (dirtyComponents.length) {
-	      var transaction = ReactUpdatesFlushTransaction.getPooled();
-	      transaction.perform(runBatchedUpdates, null, transaction);
-	      ReactUpdatesFlushTransaction.release(transaction);
+	    var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
+	    if (PluginModule && PluginModule.didPutListener) {
+	      PluginModule.didPutListener(inst, registrationName, listener);
 	    }
+	  },
 
-	    if (asapEnqueued) {
-	      asapEnqueued = false;
-	      var queue = asapCallbackQueue;
-	      asapCallbackQueue = CallbackQueue.getPooled();
-	      queue.notifyAll();
-	      CallbackQueue.release(queue);
+	  /**
+	   * @param {object} inst The instance, which is the source of events.
+	   * @param {string} registrationName Name of listener (e.g. `onClick`).
+	   * @return {?function} The stored callback.
+	   */
+	  getListener: function (inst, registrationName) {
+	    // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+	    // live here; needs to be moved to a better place soon
+	    var bankForRegistrationName = listenerBank[registrationName];
+	    if (shouldPreventMouseEvent(registrationName, inst._currentElement.type, inst._currentElement.props)) {
+	      return null;
 	    }
-	  }
-	};
-	flushBatchedUpdates = ReactPerf.measure('ReactUpdates', 'flushBatchedUpdates', flushBatchedUpdates);
-
-	/**
-	 * Mark a component as needing a rerender, adding an optional callback to a
-	 * list of functions which will be executed once the rerender occurs.
-	 */
-	function enqueueUpdate(component) {
-	  ensureInjected();
-
-	  // Various parts of our code (such as ReactCompositeComponent's
-	  // _renderValidatedComponent) assume that calls to render aren't nested;
-	  // verify that that's the case. (This is called by each top-level update
-	  // function, like setProps, setState, forceUpdate, etc.; creation and
-	  // destruction of top-level components is guarded in ReactMount.)
-
-	  if (!batchingStrategy.isBatchingUpdates) {
-	    batchingStrategy.batchedUpdates(enqueueUpdate, component);
-	    return;
-	  }
-
-	  dirtyComponents.push(component);
-	}
-
-	/**
-	 * Enqueue a callback to be run at the end of the current batching cycle. Throws
-	 * if no updates are currently being performed.
-	 */
-	function asap(callback, context) {
-	  !batchingStrategy.isBatchingUpdates ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates.asap: Can\'t enqueue an asap callback in a context where' + 'updates are not being batched.') : invariant(false) : undefined;
-	  asapCallbackQueue.enqueue(callback, context);
-	  asapEnqueued = true;
-	}
-
-	var ReactUpdatesInjection = {
-	  injectReconcileTransaction: function (ReconcileTransaction) {
-	    !ReconcileTransaction ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a reconcile transaction class') : invariant(false) : undefined;
-	    ReactUpdates.ReactReconcileTransaction = ReconcileTransaction;
+	    var key = getDictionaryKey(inst);
+	    return bankForRegistrationName && bankForRegistrationName[key];
 	  },
 
-	  injectBatchingStrategy: function (_batchingStrategy) {
-	    !_batchingStrategy ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a batching strategy') : invariant(false) : undefined;
-	    !(typeof _batchingStrategy.batchedUpdates === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a batchedUpdates() function') : invariant(false) : undefined;
-	    !(typeof _batchingStrategy.isBatchingUpdates === 'boolean') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide an isBatchingUpdates boolean attribute') : invariant(false) : undefined;
-	    batchingStrategy = _batchingStrategy;
-	  }
-	};
-
-	var ReactUpdates = {
 	  /**
-	   * React references `ReactReconcileTransaction` using this property in order
-	   * to allow dependency injection.
+	   * Deletes a listener from the registration bank.
 	   *
-	   * @internal
+	   * @param {object} inst The instance, which is the source of events.
+	   * @param {string} registrationName Name of listener (e.g. `onClick`).
 	   */
-	  ReactReconcileTransaction: null,
-
-	  batchedUpdates: batchedUpdates,
-	  enqueueUpdate: enqueueUpdate,
-	  flushBatchedUpdates: flushBatchedUpdates,
-	  injection: ReactUpdatesInjection,
-	  asap: asap
-	};
-
-	module.exports = ReactUpdates;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 55 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule CallbackQueue
-	 */
+	  deleteListener: function (inst, registrationName) {
+	    var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
+	    if (PluginModule && PluginModule.willDeleteListener) {
+	      PluginModule.willDeleteListener(inst, registrationName);
+	    }
 
-	'use strict';
+	    var bankForRegistrationName = listenerBank[registrationName];
+	    // TODO: This should never be null -- when is it?
+	    if (bankForRegistrationName) {
+	      var key = getDictionaryKey(inst);
+	      delete bankForRegistrationName[key];
+	    }
+	  },
 
-	var PooledClass = __webpack_require__(56);
+	  /**
+	   * Deletes all listeners for the DOM element with the supplied ID.
+	   *
+	   * @param {object} inst The instance, which is the source of events.
+	   */
+	  deleteAllListeners: function (inst) {
+	    var key = getDictionaryKey(inst);
+	    for (var registrationName in listenerBank) {
+	      if (!listenerBank.hasOwnProperty(registrationName)) {
+	        continue;
+	      }
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
+	      if (!listenerBank[registrationName][key]) {
+	        continue;
+	      }
 
-	/**
-	 * A specialized pseudo-event module to help keep track of components waiting to
-	 * be notified when their DOM representations are available for use.
-	 *
-	 * This implements `PooledClass`, so you should never need to instantiate this.
-	 * Instead, use `CallbackQueue.getPooled()`.
-	 *
-	 * @class ReactMountReady
-	 * @implements PooledClass
-	 * @internal
-	 */
-	function CallbackQueue() {
-	  this._callbacks = null;
-	  this._contexts = null;
-	}
+	      var PluginModule = EventPluginRegistry.registrationNameModules[registrationName];
+	      if (PluginModule && PluginModule.willDeleteListener) {
+	        PluginModule.willDeleteListener(inst, registrationName);
+	      }
 
-	assign(CallbackQueue.prototype, {
+	      delete listenerBank[registrationName][key];
+	    }
+	  },
 
 	  /**
-	   * Enqueues a callback to be invoked when `notifyAll` is invoked.
+	   * Allows registered plugins an opportunity to extract events from top-level
+	   * native browser events.
 	   *
-	   * @param {function} callback Invoked when `notifyAll` is invoked.
-	   * @param {?object} context Context to call `callback` with.
+	   * @return {*} An accumulation of synthetic events.
 	   * @internal
 	   */
-	  enqueue: function (callback, context) {
-	    this._callbacks = this._callbacks || [];
-	    this._contexts = this._contexts || [];
-	    this._callbacks.push(callback);
-	    this._contexts.push(context);
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    var events;
+	    var plugins = EventPluginRegistry.plugins;
+	    for (var i = 0; i < plugins.length; i++) {
+	      // Not every plugin in the ordering may be loaded at runtime.
+	      var possiblePlugin = plugins[i];
+	      if (possiblePlugin) {
+	        var extractedEvents = possiblePlugin.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	        if (extractedEvents) {
+	          events = accumulateInto(events, extractedEvents);
+	        }
+	      }
+	    }
+	    return events;
 	  },
 
 	  /**
-	   * Invokes all enqueued callbacks and clears the queue. This is invoked after
-	   * the DOM representation of a component has been created or updated.
+	   * Enqueues a synthetic event that should be dispatched when
+	   * `processEventQueue` is invoked.
 	   *
+	   * @param {*} events An accumulation of synthetic events.
 	   * @internal
 	   */
-	  notifyAll: function () {
-	    var callbacks = this._callbacks;
-	    var contexts = this._contexts;
-	    if (callbacks) {
-	      !(callbacks.length === contexts.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Mismatched list of contexts in callback queue') : invariant(false) : undefined;
-	      this._callbacks = null;
-	      this._contexts = null;
-	      for (var i = 0; i < callbacks.length; i++) {
-	        callbacks[i].call(contexts[i]);
-	      }
-	      callbacks.length = 0;
-	      contexts.length = 0;
+	  enqueueEvents: function (events) {
+	    if (events) {
+	      eventQueue = accumulateInto(eventQueue, events);
 	    }
 	  },
 
 	  /**
-	   * Resets the internal queue.
+	   * Dispatches all synthetic events on the event queue.
 	   *
 	   * @internal
 	   */
-	  reset: function () {
-	    this._callbacks = null;
-	    this._contexts = null;
+	  processEventQueue: function (simulated) {
+	    // Set `eventQueue` to null before processing it so that we can tell if more
+	    // events get enqueued while processing.
+	    var processingEventQueue = eventQueue;
+	    eventQueue = null;
+	    if (simulated) {
+	      forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseSimulated);
+	    } else {
+	      forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+	    }
+	    !!eventQueue ? process.env.NODE_ENV !== 'production' ? invariant(false, 'processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented.') : _prodInvariant('95') : void 0;
+	    // This would be a good time to rethrow if any of the event handlers threw.
+	    ReactErrorUtils.rethrowCaughtError();
 	  },
 
 	  /**
-	   * `PooledClass` looks for this.
+	   * These are needed for tests only. Do not use!
 	   */
-	  destructor: function () {
-	    this.reset();
-	  }
+	  __purge: function () {
+	    listenerBank = {};
+	  },
 
-	});
+	  __getListenerBank: function () {
+	    return listenerBank;
+	  }
 
-	PooledClass.addPoolingTo(CallbackQueue);
+	};
 
-	module.exports = CallbackQueue;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = EventPluginHub;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 56 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 47 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule PooledClass
+	 * 
 	 */
 
 	'use strict';
 
-	var invariant = __webpack_require__(13);
+	var _prodInvariant = __webpack_require__(39);
+
+	var invariant = __webpack_require__(8);
 
 	/**
-	 * Static poolers. Several custom versions for each potential number of
-	 * arguments. A completely generic pooler is easy to implement, but would
-	 * require accessing the `arguments` object. In each of these, `this` refers to
-	 * the Class itself, not an instance. If any others are needed, simply add them
-	 * here, or in their own files.
+	 * Injectable ordering of event plugins.
 	 */
-	var oneArgumentPooler = function (copyFieldsFrom) {
-	  var Klass = this;
-	  if (Klass.instancePool.length) {
-	    var instance = Klass.instancePool.pop();
-	    Klass.call(instance, copyFieldsFrom);
-	    return instance;
-	  } else {
-	    return new Klass(copyFieldsFrom);
-	  }
-	};
+	var eventPluginOrder = null;
 
-	var twoArgumentPooler = function (a1, a2) {
-	  var Klass = this;
-	  if (Klass.instancePool.length) {
-	    var instance = Klass.instancePool.pop();
-	    Klass.call(instance, a1, a2);
-	    return instance;
-	  } else {
-	    return new Klass(a1, a2);
-	  }
-	};
+	/**
+	 * Injectable mapping from names to event plugin modules.
+	 */
+	var namesToPlugins = {};
 
-	var threeArgumentPooler = function (a1, a2, a3) {
-	  var Klass = this;
-	  if (Klass.instancePool.length) {
-	    var instance = Klass.instancePool.pop();
-	    Klass.call(instance, a1, a2, a3);
-	    return instance;
-	  } else {
-	    return new Klass(a1, a2, a3);
+	/**
+	 * Recomputes the plugin list using the injected plugins and plugin ordering.
+	 *
+	 * @private
+	 */
+	function recomputePluginOrdering() {
+	  if (!eventPluginOrder) {
+	    // Wait until an `eventPluginOrder` is injected.
+	    return;
 	  }
-	};
-
-	var fourArgumentPooler = function (a1, a2, a3, a4) {
-	  var Klass = this;
-	  if (Klass.instancePool.length) {
-	    var instance = Klass.instancePool.pop();
-	    Klass.call(instance, a1, a2, a3, a4);
-	    return instance;
-	  } else {
-	    return new Klass(a1, a2, a3, a4);
+	  for (var pluginName in namesToPlugins) {
+	    var pluginModule = namesToPlugins[pluginName];
+	    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+	    !(pluginIndex > -1) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.', pluginName) : _prodInvariant('96', pluginName) : void 0;
+	    if (EventPluginRegistry.plugins[pluginIndex]) {
+	      continue;
+	    }
+	    !pluginModule.extractEvents ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.', pluginName) : _prodInvariant('97', pluginName) : void 0;
+	    EventPluginRegistry.plugins[pluginIndex] = pluginModule;
+	    var publishedEvents = pluginModule.eventTypes;
+	    for (var eventName in publishedEvents) {
+	      !publishEventForPlugin(publishedEvents[eventName], pluginModule, eventName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.', eventName, pluginName) : _prodInvariant('98', eventName, pluginName) : void 0;
+	    }
 	  }
-	};
+	}
 
-	var fiveArgumentPooler = function (a1, a2, a3, a4, a5) {
-	  var Klass = this;
-	  if (Klass.instancePool.length) {
-	    var instance = Klass.instancePool.pop();
-	    Klass.call(instance, a1, a2, a3, a4, a5);
-	    return instance;
-	  } else {
-	    return new Klass(a1, a2, a3, a4, a5);
-	  }
-	};
+	/**
+	 * Publishes an event so that it can be dispatched by the supplied plugin.
+	 *
+	 * @param {object} dispatchConfig Dispatch configuration for the event.
+	 * @param {object} PluginModule Plugin publishing the event.
+	 * @return {boolean} True if the event was successfully published.
+	 * @private
+	 */
+	function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+	  !!EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.', eventName) : _prodInvariant('99', eventName) : void 0;
+	  EventPluginRegistry.eventNameDispatchConfigs[eventName] = dispatchConfig;
 
-	var standardReleaser = function (instance) {
-	  var Klass = this;
-	  !(instance instanceof Klass) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Trying to release an instance into a pool of a different type.') : invariant(false) : undefined;
-	  instance.destructor();
-	  if (Klass.instancePool.length < Klass.poolSize) {
-	    Klass.instancePool.push(instance);
+	  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+	  if (phasedRegistrationNames) {
+	    for (var phaseName in phasedRegistrationNames) {
+	      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+	        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+	        publishRegistrationName(phasedRegistrationName, pluginModule, eventName);
+	      }
+	    }
+	    return true;
+	  } else if (dispatchConfig.registrationName) {
+	    publishRegistrationName(dispatchConfig.registrationName, pluginModule, eventName);
+	    return true;
 	  }
-	};
-
-	var DEFAULT_POOL_SIZE = 10;
-	var DEFAULT_POOLER = oneArgumentPooler;
+	  return false;
+	}
 
 	/**
-	 * Augments `CopyConstructor` to be a poolable class, augmenting only the class
-	 * itself (statically) not adding any prototypical fields. Any CopyConstructor
-	 * you give this may have a `poolSize` property, and will look for a
-	 * prototypical `destructor` on instances (optional).
+	 * Publishes a registration name that is used to identify dispatched events and
+	 * can be used with `EventPluginHub.putListener` to register listeners.
 	 *
-	 * @param {Function} CopyConstructor Constructor that can be used to reset.
-	 * @param {Function} pooler Customizable pooler.
+	 * @param {string} registrationName Registration name to add.
+	 * @param {object} PluginModule Plugin publishing the event.
+	 * @private
 	 */
-	var addPoolingTo = function (CopyConstructor, pooler) {
-	  var NewKlass = CopyConstructor;
-	  NewKlass.instancePool = [];
-	  NewKlass.getPooled = pooler || DEFAULT_POOLER;
-	  if (!NewKlass.poolSize) {
-	    NewKlass.poolSize = DEFAULT_POOL_SIZE;
-	  }
-	  NewKlass.release = standardReleaser;
-	  return NewKlass;
-	};
-
-	var PooledClass = {
-	  addPoolingTo: addPoolingTo,
-	  oneArgumentPooler: oneArgumentPooler,
-	  twoArgumentPooler: twoArgumentPooler,
-	  threeArgumentPooler: threeArgumentPooler,
-	  fourArgumentPooler: fourArgumentPooler,
-	  fiveArgumentPooler: fiveArgumentPooler
-	};
+	function publishRegistrationName(registrationName, pluginModule, eventName) {
+	  !!EventPluginRegistry.registrationNameModules[registrationName] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.', registrationName) : _prodInvariant('100', registrationName) : void 0;
+	  EventPluginRegistry.registrationNameModules[registrationName] = pluginModule;
+	  EventPluginRegistry.registrationNameDependencies[registrationName] = pluginModule.eventTypes[eventName].dependencies;
 
-	module.exports = PooledClass;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  if (process.env.NODE_ENV !== 'production') {
+	    var lowerCasedName = registrationName.toLowerCase();
+	    EventPluginRegistry.possibleRegistrationNames[lowerCasedName] = registrationName;
 
-/***/ },
-/* 57 */
-/***/ function(module, exports, __webpack_require__) {
+	    if (registrationName === 'onDoubleClick') {
+	      EventPluginRegistry.possibleRegistrationNames.ondblclick = registrationName;
+	    }
+	  }
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	/**
+	 * Registers plugins so that they can extract and dispatch events.
 	 *
-	 * @providesModule Transaction
+	 * @see {EventPluginHub}
 	 */
+	var EventPluginRegistry = {
 
-	'use strict';
+	  /**
+	   * Ordered list of injected plugins.
+	   */
+	  plugins: [],
 
-	var invariant = __webpack_require__(13);
+	  /**
+	   * Mapping from event name to dispatch config
+	   */
+	  eventNameDispatchConfigs: {},
 
-	/**
-	 * `Transaction` creates a black box that is able to wrap any method such that
-	 * certain invariants are maintained before and after the method is invoked
-	 * (Even if an exception is thrown while invoking the wrapped method). Whoever
-	 * instantiates a transaction can provide enforcers of the invariants at
-	 * creation time. The `Transaction` class itself will supply one additional
-	 * automatic invariant for you - the invariant that any transaction instance
-	 * should not be run while it is already being run. You would typically create a
-	 * single instance of a `Transaction` for reuse multiple times, that potentially
-	 * is used to wrap several different methods. Wrappers are extremely simple -
-	 * they only require implementing two methods.
-	 *
-	 * <pre>
-	 *                       wrappers (injected at creation time)
-	 *                                      +        +
-	 *                                      |        |
-	 *                    +-----------------|--------|--------------+
-	 *                    |                 v        |              |
-	 *                    |      +---------------+   |              |
-	 *                    |   +--|    wrapper1   |---|----+         |
-	 *                    |   |  +---------------+   v    |         |
-	 *                    |   |          +-------------+  |         |
-	 *                    |   |     +----|   wrapper2  |--------+   |
-	 *                    |   |     |    +-------------+  |     |   |
-	 *                    |   |     |                     |     |   |
-	 *                    |   v     v                     v     v   | wrapper
-	 *                    | +---+ +---+   +---------+   +---+ +---+ | invariants
-	 * perform(anyMethod) | |   | |   |   |         |   |   | |   | | maintained
-	 * +----------------->|-|---|-|---|-->|anyMethod|---|---|-|---|-|-------->
-	 *                    | |   | |   |   |         |   |   | |   | |
-	 *                    | |   | |   |   |         |   |   | |   | |
-	 *                    | |   | |   |   |         |   |   | |   | |
-	 *                    | +---+ +---+   +---------+   +---+ +---+ |
-	 *                    |  initialize                    close    |
-	 *                    +-----------------------------------------+
-	 * </pre>
-	 *
-	 * Use cases:
-	 * - Preserving the input selection ranges before/after reconciliation.
-	 *   Restoring selection even in the event of an unexpected error.
-	 * - Deactivating events while rearranging the DOM, preventing blurs/focuses,
-	 *   while guaranteeing that afterwards, the event system is reactivated.
-	 * - Flushing a queue of collected DOM mutations to the main UI thread after a
-	 *   reconciliation takes place in a worker thread.
-	 * - Invoking any collected `componentDidUpdate` callbacks after rendering new
-	 *   content.
-	 * - (Future use case): Wrapping particular flushes of the `ReactWorker` queue
-	 *   to preserve the `scrollTop` (an automatic scroll aware DOM).
-	 * - (Future use case): Layout calculations before and after DOM updates.
-	 *
-	 * Transactional plugin API:
-	 * - A module that has an `initialize` method that returns any precomputation.
-	 * - and a `close` method that accepts the precomputation. `close` is invoked
-	 *   when the wrapped process is completed, or has failed.
-	 *
-	 * @param {Array<TransactionalWrapper>} transactionWrapper Wrapper modules
-	 * that implement `initialize` and `close`.
-	 * @return {Transaction} Single transaction for reuse in thread.
-	 *
-	 * @class Transaction
-	 */
-	var Mixin = {
 	  /**
-	   * Sets up this instance so that it is prepared for collecting metrics. Does
-	   * so such that this setup method may be used on an instance that is already
-	   * initialized, in a way that does not consume additional memory upon reuse.
-	   * That can be useful if you decide to make your subclass of this mixin a
-	   * "PooledClass".
+	   * Mapping from registration name to plugin module
 	   */
-	  reinitializeTransaction: function () {
-	    this.transactionWrappers = this.getTransactionWrappers();
-	    if (this.wrapperInitData) {
-	      this.wrapperInitData.length = 0;
-	    } else {
-	      this.wrapperInitData = [];
-	    }
-	    this._isInTransaction = false;
-	  },
+	  registrationNameModules: {},
 
-	  _isInTransaction: false,
+	  /**
+	   * Mapping from registration name to event name
+	   */
+	  registrationNameDependencies: {},
 
 	  /**
-	   * @abstract
-	   * @return {Array<TransactionWrapper>} Array of transaction wrappers.
+	   * Mapping from lowercase registration names to the properly cased version,
+	   * used to warn in the case of missing event handlers. Available
+	   * only in __DEV__.
+	   * @type {Object}
 	   */
-	  getTransactionWrappers: null,
+	  possibleRegistrationNames: process.env.NODE_ENV !== 'production' ? {} : null,
+	  // Trust the developer to only use possibleRegistrationNames in __DEV__
 
-	  isInTransaction: function () {
-	    return !!this._isInTransaction;
+	  /**
+	   * Injects an ordering of plugins (by plugin name). This allows the ordering
+	   * to be decoupled from injection of the actual plugins so that ordering is
+	   * always deterministic regardless of packaging, on-the-fly injection, etc.
+	   *
+	   * @param {array} InjectedEventPluginOrder
+	   * @internal
+	   * @see {EventPluginHub.injection.injectEventPluginOrder}
+	   */
+	  injectEventPluginOrder: function (injectedEventPluginOrder) {
+	    !!eventPluginOrder ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React.') : _prodInvariant('101') : void 0;
+	    // Clone the ordering so it cannot be dynamically mutated.
+	    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+	    recomputePluginOrdering();
 	  },
 
 	  /**
-	   * Executes the function within a safety window. Use this for the top level
-	   * methods that result in large amounts of computation/mutations that would
-	   * need to be safety checked. The optional arguments helps prevent the need
-	   * to bind in many cases.
+	   * Injects plugins to be used by `EventPluginHub`. The plugin names must be
+	   * in the ordering injected by `injectEventPluginOrder`.
 	   *
-	   * @param {function} method Member of scope to call.
-	   * @param {Object} scope Scope to invoke from.
-	   * @param {Object?=} a Argument to pass to the method.
-	   * @param {Object?=} b Argument to pass to the method.
-	   * @param {Object?=} c Argument to pass to the method.
-	   * @param {Object?=} d Argument to pass to the method.
-	   * @param {Object?=} e Argument to pass to the method.
-	   * @param {Object?=} f Argument to pass to the method.
+	   * Plugins can be injected as part of page initialization or on-the-fly.
 	   *
-	   * @return {*} Return value from `method`.
+	   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+	   * @internal
+	   * @see {EventPluginHub.injection.injectEventPluginsByName}
 	   */
-	  perform: function (method, scope, a, b, c, d, e, f) {
-	    !!this.isInTransaction() ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Transaction.perform(...): Cannot initialize a transaction when there ' + 'is already an outstanding transaction.') : invariant(false) : undefined;
-	    var errorThrown;
-	    var ret;
-	    try {
-	      this._isInTransaction = true;
-	      // Catching errors makes debugging more difficult, so we start with
-	      // errorThrown set to true before setting it to false after calling
-	      // close -- if it's still set to true in the finally block, it means
-	      // one of these calls threw.
-	      errorThrown = true;
-	      this.initializeAll(0);
-	      ret = method.call(scope, a, b, c, d, e, f);
-	      errorThrown = false;
-	    } finally {
-	      try {
-	        if (errorThrown) {
-	          // If `method` throws, prefer to show that stack trace over any thrown
-	          // by invoking `closeAll`.
-	          try {
-	            this.closeAll(0);
-	          } catch (err) {}
-	        } else {
-	          // Since `method` didn't throw, we don't want to silence the exception
-	          // here.
-	          this.closeAll(0);
-	        }
-	      } finally {
-	        this._isInTransaction = false;
+	  injectEventPluginsByName: function (injectedNamesToPlugins) {
+	    var isOrderingDirty = false;
+	    for (var pluginName in injectedNamesToPlugins) {
+	      if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+	        continue;
+	      }
+	      var pluginModule = injectedNamesToPlugins[pluginName];
+	      if (!namesToPlugins.hasOwnProperty(pluginName) || namesToPlugins[pluginName] !== pluginModule) {
+	        !!namesToPlugins[pluginName] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.', pluginName) : _prodInvariant('102', pluginName) : void 0;
+	        namesToPlugins[pluginName] = pluginModule;
+	        isOrderingDirty = true;
 	      }
 	    }
-	    return ret;
+	    if (isOrderingDirty) {
+	      recomputePluginOrdering();
+	    }
 	  },
 
-	  initializeAll: function (startIndex) {
-	    var transactionWrappers = this.transactionWrappers;
-	    for (var i = startIndex; i < transactionWrappers.length; i++) {
-	      var wrapper = transactionWrappers[i];
-	      try {
-	        // Catching errors makes debugging more difficult, so we start with the
-	        // OBSERVED_ERROR state before overwriting it with the real return value
-	        // of initialize -- if it's still set to OBSERVED_ERROR in the finally
-	        // block, it means wrapper.initialize threw.
-	        this.wrapperInitData[i] = Transaction.OBSERVED_ERROR;
-	        this.wrapperInitData[i] = wrapper.initialize ? wrapper.initialize.call(this) : null;
-	      } finally {
-	        if (this.wrapperInitData[i] === Transaction.OBSERVED_ERROR) {
-	          // The initializer for wrapper i threw an error; initialize the
-	          // remaining wrappers but silence any exceptions from them to ensure
-	          // that the first error is the one to bubble up.
-	          try {
-	            this.initializeAll(i + 1);
-	          } catch (err) {}
+	  /**
+	   * Looks up the plugin for the supplied event.
+	   *
+	   * @param {object} event A synthetic event.
+	   * @return {?object} The plugin that created the supplied event.
+	   * @internal
+	   */
+	  getPluginModuleForEvent: function (event) {
+	    var dispatchConfig = event.dispatchConfig;
+	    if (dispatchConfig.registrationName) {
+	      return EventPluginRegistry.registrationNameModules[dispatchConfig.registrationName] || null;
+	    }
+	    if (dispatchConfig.phasedRegistrationNames !== undefined) {
+	      // pulling phasedRegistrationNames out of dispatchConfig helps Flow see
+	      // that it is not undefined.
+	      var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+
+	      for (var phase in phasedRegistrationNames) {
+	        if (!phasedRegistrationNames.hasOwnProperty(phase)) {
+	          continue;
+	        }
+	        var pluginModule = EventPluginRegistry.registrationNameModules[phasedRegistrationNames[phase]];
+	        if (pluginModule) {
+	          return pluginModule;
 	        }
 	      }
 	    }
+	    return null;
 	  },
 
 	  /**
-	   * Invokes each of `this.transactionWrappers.close[i]` functions, passing into
-	   * them the respective return values of `this.transactionWrappers.init[i]`
-	   * (`close`rs that correspond to initializers that failed will not be
-	   * invoked).
+	   * Exposed for unit testing.
+	   * @private
 	   */
-	  closeAll: function (startIndex) {
-	    !this.isInTransaction() ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Transaction.closeAll(): Cannot close transaction when none are open.') : invariant(false) : undefined;
-	    var transactionWrappers = this.transactionWrappers;
-	    for (var i = startIndex; i < transactionWrappers.length; i++) {
-	      var wrapper = transactionWrappers[i];
-	      var initData = this.wrapperInitData[i];
-	      var errorThrown;
-	      try {
-	        // Catching errors makes debugging more difficult, so we start with
-	        // errorThrown set to true before setting it to false after calling
-	        // close -- if it's still set to true in the finally block, it means
-	        // wrapper.close threw.
-	        errorThrown = true;
-	        if (initData !== Transaction.OBSERVED_ERROR && wrapper.close) {
-	          wrapper.close.call(this, initData);
-	        }
-	        errorThrown = false;
-	      } finally {
-	        if (errorThrown) {
-	          // The closer for wrapper i threw an error; close the remaining
-	          // wrappers but silence any exceptions from them to ensure that the
-	          // first error is the one to bubble up.
-	          try {
-	            this.closeAll(i + 1);
-	          } catch (e) {}
-	        }
+	  _resetEventPlugins: function () {
+	    eventPluginOrder = null;
+	    for (var pluginName in namesToPlugins) {
+	      if (namesToPlugins.hasOwnProperty(pluginName)) {
+	        delete namesToPlugins[pluginName];
 	      }
 	    }
-	    this.wrapperInitData.length = 0;
-	  }
-	};
+	    EventPluginRegistry.plugins.length = 0;
 
-	var Transaction = {
+	    var eventNameDispatchConfigs = EventPluginRegistry.eventNameDispatchConfigs;
+	    for (var eventName in eventNameDispatchConfigs) {
+	      if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+	        delete eventNameDispatchConfigs[eventName];
+	      }
+	    }
 
-	  Mixin: Mixin,
+	    var registrationNameModules = EventPluginRegistry.registrationNameModules;
+	    for (var registrationName in registrationNameModules) {
+	      if (registrationNameModules.hasOwnProperty(registrationName)) {
+	        delete registrationNameModules[registrationName];
+	      }
+	    }
 
-	  /**
-	   * Token to look for to determine if an error occurred.
-	   */
-	  OBSERVED_ERROR: {}
+	    if (process.env.NODE_ENV !== 'production') {
+	      var possibleRegistrationNames = EventPluginRegistry.possibleRegistrationNames;
+	      for (var lowerCasedName in possibleRegistrationNames) {
+	        if (possibleRegistrationNames.hasOwnProperty(lowerCasedName)) {
+	          delete possibleRegistrationNames[lowerCasedName];
+	        }
+	      }
+	    }
+	  }
 
 	};
 
-	module.exports = Transaction;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = EventPluginRegistry;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 58 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule emptyObject
 	 */
 
 	'use strict';
 
-	var emptyObject = {};
-
-	if (process.env.NODE_ENV !== 'production') {
-	  Object.freeze(emptyObject);
-	}
+	var _prodInvariant = __webpack_require__(39);
 
-	module.exports = emptyObject;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var ReactErrorUtils = __webpack_require__(49);
 
-/***/ },
-/* 59 */
-/***/ function(module, exports, __webpack_require__) {
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule containsNode
-	 * @typechecks
+	 * Injected dependencies:
 	 */
 
-	'use strict';
-
-	var isTextNode = __webpack_require__(60);
-
-	/*eslint-disable no-bitwise */
-
 	/**
-	 * Checks if a given DOM node contains or is another DOM node.
-	 *
-	 * @param {?DOMNode} outerNode Outer DOM node.
-	 * @param {?DOMNode} innerNode Inner DOM node.
-	 * @return {boolean} True if `outerNode` contains or is `innerNode`.
+	 * - `ComponentTree`: [required] Module that can convert between React instances
+	 *   and actual node references.
 	 */
-	function containsNode(_x, _x2) {
-	  var _again = true;
-
-	  _function: while (_again) {
-	    var outerNode = _x,
-	        innerNode = _x2;
-	    _again = false;
-
-	    if (!outerNode || !innerNode) {
-	      return false;
-	    } else if (outerNode === innerNode) {
-	      return true;
-	    } else if (isTextNode(outerNode)) {
-	      return false;
-	    } else if (isTextNode(innerNode)) {
-	      _x = outerNode;
-	      _x2 = innerNode.parentNode;
-	      _again = true;
-	      continue _function;
-	    } else if (outerNode.contains) {
-	      return outerNode.contains(innerNode);
-	    } else if (outerNode.compareDocumentPosition) {
-	      return !!(outerNode.compareDocumentPosition(innerNode) & 16);
-	    } else {
-	      return false;
+	var ComponentTree;
+	var TreeTraversal;
+	var injection = {
+	  injectComponentTree: function (Injected) {
+	    ComponentTree = Injected;
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(Injected && Injected.getNodeFromInstance && Injected.getInstanceFromNode, 'EventPluginUtils.injection.injectComponentTree(...): Injected ' + 'module is missing getNodeFromInstance or getInstanceFromNode.') : void 0;
+	    }
+	  },
+	  injectTreeTraversal: function (Injected) {
+	    TreeTraversal = Injected;
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(Injected && Injected.isAncestor && Injected.getLowestCommonAncestor, 'EventPluginUtils.injection.injectTreeTraversal(...): Injected ' + 'module is missing isAncestor or getLowestCommonAncestor.') : void 0;
 	    }
 	  }
-	}
+	};
 
-	module.exports = containsNode;
+	function isEndish(topLevelType) {
+	  return topLevelType === 'topMouseUp' || topLevelType === 'topTouchEnd' || topLevelType === 'topTouchCancel';
+	}
 
-/***/ },
-/* 60 */
-/***/ function(module, exports, __webpack_require__) {
+	function isMoveish(topLevelType) {
+	  return topLevelType === 'topMouseMove' || topLevelType === 'topTouchMove';
+	}
+	function isStartish(topLevelType) {
+	  return topLevelType === 'topMouseDown' || topLevelType === 'topTouchStart';
+	}
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule isTextNode
-	 * @typechecks
-	 */
+	var validateEventDispatches;
+	if (process.env.NODE_ENV !== 'production') {
+	  validateEventDispatches = function (event) {
+	    var dispatchListeners = event._dispatchListeners;
+	    var dispatchInstances = event._dispatchInstances;
 
-	'use strict';
+	    var listenersIsArr = Array.isArray(dispatchListeners);
+	    var listenersLen = listenersIsArr ? dispatchListeners.length : dispatchListeners ? 1 : 0;
 
-	var isNode = __webpack_require__(61);
+	    var instancesIsArr = Array.isArray(dispatchInstances);
+	    var instancesLen = instancesIsArr ? dispatchInstances.length : dispatchInstances ? 1 : 0;
 
-	/**
-	 * @param {*} object The object to check.
-	 * @return {boolean} Whether or not the object is a DOM text node.
-	 */
-	function isTextNode(object) {
-	  return isNode(object) && object.nodeType == 3;
+	    process.env.NODE_ENV !== 'production' ? warning(instancesIsArr === listenersIsArr && instancesLen === listenersLen, 'EventPluginUtils: Invalid `event`.') : void 0;
+	  };
 	}
 
-	module.exports = isTextNode;
-
-/***/ },
-/* 61 */
-/***/ function(module, exports) {
-
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule isNode
-	 * @typechecks
+	 * Dispatch the event to the listener.
+	 * @param {SyntheticEvent} event SyntheticEvent to handle
+	 * @param {boolean} simulated If the event is simulated (changes exn behavior)
+	 * @param {function} listener Application-level callback
+	 * @param {*} inst Internal component instance
 	 */
+	function executeDispatch(event, simulated, listener, inst) {
+	  var type = event.type || 'unknown-event';
+	  event.currentTarget = EventPluginUtils.getNodeFromInstance(inst);
+	  if (simulated) {
+	    ReactErrorUtils.invokeGuardedCallbackWithCatch(type, listener, event);
+	  } else {
+	    ReactErrorUtils.invokeGuardedCallback(type, listener, event);
+	  }
+	  event.currentTarget = null;
+	}
 
 	/**
-	 * @param {*} object The object to check.
-	 * @return {boolean} Whether or not the object is a DOM node.
+	 * Standard/simple iteration through an event's collected dispatches.
 	 */
-	'use strict';
-
-	function isNode(object) {
-	  return !!(object && (typeof Node === 'function' ? object instanceof Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));
+	function executeDispatchesInOrder(event, simulated) {
+	  var dispatchListeners = event._dispatchListeners;
+	  var dispatchInstances = event._dispatchInstances;
+	  if (process.env.NODE_ENV !== 'production') {
+	    validateEventDispatches(event);
+	  }
+	  if (Array.isArray(dispatchListeners)) {
+	    for (var i = 0; i < dispatchListeners.length; i++) {
+	      if (event.isPropagationStopped()) {
+	        break;
+	      }
+	      // Listeners and Instances are two parallel arrays that are always in sync.
+	      executeDispatch(event, simulated, dispatchListeners[i], dispatchInstances[i]);
+	    }
+	  } else if (dispatchListeners) {
+	    executeDispatch(event, simulated, dispatchListeners, dispatchInstances);
+	  }
+	  event._dispatchListeners = null;
+	  event._dispatchInstances = null;
 	}
 
-	module.exports = isNode;
-
-/***/ },
-/* 62 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	/**
+	 * Standard/simple iteration through an event's collected dispatches, but stops
+	 * at the first dispatch execution returning true, and returns that id.
 	 *
-	 * @providesModule instantiateReactComponent
-	 * @typechecks static-only
+	 * @return {?string} id of the first dispatch execution who's listener returns
+	 * true, or null if no listener returned true.
 	 */
-
-	'use strict';
-
-	var ReactCompositeComponent = __webpack_require__(63);
-	var ReactEmptyComponent = __webpack_require__(68);
-	var ReactNativeComponent = __webpack_require__(69);
-
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
-
-	// To avoid a cyclic dependency, we create the final class in this module
-	var ReactCompositeComponentWrapper = function () {};
-	assign(ReactCompositeComponentWrapper.prototype, ReactCompositeComponent.Mixin, {
-	  _instantiateReactComponent: instantiateReactComponent
-	});
-
-	function getDeclarationErrorAddendum(owner) {
-	  if (owner) {
-	    var name = owner.getName();
-	    if (name) {
-	      return ' Check the render method of `' + name + '`.';
+	function executeDispatchesInOrderStopAtTrueImpl(event) {
+	  var dispatchListeners = event._dispatchListeners;
+	  var dispatchInstances = event._dispatchInstances;
+	  if (process.env.NODE_ENV !== 'production') {
+	    validateEventDispatches(event);
+	  }
+	  if (Array.isArray(dispatchListeners)) {
+	    for (var i = 0; i < dispatchListeners.length; i++) {
+	      if (event.isPropagationStopped()) {
+	        break;
+	      }
+	      // Listeners and Instances are two parallel arrays that are always in sync.
+	      if (dispatchListeners[i](event, dispatchInstances[i])) {
+	        return dispatchInstances[i];
+	      }
+	    }
+	  } else if (dispatchListeners) {
+	    if (dispatchListeners(event, dispatchInstances)) {
+	      return dispatchInstances;
 	    }
 	  }
-	  return '';
+	  return null;
 	}
 
 	/**
-	 * Check if the type reference is a known internal type. I.e. not a user
-	 * provided composite type.
-	 *
-	 * @param {function} type
-	 * @return {boolean} Returns true if this is a valid internal type.
+	 * @see executeDispatchesInOrderStopAtTrueImpl
 	 */
-	function isInternalComponentType(type) {
-	  return typeof type === 'function' && typeof type.prototype !== 'undefined' && typeof type.prototype.mountComponent === 'function' && typeof type.prototype.receiveComponent === 'function';
+	function executeDispatchesInOrderStopAtTrue(event) {
+	  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
+	  event._dispatchInstances = null;
+	  event._dispatchListeners = null;
+	  return ret;
 	}
 
 	/**
-	 * Given a ReactNode, create an instance that will actually be mounted.
+	 * Execution of a "direct" dispatch - there must be at most one dispatch
+	 * accumulated on the event or it is considered an error. It doesn't really make
+	 * sense for an event with multiple dispatches (bubbled) to keep track of the
+	 * return values at each dispatch execution, but it does tend to make sense when
+	 * dealing with "direct" dispatches.
 	 *
-	 * @param {ReactNode} node
-	 * @return {object} A new instance of the element's constructor.
-	 * @protected
+	 * @return {*} The return value of executing the single dispatch.
 	 */
-	function instantiateReactComponent(node) {
-	  var instance;
-
-	  if (node === null || node === false) {
-	    instance = new ReactEmptyComponent(instantiateReactComponent);
-	  } else if (typeof node === 'object') {
-	    var element = node;
-	    !(element && (typeof element.type === 'function' || typeof element.type === 'string')) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Element type is invalid: expected a string (for built-in components) ' + 'or a class/function (for composite components) but got: %s.%s', element.type == null ? element.type : typeof element.type, getDeclarationErrorAddendum(element._owner)) : invariant(false) : undefined;
-
-	    // Special case string values
-	    if (typeof element.type === 'string') {
-	      instance = ReactNativeComponent.createInternalComponent(element);
-	    } else if (isInternalComponentType(element.type)) {
-	      // This is temporarily available for custom components that are not string
-	      // representations. I.e. ART. Once those are updated to use the string
-	      // representation, we can drop this code path.
-	      instance = new element.type(element);
-	    } else {
-	      instance = new ReactCompositeComponentWrapper();
-	    }
-	  } else if (typeof node === 'string' || typeof node === 'number') {
-	    instance = ReactNativeComponent.createInstanceForText(node);
-	  } else {
-	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Encountered invalid React node of type %s', typeof node) : invariant(false) : undefined;
-	  }
-
+	function executeDirectDispatch(event) {
 	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(typeof instance.construct === 'function' && typeof instance.mountComponent === 'function' && typeof instance.receiveComponent === 'function' && typeof instance.unmountComponent === 'function', 'Only React Components can be mounted.') : undefined;
+	    validateEventDispatches(event);
 	  }
+	  var dispatchListener = event._dispatchListeners;
+	  var dispatchInstance = event._dispatchInstances;
+	  !!Array.isArray(dispatchListener) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'executeDirectDispatch(...): Invalid `event`.') : _prodInvariant('103') : void 0;
+	  event.currentTarget = dispatchListener ? EventPluginUtils.getNodeFromInstance(dispatchInstance) : null;
+	  var res = dispatchListener ? dispatchListener(event) : null;
+	  event.currentTarget = null;
+	  event._dispatchListeners = null;
+	  event._dispatchInstances = null;
+	  return res;
+	}
 
-	  // Sets up the instance. This can probably just move into the constructor now.
-	  instance.construct(node);
+	/**
+	 * @param {SyntheticEvent} event
+	 * @return {boolean} True iff number of dispatches accumulated is greater than 0.
+	 */
+	function hasDispatches(event) {
+	  return !!event._dispatchListeners;
+	}
 
-	  // These two fields are used by the DOM and ART diffing algorithms
-	  // respectively. Instead of using expandos on components, we should be
-	  // storing the state needed by the diffing algorithms elsewhere.
-	  instance._mountIndex = 0;
-	  instance._mountImage = null;
+	/**
+	 * General utilities that are useful in creating custom Event Plugins.
+	 */
+	var EventPluginUtils = {
+	  isEndish: isEndish,
+	  isMoveish: isMoveish,
+	  isStartish: isStartish,
 
-	  if (process.env.NODE_ENV !== 'production') {
-	    instance._isOwnerNecessary = false;
-	    instance._warnedAboutRefsInRender = false;
-	  }
+	  executeDirectDispatch: executeDirectDispatch,
+	  executeDispatchesInOrder: executeDispatchesInOrder,
+	  executeDispatchesInOrderStopAtTrue: executeDispatchesInOrderStopAtTrue,
+	  hasDispatches: hasDispatches,
 
-	  // Internal instances should fully constructed at this point, so they should
-	  // not get any new fields added to them at this point.
-	  if (process.env.NODE_ENV !== 'production') {
-	    if (Object.preventExtensions) {
-	      Object.preventExtensions(instance);
-	    }
-	  }
+	  getInstanceFromNode: function (node) {
+	    return ComponentTree.getInstanceFromNode(node);
+	  },
+	  getNodeFromInstance: function (node) {
+	    return ComponentTree.getNodeFromInstance(node);
+	  },
+	  isAncestor: function (a, b) {
+	    return TreeTraversal.isAncestor(a, b);
+	  },
+	  getLowestCommonAncestor: function (a, b) {
+	    return TreeTraversal.getLowestCommonAncestor(a, b);
+	  },
+	  getParentInstance: function (inst) {
+	    return TreeTraversal.getParentInstance(inst);
+	  },
+	  traverseTwoPhase: function (target, fn, arg) {
+	    return TreeTraversal.traverseTwoPhase(target, fn, arg);
+	  },
+	  traverseEnterLeave: function (from, to, fn, argFrom, argTo) {
+	    return TreeTraversal.traverseEnterLeave(from, to, fn, argFrom, argTo);
+	  },
 
-	  return instance;
-	}
+	  injection: injection
+	};
 
-	module.exports = instantiateReactComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = EventPluginUtils;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 63 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactCompositeComponent
+	 * 
 	 */
 
 	'use strict';
 
-	var ReactComponentEnvironment = __webpack_require__(64);
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactElement = __webpack_require__(42);
-	var ReactInstanceMap = __webpack_require__(47);
-	var ReactPerf = __webpack_require__(18);
-	var ReactPropTypeLocations = __webpack_require__(65);
-	var ReactPropTypeLocationNames = __webpack_require__(66);
-	var ReactReconciler = __webpack_require__(50);
-	var ReactUpdateQueue = __webpack_require__(53);
-
-	var assign = __webpack_require__(39);
-	var emptyObject = __webpack_require__(58);
-	var invariant = __webpack_require__(13);
-	var shouldUpdateReactComponent = __webpack_require__(67);
-	var warning = __webpack_require__(25);
-
-	function getDeclarationErrorAddendum(component) {
-	  var owner = component._currentElement._owner || null;
-	  if (owner) {
-	    var name = owner.getName();
-	    if (name) {
-	      return ' Check the render method of `' + name + '`.';
-	    }
-	  }
-	  return '';
-	}
-
-	function StatelessComponent(Component) {}
-	StatelessComponent.prototype.render = function () {
-	  var Component = ReactInstanceMap.get(this)._currentElement.type;
-	  return Component(this.props, this.context, this.updater);
-	};
+	var caughtError = null;
 
 	/**
-	 * ------------------ The Life-Cycle of a Composite Component ------------------
-	 *
-	 * - constructor: Initialization of state. The instance is now retained.
-	 *   - componentWillMount
-	 *   - render
-	 *   - [children's constructors]
-	 *     - [children's componentWillMount and render]
-	 *     - [children's componentDidMount]
-	 *     - componentDidMount
-	 *
-	 *       Update Phases:
-	 *       - componentWillReceiveProps (only called if parent updated)
-	 *       - shouldComponentUpdate
-	 *         - componentWillUpdate
-	 *           - render
-	 *           - [children's constructors or receive props phases]
-	 *         - componentDidUpdate
-	 *
-	 *     - componentWillUnmount
-	 *     - [children's componentWillUnmount]
-	 *   - [children destroyed]
-	 * - (destroyed): The instance is now blank, released by React and ready for GC.
+	 * Call a function while guarding against errors that happens within it.
 	 *
-	 * -----------------------------------------------------------------------------
+	 * @param {String} name of the guard to use for logging or debugging
+	 * @param {Function} func The function to invoke
+	 * @param {*} a First argument
+	 * @param {*} b Second argument
 	 */
+	function invokeGuardedCallback(name, func, a) {
+	  try {
+	    func(a);
+	  } catch (x) {
+	    if (caughtError === null) {
+	      caughtError = x;
+	    }
+	  }
+	}
 
-	/**
-	 * An incrementing ID assigned to each component when it is mounted. This is
-	 * used to enforce the order in which `ReactUpdates` updates dirty components.
-	 *
-	 * @private
-	 */
-	var nextMountID = 1;
+	var ReactErrorUtils = {
+	  invokeGuardedCallback: invokeGuardedCallback,
 
-	/**
-	 * @lends {ReactCompositeComponent.prototype}
-	 */
-	var ReactCompositeComponentMixin = {
+	  /**
+	   * Invoked by ReactTestUtils.Simulate so that any errors thrown by the event
+	   * handler are sure to be rethrown by rethrowCaughtError.
+	   */
+	  invokeGuardedCallbackWithCatch: invokeGuardedCallback,
 
 	  /**
-	   * Base constructor for all composite component.
-	   *
-	   * @param {ReactElement} element
-	   * @final
-	   * @internal
+	   * During execution of guarded functions we will capture the first error which
+	   * we will rethrow to be handled by the top level error handler.
 	   */
-	  construct: function (element) {
-	    this._currentElement = element;
-	    this._rootNodeID = null;
-	    this._instance = null;
+	  rethrowCaughtError: function () {
+	    if (caughtError) {
+	      var error = caughtError;
+	      caughtError = null;
+	      throw error;
+	    }
+	  }
+	};
 
-	    // See ReactUpdateQueue
-	    this._pendingElement = null;
-	    this._pendingStateQueue = null;
-	    this._pendingReplaceState = false;
-	    this._pendingForceUpdate = false;
+	if (process.env.NODE_ENV !== 'production') {
+	  /**
+	   * To help development we can get better devtools integration by simulating a
+	   * real browser event.
+	   */
+	  if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
+	    var fakeNode = document.createElement('react');
+	    ReactErrorUtils.invokeGuardedCallback = function (name, func, a) {
+	      var boundFunc = func.bind(null, a);
+	      var evtType = 'react-' + name;
+	      fakeNode.addEventListener(evtType, boundFunc, false);
+	      var evt = document.createEvent('Event');
+	      evt.initEvent(evtType, false, false);
+	      fakeNode.dispatchEvent(evt);
+	      fakeNode.removeEventListener(evtType, boundFunc, false);
+	    };
+	  }
+	}
 
-	    this._renderedComponent = null;
+	module.exports = ReactErrorUtils;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    this._context = null;
-	    this._mountOrder = 0;
-	    this._topLevelWrapper = null;
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    // See ReactUpdates and ReactUpdateQueue.
-	    this._pendingCallbacks = null;
-	  },
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	  /**
-	   * Initializes the component, renders markup, and registers event listeners.
-	   *
-	   * @param {string} rootID DOM ID of the root node.
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @return {?string} Rendered markup to be inserted into the DOM.
-	   * @final
-	   * @internal
-	   */
-	  mountComponent: function (rootID, transaction, context) {
-	    this._context = context;
-	    this._mountOrder = nextMountID++;
-	    this._rootNodeID = rootID;
+	'use strict';
 
-	    var publicProps = this._processProps(this._currentElement.props);
-	    var publicContext = this._processContext(context);
+	var _prodInvariant = __webpack_require__(39);
 
-	    var Component = this._currentElement.type;
+	var invariant = __webpack_require__(8);
 
-	    // Initialize the public class
-	    var inst;
-	    var renderedElement;
+	/**
+	 * Accumulates items that must not be null or undefined into the first one. This
+	 * is used to conserve memory by avoiding array allocations, and thus sacrifices
+	 * API cleanness. Since `current` can be null before being passed in and not
+	 * null after this function, make sure to assign it back to `current`:
+	 *
+	 * `a = accumulateInto(a, b);`
+	 *
+	 * This API should be sparingly used. Try `accumulate` for something cleaner.
+	 *
+	 * @return {*|array<*>} An accumulation of items.
+	 */
 
-	    // This is a way to detect if Component is a stateless arrow function
-	    // component, which is not newable. It might not be 100% reliable but is
-	    // something we can do until we start detecting that Component extends
-	    // React.Component. We already assume that typeof Component === 'function'.
-	    var canInstantiate = ('prototype' in Component);
+	function accumulateInto(current, next) {
+	  !(next != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'accumulateInto(...): Accumulated items must not be null or undefined.') : _prodInvariant('30') : void 0;
 
-	    if (canInstantiate) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        ReactCurrentOwner.current = this;
-	        try {
-	          inst = new Component(publicProps, publicContext, ReactUpdateQueue);
-	        } finally {
-	          ReactCurrentOwner.current = null;
-	        }
-	      } else {
-	        inst = new Component(publicProps, publicContext, ReactUpdateQueue);
-	      }
-	    }
+	  if (current == null) {
+	    return next;
+	  }
 
-	    if (!canInstantiate || inst === null || inst === false || ReactElement.isValidElement(inst)) {
-	      renderedElement = inst;
-	      inst = new StatelessComponent(Component);
+	  // Both are not empty. Warning: Never call x.concat(y) when you are not
+	  // certain that x is an Array (x could be a string with concat method).
+	  if (Array.isArray(current)) {
+	    if (Array.isArray(next)) {
+	      current.push.apply(current, next);
+	      return current;
 	    }
+	    current.push(next);
+	    return current;
+	  }
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      // This will throw later in _renderValidatedComponent, but add an early
-	      // warning now to help debugging
-	      if (inst.render == null) {
-	        process.env.NODE_ENV !== 'production' ? warning(false, '%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`, returned ' + 'null/false from a stateless component, or tried to render an ' + 'element whose type is a function that isn\'t a React component.', Component.displayName || Component.name || 'Component') : undefined;
-	      } else {
-	        // We support ES6 inheriting from React.Component, the module pattern,
-	        // and stateless components, but not ES6 classes that don't extend
-	        process.env.NODE_ENV !== 'production' ? warning(Component.prototype && Component.prototype.isReactComponent || !canInstantiate || !(inst instanceof Component), '%s(...): React component classes must extend React.Component.', Component.displayName || Component.name || 'Component') : undefined;
-	      }
-	    }
+	  if (Array.isArray(next)) {
+	    // A bit too dangerous to mutate `next`.
+	    return [current].concat(next);
+	  }
 
-	    // These should be set up in the constructor, but as a convenience for
-	    // simpler class abstractions, we set them up after the fact.
-	    inst.props = publicProps;
-	    inst.context = publicContext;
-	    inst.refs = emptyObject;
-	    inst.updater = ReactUpdateQueue;
+	  return [current, next];
+	}
 
-	    this._instance = inst;
+	module.exports = accumulateInto;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    // Store a reference from the instance back to the internal representation
-	    ReactInstanceMap.set(inst, this);
+/***/ }),
+/* 51 */
+/***/ (function(module, exports) {
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      // Since plain JS classes are defined without any special initialization
-	      // logic, we can not catch common errors early. Therefore, we have to
-	      // catch them here, at initialization time, instead.
-	      process.env.NODE_ENV !== 'production' ? warning(!inst.getInitialState || inst.getInitialState.isReactClassApproved, 'getInitialState was defined on %s, a plain JavaScript class. ' + 'This is only supported for classes created using React.createClass. ' + 'Did you mean to define a state property instead?', this.getName() || 'a component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(!inst.getDefaultProps || inst.getDefaultProps.isReactClassApproved, 'getDefaultProps was defined on %s, a plain JavaScript class. ' + 'This is only supported for classes created using React.createClass. ' + 'Use a static property to define defaultProps instead.', this.getName() || 'a component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(!inst.propTypes, 'propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', this.getName() || 'a component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(!inst.contextTypes, 'contextTypes was defined as an instance property on %s. Use a ' + 'static property to define contextTypes instead.', this.getName() || 'a component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentShouldUpdate !== 'function', '%s has a method called ' + 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' + 'The name is phrased as a question because the function is ' + 'expected to return a value.', this.getName() || 'A component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentDidUnmount !== 'function', '%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', this.getName() || 'A component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentWillRecieveProps !== 'function', '%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', this.getName() || 'A component') : undefined;
-	    }
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	    var initialState = inst.state;
-	    if (initialState === undefined) {
-	      inst.state = initialState = null;
-	    }
-	    !(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.state: must be set to an object or null', this.getName() || 'ReactCompositeComponent') : invariant(false) : undefined;
+	'use strict';
 
-	    this._pendingStateQueue = null;
-	    this._pendingReplaceState = false;
-	    this._pendingForceUpdate = false;
+	/**
+	 * @param {array} arr an "accumulation" of items which is either an Array or
+	 * a single item. Useful when paired with the `accumulate` module. This is a
+	 * simple utility that allows us to reason about a collection of items, but
+	 * handling the case when there is exactly one item (and we do not need to
+	 * allocate an array).
+	 */
 
-	    if (inst.componentWillMount) {
-	      inst.componentWillMount();
-	      // When mounting, calls to `setState` by `componentWillMount` will set
-	      // `this._pendingStateQueue` without triggering a re-render.
-	      if (this._pendingStateQueue) {
-	        inst.state = this._processPendingState(inst.props, inst.context);
-	      }
-	    }
+	function forEachAccumulated(arr, cb, scope) {
+	  if (Array.isArray(arr)) {
+	    arr.forEach(cb, scope);
+	  } else if (arr) {
+	    cb.call(scope, arr);
+	  }
+	}
 
-	    // If not a stateless component, we now render
-	    if (renderedElement === undefined) {
-	      renderedElement = this._renderValidatedComponent();
-	    }
+	module.exports = forEachAccumulated;
 
-	    this._renderedComponent = this._instantiateReactComponent(renderedElement);
+/***/ }),
+/* 52 */
+/***/ (function(module, exports) {
 
-	    var markup = ReactReconciler.mountComponent(this._renderedComponent, rootID, transaction, this._processChildContext(context));
-	    if (inst.componentDidMount) {
-	      transaction.getReactMountReady().enqueue(inst.componentDidMount, inst);
-	    }
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	    return markup;
-	  },
+	'use strict';
 
-	  /**
-	   * Releases any resources allocated by `mountComponent`.
-	   *
-	   * @final
-	   * @internal
-	   */
-	  unmountComponent: function () {
-	    var inst = this._instance;
+	var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 
-	    if (inst.componentWillUnmount) {
-	      inst.componentWillUnmount();
-	    }
+	/**
+	 * Simple, lightweight module assisting with the detection and context of
+	 * Worker. Helps avoid circular dependencies and allows code to reason about
+	 * whether or not they are in a Worker, even if they never include the main
+	 * `ReactWorker` dependency.
+	 */
+	var ExecutionEnvironment = {
 
-	    ReactReconciler.unmountComponent(this._renderedComponent);
-	    this._renderedComponent = null;
-	    this._instance = null;
+	  canUseDOM: canUseDOM,
 
-	    // Reset pending fields
-	    // Even if this component is scheduled for another update in ReactUpdates,
-	    // it would still be ignored because these fields are reset.
-	    this._pendingStateQueue = null;
-	    this._pendingReplaceState = false;
-	    this._pendingForceUpdate = false;
-	    this._pendingCallbacks = null;
-	    this._pendingElement = null;
+	  canUseWorkers: typeof Worker !== 'undefined',
 
-	    // These fields do not really need to be reset since this object is no
-	    // longer accessible.
-	    this._context = null;
-	    this._rootNodeID = null;
-	    this._topLevelWrapper = null;
+	  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
 
-	    // Delete the reference from the instance to this internal representation
-	    // which allow the internals to be properly cleaned up even if the user
-	    // leaks a reference to the public instance.
-	    ReactInstanceMap.remove(inst);
+	  canUseViewport: canUseDOM && !!window.screen,
 
-	    // Some existing components rely on inst.props even after they've been
-	    // destroyed (in event handlers).
-	    // TODO: inst.props = null;
-	    // TODO: inst.state = null;
-	    // TODO: inst.context = null;
+	  isInWorker: !canUseDOM // For now, this is true - might change in the future.
+
+	};
+
+	module.exports = ExecutionEnvironment;
+
+/***/ }),
+/* 53 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var _assign = __webpack_require__(4);
+
+	var PooledClass = __webpack_require__(54);
+
+	var getTextContentAccessor = __webpack_require__(55);
+
+	/**
+	 * This helper class stores information about text content of a target node,
+	 * allowing comparison of content before and after a given event.
+	 *
+	 * Identify the node where selection currently begins, then observe
+	 * both its text content and its current position in the DOM. Since the
+	 * browser may natively replace the target node during composition, we can
+	 * use its position to find its replacement.
+	 *
+	 * @param {DOMEventTarget} root
+	 */
+	function FallbackCompositionState(root) {
+	  this._root = root;
+	  this._startText = this.getText();
+	  this._fallbackText = null;
+	}
+
+	_assign(FallbackCompositionState.prototype, {
+	  destructor: function () {
+	    this._root = null;
+	    this._startText = null;
+	    this._fallbackText = null;
 	  },
 
 	  /**
-	   * Filters the context object to only contain keys specified in
-	   * `contextTypes`
+	   * Get current text of input.
 	   *
-	   * @param {object} context
-	   * @return {?object}
-	   * @private
+	   * @return {string}
 	   */
-	  _maskContext: function (context) {
-	    var maskedContext = null;
-	    var Component = this._currentElement.type;
-	    var contextTypes = Component.contextTypes;
-	    if (!contextTypes) {
-	      return emptyObject;
-	    }
-	    maskedContext = {};
-	    for (var contextName in contextTypes) {
-	      maskedContext[contextName] = context[contextName];
+	  getText: function () {
+	    if ('value' in this._root) {
+	      return this._root.value;
 	    }
-	    return maskedContext;
+	    return this._root[getTextContentAccessor()];
 	  },
 
 	  /**
-	   * Filters the context object to only contain keys specified in
-	   * `contextTypes`, and asserts that they are valid.
+	   * Determine the differing substring between the initially stored
+	   * text content and the current content.
 	   *
-	   * @param {object} context
-	   * @return {?object}
-	   * @private
+	   * @return {string}
 	   */
-	  _processContext: function (context) {
-	    var maskedContext = this._maskContext(context);
-	    if (process.env.NODE_ENV !== 'production') {
-	      var Component = this._currentElement.type;
-	      if (Component.contextTypes) {
-	        this._checkPropTypes(Component.contextTypes, maskedContext, ReactPropTypeLocations.context);
-	      }
+	  getData: function () {
+	    if (this._fallbackText) {
+	      return this._fallbackText;
 	    }
-	    return maskedContext;
-	  },
 
-	  /**
-	   * @param {object} currentContext
-	   * @return {object}
-	   * @private
-	   */
-	  _processChildContext: function (currentContext) {
-	    var Component = this._currentElement.type;
-	    var inst = this._instance;
-	    var childContext = inst.getChildContext && inst.getChildContext();
-	    if (childContext) {
-	      !(typeof Component.childContextTypes === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', this.getName() || 'ReactCompositeComponent') : invariant(false) : undefined;
-	      if (process.env.NODE_ENV !== 'production') {
-	        this._checkPropTypes(Component.childContextTypes, childContext, ReactPropTypeLocations.childContext);
-	      }
-	      for (var name in childContext) {
-	        !(name in Component.childContextTypes) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', this.getName() || 'ReactCompositeComponent', name) : invariant(false) : undefined;
-	      }
-	      return assign({}, currentContext, childContext);
-	    }
-	    return currentContext;
-	  },
+	    var start;
+	    var startValue = this._startText;
+	    var startLength = startValue.length;
+	    var end;
+	    var endValue = this.getText();
+	    var endLength = endValue.length;
 
-	  /**
-	   * Processes props by setting default values for unspecified props and
-	   * asserting that the props are valid. Does not mutate its argument; returns
-	   * a new props object with defaults merged in.
-	   *
-	   * @param {object} newProps
-	   * @return {object}
-	   * @private
-	   */
-	  _processProps: function (newProps) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      var Component = this._currentElement.type;
-	      if (Component.propTypes) {
-	        this._checkPropTypes(Component.propTypes, newProps, ReactPropTypeLocations.prop);
+	    for (start = 0; start < startLength; start++) {
+	      if (startValue[start] !== endValue[start]) {
+	        break;
 	      }
 	    }
-	    return newProps;
-	  },
 
-	  /**
-	   * Assert that the props are valid
-	   *
-	   * @param {object} propTypes Map of prop name to a ReactPropType
-	   * @param {object} props
-	   * @param {string} location e.g. "prop", "context", "child context"
-	   * @private
-	   */
-	  _checkPropTypes: function (propTypes, props, location) {
-	    // TODO: Stop validating prop types here and only use the element
-	    // validation.
-	    var componentName = this.getName();
-	    for (var propName in propTypes) {
-	      if (propTypes.hasOwnProperty(propName)) {
-	        var error;
-	        try {
-	          // This is intentionally an invariant that gets caught. It's the same
-	          // behavior as without this statement except with a better message.
-	          !(typeof propTypes[propName] === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s: %s type `%s` is invalid; it must be a function, usually ' + 'from React.PropTypes.', componentName || 'React class', ReactPropTypeLocationNames[location], propName) : invariant(false) : undefined;
-	          error = propTypes[propName](props, propName, componentName, location);
-	        } catch (ex) {
-	          error = ex;
-	        }
-	        if (error instanceof Error) {
-	          // We may want to extend this logic for similar errors in
-	          // top-level render calls, so I'm abstracting it away into
-	          // a function to minimize refactoring in the future
-	          var addendum = getDeclarationErrorAddendum(this);
-
-	          if (location === ReactPropTypeLocations.prop) {
-	            // Preface gives us something to blacklist in warning module
-	            process.env.NODE_ENV !== 'production' ? warning(false, 'Failed Composite propType: %s%s', error.message, addendum) : undefined;
-	          } else {
-	            process.env.NODE_ENV !== 'production' ? warning(false, 'Failed Context Types: %s%s', error.message, addendum) : undefined;
-	          }
-	        }
+	    var minEnd = startLength - start;
+	    for (end = 1; end <= minEnd; end++) {
+	      if (startValue[startLength - end] !== endValue[endLength - end]) {
+	        break;
 	      }
 	    }
-	  },
-
-	  receiveComponent: function (nextElement, transaction, nextContext) {
-	    var prevElement = this._currentElement;
-	    var prevContext = this._context;
-
-	    this._pendingElement = null;
 
-	    this.updateComponent(transaction, prevElement, nextElement, prevContext, nextContext);
-	  },
+	    var sliceTail = end > 1 ? 1 - end : undefined;
+	    this._fallbackText = endValue.slice(start, sliceTail);
+	    return this._fallbackText;
+	  }
+	});
 
-	  /**
-	   * If any of `_pendingElement`, `_pendingStateQueue`, or `_pendingForceUpdate`
-	   * is set, update the component.
-	   *
-	   * @param {ReactReconcileTransaction} transaction
-	   * @internal
-	   */
-	  performUpdateIfNecessary: function (transaction) {
-	    if (this._pendingElement != null) {
-	      ReactReconciler.receiveComponent(this, this._pendingElement || this._currentElement, transaction, this._context);
-	    }
+	PooledClass.addPoolingTo(FallbackCompositionState);
 
-	    if (this._pendingStateQueue !== null || this._pendingForceUpdate) {
-	      this.updateComponent(transaction, this._currentElement, this._currentElement, this._context, this._context);
-	    }
-	  },
+	module.exports = FallbackCompositionState;
 
-	  /**
-	   * Perform an update to a mounted component. The componentWillReceiveProps and
-	   * shouldComponentUpdate methods are called, then (assuming the update isn't
-	   * skipped) the remaining update lifecycle methods are called and the DOM
-	   * representation is updated.
-	   *
-	   * By default, this implements React's rendering and reconciliation algorithm.
-	   * Sophisticated clients may wish to override this.
-	   *
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {ReactElement} prevParentElement
-	   * @param {ReactElement} nextParentElement
-	   * @internal
-	   * @overridable
-	   */
-	  updateComponent: function (transaction, prevParentElement, nextParentElement, prevUnmaskedContext, nextUnmaskedContext) {
-	    var inst = this._instance;
+/***/ }),
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    var nextContext = this._context === nextUnmaskedContext ? inst.context : this._processContext(nextUnmaskedContext);
-	    var nextProps;
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	    // Distinguish between a props update versus a simple state update
-	    if (prevParentElement === nextParentElement) {
-	      // Skip checking prop types again -- we don't read inst.props to avoid
-	      // warning for DOM component props in this upgrade
-	      nextProps = nextParentElement.props;
-	    } else {
-	      nextProps = this._processProps(nextParentElement.props);
-	      // An update here will schedule an update but immediately set
-	      // _pendingStateQueue which will ensure that any state updates gets
-	      // immediately reconciled instead of waiting for the next batch.
+	'use strict';
 
-	      if (inst.componentWillReceiveProps) {
-	        inst.componentWillReceiveProps(nextProps, nextContext);
-	      }
-	    }
+	var _prodInvariant = __webpack_require__(39);
 
-	    var nextState = this._processPendingState(nextProps, nextContext);
+	var invariant = __webpack_require__(8);
 
-	    var shouldUpdate = this._pendingForceUpdate || !inst.shouldComponentUpdate || inst.shouldComponentUpdate(nextProps, nextState, nextContext);
+	/**
+	 * Static poolers. Several custom versions for each potential number of
+	 * arguments. A completely generic pooler is easy to implement, but would
+	 * require accessing the `arguments` object. In each of these, `this` refers to
+	 * the Class itself, not an instance. If any others are needed, simply add them
+	 * here, or in their own files.
+	 */
+	var oneArgumentPooler = function (copyFieldsFrom) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, copyFieldsFrom);
+	    return instance;
+	  } else {
+	    return new Klass(copyFieldsFrom);
+	  }
+	};
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(typeof shouldUpdate !== 'undefined', '%s.shouldComponentUpdate(): Returned undefined instead of a ' + 'boolean value. Make sure to return true or false.', this.getName() || 'ReactCompositeComponent') : undefined;
-	    }
+	var twoArgumentPooler = function (a1, a2) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2);
+	    return instance;
+	  } else {
+	    return new Klass(a1, a2);
+	  }
+	};
 
-	    if (shouldUpdate) {
-	      this._pendingForceUpdate = false;
-	      // Will set `this.props`, `this.state` and `this.context`.
-	      this._performComponentUpdate(nextParentElement, nextProps, nextState, nextContext, transaction, nextUnmaskedContext);
-	    } else {
-	      // If it's determined that a component should not update, we still want
-	      // to set props and state but we shortcut the rest of the update.
-	      this._currentElement = nextParentElement;
-	      this._context = nextUnmaskedContext;
-	      inst.props = nextProps;
-	      inst.state = nextState;
-	      inst.context = nextContext;
-	    }
-	  },
+	var threeArgumentPooler = function (a1, a2, a3) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2, a3);
+	    return instance;
+	  } else {
+	    return new Klass(a1, a2, a3);
+	  }
+	};
 
-	  _processPendingState: function (props, context) {
-	    var inst = this._instance;
-	    var queue = this._pendingStateQueue;
-	    var replace = this._pendingReplaceState;
-	    this._pendingReplaceState = false;
-	    this._pendingStateQueue = null;
+	var fourArgumentPooler = function (a1, a2, a3, a4) {
+	  var Klass = this;
+	  if (Klass.instancePool.length) {
+	    var instance = Klass.instancePool.pop();
+	    Klass.call(instance, a1, a2, a3, a4);
+	    return instance;
+	  } else {
+	    return new Klass(a1, a2, a3, a4);
+	  }
+	};
 
-	    if (!queue) {
-	      return inst.state;
-	    }
+	var standardReleaser = function (instance) {
+	  var Klass = this;
+	  !(instance instanceof Klass) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Trying to release an instance into a pool of a different type.') : _prodInvariant('25') : void 0;
+	  instance.destructor();
+	  if (Klass.instancePool.length < Klass.poolSize) {
+	    Klass.instancePool.push(instance);
+	  }
+	};
 
-	    if (replace && queue.length === 1) {
-	      return queue[0];
-	    }
+	var DEFAULT_POOL_SIZE = 10;
+	var DEFAULT_POOLER = oneArgumentPooler;
 
-	    var nextState = assign({}, replace ? queue[0] : inst.state);
-	    for (var i = replace ? 1 : 0; i < queue.length; i++) {
-	      var partial = queue[i];
-	      assign(nextState, typeof partial === 'function' ? partial.call(inst, nextState, props, context) : partial);
-	    }
+	/**
+	 * Augments `CopyConstructor` to be a poolable class, augmenting only the class
+	 * itself (statically) not adding any prototypical fields. Any CopyConstructor
+	 * you give this may have a `poolSize` property, and will look for a
+	 * prototypical `destructor` on instances.
+	 *
+	 * @param {Function} CopyConstructor Constructor that can be used to reset.
+	 * @param {Function} pooler Customizable pooler.
+	 */
+	var addPoolingTo = function (CopyConstructor, pooler) {
+	  // Casting as any so that flow ignores the actual implementation and trusts
+	  // it to match the type we declared
+	  var NewKlass = CopyConstructor;
+	  NewKlass.instancePool = [];
+	  NewKlass.getPooled = pooler || DEFAULT_POOLER;
+	  if (!NewKlass.poolSize) {
+	    NewKlass.poolSize = DEFAULT_POOL_SIZE;
+	  }
+	  NewKlass.release = standardReleaser;
+	  return NewKlass;
+	};
 
-	    return nextState;
-	  },
+	var PooledClass = {
+	  addPoolingTo: addPoolingTo,
+	  oneArgumentPooler: oneArgumentPooler,
+	  twoArgumentPooler: twoArgumentPooler,
+	  threeArgumentPooler: threeArgumentPooler,
+	  fourArgumentPooler: fourArgumentPooler
+	};
 
-	  /**
-	   * Merges new props and state, notifies delegate methods of update and
-	   * performs update.
-	   *
-	   * @param {ReactElement} nextElement Next element
-	   * @param {object} nextProps Next public object to set as properties.
-	   * @param {?object} nextState Next object to set as state.
-	   * @param {?object} nextContext Next public object to set as context.
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {?object} unmaskedContext
-	   * @private
-	   */
-	  _performComponentUpdate: function (nextElement, nextProps, nextState, nextContext, transaction, unmaskedContext) {
-	    var inst = this._instance;
+	module.exports = PooledClass;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    var hasComponentDidUpdate = Boolean(inst.componentDidUpdate);
-	    var prevProps;
-	    var prevState;
-	    var prevContext;
-	    if (hasComponentDidUpdate) {
-	      prevProps = inst.props;
-	      prevState = inst.state;
-	      prevContext = inst.context;
-	    }
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    if (inst.componentWillUpdate) {
-	      inst.componentWillUpdate(nextProps, nextState, nextContext);
-	    }
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	    this._currentElement = nextElement;
-	    this._context = unmaskedContext;
-	    inst.props = nextProps;
-	    inst.state = nextState;
-	    inst.context = nextContext;
+	'use strict';
 
-	    this._updateRenderedComponent(transaction, unmaskedContext);
+	var ExecutionEnvironment = __webpack_require__(52);
 
-	    if (hasComponentDidUpdate) {
-	      transaction.getReactMountReady().enqueue(inst.componentDidUpdate.bind(inst, prevProps, prevState, prevContext), inst);
-	    }
-	  },
+	var contentKey = null;
 
-	  /**
-	   * Call the component's `render` method and update the DOM accordingly.
-	   *
-	   * @param {ReactReconcileTransaction} transaction
-	   * @internal
-	   */
-	  _updateRenderedComponent: function (transaction, context) {
-	    var prevComponentInstance = this._renderedComponent;
-	    var prevRenderedElement = prevComponentInstance._currentElement;
-	    var nextRenderedElement = this._renderValidatedComponent();
-	    if (shouldUpdateReactComponent(prevRenderedElement, nextRenderedElement)) {
-	      ReactReconciler.receiveComponent(prevComponentInstance, nextRenderedElement, transaction, this._processChildContext(context));
-	    } else {
-	      // These two IDs are actually the same! But nothing should rely on that.
-	      var thisID = this._rootNodeID;
-	      var prevComponentID = prevComponentInstance._rootNodeID;
-	      ReactReconciler.unmountComponent(prevComponentInstance);
+	/**
+	 * Gets the key used to access text content on a DOM node.
+	 *
+	 * @return {?string} Key used to access text content.
+	 * @internal
+	 */
+	function getTextContentAccessor() {
+	  if (!contentKey && ExecutionEnvironment.canUseDOM) {
+	    // Prefer textContent to innerText because many browsers support both but
+	    // SVG <text> elements don't support innerText even when <div> does.
+	    contentKey = 'textContent' in document.documentElement ? 'textContent' : 'innerText';
+	  }
+	  return contentKey;
+	}
 
-	      this._renderedComponent = this._instantiateReactComponent(nextRenderedElement);
-	      var nextMarkup = ReactReconciler.mountComponent(this._renderedComponent, thisID, transaction, this._processChildContext(context));
-	      this._replaceNodeWithMarkupByID(prevComponentID, nextMarkup);
-	    }
-	  },
+	module.exports = getTextContentAccessor;
 
-	  /**
-	   * @protected
-	   */
-	  _replaceNodeWithMarkupByID: function (prevComponentID, nextMarkup) {
-	    ReactComponentEnvironment.replaceNodeWithMarkupByID(prevComponentID, nextMarkup);
-	  },
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	  /**
-	   * @protected
-	   */
-	  _renderValidatedComponentWithoutOwnerOrContext: function () {
-	    var inst = this._instance;
-	    var renderedComponent = inst.render();
-	    if (process.env.NODE_ENV !== 'production') {
-	      // We allow auto-mocks to proceed as if they're returning null.
-	      if (typeof renderedComponent === 'undefined' && inst.render._isMockFunction) {
-	        // This is probably bad practice. Consider warning here and
-	        // deprecating this convenience.
-	        renderedComponent = null;
-	      }
-	    }
-
-	    return renderedComponent;
-	  },
-
-	  /**
-	   * @private
-	   */
-	  _renderValidatedComponent: function () {
-	    var renderedComponent;
-	    ReactCurrentOwner.current = this;
-	    try {
-	      renderedComponent = this._renderValidatedComponentWithoutOwnerOrContext();
-	    } finally {
-	      ReactCurrentOwner.current = null;
-	    }
-	    !(
-	    // TODO: An `isValidNode` function would probably be more appropriate
-	    renderedComponent === null || renderedComponent === false || ReactElement.isValidElement(renderedComponent)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.render(): A valid ReactComponent must be returned. You may have ' + 'returned undefined, an array or some other invalid object.', this.getName() || 'ReactCompositeComponent') : invariant(false) : undefined;
-	    return renderedComponent;
-	  },
-
-	  /**
-	   * Lazily allocates the refs object and stores `component` as `ref`.
-	   *
-	   * @param {string} ref Reference name.
-	   * @param {component} component Component to store as `ref`.
-	   * @final
-	   * @private
-	   */
-	  attachRef: function (ref, component) {
-	    var inst = this.getPublicInstance();
-	    !(inst != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : invariant(false) : undefined;
-	    var publicComponentInstance = component.getPublicInstance();
-	    if (process.env.NODE_ENV !== 'production') {
-	      var componentName = component && component.getName ? component.getName() : 'a component';
-	      process.env.NODE_ENV !== 'production' ? warning(publicComponentInstance != null, 'Stateless function components cannot be given refs ' + '(See ref "%s" in %s created by %s). ' + 'Attempts to access this ref will fail.', ref, componentName, this.getName()) : undefined;
-	    }
-	    var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
-	    refs[ref] = publicComponentInstance;
-	  },
-
-	  /**
-	   * Detaches a reference name.
-	   *
-	   * @param {string} ref Name to dereference.
-	   * @final
-	   * @private
-	   */
-	  detachRef: function (ref) {
-	    var refs = this.getPublicInstance().refs;
-	    delete refs[ref];
-	  },
-
-	  /**
-	   * Get a text description of the component that can be used to identify it
-	   * in error messages.
-	   * @return {string} The name or null.
-	   * @internal
-	   */
-	  getName: function () {
-	    var type = this._currentElement.type;
-	    var constructor = this._instance && this._instance.constructor;
-	    return type.displayName || constructor && constructor.displayName || type.name || constructor && constructor.name || null;
-	  },
-
-	  /**
-	   * Get the publicly accessible representation of this component - i.e. what
-	   * is exposed by refs and returned by render. Can be null for stateless
-	   * components.
-	   *
-	   * @return {ReactComponent} the public component instance.
-	   * @internal
-	   */
-	  getPublicInstance: function () {
-	    var inst = this._instance;
-	    if (inst instanceof StatelessComponent) {
-	      return null;
-	    }
-	    return inst;
-	  },
-
-	  // Stub
-	  _instantiateReactComponent: null
-
-	};
-
-	ReactPerf.measureMethods(ReactCompositeComponentMixin, 'ReactCompositeComponent', {
-	  mountComponent: 'mountComponent',
-	  updateComponent: 'updateComponent',
-	  _renderValidatedComponent: '_renderValidatedComponent'
-	});
-
-	var ReactCompositeComponent = {
-
-	  Mixin: ReactCompositeComponentMixin
-
-	};
-
-	module.exports = ReactCompositeComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 64 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactComponentEnvironment
 	 */
 
 	'use strict';
 
-	var invariant = __webpack_require__(13);
-
-	var injected = false;
-
-	var ReactComponentEnvironment = {
-
-	  /**
-	   * Optionally injectable environment dependent cleanup hook. (server vs.
-	   * browser etc). Example: A browser system caches DOM nodes based on component
-	   * ID and must remove that cache entry when this instance is unmounted.
-	   */
-	  unmountIDFromEnvironment: null,
-
-	  /**
-	   * Optionally injectable hook for swapping out mount images in the middle of
-	   * the tree.
-	   */
-	  replaceNodeWithMarkupByID: null,
-
-	  /**
-	   * Optionally injectable hook for processing a queue of child updates. Will
-	   * later move into MultiChildComponents.
-	   */
-	  processChildrenUpdates: null,
-
-	  injection: {
-	    injectEnvironment: function (environment) {
-	      !!injected ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactCompositeComponent: injectEnvironment() can only be called once.') : invariant(false) : undefined;
-	      ReactComponentEnvironment.unmountIDFromEnvironment = environment.unmountIDFromEnvironment;
-	      ReactComponentEnvironment.replaceNodeWithMarkupByID = environment.replaceNodeWithMarkupByID;
-	      ReactComponentEnvironment.processChildrenUpdates = environment.processChildrenUpdates;
-	      injected = true;
-	    }
-	  }
+	var SyntheticEvent = __webpack_require__(57);
 
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
+	 */
+	var CompositionEventInterface = {
+	  data: null
 	};
 
-	module.exports = ReactComponentEnvironment;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 65 */
-/***/ function(module, exports, __webpack_require__) {
-
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactPropTypeLocations
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticUIEvent}
 	 */
+	function SyntheticCompositionEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	}
 
-	'use strict';
-
-	var keyMirror = __webpack_require__(17);
-
-	var ReactPropTypeLocations = keyMirror({
-	  prop: null,
-	  context: null,
-	  childContext: null
-	});
+	SyntheticEvent.augmentClass(SyntheticCompositionEvent, CompositionEventInterface);
 
-	module.exports = ReactPropTypeLocations;
+	module.exports = SyntheticCompositionEvent;
 
-/***/ },
-/* 66 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 57 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactPropTypeLocationNames
 	 */
 
 	'use strict';
 
-	var ReactPropTypeLocationNames = {};
+	var _assign = __webpack_require__(4);
 
-	if (process.env.NODE_ENV !== 'production') {
-	  ReactPropTypeLocationNames = {
-	    prop: 'prop',
-	    context: 'context',
-	    childContext: 'child context'
-	  };
-	}
+	var PooledClass = __webpack_require__(54);
 
-	module.exports = ReactPropTypeLocationNames;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var emptyFunction = __webpack_require__(12);
+	var warning = __webpack_require__(11);
 
-/***/ },
-/* 67 */
-/***/ function(module, exports) {
+	var didWarnForAddedNewProperty = false;
+	var isProxySupported = typeof Proxy === 'function';
+
+	var shouldBeReleasedProperties = ['dispatchConfig', '_targetInst', 'nativeEvent', 'isDefaultPrevented', 'isPropagationStopped', '_dispatchListeners', '_dispatchInstances'];
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule shouldUpdateReactComponent
-	 * @typechecks static-only
+	 * @interface Event
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
 	 */
-
-	'use strict';
+	var EventInterface = {
+	  type: null,
+	  target: null,
+	  // currentTarget is set when dispatching; no use in copying it here
+	  currentTarget: emptyFunction.thatReturnsNull,
+	  eventPhase: null,
+	  bubbles: null,
+	  cancelable: null,
+	  timeStamp: function (event) {
+	    return event.timeStamp || Date.now();
+	  },
+	  defaultPrevented: null,
+	  isTrusted: null
+	};
 
 	/**
-	 * Given a `prevElement` and `nextElement`, determines if the existing
-	 * instance should be updated as opposed to being destroyed or replaced by a new
-	 * instance. Both arguments are elements. This ensures that this logic can
-	 * operate on stateless trees without any backing instance.
+	 * Synthetic events are dispatched by event plugins, typically in response to a
+	 * top-level event delegation handler.
 	 *
-	 * @param {?object} prevElement
-	 * @param {?object} nextElement
-	 * @return {boolean} True if the existing instance should be updated.
-	 * @protected
+	 * These systems should generally use pooling to reduce the frequency of garbage
+	 * collection. The system should check `isPersistent` to determine whether the
+	 * event should be released into the pool after being dispatched. Users that
+	 * need a persisted event should invoke `persist`.
+	 *
+	 * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+	 * normalizing browser quirks. Subclasses do not necessarily have to implement a
+	 * DOM interface; custom application-specific events can also subclass this.
+	 *
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {*} targetInst Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @param {DOMEventTarget} nativeEventTarget Target node.
 	 */
-	function shouldUpdateReactComponent(prevElement, nextElement) {
-	  var prevEmpty = prevElement === null || prevElement === false;
-	  var nextEmpty = nextElement === null || nextElement === false;
-	  if (prevEmpty || nextEmpty) {
-	    return prevEmpty === nextEmpty;
+	function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    // these have a getter/setter for warnings
+	    delete this.nativeEvent;
+	    delete this.preventDefault;
+	    delete this.stopPropagation;
 	  }
 
-	  var prevType = typeof prevElement;
-	  var nextType = typeof nextElement;
-	  if (prevType === 'string' || prevType === 'number') {
-	    return nextType === 'string' || nextType === 'number';
+	  this.dispatchConfig = dispatchConfig;
+	  this._targetInst = targetInst;
+	  this.nativeEvent = nativeEvent;
+
+	  var Interface = this.constructor.Interface;
+	  for (var propName in Interface) {
+	    if (!Interface.hasOwnProperty(propName)) {
+	      continue;
+	    }
+	    if (process.env.NODE_ENV !== 'production') {
+	      delete this[propName]; // this has a getter/setter for warnings
+	    }
+	    var normalize = Interface[propName];
+	    if (normalize) {
+	      this[propName] = normalize(nativeEvent);
+	    } else {
+	      if (propName === 'target') {
+	        this.target = nativeEventTarget;
+	      } else {
+	        this[propName] = nativeEvent[propName];
+	      }
+	    }
+	  }
+
+	  var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
+	  if (defaultPrevented) {
+	    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
 	  } else {
-	    return nextType === 'object' && prevElement.type === nextElement.type && prevElement.key === nextElement.key;
+	    this.isDefaultPrevented = emptyFunction.thatReturnsFalse;
 	  }
-	  return false;
+	  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
+	  return this;
 	}
 
-	module.exports = shouldUpdateReactComponent;
+	_assign(SyntheticEvent.prototype, {
 
-/***/ },
-/* 68 */
-/***/ function(module, exports, __webpack_require__) {
+	  preventDefault: function () {
+	    this.defaultPrevented = true;
+	    var event = this.nativeEvent;
+	    if (!event) {
+	      return;
+	    }
 
-	/**
-	 * Copyright 2014-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactEmptyComponent
-	 */
-
-	'use strict';
+	    if (event.preventDefault) {
+	      event.preventDefault();
+	    } else if (typeof event.returnValue !== 'unknown') {
+	      // eslint-disable-line valid-typeof
+	      event.returnValue = false;
+	    }
+	    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
+	  },
 
-	var ReactElement = __webpack_require__(42);
-	var ReactEmptyComponentRegistry = __webpack_require__(44);
-	var ReactReconciler = __webpack_require__(50);
+	  stopPropagation: function () {
+	    var event = this.nativeEvent;
+	    if (!event) {
+	      return;
+	    }
 
-	var assign = __webpack_require__(39);
+	    if (event.stopPropagation) {
+	      event.stopPropagation();
+	    } else if (typeof event.cancelBubble !== 'unknown') {
+	      // eslint-disable-line valid-typeof
+	      // The ChangeEventPlugin registers a "propertychange" event for
+	      // IE. This event does not support bubbling or cancelling, and
+	      // any references to cancelBubble throw "Member not found".  A
+	      // typeof check of "unknown" circumvents this issue (and is also
+	      // IE specific).
+	      event.cancelBubble = true;
+	    }
 
-	var placeholderElement;
+	    this.isPropagationStopped = emptyFunction.thatReturnsTrue;
+	  },
 
-	var ReactEmptyComponentInjection = {
-	  injectEmptyComponent: function (component) {
-	    placeholderElement = ReactElement.createElement(component);
-	  }
-	};
+	  /**
+	   * We release all dispatched `SyntheticEvent`s after each event loop, adding
+	   * them back into the pool. This allows a way to hold onto a reference that
+	   * won't be added back into the pool.
+	   */
+	  persist: function () {
+	    this.isPersistent = emptyFunction.thatReturnsTrue;
+	  },
 
-	function registerNullComponentID() {
-	  ReactEmptyComponentRegistry.registerNullComponentID(this._rootNodeID);
-	}
+	  /**
+	   * Checks if this event should be released back into the pool.
+	   *
+	   * @return {boolean} True if this should not be released, false otherwise.
+	   */
+	  isPersistent: emptyFunction.thatReturnsFalse,
 
-	var ReactEmptyComponent = function (instantiate) {
-	  this._currentElement = null;
-	  this._rootNodeID = null;
-	  this._renderedComponent = instantiate(placeholderElement);
-	};
-	assign(ReactEmptyComponent.prototype, {
-	  construct: function (element) {},
-	  mountComponent: function (rootID, transaction, context) {
-	    transaction.getReactMountReady().enqueue(registerNullComponentID, this);
-	    this._rootNodeID = rootID;
-	    return ReactReconciler.mountComponent(this._renderedComponent, rootID, transaction, context);
-	  },
-	  receiveComponent: function () {},
-	  unmountComponent: function (rootID, transaction, context) {
-	    ReactReconciler.unmountComponent(this._renderedComponent);
-	    ReactEmptyComponentRegistry.deregisterNullComponentID(this._rootNodeID);
-	    this._rootNodeID = null;
-	    this._renderedComponent = null;
+	  /**
+	   * `PooledClass` looks for `destructor` on each instance it releases.
+	   */
+	  destructor: function () {
+	    var Interface = this.constructor.Interface;
+	    for (var propName in Interface) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        Object.defineProperty(this, propName, getPooledWarningPropertyDefinition(propName, Interface[propName]));
+	      } else {
+	        this[propName] = null;
+	      }
+	    }
+	    for (var i = 0; i < shouldBeReleasedProperties.length; i++) {
+	      this[shouldBeReleasedProperties[i]] = null;
+	    }
+	    if (process.env.NODE_ENV !== 'production') {
+	      Object.defineProperty(this, 'nativeEvent', getPooledWarningPropertyDefinition('nativeEvent', null));
+	      Object.defineProperty(this, 'preventDefault', getPooledWarningPropertyDefinition('preventDefault', emptyFunction));
+	      Object.defineProperty(this, 'stopPropagation', getPooledWarningPropertyDefinition('stopPropagation', emptyFunction));
+	    }
 	  }
-	});
-
-	ReactEmptyComponent.injection = ReactEmptyComponentInjection;
 
-	module.exports = ReactEmptyComponent;
+	});
 
-/***/ },
-/* 69 */
-/***/ function(module, exports, __webpack_require__) {
+	SyntheticEvent.Interface = EventInterface;
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	if (process.env.NODE_ENV !== 'production') {
+	  if (isProxySupported) {
+	    /*eslint-disable no-func-assign */
+	    SyntheticEvent = new Proxy(SyntheticEvent, {
+	      construct: function (target, args) {
+	        return this.apply(target, Object.create(target.prototype), args);
+	      },
+	      apply: function (constructor, that, args) {
+	        return new Proxy(constructor.apply(that, args), {
+	          set: function (target, prop, value) {
+	            if (prop !== 'isPersistent' && !target.constructor.Interface.hasOwnProperty(prop) && shouldBeReleasedProperties.indexOf(prop) === -1) {
+	              process.env.NODE_ENV !== 'production' ? warning(didWarnForAddedNewProperty || target.isPersistent(), 'This synthetic event is reused for performance reasons. If you\'re ' + 'seeing this, you\'re adding a new property in the synthetic event object. ' + 'The property is never released. See ' + 'https://fb.me/react-event-pooling for more information.') : void 0;
+	              didWarnForAddedNewProperty = true;
+	            }
+	            target[prop] = value;
+	            return true;
+	          }
+	        });
+	      }
+	    });
+	    /*eslint-enable no-func-assign */
+	  }
+	}
+	/**
+	 * Helper to reduce boilerplate when creating subclasses.
 	 *
-	 * @providesModule ReactNativeComponent
+	 * @param {function} Class
+	 * @param {?object} Interface
 	 */
+	SyntheticEvent.augmentClass = function (Class, Interface) {
+	  var Super = this;
 
-	'use strict';
+	  var E = function () {};
+	  E.prototype = Super.prototype;
+	  var prototype = new E();
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
+	  _assign(prototype, Class.prototype);
+	  Class.prototype = prototype;
+	  Class.prototype.constructor = Class;
 
-	var autoGenerateWrapperClass = null;
-	var genericComponentClass = null;
-	// This registry keeps track of wrapper classes around native tags.
-	var tagToComponentClass = {};
-	var textComponentClass = null;
+	  Class.Interface = _assign({}, Super.Interface, Interface);
+	  Class.augmentClass = Super.augmentClass;
 
-	var ReactNativeComponentInjection = {
-	  // This accepts a class that receives the tag string. This is a catch all
-	  // that can render any kind of tag.
-	  injectGenericComponentClass: function (componentClass) {
-	    genericComponentClass = componentClass;
-	  },
-	  // This accepts a text component class that takes the text string to be
-	  // rendered as props.
-	  injectTextComponentClass: function (componentClass) {
-	    textComponentClass = componentClass;
-	  },
-	  // This accepts a keyed object with classes as values. Each key represents a
-	  // tag. That particular tag will use this class instead of the generic one.
-	  injectComponentClasses: function (componentClasses) {
-	    assign(tagToComponentClass, componentClasses);
-	  }
+	  PooledClass.addPoolingTo(Class, PooledClass.fourArgumentPooler);
 	};
 
+	PooledClass.addPoolingTo(SyntheticEvent, PooledClass.fourArgumentPooler);
+
+	module.exports = SyntheticEvent;
+
 	/**
-	 * Get a composite component wrapper class for a specific tag.
-	 *
-	 * @param {ReactElement} element The tag for which to get the class.
-	 * @return {function} The React class constructor function.
-	 */
-	function getComponentClassForElement(element) {
-	  if (typeof element.type === 'function') {
-	    return element.type;
+	  * Helper to nullify syntheticEvent instance properties when destructing
+	  *
+	  * @param {object} SyntheticEvent
+	  * @param {String} propName
+	  * @return {object} defineProperty object
+	  */
+	function getPooledWarningPropertyDefinition(propName, getVal) {
+	  var isFunction = typeof getVal === 'function';
+	  return {
+	    configurable: true,
+	    set: set,
+	    get: get
+	  };
+
+	  function set(val) {
+	    var action = isFunction ? 'setting the method' : 'setting the property';
+	    warn(action, 'This is effectively a no-op');
+	    return val;
 	  }
-	  var tag = element.type;
-	  var componentClass = tagToComponentClass[tag];
-	  if (componentClass == null) {
-	    tagToComponentClass[tag] = componentClass = autoGenerateWrapperClass(tag);
+
+	  function get() {
+	    var action = isFunction ? 'accessing the method' : 'accessing the property';
+	    var result = isFunction ? 'This is a no-op function' : 'This is set to null';
+	    warn(action, result);
+	    return getVal;
+	  }
+
+	  function warn(action, result) {
+	    var warningCondition = false;
+	    process.env.NODE_ENV !== 'production' ? warning(warningCondition, 'This synthetic event is reused for performance reasons. If you\'re seeing this, ' + 'you\'re %s `%s` on a released/nullified synthetic event. %s. ' + 'If you must keep the original synthetic event around, use event.persist(). ' + 'See https://fb.me/react-event-pooling for more information.', action, propName, result) : void 0;
 	  }
-	  return componentClass;
 	}
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Get a native internal component class for a specific tag.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {ReactElement} element The element to create.
-	 * @return {function} The internal class constructor function.
 	 */
-	function createInternalComponent(element) {
-	  !genericComponentClass ? process.env.NODE_ENV !== 'production' ? invariant(false, 'There is no registered component for the tag %s', element.type) : invariant(false) : undefined;
-	  return new genericComponentClass(element.type, element.props);
-	}
+
+	'use strict';
+
+	var SyntheticEvent = __webpack_require__(57);
 
 	/**
-	 * @param {ReactText} text
-	 * @return {ReactComponent}
+	 * @interface Event
+	 * @see http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105
+	 *      /#events-inputevents
 	 */
-	function createInstanceForText(text) {
-	  return new textComponentClass(text);
-	}
+	var InputEventInterface = {
+	  data: null
+	};
 
 	/**
-	 * @param {ReactComponent} component
-	 * @return {boolean}
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticUIEvent}
 	 */
-	function isTextComponent(component) {
-	  return component instanceof textComponentClass;
+	function SyntheticInputEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
-	var ReactNativeComponent = {
-	  getComponentClassForElement: getComponentClassForElement,
-	  createInternalComponent: createInternalComponent,
-	  createInstanceForText: createInstanceForText,
-	  isTextComponent: isTextComponent,
-	  injection: ReactNativeComponentInjection
-	};
+	SyntheticEvent.augmentClass(SyntheticInputEvent, InputEventInterface);
 
-	module.exports = ReactNativeComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = SyntheticInputEvent;
 
-/***/ },
-/* 70 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 59 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule validateDOMNesting
 	 */
 
 	'use strict';
 
-	var assign = __webpack_require__(39);
-	var emptyFunction = __webpack_require__(15);
-	var warning = __webpack_require__(25);
-
-	var validateDOMNesting = emptyFunction;
+	var EventPluginHub = __webpack_require__(46);
+	var EventPropagators = __webpack_require__(45);
+	var ExecutionEnvironment = __webpack_require__(52);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactUpdates = __webpack_require__(60);
+	var SyntheticEvent = __webpack_require__(57);
 
-	if (process.env.NODE_ENV !== 'production') {
-	  // This validation code was written based on the HTML5 parsing spec:
-	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
-	  //
-	  // Note: this does not catch all invalid nesting, nor does it try to (as it's
-	  // not clear what practical benefit doing so provides); instead, we warn only
-	  // for cases where the parser will give a parse tree differing from what React
-	  // intended. For example, <b><div></div></b> is invalid but we don't warn
-	  // because it still parses correctly; we do warn for other cases like nested
-	  // <p> tags where the beginning of the second element implicitly closes the
-	  // first, causing a confusing mess.
+	var getEventTarget = __webpack_require__(73);
+	var isEventSupported = __webpack_require__(74);
+	var isTextInputElement = __webpack_require__(75);
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#special
-	  var specialTags = ['address', 'applet', 'area', 'article', 'aside', 'base', 'basefont', 'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col', 'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe', 'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee', 'menu', 'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript', 'object', 'ol', 'p', 'param', 'plaintext', 'pre', 'script', 'section', 'select', 'source', 'style', 'summary', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr', 'xmp'];
+	var eventTypes = {
+	  change: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onChange',
+	      captured: 'onChangeCapture'
+	    },
+	    dependencies: ['topBlur', 'topChange', 'topClick', 'topFocus', 'topInput', 'topKeyDown', 'topKeyUp', 'topSelectionChange']
+	  }
+	};
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
-	  var inScopeTags = ['applet', 'caption', 'html', 'table', 'td', 'th', 'marquee', 'object', 'template',
+	/**
+	 * For IE shims
+	 */
+	var activeElement = null;
+	var activeElementInst = null;
+	var activeElementValue = null;
+	var activeElementValueProp = null;
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#html-integration-point
-	  // TODO: Distinguish by namespace here -- for <title>, including it here
-	  // errs on the side of fewer warnings
-	  'foreignObject', 'desc', 'title'];
+	/**
+	 * SECTION: handle `change` event
+	 */
+	function shouldUseChangeEvent(elem) {
+	  var nodeName = elem.nodeName && elem.nodeName.toLowerCase();
+	  return nodeName === 'select' || nodeName === 'input' && elem.type === 'file';
+	}
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-button-scope
-	  var buttonScopeTags = inScopeTags.concat(['button']);
+	var doesChangeEventBubble = false;
+	if (ExecutionEnvironment.canUseDOM) {
+	  // See `handleChange` comment below
+	  doesChangeEventBubble = isEventSupported('change') && (!document.documentMode || document.documentMode > 8);
+	}
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#generate-implied-end-tags
-	  var impliedEndTags = ['dd', 'dt', 'li', 'option', 'optgroup', 'p', 'rp', 'rt'];
+	function manualDispatchChangeEvent(nativeEvent) {
+	  var event = SyntheticEvent.getPooled(eventTypes.change, activeElementInst, nativeEvent, getEventTarget(nativeEvent));
+	  EventPropagators.accumulateTwoPhaseDispatches(event);
 
-	  var emptyAncestorInfo = {
-	    parentTag: null,
+	  // If change and propertychange bubbled, we'd just bind to it like all the
+	  // other events and have it go through ReactBrowserEventEmitter. Since it
+	  // doesn't, we manually listen for the events and so we have to enqueue and
+	  // process the abstract event manually.
+	  //
+	  // Batching is necessary here in order to ensure that all event handlers run
+	  // before the next rerender (including event handlers attached to ancestor
+	  // elements instead of directly on the input). Without this, controlled
+	  // components don't work properly in conjunction with event bubbling because
+	  // the component is rerendered and the value reverted before all the event
+	  // handlers can run. See https://github.com/facebook/react/issues/708.
+	  ReactUpdates.batchedUpdates(runEventInBatch, event);
+	}
 
-	    formTag: null,
-	    aTagInScope: null,
-	    buttonTagInScope: null,
-	    nobrTagInScope: null,
-	    pTagInButtonScope: null,
+	function runEventInBatch(event) {
+	  EventPluginHub.enqueueEvents(event);
+	  EventPluginHub.processEventQueue(false);
+	}
 
-	    listItemTagAutoclosing: null,
-	    dlItemTagAutoclosing: null
-	  };
+	function startWatchingForChangeEventIE8(target, targetInst) {
+	  activeElement = target;
+	  activeElementInst = targetInst;
+	  activeElement.attachEvent('onchange', manualDispatchChangeEvent);
+	}
 
-	  var updatedAncestorInfo = function (oldInfo, tag, instance) {
-	    var ancestorInfo = assign({}, oldInfo || emptyAncestorInfo);
-	    var info = { tag: tag, instance: instance };
+	function stopWatchingForChangeEventIE8() {
+	  if (!activeElement) {
+	    return;
+	  }
+	  activeElement.detachEvent('onchange', manualDispatchChangeEvent);
+	  activeElement = null;
+	  activeElementInst = null;
+	}
 
-	    if (inScopeTags.indexOf(tag) !== -1) {
-	      ancestorInfo.aTagInScope = null;
-	      ancestorInfo.buttonTagInScope = null;
-	      ancestorInfo.nobrTagInScope = null;
-	    }
-	    if (buttonScopeTags.indexOf(tag) !== -1) {
-	      ancestorInfo.pTagInButtonScope = null;
-	    }
+	function getTargetInstForChangeEvent(topLevelType, targetInst) {
+	  if (topLevelType === 'topChange') {
+	    return targetInst;
+	  }
+	}
+	function handleEventsForChangeEventIE8(topLevelType, target, targetInst) {
+	  if (topLevelType === 'topFocus') {
+	    // stopWatching() should be a noop here but we call it just in case we
+	    // missed a blur event somehow.
+	    stopWatchingForChangeEventIE8();
+	    startWatchingForChangeEventIE8(target, targetInst);
+	  } else if (topLevelType === 'topBlur') {
+	    stopWatchingForChangeEventIE8();
+	  }
+	}
 
-	    // See rules for 'li', 'dd', 'dt' start tags in
-	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
-	    if (specialTags.indexOf(tag) !== -1 && tag !== 'address' && tag !== 'div' && tag !== 'p') {
-	      ancestorInfo.listItemTagAutoclosing = null;
-	      ancestorInfo.dlItemTagAutoclosing = null;
-	    }
+	/**
+	 * SECTION: handle `input` event
+	 */
+	var isInputEventSupported = false;
+	if (ExecutionEnvironment.canUseDOM) {
+	  // IE9 claims to support the input event but fails to trigger it when
+	  // deleting text, so we ignore its input events.
+	  // IE10+ fire input events to often, such when a placeholder
+	  // changes or when an input with a placeholder is focused.
+	  isInputEventSupported = isEventSupported('input') && (!document.documentMode || document.documentMode > 11);
+	}
 
-	    ancestorInfo.parentTag = info;
+	/**
+	 * (For IE <=11) Replacement getter/setter for the `value` property that gets
+	 * set on the active element.
+	 */
+	var newValueProp = {
+	  get: function () {
+	    return activeElementValueProp.get.call(this);
+	  },
+	  set: function (val) {
+	    // Cast to a string so we can do equality checks.
+	    activeElementValue = '' + val;
+	    activeElementValueProp.set.call(this, val);
+	  }
+	};
 
-	    if (tag === 'form') {
-	      ancestorInfo.formTag = info;
-	    }
-	    if (tag === 'a') {
-	      ancestorInfo.aTagInScope = info;
-	    }
-	    if (tag === 'button') {
-	      ancestorInfo.buttonTagInScope = info;
-	    }
-	    if (tag === 'nobr') {
-	      ancestorInfo.nobrTagInScope = info;
-	    }
-	    if (tag === 'p') {
-	      ancestorInfo.pTagInButtonScope = info;
-	    }
-	    if (tag === 'li') {
-	      ancestorInfo.listItemTagAutoclosing = info;
-	    }
-	    if (tag === 'dd' || tag === 'dt') {
-	      ancestorInfo.dlItemTagAutoclosing = info;
-	    }
+	/**
+	 * (For IE <=11) Starts tracking propertychange events on the passed-in element
+	 * and override the value property so that we can distinguish user events from
+	 * value changes in JS.
+	 */
+	function startWatchingForValueChange(target, targetInst) {
+	  activeElement = target;
+	  activeElementInst = targetInst;
+	  activeElementValue = target.value;
+	  activeElementValueProp = Object.getOwnPropertyDescriptor(target.constructor.prototype, 'value');
 
-	    return ancestorInfo;
-	  };
+	  // Not guarded in a canDefineProperty check: IE8 supports defineProperty only
+	  // on DOM elements
+	  Object.defineProperty(activeElement, 'value', newValueProp);
+	  if (activeElement.attachEvent) {
+	    activeElement.attachEvent('onpropertychange', handlePropertyChange);
+	  } else {
+	    activeElement.addEventListener('propertychange', handlePropertyChange, false);
+	  }
+	}
 
-	  /**
-	   * Returns whether
-	   */
-	  var isTagValidWithParent = function (tag, parentTag) {
-	    // First, let's check if we're in an unusual parsing mode...
-	    switch (parentTag) {
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inselect
-	      case 'select':
-	        return tag === 'option' || tag === 'optgroup' || tag === '#text';
-	      case 'optgroup':
-	        return tag === 'option' || tag === '#text';
-	      // Strictly speaking, seeing an <option> doesn't mean we're in a <select>
-	      // but
-	      case 'option':
-	        return tag === '#text';
+	/**
+	 * (For IE <=11) Removes the event listeners from the currently-tracked element,
+	 * if any exists.
+	 */
+	function stopWatchingForValueChange() {
+	  if (!activeElement) {
+	    return;
+	  }
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intd
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incaption
-	      // No special behavior since these rules fall back to "in body" mode for
-	      // all except special table nodes which cause bad parsing behavior anyway.
+	  // delete restores the original property definition
+	  delete activeElement.value;
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intr
-	      case 'tr':
-	        return tag === 'th' || tag === 'td' || tag === 'style' || tag === 'script' || tag === 'template';
+	  if (activeElement.detachEvent) {
+	    activeElement.detachEvent('onpropertychange', handlePropertyChange);
+	  } else {
+	    activeElement.removeEventListener('propertychange', handlePropertyChange, false);
+	  }
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intbody
-	      case 'tbody':
-	      case 'thead':
-	      case 'tfoot':
-	        return tag === 'tr' || tag === 'style' || tag === 'script' || tag === 'template';
+	  activeElement = null;
+	  activeElementInst = null;
+	  activeElementValue = null;
+	  activeElementValueProp = null;
+	}
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incolgroup
-	      case 'colgroup':
-	        return tag === 'col' || tag === 'template';
+	/**
+	 * (For IE <=11) Handles a propertychange event, sending a `change` event if
+	 * the value of the active element has changed.
+	 */
+	function handlePropertyChange(nativeEvent) {
+	  if (nativeEvent.propertyName !== 'value') {
+	    return;
+	  }
+	  var value = nativeEvent.srcElement.value;
+	  if (value === activeElementValue) {
+	    return;
+	  }
+	  activeElementValue = value;
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intable
-	      case 'table':
-	        return tag === 'caption' || tag === 'colgroup' || tag === 'tbody' || tag === 'tfoot' || tag === 'thead' || tag === 'style' || tag === 'script' || tag === 'template';
+	  manualDispatchChangeEvent(nativeEvent);
+	}
 
-	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inhead
-	      case 'head':
-	        return tag === 'base' || tag === 'basefont' || tag === 'bgsound' || tag === 'link' || tag === 'meta' || tag === 'title' || tag === 'noscript' || tag === 'noframes' || tag === 'style' || tag === 'script' || tag === 'template';
+	/**
+	 * If a `change` event should be fired, returns the target's ID.
+	 */
+	function getTargetInstForInputEvent(topLevelType, targetInst) {
+	  if (topLevelType === 'topInput') {
+	    // In modern browsers (i.e., not IE8 or IE9), the input event is exactly
+	    // what we want so fall through here and trigger an abstract event
+	    return targetInst;
+	  }
+	}
 
-	      // https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
-	      case 'html':
-	        return tag === 'head' || tag === 'body';
+	function handleEventsForInputEventIE(topLevelType, target, targetInst) {
+	  if (topLevelType === 'topFocus') {
+	    // In IE8, we can capture almost all .value changes by adding a
+	    // propertychange handler and looking for events with propertyName
+	    // equal to 'value'
+	    // In IE9-11, propertychange fires for most input events but is buggy and
+	    // doesn't fire when text is deleted, but conveniently, selectionchange
+	    // appears to fire in all of the remaining cases so we catch those and
+	    // forward the event if the value has changed
+	    // In either case, we don't want to call the event handler if the value
+	    // is changed from JS so we redefine a setter for `.value` that updates
+	    // our activeElementValue variable, allowing us to ignore those changes
+	    //
+	    // stopWatching() should be a noop here but we call it just in case we
+	    // missed a blur event somehow.
+	    stopWatchingForValueChange();
+	    startWatchingForValueChange(target, targetInst);
+	  } else if (topLevelType === 'topBlur') {
+	    stopWatchingForValueChange();
+	  }
+	}
+
+	// For IE8 and IE9.
+	function getTargetInstForInputEventIE(topLevelType, targetInst) {
+	  if (topLevelType === 'topSelectionChange' || topLevelType === 'topKeyUp' || topLevelType === 'topKeyDown') {
+	    // On the selectionchange event, the target is just document which isn't
+	    // helpful for us so just check activeElement instead.
+	    //
+	    // 99% of the time, keydown and keyup aren't necessary. IE8 fails to fire
+	    // propertychange on the first input event after setting `value` from a
+	    // script and fires only keydown, keypress, keyup. Catching keyup usually
+	    // gets it and catching keydown lets us fire an event for the first
+	    // keystroke if user does a key repeat (it'll be a little delayed: right
+	    // before the second keystroke). Other input methods (e.g., paste) seem to
+	    // fire selectionchange normally.
+	    if (activeElement && activeElement.value !== activeElementValue) {
+	      activeElementValue = activeElement.value;
+	      return activeElementInst;
 	    }
+	  }
+	}
 
-	    // Probably in the "in body" parsing mode, so we outlaw only tag combos
-	    // where the parsing rules cause implicit opens or closes to be added.
-	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
-	    switch (tag) {
-	      case 'h1':
-	      case 'h2':
-	      case 'h3':
-	      case 'h4':
-	      case 'h5':
-	      case 'h6':
-	        return parentTag !== 'h1' && parentTag !== 'h2' && parentTag !== 'h3' && parentTag !== 'h4' && parentTag !== 'h5' && parentTag !== 'h6';
+	/**
+	 * SECTION: handle `click` event
+	 */
+	function shouldUseClickEvent(elem) {
+	  // Use the `click` event to detect changes to checkbox and radio inputs.
+	  // This approach works across all browsers, whereas `change` does not fire
+	  // until `blur` in IE8.
+	  return elem.nodeName && elem.nodeName.toLowerCase() === 'input' && (elem.type === 'checkbox' || elem.type === 'radio');
+	}
 
-	      case 'rp':
-	      case 'rt':
-	        return impliedEndTags.indexOf(parentTag) === -1;
+	function getTargetInstForClickEvent(topLevelType, targetInst) {
+	  if (topLevelType === 'topClick') {
+	    return targetInst;
+	  }
+	}
 
-	      case 'caption':
-	      case 'col':
-	      case 'colgroup':
-	      case 'frame':
-	      case 'head':
-	      case 'tbody':
-	      case 'td':
-	      case 'tfoot':
-	      case 'th':
-	      case 'thead':
-	      case 'tr':
-	        // These tags are only valid with a few parents that have special child
-	        // parsing rules -- if we're down here, then none of those matched and
-	        // so we allow it only if we don't know what the parent is, as all other
-	        // cases are invalid.
-	        return parentTag == null;
-	    }
+	function handleControlledInputBlur(inst, node) {
+	  // TODO: In IE, inst is occasionally null. Why?
+	  if (inst == null) {
+	    return;
+	  }
 
-	    return true;
-	  };
+	  // Fiber and ReactDOM keep wrapper state in separate places
+	  var state = inst._wrapperState || node._wrapperState;
 
-	  /**
-	   * Returns whether
-	   */
-	  var findInvalidAncestorForTag = function (tag, ancestorInfo) {
-	    switch (tag) {
-	      case 'address':
-	      case 'article':
-	      case 'aside':
-	      case 'blockquote':
-	      case 'center':
-	      case 'details':
-	      case 'dialog':
-	      case 'dir':
-	      case 'div':
-	      case 'dl':
-	      case 'fieldset':
-	      case 'figcaption':
-	      case 'figure':
-	      case 'footer':
-	      case 'header':
-	      case 'hgroup':
-	      case 'main':
-	      case 'menu':
-	      case 'nav':
-	      case 'ol':
-	      case 'p':
-	      case 'section':
-	      case 'summary':
-	      case 'ul':
-
-	      case 'pre':
-	      case 'listing':
-
-	      case 'table':
-
-	      case 'hr':
-
-	      case 'xmp':
-
-	      case 'h1':
-	      case 'h2':
-	      case 'h3':
-	      case 'h4':
-	      case 'h5':
-	      case 'h6':
-	        return ancestorInfo.pTagInButtonScope;
-
-	      case 'form':
-	        return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-
-	      case 'li':
-	        return ancestorInfo.listItemTagAutoclosing;
-
-	      case 'dd':
-	      case 'dt':
-	        return ancestorInfo.dlItemTagAutoclosing;
-
-	      case 'button':
-	        return ancestorInfo.buttonTagInScope;
-
-	      case 'a':
-	        // Spec says something about storing a list of markers, but it sounds
-	        // equivalent to this check.
-	        return ancestorInfo.aTagInScope;
-
-	      case 'nobr':
-	        return ancestorInfo.nobrTagInScope;
-	    }
-
-	    return null;
-	  };
-
-	  /**
-	   * Given a ReactCompositeComponent instance, return a list of its recursive
-	   * owners, starting at the root and ending with the instance itself.
-	   */
-	  var findOwnerStack = function (instance) {
-	    if (!instance) {
-	      return [];
-	    }
-
-	    var stack = [];
-	    /*eslint-disable space-after-keywords */
-	    do {
-	      /*eslint-enable space-after-keywords */
-	      stack.push(instance);
-	    } while (instance = instance._currentElement._owner);
-	    stack.reverse();
-	    return stack;
-	  };
-
-	  var didWarn = {};
-
-	  validateDOMNesting = function (childTag, childInstance, ancestorInfo) {
-	    ancestorInfo = ancestorInfo || emptyAncestorInfo;
-	    var parentInfo = ancestorInfo.parentTag;
-	    var parentTag = parentInfo && parentInfo.tag;
-
-	    var invalidParent = isTagValidWithParent(childTag, parentTag) ? null : parentInfo;
-	    var invalidAncestor = invalidParent ? null : findInvalidAncestorForTag(childTag, ancestorInfo);
-	    var problematic = invalidParent || invalidAncestor;
+	  if (!state || !state.controlled || node.type !== 'number') {
+	    return;
+	  }
 
-	    if (problematic) {
-	      var ancestorTag = problematic.tag;
-	      var ancestorInstance = problematic.instance;
+	  // If controlled, assign the value attribute to the current value on blur
+	  var value = '' + node.value;
+	  if (node.getAttribute('value') !== value) {
+	    node.setAttribute('value', value);
+	  }
+	}
 
-	      var childOwner = childInstance && childInstance._currentElement._owner;
-	      var ancestorOwner = ancestorInstance && ancestorInstance._currentElement._owner;
+	/**
+	 * This plugin creates an `onChange` event that normalizes change events
+	 * across form elements. This event fires at a time when it's possible to
+	 * change the element's value without seeing a flicker.
+	 *
+	 * Supported elements are:
+	 * - input (see `isTextInputElement`)
+	 * - textarea
+	 * - select
+	 */
+	var ChangeEventPlugin = {
 
-	      var childOwners = findOwnerStack(childOwner);
-	      var ancestorOwners = findOwnerStack(ancestorOwner);
+	  eventTypes: eventTypes,
 
-	      var minStackLen = Math.min(childOwners.length, ancestorOwners.length);
-	      var i;
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    var targetNode = targetInst ? ReactDOMComponentTree.getNodeFromInstance(targetInst) : window;
 
-	      var deepestCommon = -1;
-	      for (i = 0; i < minStackLen; i++) {
-	        if (childOwners[i] === ancestorOwners[i]) {
-	          deepestCommon = i;
-	        } else {
-	          break;
-	        }
+	    var getTargetInstFunc, handleEventFunc;
+	    if (shouldUseChangeEvent(targetNode)) {
+	      if (doesChangeEventBubble) {
+	        getTargetInstFunc = getTargetInstForChangeEvent;
+	      } else {
+	        handleEventFunc = handleEventsForChangeEventIE8;
 	      }
-
-	      var UNKNOWN = '(unknown)';
-	      var childOwnerNames = childOwners.slice(deepestCommon + 1).map(function (inst) {
-	        return inst.getName() || UNKNOWN;
-	      });
-	      var ancestorOwnerNames = ancestorOwners.slice(deepestCommon + 1).map(function (inst) {
-	        return inst.getName() || UNKNOWN;
-	      });
-	      var ownerInfo = [].concat(
-	      // If the parent and child instances have a common owner ancestor, start
-	      // with that -- otherwise we just start with the parent's owners.
-	      deepestCommon !== -1 ? childOwners[deepestCommon].getName() || UNKNOWN : [], ancestorOwnerNames, ancestorTag,
-	      // If we're warning about an invalid (non-parent) ancestry, add '...'
-	      invalidAncestor ? ['...'] : [], childOwnerNames, childTag).join(' > ');
-
-	      var warnKey = !!invalidParent + '|' + childTag + '|' + ancestorTag + '|' + ownerInfo;
-	      if (didWarn[warnKey]) {
-	        return;
+	    } else if (isTextInputElement(targetNode)) {
+	      if (isInputEventSupported) {
+	        getTargetInstFunc = getTargetInstForInputEvent;
+	      } else {
+	        getTargetInstFunc = getTargetInstForInputEventIE;
+	        handleEventFunc = handleEventsForInputEventIE;
 	      }
-	      didWarn[warnKey] = true;
+	    } else if (shouldUseClickEvent(targetNode)) {
+	      getTargetInstFunc = getTargetInstForClickEvent;
+	    }
 
-	      if (invalidParent) {
-	        var info = '';
-	        if (ancestorTag === 'table' && childTag === 'tr') {
-	          info += ' Add a <tbody> to your code to match the DOM tree generated by ' + 'the browser.';
-	        }
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'validateDOMNesting(...): <%s> cannot appear as a child of <%s>. ' + 'See %s.%s', childTag, ancestorTag, ownerInfo, info) : undefined;
-	      } else {
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'validateDOMNesting(...): <%s> cannot appear as a descendant of ' + '<%s>. See %s.', childTag, ancestorTag, ownerInfo) : undefined;
+	    if (getTargetInstFunc) {
+	      var inst = getTargetInstFunc(topLevelType, targetInst);
+	      if (inst) {
+	        var event = SyntheticEvent.getPooled(eventTypes.change, inst, nativeEvent, nativeEventTarget);
+	        event.type = 'change';
+	        EventPropagators.accumulateTwoPhaseDispatches(event);
+	        return event;
 	      }
 	    }
-	  };
 
-	  validateDOMNesting.ancestorInfoContextKey = '__validateDOMNesting_ancestorInfo$' + Math.random().toString(36).slice(2);
+	    if (handleEventFunc) {
+	      handleEventFunc(topLevelType, targetNode, targetInst);
+	    }
 
-	  validateDOMNesting.updatedAncestorInfo = updatedAncestorInfo;
+	    // When blurring, set the value attribute for number inputs
+	    if (topLevelType === 'topBlur') {
+	      handleControlledInputBlur(targetInst, targetNode);
+	    }
+	  }
 
-	  // For testing
-	  validateDOMNesting.isTagValidInContext = function (tag, ancestorInfo) {
-	    ancestorInfo = ancestorInfo || emptyAncestorInfo;
-	    var parentInfo = ancestorInfo.parentTag;
-	    var parentTag = parentInfo && parentInfo.tag;
-	    return isTagValidWithParent(tag, parentTag) && !findInvalidAncestorForTag(tag, ancestorInfo);
-	  };
-	}
+	};
 
-	module.exports = validateDOMNesting;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ChangeEventPlugin;
 
-/***/ },
-/* 71 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 60 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDefaultInjection
 	 */
 
 	'use strict';
 
-	var BeforeInputEventPlugin = __webpack_require__(72);
-	var ChangeEventPlugin = __webpack_require__(80);
-	var ClientReactRootIndex = __webpack_require__(83);
-	var DefaultEventPluginOrder = __webpack_require__(84);
-	var EnterLeaveEventPlugin = __webpack_require__(85);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var HTMLDOMPropertyConfig = __webpack_require__(89);
-	var ReactBrowserComponentMixin = __webpack_require__(90);
-	var ReactComponentBrowserEnvironment = __webpack_require__(26);
-	var ReactDefaultBatchingStrategy = __webpack_require__(92);
-	var ReactDOMComponent = __webpack_require__(93);
-	var ReactDOMTextComponent = __webpack_require__(6);
-	var ReactEventListener = __webpack_require__(118);
-	var ReactInjection = __webpack_require__(121);
-	var ReactInstanceHandles = __webpack_require__(45);
-	var ReactMount = __webpack_require__(28);
-	var ReactReconcileTransaction = __webpack_require__(125);
-	var SelectEventPlugin = __webpack_require__(130);
-	var ServerReactRootIndex = __webpack_require__(131);
-	var SimpleEventPlugin = __webpack_require__(132);
-	var SVGDOMPropertyConfig = __webpack_require__(141);
-
-	var alreadyInjected = false;
-
-	function inject() {
-	  if (alreadyInjected) {
-	    // TODO: This is currently true because these injections are shared between
-	    // the client and the server package. They should be built independently
-	    // and not share any injection state. Then this problem will be solved.
-	    return;
-	  }
-	  alreadyInjected = true;
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
 
-	  ReactInjection.EventEmitter.injectReactEventListener(ReactEventListener);
+	var CallbackQueue = __webpack_require__(61);
+	var PooledClass = __webpack_require__(54);
+	var ReactFeatureFlags = __webpack_require__(62);
+	var ReactReconciler = __webpack_require__(63);
+	var Transaction = __webpack_require__(72);
 
-	  /**
-	   * Inject modules for resolving DOM hierarchy and plugin ordering.
-	   */
-	  ReactInjection.EventPluginHub.injectEventPluginOrder(DefaultEventPluginOrder);
-	  ReactInjection.EventPluginHub.injectInstanceHandle(ReactInstanceHandles);
-	  ReactInjection.EventPluginHub.injectMount(ReactMount);
+	var invariant = __webpack_require__(8);
 
-	  /**
-	   * Some important event plugins included by default (without having to require
-	   * them).
-	   */
-	  ReactInjection.EventPluginHub.injectEventPluginsByName({
-	    SimpleEventPlugin: SimpleEventPlugin,
-	    EnterLeaveEventPlugin: EnterLeaveEventPlugin,
-	    ChangeEventPlugin: ChangeEventPlugin,
-	    SelectEventPlugin: SelectEventPlugin,
-	    BeforeInputEventPlugin: BeforeInputEventPlugin
-	  });
+	var dirtyComponents = [];
+	var updateBatchNumber = 0;
+	var asapCallbackQueue = CallbackQueue.getPooled();
+	var asapEnqueued = false;
 
-	  ReactInjection.NativeComponent.injectGenericComponentClass(ReactDOMComponent);
+	var batchingStrategy = null;
 
-	  ReactInjection.NativeComponent.injectTextComponentClass(ReactDOMTextComponent);
+	function ensureInjected() {
+	  !(ReactUpdates.ReactReconcileTransaction && batchingStrategy) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must inject a reconcile transaction class and batching strategy') : _prodInvariant('123') : void 0;
+	}
 
-	  ReactInjection.Class.injectMixin(ReactBrowserComponentMixin);
+	var NESTED_UPDATES = {
+	  initialize: function () {
+	    this.dirtyComponentsLength = dirtyComponents.length;
+	  },
+	  close: function () {
+	    if (this.dirtyComponentsLength !== dirtyComponents.length) {
+	      // Additional updates were enqueued by componentDidUpdate handlers or
+	      // similar; before our own UPDATE_QUEUEING wrapper closes, we want to run
+	      // these new updates so that if A's componentDidUpdate calls setState on
+	      // B, B will update before the callback A's updater provided when calling
+	      // setState.
+	      dirtyComponents.splice(0, this.dirtyComponentsLength);
+	      flushBatchedUpdates();
+	    } else {
+	      dirtyComponents.length = 0;
+	    }
+	  }
+	};
 
-	  ReactInjection.DOMProperty.injectDOMPropertyConfig(HTMLDOMPropertyConfig);
-	  ReactInjection.DOMProperty.injectDOMPropertyConfig(SVGDOMPropertyConfig);
+	var UPDATE_QUEUEING = {
+	  initialize: function () {
+	    this.callbackQueue.reset();
+	  },
+	  close: function () {
+	    this.callbackQueue.notifyAll();
+	  }
+	};
 
-	  ReactInjection.EmptyComponent.injectEmptyComponent('noscript');
+	var TRANSACTION_WRAPPERS = [NESTED_UPDATES, UPDATE_QUEUEING];
 
-	  ReactInjection.Updates.injectReconcileTransaction(ReactReconcileTransaction);
-	  ReactInjection.Updates.injectBatchingStrategy(ReactDefaultBatchingStrategy);
+	function ReactUpdatesFlushTransaction() {
+	  this.reinitializeTransaction();
+	  this.dirtyComponentsLength = null;
+	  this.callbackQueue = CallbackQueue.getPooled();
+	  this.reconcileTransaction = ReactUpdates.ReactReconcileTransaction.getPooled(
+	  /* useCreateElement */true);
+	}
 
-	  ReactInjection.RootIndex.injectCreateReactRootIndex(ExecutionEnvironment.canUseDOM ? ClientReactRootIndex.createReactRootIndex : ServerReactRootIndex.createReactRootIndex);
+	_assign(ReactUpdatesFlushTransaction.prototype, Transaction, {
+	  getTransactionWrappers: function () {
+	    return TRANSACTION_WRAPPERS;
+	  },
 
-	  ReactInjection.Component.injectEnvironment(ReactComponentBrowserEnvironment);
+	  destructor: function () {
+	    this.dirtyComponentsLength = null;
+	    CallbackQueue.release(this.callbackQueue);
+	    this.callbackQueue = null;
+	    ReactUpdates.ReactReconcileTransaction.release(this.reconcileTransaction);
+	    this.reconcileTransaction = null;
+	  },
 
-	  if (process.env.NODE_ENV !== 'production') {
-	    var url = ExecutionEnvironment.canUseDOM && window.location.href || '';
-	    if (/[?&]react_perf\b/.test(url)) {
-	      var ReactDefaultPerf = __webpack_require__(142);
-	      ReactDefaultPerf.start();
-	    }
+	  perform: function (method, scope, a) {
+	    // Essentially calls `this.reconcileTransaction.perform(method, scope, a)`
+	    // with this transaction's wrappers around it.
+	    return Transaction.perform.call(this, this.reconcileTransaction.perform, this.reconcileTransaction, method, scope, a);
 	  }
-	}
+	});
 
-	module.exports = {
-	  inject: inject
-	};
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	PooledClass.addPoolingTo(ReactUpdatesFlushTransaction);
 
-/***/ },
-/* 72 */
-/***/ function(module, exports, __webpack_require__) {
+	function batchedUpdates(callback, a, b, c, d, e) {
+	  ensureInjected();
+	  return batchingStrategy.batchedUpdates(callback, a, b, c, d, e);
+	}
 
 	/**
-	 * Copyright 2013-2015 Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Array comparator for ReactComponents by mount ordering.
 	 *
-	 * @providesModule BeforeInputEventPlugin
-	 * @typechecks static-only
+	 * @param {ReactComponent} c1 first component you're comparing
+	 * @param {ReactComponent} c2 second component you're comparing
+	 * @return {number} Return value usable by Array.prototype.sort().
 	 */
+	function mountOrderComparator(c1, c2) {
+	  return c1._mountOrder - c2._mountOrder;
+	}
 
-	'use strict';
+	function runBatchedUpdates(transaction) {
+	  var len = transaction.dirtyComponentsLength;
+	  !(len === dirtyComponents.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Expected flush transaction\'s stored dirty-components length (%s) to match dirty-components array length (%s).', len, dirtyComponents.length) : _prodInvariant('124', len, dirtyComponents.length) : void 0;
 
-	var EventConstants = __webpack_require__(30);
-	var EventPropagators = __webpack_require__(73);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var FallbackCompositionState = __webpack_require__(74);
-	var SyntheticCompositionEvent = __webpack_require__(76);
-	var SyntheticInputEvent = __webpack_require__(78);
+	  // Since reconciling a component higher in the owner hierarchy usually (not
+	  // always -- see shouldComponentUpdate()) will reconcile children, reconcile
+	  // them before their children by sorting the array.
+	  dirtyComponents.sort(mountOrderComparator);
 
-	var keyOf = __webpack_require__(79);
+	  // Any updates enqueued while reconciling must be performed after this entire
+	  // batch. Otherwise, if dirtyComponents is [A, B] where A has children B and
+	  // C, B could update twice in a single batch if C's render enqueues an update
+	  // to B (since B would have already updated, we should skip it, and the only
+	  // way we can know to do so is by checking the batch counter).
+	  updateBatchNumber++;
 
-	var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
-	var START_KEYCODE = 229;
+	  for (var i = 0; i < len; i++) {
+	    // If a component is unmounted before pending changes apply, it will still
+	    // be here, but we assume that it has cleared its _pendingCallbacks and
+	    // that performUpdateIfNecessary is a noop.
+	    var component = dirtyComponents[i];
 
-	var canUseCompositionEvent = ExecutionEnvironment.canUseDOM && 'CompositionEvent' in window;
+	    // If performUpdateIfNecessary happens to enqueue any new updates, we
+	    // shouldn't execute the callbacks until the next render happens, so
+	    // stash the callbacks first
+	    var callbacks = component._pendingCallbacks;
+	    component._pendingCallbacks = null;
 
-	var documentMode = null;
-	if (ExecutionEnvironment.canUseDOM && 'documentMode' in document) {
-	  documentMode = document.documentMode;
-	}
+	    var markerName;
+	    if (ReactFeatureFlags.logTopLevelRenders) {
+	      var namedComponent = component;
+	      // Duck type TopLevelWrapper. This is probably always true.
+	      if (component._currentElement.type.isReactTopLevelWrapper) {
+	        namedComponent = component._renderedComponent;
+	      }
+	      markerName = 'React update: ' + namedComponent.getName();
+	      console.time(markerName);
+	    }
 
-	// Webkit offers a very useful `textInput` event that can be used to
-	// directly represent `beforeInput`. The IE `textinput` event is not as
-	// useful, so we don't use it.
-	var canUseTextInputEvent = ExecutionEnvironment.canUseDOM && 'TextEvent' in window && !documentMode && !isPresto();
+	    ReactReconciler.performUpdateIfNecessary(component, transaction.reconcileTransaction, updateBatchNumber);
 
-	// In IE9+, we have access to composition events, but the data supplied
-	// by the native compositionend event may be incorrect. Japanese ideographic
-	// spaces, for instance (\u3000) are not recorded correctly.
-	var useFallbackCompositionData = ExecutionEnvironment.canUseDOM && (!canUseCompositionEvent || documentMode && documentMode > 8 && documentMode <= 11);
+	    if (markerName) {
+	      console.timeEnd(markerName);
+	    }
 
-	/**
-	 * Opera <= 12 includes TextEvent in window, but does not fire
-	 * text input events. Rely on keypress instead.
-	 */
-	function isPresto() {
-	  var opera = window.opera;
-	  return typeof opera === 'object' && typeof opera.version === 'function' && parseInt(opera.version(), 10) <= 12;
+	    if (callbacks) {
+	      for (var j = 0; j < callbacks.length; j++) {
+	        transaction.callbackQueue.enqueue(callbacks[j], component.getPublicInstance());
+	      }
+	    }
+	  }
 	}
 
-	var SPACEBAR_CODE = 32;
-	var SPACEBAR_CHAR = String.fromCharCode(SPACEBAR_CODE);
-
-	var topLevelTypes = EventConstants.topLevelTypes;
+	var flushBatchedUpdates = function () {
+	  // ReactUpdatesFlushTransaction's wrappers will clear the dirtyComponents
+	  // array and perform any updates enqueued by mount-ready handlers (i.e.,
+	  // componentDidUpdate) but we need to check here too in order to catch
+	  // updates enqueued by setState callbacks and asap calls.
+	  while (dirtyComponents.length || asapEnqueued) {
+	    if (dirtyComponents.length) {
+	      var transaction = ReactUpdatesFlushTransaction.getPooled();
+	      transaction.perform(runBatchedUpdates, null, transaction);
+	      ReactUpdatesFlushTransaction.release(transaction);
+	    }
 
-	// Events and their corresponding property names.
-	var eventTypes = {
-	  beforeInput: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onBeforeInput: null }),
-	      captured: keyOf({ onBeforeInputCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topCompositionEnd, topLevelTypes.topKeyPress, topLevelTypes.topTextInput, topLevelTypes.topPaste]
-	  },
-	  compositionEnd: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCompositionEnd: null }),
-	      captured: keyOf({ onCompositionEndCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topBlur, topLevelTypes.topCompositionEnd, topLevelTypes.topKeyDown, topLevelTypes.topKeyPress, topLevelTypes.topKeyUp, topLevelTypes.topMouseDown]
-	  },
-	  compositionStart: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCompositionStart: null }),
-	      captured: keyOf({ onCompositionStartCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topBlur, topLevelTypes.topCompositionStart, topLevelTypes.topKeyDown, topLevelTypes.topKeyPress, topLevelTypes.topKeyUp, topLevelTypes.topMouseDown]
-	  },
-	  compositionUpdate: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCompositionUpdate: null }),
-	      captured: keyOf({ onCompositionUpdateCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topBlur, topLevelTypes.topCompositionUpdate, topLevelTypes.topKeyDown, topLevelTypes.topKeyPress, topLevelTypes.topKeyUp, topLevelTypes.topMouseDown]
+	    if (asapEnqueued) {
+	      asapEnqueued = false;
+	      var queue = asapCallbackQueue;
+	      asapCallbackQueue = CallbackQueue.getPooled();
+	      queue.notifyAll();
+	      CallbackQueue.release(queue);
+	    }
 	  }
 	};
 
-	// Track whether we've ever handled a keypress on the space key.
-	var hasSpaceKeypress = false;
-
 	/**
-	 * Return whether a native keypress event is assumed to be a command.
-	 * This is required because Firefox fires `keypress` events for key commands
-	 * (cut, copy, select-all, etc.) even though no character is inserted.
+	 * Mark a component as needing a rerender, adding an optional callback to a
+	 * list of functions which will be executed once the rerender occurs.
 	 */
-	function isKeypressCommand(nativeEvent) {
-	  return (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) &&
-	  // ctrlKey && altKey is equivalent to AltGr, and is not a command.
-	  !(nativeEvent.ctrlKey && nativeEvent.altKey);
-	}
+	function enqueueUpdate(component) {
+	  ensureInjected();
 
-	/**
-	 * Translate native top level events into event types.
-	 *
-	 * @param {string} topLevelType
-	 * @return {object}
-	 */
-	function getCompositionEventType(topLevelType) {
-	  switch (topLevelType) {
-	    case topLevelTypes.topCompositionStart:
-	      return eventTypes.compositionStart;
-	    case topLevelTypes.topCompositionEnd:
-	      return eventTypes.compositionEnd;
-	    case topLevelTypes.topCompositionUpdate:
-	      return eventTypes.compositionUpdate;
+	  // Various parts of our code (such as ReactCompositeComponent's
+	  // _renderValidatedComponent) assume that calls to render aren't nested;
+	  // verify that that's the case. (This is called by each top-level update
+	  // function, like setState, forceUpdate, etc.; creation and
+	  // destruction of top-level components is guarded in ReactMount.)
+
+	  if (!batchingStrategy.isBatchingUpdates) {
+	    batchingStrategy.batchedUpdates(enqueueUpdate, component);
+	    return;
 	  }
-	}
 
-	/**
-	 * Does our fallback best-guess model think this event signifies that
-	 * composition has begun?
-	 *
-	 * @param {string} topLevelType
-	 * @param {object} nativeEvent
-	 * @return {boolean}
-	 */
-	function isFallbackCompositionStart(topLevelType, nativeEvent) {
-	  return topLevelType === topLevelTypes.topKeyDown && nativeEvent.keyCode === START_KEYCODE;
+	  dirtyComponents.push(component);
+	  if (component._updateBatchNumber == null) {
+	    component._updateBatchNumber = updateBatchNumber + 1;
+	  }
 	}
 
 	/**
-	 * Does our fallback mode think that this event is the end of composition?
-	 *
-	 * @param {string} topLevelType
-	 * @param {object} nativeEvent
-	 * @return {boolean}
+	 * Enqueue a callback to be run at the end of the current batching cycle. Throws
+	 * if no updates are currently being performed.
 	 */
-	function isFallbackCompositionEnd(topLevelType, nativeEvent) {
-	  switch (topLevelType) {
-	    case topLevelTypes.topKeyUp:
-	      // Command keys insert or clear IME input.
-	      return END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1;
-	    case topLevelTypes.topKeyDown:
-	      // Expect IME keyCode on each keydown. If we get any other
-	      // code we must have exited earlier.
-	      return nativeEvent.keyCode !== START_KEYCODE;
-	    case topLevelTypes.topKeyPress:
-	    case topLevelTypes.topMouseDown:
-	    case topLevelTypes.topBlur:
-	      // Events are not possible without cancelling IME.
-	      return true;
-	    default:
-	      return false;
-	  }
+	function asap(callback, context) {
+	  !batchingStrategy.isBatchingUpdates ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates.asap: Can\'t enqueue an asap callback in a context whereupdates are not being batched.') : _prodInvariant('125') : void 0;
+	  asapCallbackQueue.enqueue(callback, context);
+	  asapEnqueued = true;
 	}
 
-	/**
-	 * Google Input Tools provides composition data via a CustomEvent,
-	 * with the `data` property populated in the `detail` object. If this
-	 * is available on the event object, use it. If not, this is a plain
-	 * composition event and we have nothing special to extract.
-	 *
-	 * @param {object} nativeEvent
-	 * @return {?string}
-	 */
-	function getDataFromCustomEvent(nativeEvent) {
-	  var detail = nativeEvent.detail;
-	  if (typeof detail === 'object' && 'data' in detail) {
-	    return detail.data;
+	var ReactUpdatesInjection = {
+	  injectReconcileTransaction: function (ReconcileTransaction) {
+	    !ReconcileTransaction ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a reconcile transaction class') : _prodInvariant('126') : void 0;
+	    ReactUpdates.ReactReconcileTransaction = ReconcileTransaction;
+	  },
+
+	  injectBatchingStrategy: function (_batchingStrategy) {
+	    !_batchingStrategy ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a batching strategy') : _prodInvariant('127') : void 0;
+	    !(typeof _batchingStrategy.batchedUpdates === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide a batchedUpdates() function') : _prodInvariant('128') : void 0;
+	    !(typeof _batchingStrategy.isBatchingUpdates === 'boolean') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactUpdates: must provide an isBatchingUpdates boolean attribute') : _prodInvariant('129') : void 0;
+	    batchingStrategy = _batchingStrategy;
 	  }
-	  return null;
-	}
+	};
 
-	// Track the current IME composition fallback object, if any.
-	var currentComposition = null;
+	var ReactUpdates = {
+	  /**
+	   * React references `ReactReconcileTransaction` using this property in order
+	   * to allow dependency injection.
+	   *
+	   * @internal
+	   */
+	  ReactReconcileTransaction: null,
 
-	/**
-	 * @param {string} topLevelType Record from `EventConstants`.
-	 * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	 * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?object} A SyntheticCompositionEvent.
-	 */
-	function extractCompositionEvent(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	  var eventType;
-	  var fallbackData;
+	  batchedUpdates: batchedUpdates,
+	  enqueueUpdate: enqueueUpdate,
+	  flushBatchedUpdates: flushBatchedUpdates,
+	  injection: ReactUpdatesInjection,
+	  asap: asap
+	};
 
-	  if (canUseCompositionEvent) {
-	    eventType = getCompositionEventType(topLevelType);
-	  } else if (!currentComposition) {
-	    if (isFallbackCompositionStart(topLevelType, nativeEvent)) {
-	      eventType = eventTypes.compositionStart;
-	    }
-	  } else if (isFallbackCompositionEnd(topLevelType, nativeEvent)) {
-	    eventType = eventTypes.compositionEnd;
-	  }
+	module.exports = ReactUpdates;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	  if (!eventType) {
-	    return null;
-	  }
+/***/ }),
+/* 61 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	  if (useFallbackCompositionData) {
-	    // The current composition is stored statically and must not be
-	    // overwritten while composition continues.
-	    if (!currentComposition && eventType === eventTypes.compositionStart) {
-	      currentComposition = FallbackCompositionState.getPooled(topLevelTarget);
-	    } else if (eventType === eventTypes.compositionEnd) {
-	      if (currentComposition) {
-	        fallbackData = currentComposition.getData();
-	      }
-	    }
-	  }
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	  var event = SyntheticCompositionEvent.getPooled(eventType, topLevelTargetID, nativeEvent, nativeEventTarget);
+	'use strict';
 
-	  if (fallbackData) {
-	    // Inject data generated from fallback path into the synthetic event.
-	    // This matches the property of native CompositionEventInterface.
-	    event.data = fallbackData;
-	  } else {
-	    var customData = getDataFromCustomEvent(nativeEvent);
-	    if (customData !== null) {
-	      event.data = customData;
-	    }
-	  }
+	var _prodInvariant = __webpack_require__(39);
 
-	  EventPropagators.accumulateTwoPhaseDispatches(event);
-	  return event;
-	}
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	var PooledClass = __webpack_require__(54);
+
+	var invariant = __webpack_require__(8);
 
 	/**
-	 * @param {string} topLevelType Record from `EventConstants`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?string} The string corresponding to this `beforeInput` event.
+	 * A specialized pseudo-event module to help keep track of components waiting to
+	 * be notified when their DOM representations are available for use.
+	 *
+	 * This implements `PooledClass`, so you should never need to instantiate this.
+	 * Instead, use `CallbackQueue.getPooled()`.
+	 *
+	 * @class ReactMountReady
+	 * @implements PooledClass
+	 * @internal
 	 */
-	function getNativeBeforeInputChars(topLevelType, nativeEvent) {
-	  switch (topLevelType) {
-	    case topLevelTypes.topCompositionEnd:
-	      return getDataFromCustomEvent(nativeEvent);
-	    case topLevelTypes.topKeyPress:
-	      /**
-	       * If native `textInput` events are available, our goal is to make
-	       * use of them. However, there is a special case: the spacebar key.
-	       * In Webkit, preventing default on a spacebar `textInput` event
-	       * cancels character insertion, but it *also* causes the browser
-	       * to fall back to its default spacebar behavior of scrolling the
-	       * page.
-	       *
-	       * Tracking at:
-	       * https://code.google.com/p/chromium/issues/detail?id=355103
-	       *
-	       * To avoid this issue, use the keypress event as if no `textInput`
-	       * event is available.
-	       */
-	      var which = nativeEvent.which;
-	      if (which !== SPACEBAR_CODE) {
-	        return null;
-	      }
 
-	      hasSpaceKeypress = true;
-	      return SPACEBAR_CHAR;
+	var CallbackQueue = function () {
+	  function CallbackQueue(arg) {
+	    _classCallCheck(this, CallbackQueue);
 
-	    case topLevelTypes.topTextInput:
-	      // Record the characters to be added to the DOM.
-	      var chars = nativeEvent.data;
+	    this._callbacks = null;
+	    this._contexts = null;
+	    this._arg = arg;
+	  }
 
-	      // If it's a spacebar character, assume that we have already handled
-	      // it at the keypress level and bail immediately. Android Chrome
-	      // doesn't give us keycodes, so we need to blacklist it.
-	      if (chars === SPACEBAR_CHAR && hasSpaceKeypress) {
-	        return null;
-	      }
+	  /**
+	   * Enqueues a callback to be invoked when `notifyAll` is invoked.
+	   *
+	   * @param {function} callback Invoked when `notifyAll` is invoked.
+	   * @param {?object} context Context to call `callback` with.
+	   * @internal
+	   */
 
-	      return chars;
 
-	    default:
-	      // For other native event types, do nothing.
-	      return null;
-	  }
-	}
+	  CallbackQueue.prototype.enqueue = function enqueue(callback, context) {
+	    this._callbacks = this._callbacks || [];
+	    this._callbacks.push(callback);
+	    this._contexts = this._contexts || [];
+	    this._contexts.push(context);
+	  };
 
-	/**
-	 * For browsers that do not provide the `textInput` event, extract the
-	 * appropriate string to use for SyntheticInputEvent.
-	 *
-	 * @param {string} topLevelType Record from `EventConstants`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?string} The fallback string for this `beforeInput` event.
-	 */
-	function getFallbackBeforeInputChars(topLevelType, nativeEvent) {
-	  // If we are currently composing (IME) and using a fallback to do so,
-	  // try to extract the composed characters from the fallback object.
-	  if (currentComposition) {
-	    if (topLevelType === topLevelTypes.topCompositionEnd || isFallbackCompositionEnd(topLevelType, nativeEvent)) {
-	      var chars = currentComposition.getData();
-	      FallbackCompositionState.release(currentComposition);
-	      currentComposition = null;
-	      return chars;
-	    }
-	    return null;
-	  }
+	  /**
+	   * Invokes all enqueued callbacks and clears the queue. This is invoked after
+	   * the DOM representation of a component has been created or updated.
+	   *
+	   * @internal
+	   */
 
-	  switch (topLevelType) {
-	    case topLevelTypes.topPaste:
-	      // If a paste event occurs after a keypress, throw out the input
-	      // chars. Paste events should not lead to BeforeInput events.
-	      return null;
-	    case topLevelTypes.topKeyPress:
-	      /**
-	       * As of v27, Firefox may fire keypress events even when no character
-	       * will be inserted. A few possibilities:
-	       *
-	       * - `which` is `0`. Arrow keys, Esc key, etc.
-	       *
-	       * - `which` is the pressed key code, but no char is available.
-	       *   Ex: 'AltGr + d` in Polish. There is no modified character for
-	       *   this key combination and no character is inserted into the
-	       *   document, but FF fires the keypress for char code `100` anyway.
-	       *   No `input` event will occur.
-	       *
-	       * - `which` is the pressed key code, but a command combination is
-	       *   being used. Ex: `Cmd+C`. No character is inserted, and no
-	       *   `input` event will occur.
-	       */
-	      if (nativeEvent.which && !isKeypressCommand(nativeEvent)) {
-	        return String.fromCharCode(nativeEvent.which);
+
+	  CallbackQueue.prototype.notifyAll = function notifyAll() {
+	    var callbacks = this._callbacks;
+	    var contexts = this._contexts;
+	    var arg = this._arg;
+	    if (callbacks && contexts) {
+	      !(callbacks.length === contexts.length) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Mismatched list of contexts in callback queue') : _prodInvariant('24') : void 0;
+	      this._callbacks = null;
+	      this._contexts = null;
+	      for (var i = 0; i < callbacks.length; i++) {
+	        callbacks[i].call(contexts[i], arg);
 	      }
-	      return null;
-	    case topLevelTypes.topCompositionEnd:
-	      return useFallbackCompositionData ? null : nativeEvent.data;
-	    default:
-	      return null;
-	  }
-	}
+	      callbacks.length = 0;
+	      contexts.length = 0;
+	    }
+	  };
 
-	/**
-	 * Extract a SyntheticInputEvent for `beforeInput`, based on either native
-	 * `textInput` or fallback behavior.
-	 *
-	 * @param {string} topLevelType Record from `EventConstants`.
-	 * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	 * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?object} A SyntheticInputEvent.
-	 */
-	function extractBeforeInputEvent(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	  var chars;
+	  CallbackQueue.prototype.checkpoint = function checkpoint() {
+	    return this._callbacks ? this._callbacks.length : 0;
+	  };
 
-	  if (canUseTextInputEvent) {
-	    chars = getNativeBeforeInputChars(topLevelType, nativeEvent);
-	  } else {
-	    chars = getFallbackBeforeInputChars(topLevelType, nativeEvent);
-	  }
+	  CallbackQueue.prototype.rollback = function rollback(len) {
+	    if (this._callbacks && this._contexts) {
+	      this._callbacks.length = len;
+	      this._contexts.length = len;
+	    }
+	  };
 
-	  // If no characters are being inserted, no BeforeInput event should
-	  // be fired.
-	  if (!chars) {
-	    return null;
-	  }
+	  /**
+	   * Resets the internal queue.
+	   *
+	   * @internal
+	   */
 
-	  var event = SyntheticInputEvent.getPooled(eventTypes.beforeInput, topLevelTargetID, nativeEvent, nativeEventTarget);
 
-	  event.data = chars;
-	  EventPropagators.accumulateTwoPhaseDispatches(event);
-	  return event;
-	}
+	  CallbackQueue.prototype.reset = function reset() {
+	    this._callbacks = null;
+	    this._contexts = null;
+	  };
+
+	  /**
+	   * `PooledClass` looks for this.
+	   */
+
+
+	  CallbackQueue.prototype.destructor = function destructor() {
+	    this.reset();
+	  };
+
+	  return CallbackQueue;
+	}();
+
+	module.exports = PooledClass.addPoolingTo(CallbackQueue);
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 62 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Create an `onBeforeInput` event to match
-	 * http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#events-inputevents.
-	 *
-	 * This event plugin is based on the native `textInput` event
-	 * available in Chrome, Safari, Opera, and IE. This event fires after
-	 * `onKeyPress` and `onCompositionEnd`, but before `onInput`.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * `beforeInput` is spec'd but not implemented in any browsers, and
-	 * the `input` event does not provide any useful information about what has
-	 * actually been added, contrary to the spec. Thus, `textInput` is the best
-	 * available event to identify the characters that have actually been inserted
-	 * into the target node.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * This plugin is also responsible for emitting `composition` events, thus
-	 * allowing us to share composition fallback code for both `beforeInput` and
-	 * `composition` event types.
+	 * 
 	 */
-	var BeforeInputEventPlugin = {
 
-	  eventTypes: eventTypes,
+	'use strict';
 
-	  /**
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @see {EventPluginHub.extractEvents}
-	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	    return [extractCompositionEvent(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget), extractBeforeInputEvent(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget)];
-	  }
+	var ReactFeatureFlags = {
+	  // When true, call console.time() before and .timeEnd() after each top-level
+	  // render (both initial renders and updates). Useful when looking at prod-mode
+	  // timeline profiles in Chrome, for example.
+	  logTopLevelRenders: false
 	};
 
-	module.exports = BeforeInputEventPlugin;
+	module.exports = ReactFeatureFlags;
 
-/***/ },
-/* 73 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 63 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventPropagators
 	 */
 
 	'use strict';
 
-	var EventConstants = __webpack_require__(30);
-	var EventPluginHub = __webpack_require__(31);
-
-	var warning = __webpack_require__(25);
-
-	var accumulateInto = __webpack_require__(35);
-	var forEachAccumulated = __webpack_require__(36);
-
-	var PropagationPhases = EventConstants.PropagationPhases;
-	var getListener = EventPluginHub.getListener;
-
-	/**
-	 * Some event types have a notion of different registration names for different
-	 * "phases" of propagation. This finds listeners by a given phase.
-	 */
-	function listenerAtPhase(id, event, propagationPhase) {
-	  var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-	  return getListener(id, registrationName);
-	}
+	var ReactRef = __webpack_require__(64);
+	var ReactInstrumentation = __webpack_require__(66);
 
-	/**
-	 * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
-	 * here, allows us to not have to bind or create functions for each event.
-	 * Mutating the event's members allows us to not have to create a wrapping
-	 * "dispatch" object that pairs the event with the listener.
-	 */
-	function accumulateDirectionalDispatches(domID, upwards, event) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(domID, 'Dispatching id must not be null') : undefined;
-	  }
-	  var phase = upwards ? PropagationPhases.bubbled : PropagationPhases.captured;
-	  var listener = listenerAtPhase(domID, event, phase);
-	  if (listener) {
-	    event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
-	    event._dispatchIDs = accumulateInto(event._dispatchIDs, domID);
-	  }
-	}
+	var warning = __webpack_require__(11);
 
 	/**
-	 * Collect dispatches (must be entirely collected before dispatching - see unit
-	 * tests). Lazily allocate the array to conserve memory.  We must loop through
-	 * each event and perform the traversal for each one. We cannot perform a
-	 * single traversal for the entire collection of events because each event may
-	 * have a different target.
+	 * Helper to call ReactRef.attachRefs with this composite component, split out
+	 * to avoid allocations in the transaction mount-ready queue.
 	 */
-	function accumulateTwoPhaseDispatchesSingle(event) {
-	  if (event && event.dispatchConfig.phasedRegistrationNames) {
-	    EventPluginHub.injection.getInstanceHandle().traverseTwoPhase(event.dispatchMarker, accumulateDirectionalDispatches, event);
-	  }
+	function attachRefs() {
+	  ReactRef.attachRefs(this, this._currentElement);
 	}
 
-	/**
-	 * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
-	 */
-	function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-	  if (event && event.dispatchConfig.phasedRegistrationNames) {
-	    EventPluginHub.injection.getInstanceHandle().traverseTwoPhaseSkipTarget(event.dispatchMarker, accumulateDirectionalDispatches, event);
-	  }
-	}
+	var ReactReconciler = {
 
-	/**
-	 * Accumulates without regard to direction, does not look for phased
-	 * registration names. Same as `accumulateDirectDispatchesSingle` but without
-	 * requiring that the `dispatchMarker` be the same as the dispatched ID.
-	 */
-	function accumulateDispatches(id, ignoredDirection, event) {
-	  if (event && event.dispatchConfig.registrationName) {
-	    var registrationName = event.dispatchConfig.registrationName;
-	    var listener = getListener(id, registrationName);
-	    if (listener) {
-	      event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
-	      event._dispatchIDs = accumulateInto(event._dispatchIDs, id);
-	    }
-	  }
-	}
-
-	/**
-	 * Accumulates dispatches on an `SyntheticEvent`, but only for the
-	 * `dispatchMarker`.
-	 * @param {SyntheticEvent} event
-	 */
-	function accumulateDirectDispatchesSingle(event) {
-	  if (event && event.dispatchConfig.registrationName) {
-	    accumulateDispatches(event.dispatchMarker, null, event);
-	  }
-	}
-
-	function accumulateTwoPhaseDispatches(events) {
-	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
-	}
-
-	function accumulateTwoPhaseDispatchesSkipTarget(events) {
-	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
-	}
-
-	function accumulateEnterLeaveDispatches(leave, enter, fromID, toID) {
-	  EventPluginHub.injection.getInstanceHandle().traverseEnterLeave(fromID, toID, accumulateDispatches, leave, enter);
-	}
+	  /**
+	   * Initializes the component, renders markup, and registers event listeners.
+	   *
+	   * @param {ReactComponent} internalInstance
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {?object} the containing host component instance
+	   * @param {?object} info about the host container
+	   * @return {?string} Rendered markup to be inserted into the DOM.
+	   * @final
+	   * @internal
+	   */
+	  mountComponent: function (internalInstance, transaction, hostParent, hostContainerInfo, context, parentDebugID // 0 in production and for roots
+	  ) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onBeforeMountComponent(internalInstance._debugID, internalInstance._currentElement, parentDebugID);
+	      }
+	    }
+	    var markup = internalInstance.mountComponent(transaction, hostParent, hostContainerInfo, context, parentDebugID);
+	    if (internalInstance._currentElement && internalInstance._currentElement.ref != null) {
+	      transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
+	    }
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onMountComponent(internalInstance._debugID);
+	      }
+	    }
+	    return markup;
+	  },
 
-	function accumulateDirectDispatches(events) {
-	  forEachAccumulated(events, accumulateDirectDispatchesSingle);
-	}
+	  /**
+	   * Returns a value that can be passed to
+	   * ReactComponentEnvironment.replaceNodeWithMarkup.
+	   */
+	  getHostNode: function (internalInstance) {
+	    return internalInstance.getHostNode();
+	  },
 
-	/**
-	 * A small set of propagation patterns, each of which will accept a small amount
-	 * of information, and generate a set of "dispatch ready event objects" - which
-	 * are sets of events that have already been annotated with a set of dispatched
-	 * listener functions/ids. The API is designed this way to discourage these
-	 * propagation strategies from actually executing the dispatches, since we
-	 * always want to collect the entire set of dispatches before executing event a
-	 * single one.
-	 *
-	 * @constructor EventPropagators
-	 */
-	var EventPropagators = {
-	  accumulateTwoPhaseDispatches: accumulateTwoPhaseDispatches,
-	  accumulateTwoPhaseDispatchesSkipTarget: accumulateTwoPhaseDispatchesSkipTarget,
-	  accumulateDirectDispatches: accumulateDirectDispatches,
-	  accumulateEnterLeaveDispatches: accumulateEnterLeaveDispatches
-	};
+	  /**
+	   * Releases any resources allocated by `mountComponent`.
+	   *
+	   * @final
+	   * @internal
+	   */
+	  unmountComponent: function (internalInstance, safely) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onBeforeUnmountComponent(internalInstance._debugID);
+	      }
+	    }
+	    ReactRef.detachRefs(internalInstance, internalInstance._currentElement);
+	    internalInstance.unmountComponent(safely);
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onUnmountComponent(internalInstance._debugID);
+	      }
+	    }
+	  },
 
-	module.exports = EventPropagators;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  /**
+	   * Update a component using a new element.
+	   *
+	   * @param {ReactComponent} internalInstance
+	   * @param {ReactElement} nextElement
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {object} context
+	   * @internal
+	   */
+	  receiveComponent: function (internalInstance, nextElement, transaction, context) {
+	    var prevElement = internalInstance._currentElement;
 
-/***/ },
-/* 74 */
-/***/ function(module, exports, __webpack_require__) {
+	    if (nextElement === prevElement && context === internalInstance._context) {
+	      // Since elements are immutable after the owner is rendered,
+	      // we can do a cheap identity compare here to determine if this is a
+	      // superfluous reconcile. It's possible for state to be mutable but such
+	      // change should trigger an update of the owner which would recreate
+	      // the element. We explicitly check for the existence of an owner since
+	      // it's possible for an element created outside a composite to be
+	      // deeply mutated and reused.
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule FallbackCompositionState
-	 * @typechecks static-only
-	 */
+	      // TODO: Bailing out early is just a perf optimization right?
+	      // TODO: Removing the return statement should affect correctness?
+	      return;
+	    }
 
-	'use strict';
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onBeforeUpdateComponent(internalInstance._debugID, nextElement);
+	      }
+	    }
 
-	var PooledClass = __webpack_require__(56);
+	    var refsChanged = ReactRef.shouldUpdateRefs(prevElement, nextElement);
 
-	var assign = __webpack_require__(39);
-	var getTextContentAccessor = __webpack_require__(75);
+	    if (refsChanged) {
+	      ReactRef.detachRefs(internalInstance, prevElement);
+	    }
 
-	/**
-	 * This helper class stores information about text content of a target node,
-	 * allowing comparison of content before and after a given event.
-	 *
-	 * Identify the node where selection currently begins, then observe
-	 * both its text content and its current position in the DOM. Since the
-	 * browser may natively replace the target node during composition, we can
-	 * use its position to find its replacement.
-	 *
-	 * @param {DOMEventTarget} root
-	 */
-	function FallbackCompositionState(root) {
-	  this._root = root;
-	  this._startText = this.getText();
-	  this._fallbackText = null;
-	}
+	    internalInstance.receiveComponent(nextElement, transaction, context);
 
-	assign(FallbackCompositionState.prototype, {
-	  destructor: function () {
-	    this._root = null;
-	    this._startText = null;
-	    this._fallbackText = null;
-	  },
+	    if (refsChanged && internalInstance._currentElement && internalInstance._currentElement.ref != null) {
+	      transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
+	    }
 
-	  /**
-	   * Get current text of input.
-	   *
-	   * @return {string}
-	   */
-	  getText: function () {
-	    if ('value' in this._root) {
-	      return this._root.value;
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onUpdateComponent(internalInstance._debugID);
+	      }
 	    }
-	    return this._root[getTextContentAccessor()];
 	  },
 
 	  /**
-	   * Determine the differing substring between the initially stored
-	   * text content and the current content.
+	   * Flush any dirty changes in a component.
 	   *
-	   * @return {string}
+	   * @param {ReactComponent} internalInstance
+	   * @param {ReactReconcileTransaction} transaction
+	   * @internal
 	   */
-	  getData: function () {
-	    if (this._fallbackText) {
-	      return this._fallbackText;
+	  performUpdateIfNecessary: function (internalInstance, transaction, updateBatchNumber) {
+	    if (internalInstance._updateBatchNumber !== updateBatchNumber) {
+	      // The component's enqueued batch number should always be the current
+	      // batch or the following one.
+	      process.env.NODE_ENV !== 'production' ? warning(internalInstance._updateBatchNumber == null || internalInstance._updateBatchNumber === updateBatchNumber + 1, 'performUpdateIfNecessary: Unexpected batch number (current %s, ' + 'pending %s)', updateBatchNumber, internalInstance._updateBatchNumber) : void 0;
+	      return;
 	    }
-
-	    var start;
-	    var startValue = this._startText;
-	    var startLength = startValue.length;
-	    var end;
-	    var endValue = this.getText();
-	    var endLength = endValue.length;
-
-	    for (start = 0; start < startLength; start++) {
-	      if (startValue[start] !== endValue[start]) {
-	        break;
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onBeforeUpdateComponent(internalInstance._debugID, internalInstance._currentElement);
 	      }
 	    }
-
-	    var minEnd = startLength - start;
-	    for (end = 1; end <= minEnd; end++) {
-	      if (startValue[startLength - end] !== endValue[endLength - end]) {
-	        break;
+	    internalInstance.performUpdateIfNecessary(transaction);
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (internalInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onUpdateComponent(internalInstance._debugID);
 	      }
 	    }
-
-	    var sliceTail = end > 1 ? 1 - end : undefined;
-	    this._fallbackText = endValue.slice(start, sliceTail);
-	    return this._fallbackText;
 	  }
-	});
 
-	PooledClass.addPoolingTo(FallbackCompositionState);
+	};
 
-	module.exports = FallbackCompositionState;
+	module.exports = ReactReconciler;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 75 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 64 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getTextContentAccessor
+	 * 
 	 */
 
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
+	var ReactOwner = __webpack_require__(65);
 
-	var contentKey = null;
+	var ReactRef = {};
 
-	/**
-	 * Gets the key used to access text content on a DOM node.
-	 *
-	 * @return {?string} Key used to access text content.
-	 * @internal
-	 */
-	function getTextContentAccessor() {
-	  if (!contentKey && ExecutionEnvironment.canUseDOM) {
-	    // Prefer textContent to innerText because many browsers support both but
-	    // SVG <text> elements don't support innerText even when <div> does.
-	    contentKey = 'textContent' in document.documentElement ? 'textContent' : 'innerText';
+	function attachRef(ref, component, owner) {
+	  if (typeof ref === 'function') {
+	    ref(component.getPublicInstance());
+	  } else {
+	    // Legacy ref
+	    ReactOwner.addComponentAsRefTo(component, ref, owner);
 	  }
-	  return contentKey;
 	}
 
-	module.exports = getTextContentAccessor;
-
-/***/ },
-/* 76 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule SyntheticCompositionEvent
-	 * @typechecks static-only
-	 */
-
-	'use strict';
-
-	var SyntheticEvent = __webpack_require__(77);
+	function detachRef(ref, component, owner) {
+	  if (typeof ref === 'function') {
+	    ref(null);
+	  } else {
+	    // Legacy ref
+	    ReactOwner.removeComponentAsRefFrom(component, ref, owner);
+	  }
+	}
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
-	 */
-	var CompositionEventInterface = {
-	  data: null
+	ReactRef.attachRefs = function (instance, element) {
+	  if (element === null || typeof element !== 'object') {
+	    return;
+	  }
+	  var ref = element.ref;
+	  if (ref != null) {
+	    attachRef(ref, instance, element._owner);
+	  }
 	};
 
-	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticUIEvent}
-	 */
-	function SyntheticCompositionEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
-	}
+	ReactRef.shouldUpdateRefs = function (prevElement, nextElement) {
+	  // If either the owner or a `ref` has changed, make sure the newest owner
+	  // has stored a reference to `this`, and the previous owner (if different)
+	  // has forgotten the reference to `this`. We use the element instead
+	  // of the public this.props because the post processing cannot determine
+	  // a ref. The ref conceptually lives on the element.
 
-	SyntheticEvent.augmentClass(SyntheticCompositionEvent, CompositionEventInterface);
+	  // TODO: Should this even be possible? The owner cannot change because
+	  // it's forbidden by shouldUpdateReactComponent. The ref can change
+	  // if you swap the keys of but not the refs. Reconsider where this check
+	  // is made. It probably belongs where the key checking and
+	  // instantiateReactComponent is done.
 
-	module.exports = SyntheticCompositionEvent;
+	  var prevRef = null;
+	  var prevOwner = null;
+	  if (prevElement !== null && typeof prevElement === 'object') {
+	    prevRef = prevElement.ref;
+	    prevOwner = prevElement._owner;
+	  }
 
-/***/ },
-/* 77 */
-/***/ function(module, exports, __webpack_require__) {
+	  var nextRef = null;
+	  var nextOwner = null;
+	  if (nextElement !== null && typeof nextElement === 'object') {
+	    nextRef = nextElement.ref;
+	    nextOwner = nextElement._owner;
+	  }
+
+	  return prevRef !== nextRef ||
+	  // If owner changes but we have an unchanged function ref, don't update refs
+	  typeof nextRef === 'string' && nextOwner !== prevOwner;
+	};
+
+	ReactRef.detachRefs = function (instance, element) {
+	  if (element === null || typeof element !== 'object') {
+	    return;
+	  }
+	  var ref = element.ref;
+	  if (ref != null) {
+	    detachRef(ref, instance, element._owner);
+	  }
+	};
+
+	module.exports = ReactRef;
+
+/***/ }),
+/* 65 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticEvent
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
-	var PooledClass = __webpack_require__(56);
+	var _prodInvariant = __webpack_require__(39);
 
-	var assign = __webpack_require__(39);
-	var emptyFunction = __webpack_require__(15);
-	var warning = __webpack_require__(25);
+	var invariant = __webpack_require__(8);
 
 	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 * @param {?object} object
+	 * @return {boolean} True if `object` is a valid owner.
+	 * @final
 	 */
-	var EventInterface = {
-	  type: null,
-	  target: null,
-	  // currentTarget is set when dispatching; no use in copying it here
-	  currentTarget: emptyFunction.thatReturnsNull,
-	  eventPhase: null,
-	  bubbles: null,
-	  cancelable: null,
-	  timeStamp: function (event) {
-	    return event.timeStamp || Date.now();
-	  },
-	  defaultPrevented: null,
-	  isTrusted: null
-	};
+	function isValidOwner(object) {
+	  return !!(object && typeof object.attachRef === 'function' && typeof object.detachRef === 'function');
+	}
 
 	/**
-	 * Synthetic events are dispatched by event plugins, typically in response to a
-	 * top-level event delegation handler.
+	 * ReactOwners are capable of storing references to owned components.
 	 *
-	 * These systems should generally use pooling to reduce the frequency of garbage
-	 * collection. The system should check `isPersistent` to determine whether the
-	 * event should be released into the pool after being dispatched. Users that
-	 * need a persisted event should invoke `persist`.
+	 * All components are capable of //being// referenced by owner components, but
+	 * only ReactOwner components are capable of //referencing// owned components.
+	 * The named reference is known as a "ref".
 	 *
-	 * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
-	 * normalizing browser quirks. Subclasses do not necessarily have to implement a
-	 * DOM interface; custom application-specific events can also subclass this.
+	 * Refs are available when mounted and updated during reconciliation.
 	 *
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
+	 *   var MyComponent = React.createClass({
+	 *     render: function() {
+	 *       return (
+	 *         <div onClick={this.handleClick}>
+	 *           <CustomComponent ref="custom" />
+	 *         </div>
+	 *       );
+	 *     },
+	 *     handleClick: function() {
+	 *       this.refs.custom.handleClick();
+	 *     },
+	 *     componentDidMount: function() {
+	 *       this.refs.custom.initialize();
+	 *     }
+	 *   });
+	 *
+	 * Refs should rarely be used. When refs are used, they should only be done to
+	 * control data that is not handled by React's data flow.
+	 *
+	 * @class ReactOwner
 	 */
-	function SyntheticEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  this.dispatchConfig = dispatchConfig;
-	  this.dispatchMarker = dispatchMarker;
-	  this.nativeEvent = nativeEvent;
+	var ReactOwner = {
+	  /**
+	   * Adds a component by ref to an owner component.
+	   *
+	   * @param {ReactComponent} component Component to reference.
+	   * @param {string} ref Name by which to refer to the component.
+	   * @param {ReactOwner} owner Component on which to record the ref.
+	   * @final
+	   * @internal
+	   */
+	  addComponentAsRefTo: function (component, ref, owner) {
+	    !isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component\'s `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).') : _prodInvariant('119') : void 0;
+	    owner.attachRef(ref, component);
+	  },
 
-	  var Interface = this.constructor.Interface;
-	  for (var propName in Interface) {
-	    if (!Interface.hasOwnProperty(propName)) {
-	      continue;
+	  /**
+	   * Removes a component by ref from an owner component.
+	   *
+	   * @param {ReactComponent} component Component to dereference.
+	   * @param {string} ref Name of the ref to remove.
+	   * @param {ReactOwner} owner Component on which the ref is recorded.
+	   * @final
+	   * @internal
+	   */
+	  removeComponentAsRefFrom: function (component, ref, owner) {
+	    !isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'removeComponentAsRefFrom(...): Only a ReactOwner can have refs. You might be removing a ref to a component that was not created inside a component\'s `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).') : _prodInvariant('120') : void 0;
+	    var ownerPublicInstance = owner.getPublicInstance();
+	    // Check that `component`'s owner is still alive and that `component` is still the current ref
+	    // because we do not want to detach the ref if another component stole it.
+	    if (ownerPublicInstance && ownerPublicInstance.refs[ref] === component.getPublicInstance()) {
+	      owner.detachRef(ref);
 	    }
-	    var normalize = Interface[propName];
-	    if (normalize) {
-	      this[propName] = normalize(nativeEvent);
-	    } else {
-	      if (propName === 'target') {
-	        this.target = nativeEventTarget;
-	      } else {
-	        this[propName] = nativeEvent[propName];
-	      }
+	  }
+
+	};
+
+	module.exports = ReactOwner;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 66 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2016-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	// Trust the developer to only use ReactInstrumentation with a __DEV__ check
+
+	var debugTool = null;
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactDebugTool = __webpack_require__(67);
+	  debugTool = ReactDebugTool;
+	}
+
+	module.exports = { debugTool: debugTool };
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 67 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2016-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	var ReactInvalidSetStateWarningHook = __webpack_require__(68);
+	var ReactHostOperationHistoryHook = __webpack_require__(69);
+	var ReactComponentTreeHook = __webpack_require__(26);
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var performanceNow = __webpack_require__(70);
+	var warning = __webpack_require__(11);
+
+	var hooks = [];
+	var didHookThrowForEvent = {};
+
+	function callHook(event, fn, context, arg1, arg2, arg3, arg4, arg5) {
+	  try {
+	    fn.call(context, arg1, arg2, arg3, arg4, arg5);
+	  } catch (e) {
+	    process.env.NODE_ENV !== 'production' ? warning(didHookThrowForEvent[event], 'Exception thrown by hook while handling %s: %s', event, e + '\n' + e.stack) : void 0;
+	    didHookThrowForEvent[event] = true;
+	  }
+	}
+
+	function emitEvent(event, arg1, arg2, arg3, arg4, arg5) {
+	  for (var i = 0; i < hooks.length; i++) {
+	    var hook = hooks[i];
+	    var fn = hook[event];
+	    if (fn) {
+	      callHook(event, fn, hook, arg1, arg2, arg3, arg4, arg5);
 	    }
 	  }
+	}
 
-	  var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
-	  if (defaultPrevented) {
-	    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
-	  } else {
-	    this.isDefaultPrevented = emptyFunction.thatReturnsFalse;
+	var isProfiling = false;
+	var flushHistory = [];
+	var lifeCycleTimerStack = [];
+	var currentFlushNesting = 0;
+	var currentFlushMeasurements = [];
+	var currentFlushStartTime = 0;
+	var currentTimerDebugID = null;
+	var currentTimerStartTime = 0;
+	var currentTimerNestedFlushDuration = 0;
+	var currentTimerType = null;
+
+	var lifeCycleTimerHasWarned = false;
+
+	function clearHistory() {
+	  ReactComponentTreeHook.purgeUnmountedComponents();
+	  ReactHostOperationHistoryHook.clearHistory();
+	}
+
+	function getTreeSnapshot(registeredIDs) {
+	  return registeredIDs.reduce(function (tree, id) {
+	    var ownerID = ReactComponentTreeHook.getOwnerID(id);
+	    var parentID = ReactComponentTreeHook.getParentID(id);
+	    tree[id] = {
+	      displayName: ReactComponentTreeHook.getDisplayName(id),
+	      text: ReactComponentTreeHook.getText(id),
+	      updateCount: ReactComponentTreeHook.getUpdateCount(id),
+	      childIDs: ReactComponentTreeHook.getChildIDs(id),
+	      // Text nodes don't have owners but this is close enough.
+	      ownerID: ownerID || parentID && ReactComponentTreeHook.getOwnerID(parentID) || 0,
+	      parentID: parentID
+	    };
+	    return tree;
+	  }, {});
+	}
+
+	function resetMeasurements() {
+	  var previousStartTime = currentFlushStartTime;
+	  var previousMeasurements = currentFlushMeasurements;
+	  var previousOperations = ReactHostOperationHistoryHook.getHistory();
+
+	  if (currentFlushNesting === 0) {
+	    currentFlushStartTime = 0;
+	    currentFlushMeasurements = [];
+	    clearHistory();
+	    return;
 	  }
-	  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
+
+	  if (previousMeasurements.length || previousOperations.length) {
+	    var registeredIDs = ReactComponentTreeHook.getRegisteredIDs();
+	    flushHistory.push({
+	      duration: performanceNow() - previousStartTime,
+	      measurements: previousMeasurements || [],
+	      operations: previousOperations || [],
+	      treeSnapshot: getTreeSnapshot(registeredIDs)
+	    });
+	  }
+
+	  clearHistory();
+	  currentFlushStartTime = performanceNow();
+	  currentFlushMeasurements = [];
+	}
+
+	function checkDebugID(debugID) {
+	  var allowRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+	  if (allowRoot && debugID === 0) {
+	    return;
+	  }
+	  if (!debugID) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDebugTool: debugID may not be empty.') : void 0;
+	  }
+	}
+
+	function beginLifeCycleTimer(debugID, timerType) {
+	  if (currentFlushNesting === 0) {
+	    return;
+	  }
+	  if (currentTimerType && !lifeCycleTimerHasWarned) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code. ' + 'Did not expect %s timer to start while %s timer is still in ' + 'progress for %s instance.', timerType, currentTimerType || 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
+	    lifeCycleTimerHasWarned = true;
+	  }
+	  currentTimerStartTime = performanceNow();
+	  currentTimerNestedFlushDuration = 0;
+	  currentTimerDebugID = debugID;
+	  currentTimerType = timerType;
+	}
+
+	function endLifeCycleTimer(debugID, timerType) {
+	  if (currentFlushNesting === 0) {
+	    return;
+	  }
+	  if (currentTimerType !== timerType && !lifeCycleTimerHasWarned) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code. ' + 'We did not expect %s timer to stop while %s timer is still in ' + 'progress for %s instance. Please report this as a bug in React.', timerType, currentTimerType || 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
+	    lifeCycleTimerHasWarned = true;
+	  }
+	  if (isProfiling) {
+	    currentFlushMeasurements.push({
+	      timerType: timerType,
+	      instanceID: debugID,
+	      duration: performanceNow() - currentTimerStartTime - currentTimerNestedFlushDuration
+	    });
+	  }
+	  currentTimerStartTime = 0;
+	  currentTimerNestedFlushDuration = 0;
+	  currentTimerDebugID = null;
+	  currentTimerType = null;
+	}
+
+	function pauseCurrentLifeCycleTimer() {
+	  var currentTimer = {
+	    startTime: currentTimerStartTime,
+	    nestedFlushStartTime: performanceNow(),
+	    debugID: currentTimerDebugID,
+	    timerType: currentTimerType
+	  };
+	  lifeCycleTimerStack.push(currentTimer);
+	  currentTimerStartTime = 0;
+	  currentTimerNestedFlushDuration = 0;
+	  currentTimerDebugID = null;
+	  currentTimerType = null;
+	}
+
+	function resumeCurrentLifeCycleTimer() {
+	  var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop(),
+	      startTime = _lifeCycleTimerStack$.startTime,
+	      nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime,
+	      debugID = _lifeCycleTimerStack$.debugID,
+	      timerType = _lifeCycleTimerStack$.timerType;
+
+	  var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
+	  currentTimerStartTime = startTime;
+	  currentTimerNestedFlushDuration += nestedFlushDuration;
+	  currentTimerDebugID = debugID;
+	  currentTimerType = timerType;
+	}
+
+	var lastMarkTimeStamp = 0;
+	var canUsePerformanceMeasure = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';
+
+	function shouldMark(debugID) {
+	  if (!isProfiling || !canUsePerformanceMeasure) {
+	    return false;
+	  }
+	  var element = ReactComponentTreeHook.getElement(debugID);
+	  if (element == null || typeof element !== 'object') {
+	    return false;
+	  }
+	  var isHostElement = typeof element.type === 'string';
+	  if (isHostElement) {
+	    return false;
+	  }
+	  return true;
+	}
+
+	function markBegin(debugID, markType) {
+	  if (!shouldMark(debugID)) {
+	    return;
+	  }
+
+	  var markName = debugID + '::' + markType;
+	  lastMarkTimeStamp = performanceNow();
+	  performance.mark(markName);
+	}
+
+	function markEnd(debugID, markType) {
+	  if (!shouldMark(debugID)) {
+	    return;
+	  }
+
+	  var markName = debugID + '::' + markType;
+	  var displayName = ReactComponentTreeHook.getDisplayName(debugID) || 'Unknown';
+
+	  // Chrome has an issue of dropping markers recorded too fast:
+	  // https://bugs.chromium.org/p/chromium/issues/detail?id=640652
+	  // To work around this, we will not report very small measurements.
+	  // I determined the magic number by tweaking it back and forth.
+	  // 0.05ms was enough to prevent the issue, but I set it to 0.1ms to be safe.
+	  // When the bug is fixed, we can `measure()` unconditionally if we want to.
+	  var timeStamp = performanceNow();
+	  if (timeStamp - lastMarkTimeStamp > 0.1) {
+	    var measurementName = displayName + ' [' + markType + ']';
+	    performance.measure(measurementName, markName);
+	  }
+
+	  performance.clearMarks(markName);
+	  performance.clearMeasures(measurementName);
 	}
 
-	assign(SyntheticEvent.prototype, {
+	var ReactDebugTool = {
+	  addHook: function (hook) {
+	    hooks.push(hook);
+	  },
+	  removeHook: function (hook) {
+	    for (var i = 0; i < hooks.length; i++) {
+	      if (hooks[i] === hook) {
+	        hooks.splice(i, 1);
+	        i--;
+	      }
+	    }
+	  },
+	  isProfiling: function () {
+	    return isProfiling;
+	  },
+	  beginProfiling: function () {
+	    if (isProfiling) {
+	      return;
+	    }
+
+	    isProfiling = true;
+	    flushHistory.length = 0;
+	    resetMeasurements();
+	    ReactDebugTool.addHook(ReactHostOperationHistoryHook);
+	  },
+	  endProfiling: function () {
+	    if (!isProfiling) {
+	      return;
+	    }
+
+	    isProfiling = false;
+	    resetMeasurements();
+	    ReactDebugTool.removeHook(ReactHostOperationHistoryHook);
+	  },
+	  getFlushHistory: function () {
+	    return flushHistory;
+	  },
+	  onBeginFlush: function () {
+	    currentFlushNesting++;
+	    resetMeasurements();
+	    pauseCurrentLifeCycleTimer();
+	    emitEvent('onBeginFlush');
+	  },
+	  onEndFlush: function () {
+	    resetMeasurements();
+	    currentFlushNesting--;
+	    resumeCurrentLifeCycleTimer();
+	    emitEvent('onEndFlush');
+	  },
+	  onBeginLifeCycleTimer: function (debugID, timerType) {
+	    checkDebugID(debugID);
+	    emitEvent('onBeginLifeCycleTimer', debugID, timerType);
+	    markBegin(debugID, timerType);
+	    beginLifeCycleTimer(debugID, timerType);
+	  },
+	  onEndLifeCycleTimer: function (debugID, timerType) {
+	    checkDebugID(debugID);
+	    endLifeCycleTimer(debugID, timerType);
+	    markEnd(debugID, timerType);
+	    emitEvent('onEndLifeCycleTimer', debugID, timerType);
+	  },
+	  onBeginProcessingChildContext: function () {
+	    emitEvent('onBeginProcessingChildContext');
+	  },
+	  onEndProcessingChildContext: function () {
+	    emitEvent('onEndProcessingChildContext');
+	  },
+	  onHostOperation: function (operation) {
+	    checkDebugID(operation.instanceID);
+	    emitEvent('onHostOperation', operation);
+	  },
+	  onSetState: function () {
+	    emitEvent('onSetState');
+	  },
+	  onSetChildren: function (debugID, childDebugIDs) {
+	    checkDebugID(debugID);
+	    childDebugIDs.forEach(checkDebugID);
+	    emitEvent('onSetChildren', debugID, childDebugIDs);
+	  },
+	  onBeforeMountComponent: function (debugID, element, parentDebugID) {
+	    checkDebugID(debugID);
+	    checkDebugID(parentDebugID, true);
+	    emitEvent('onBeforeMountComponent', debugID, element, parentDebugID);
+	    markBegin(debugID, 'mount');
+	  },
+	  onMountComponent: function (debugID) {
+	    checkDebugID(debugID);
+	    markEnd(debugID, 'mount');
+	    emitEvent('onMountComponent', debugID);
+	  },
+	  onBeforeUpdateComponent: function (debugID, element) {
+	    checkDebugID(debugID);
+	    emitEvent('onBeforeUpdateComponent', debugID, element);
+	    markBegin(debugID, 'update');
+	  },
+	  onUpdateComponent: function (debugID) {
+	    checkDebugID(debugID);
+	    markEnd(debugID, 'update');
+	    emitEvent('onUpdateComponent', debugID);
+	  },
+	  onBeforeUnmountComponent: function (debugID) {
+	    checkDebugID(debugID);
+	    emitEvent('onBeforeUnmountComponent', debugID);
+	    markBegin(debugID, 'unmount');
+	  },
+	  onUnmountComponent: function (debugID) {
+	    checkDebugID(debugID);
+	    markEnd(debugID, 'unmount');
+	    emitEvent('onUnmountComponent', debugID);
+	  },
+	  onTestEvent: function () {
+	    emitEvent('onTestEvent');
+	  }
+	};
+
+	// TODO remove these when RN/www gets updated
+	ReactDebugTool.addDevtool = ReactDebugTool.addHook;
+	ReactDebugTool.removeDevtool = ReactDebugTool.removeHook;
+
+	ReactDebugTool.addHook(ReactInvalidSetStateWarningHook);
+	ReactDebugTool.addHook(ReactComponentTreeHook);
+	var url = ExecutionEnvironment.canUseDOM && window.location.href || '';
+	if (/[?&]react_perf\b/.test(url)) {
+	  ReactDebugTool.beginProfiling();
+	}
+
+	module.exports = ReactDebugTool;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 68 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2016-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	var warning = __webpack_require__(11);
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var processingChildContext = false;
+
+	  var warnInvalidSetState = function () {
+	    process.env.NODE_ENV !== 'production' ? warning(!processingChildContext, 'setState(...): Cannot call setState() inside getChildContext()') : void 0;
+	  };
+	}
+
+	var ReactInvalidSetStateWarningHook = {
+	  onBeginProcessingChildContext: function () {
+	    processingChildContext = true;
+	  },
+	  onEndProcessingChildContext: function () {
+	    processingChildContext = false;
+	  },
+	  onSetState: function () {
+	    warnInvalidSetState();
+	  }
+	};
+
+	module.exports = ReactInvalidSetStateWarningHook;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 69 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2016-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	var history = [];
+
+	var ReactHostOperationHistoryHook = {
+	  onHostOperation: function (operation) {
+	    history.push(operation);
+	  },
+	  clearHistory: function () {
+	    if (ReactHostOperationHistoryHook._preventClearing) {
+	      // Should only be used for tests.
+	      return;
+	    }
+
+	    history = [];
+	  },
+	  getHistory: function () {
+	    return history;
+	  }
+	};
+
+	module.exports = ReactHostOperationHistoryHook;
+
+/***/ }),
+/* 70 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * @typechecks
+	 */
+
+	var performance = __webpack_require__(71);
+
+	var performanceNow;
+
+	/**
+	 * Detect if we can use `window.performance.now()` and gracefully fallback to
+	 * `Date.now()` if it doesn't exist. We need to support Firefox < 15 for now
+	 * because of Facebook's testing infrastructure.
+	 */
+	if (performance.now) {
+	  performanceNow = function performanceNow() {
+	    return performance.now();
+	  };
+	} else {
+	  performanceNow = function performanceNow() {
+	    return Date.now();
+	  };
+	}
+
+	module.exports = performanceNow;
+
+/***/ }),
+/* 71 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * @typechecks
+	 */
+
+	'use strict';
+
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var performance;
+
+	if (ExecutionEnvironment.canUseDOM) {
+	  performance = window.performance || window.msPerformance || window.webkitPerformance;
+	}
+
+	module.exports = performance || {};
+
+/***/ }),
+/* 72 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var invariant = __webpack_require__(8);
+
+	var OBSERVED_ERROR = {};
+
+	/**
+	 * `Transaction` creates a black box that is able to wrap any method such that
+	 * certain invariants are maintained before and after the method is invoked
+	 * (Even if an exception is thrown while invoking the wrapped method). Whoever
+	 * instantiates a transaction can provide enforcers of the invariants at
+	 * creation time. The `Transaction` class itself will supply one additional
+	 * automatic invariant for you - the invariant that any transaction instance
+	 * should not be run while it is already being run. You would typically create a
+	 * single instance of a `Transaction` for reuse multiple times, that potentially
+	 * is used to wrap several different methods. Wrappers are extremely simple -
+	 * they only require implementing two methods.
+	 *
+	 * <pre>
+	 *                       wrappers (injected at creation time)
+	 *                                      +        +
+	 *                                      |        |
+	 *                    +-----------------|--------|--------------+
+	 *                    |                 v        |              |
+	 *                    |      +---------------+   |              |
+	 *                    |   +--|    wrapper1   |---|----+         |
+	 *                    |   |  +---------------+   v    |         |
+	 *                    |   |          +-------------+  |         |
+	 *                    |   |     +----|   wrapper2  |--------+   |
+	 *                    |   |     |    +-------------+  |     |   |
+	 *                    |   |     |                     |     |   |
+	 *                    |   v     v                     v     v   | wrapper
+	 *                    | +---+ +---+   +---------+   +---+ +---+ | invariants
+	 * perform(anyMethod) | |   | |   |   |         |   |   | |   | | maintained
+	 * +----------------->|-|---|-|---|-->|anyMethod|---|---|-|---|-|-------->
+	 *                    | |   | |   |   |         |   |   | |   | |
+	 *                    | |   | |   |   |         |   |   | |   | |
+	 *                    | |   | |   |   |         |   |   | |   | |
+	 *                    | +---+ +---+   +---------+   +---+ +---+ |
+	 *                    |  initialize                    close    |
+	 *                    +-----------------------------------------+
+	 * </pre>
+	 *
+	 * Use cases:
+	 * - Preserving the input selection ranges before/after reconciliation.
+	 *   Restoring selection even in the event of an unexpected error.
+	 * - Deactivating events while rearranging the DOM, preventing blurs/focuses,
+	 *   while guaranteeing that afterwards, the event system is reactivated.
+	 * - Flushing a queue of collected DOM mutations to the main UI thread after a
+	 *   reconciliation takes place in a worker thread.
+	 * - Invoking any collected `componentDidUpdate` callbacks after rendering new
+	 *   content.
+	 * - (Future use case): Wrapping particular flushes of the `ReactWorker` queue
+	 *   to preserve the `scrollTop` (an automatic scroll aware DOM).
+	 * - (Future use case): Layout calculations before and after DOM updates.
+	 *
+	 * Transactional plugin API:
+	 * - A module that has an `initialize` method that returns any precomputation.
+	 * - and a `close` method that accepts the precomputation. `close` is invoked
+	 *   when the wrapped process is completed, or has failed.
+	 *
+	 * @param {Array<TransactionalWrapper>} transactionWrapper Wrapper modules
+	 * that implement `initialize` and `close`.
+	 * @return {Transaction} Single transaction for reuse in thread.
+	 *
+	 * @class Transaction
+	 */
+	var TransactionImpl = {
+	  /**
+	   * Sets up this instance so that it is prepared for collecting metrics. Does
+	   * so such that this setup method may be used on an instance that is already
+	   * initialized, in a way that does not consume additional memory upon reuse.
+	   * That can be useful if you decide to make your subclass of this mixin a
+	   * "PooledClass".
+	   */
+	  reinitializeTransaction: function () {
+	    this.transactionWrappers = this.getTransactionWrappers();
+	    if (this.wrapperInitData) {
+	      this.wrapperInitData.length = 0;
+	    } else {
+	      this.wrapperInitData = [];
+	    }
+	    this._isInTransaction = false;
+	  },
+
+	  _isInTransaction: false,
+
+	  /**
+	   * @abstract
+	   * @return {Array<TransactionWrapper>} Array of transaction wrappers.
+	   */
+	  getTransactionWrappers: null,
+
+	  isInTransaction: function () {
+	    return !!this._isInTransaction;
+	  },
+
+	  /**
+	   * Executes the function within a safety window. Use this for the top level
+	   * methods that result in large amounts of computation/mutations that would
+	   * need to be safety checked. The optional arguments helps prevent the need
+	   * to bind in many cases.
+	   *
+	   * @param {function} method Member of scope to call.
+	   * @param {Object} scope Scope to invoke from.
+	   * @param {Object?=} a Argument to pass to the method.
+	   * @param {Object?=} b Argument to pass to the method.
+	   * @param {Object?=} c Argument to pass to the method.
+	   * @param {Object?=} d Argument to pass to the method.
+	   * @param {Object?=} e Argument to pass to the method.
+	   * @param {Object?=} f Argument to pass to the method.
+	   *
+	   * @return {*} Return value from `method`.
+	   */
+	  perform: function (method, scope, a, b, c, d, e, f) {
+	    !!this.isInTransaction() ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Transaction.perform(...): Cannot initialize a transaction when there is already an outstanding transaction.') : _prodInvariant('27') : void 0;
+	    var errorThrown;
+	    var ret;
+	    try {
+	      this._isInTransaction = true;
+	      // Catching errors makes debugging more difficult, so we start with
+	      // errorThrown set to true before setting it to false after calling
+	      // close -- if it's still set to true in the finally block, it means
+	      // one of these calls threw.
+	      errorThrown = true;
+	      this.initializeAll(0);
+	      ret = method.call(scope, a, b, c, d, e, f);
+	      errorThrown = false;
+	    } finally {
+	      try {
+	        if (errorThrown) {
+	          // If `method` throws, prefer to show that stack trace over any thrown
+	          // by invoking `closeAll`.
+	          try {
+	            this.closeAll(0);
+	          } catch (err) {}
+	        } else {
+	          // Since `method` didn't throw, we don't want to silence the exception
+	          // here.
+	          this.closeAll(0);
+	        }
+	      } finally {
+	        this._isInTransaction = false;
+	      }
+	    }
+	    return ret;
+	  },
+
+	  initializeAll: function (startIndex) {
+	    var transactionWrappers = this.transactionWrappers;
+	    for (var i = startIndex; i < transactionWrappers.length; i++) {
+	      var wrapper = transactionWrappers[i];
+	      try {
+	        // Catching errors makes debugging more difficult, so we start with the
+	        // OBSERVED_ERROR state before overwriting it with the real return value
+	        // of initialize -- if it's still set to OBSERVED_ERROR in the finally
+	        // block, it means wrapper.initialize threw.
+	        this.wrapperInitData[i] = OBSERVED_ERROR;
+	        this.wrapperInitData[i] = wrapper.initialize ? wrapper.initialize.call(this) : null;
+	      } finally {
+	        if (this.wrapperInitData[i] === OBSERVED_ERROR) {
+	          // The initializer for wrapper i threw an error; initialize the
+	          // remaining wrappers but silence any exceptions from them to ensure
+	          // that the first error is the one to bubble up.
+	          try {
+	            this.initializeAll(i + 1);
+	          } catch (err) {}
+	        }
+	      }
+	    }
+	  },
+
+	  /**
+	   * Invokes each of `this.transactionWrappers.close[i]` functions, passing into
+	   * them the respective return values of `this.transactionWrappers.init[i]`
+	   * (`close`rs that correspond to initializers that failed will not be
+	   * invoked).
+	   */
+	  closeAll: function (startIndex) {
+	    !this.isInTransaction() ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Transaction.closeAll(): Cannot close transaction when none are open.') : _prodInvariant('28') : void 0;
+	    var transactionWrappers = this.transactionWrappers;
+	    for (var i = startIndex; i < transactionWrappers.length; i++) {
+	      var wrapper = transactionWrappers[i];
+	      var initData = this.wrapperInitData[i];
+	      var errorThrown;
+	      try {
+	        // Catching errors makes debugging more difficult, so we start with
+	        // errorThrown set to true before setting it to false after calling
+	        // close -- if it's still set to true in the finally block, it means
+	        // wrapper.close threw.
+	        errorThrown = true;
+	        if (initData !== OBSERVED_ERROR && wrapper.close) {
+	          wrapper.close.call(this, initData);
+	        }
+	        errorThrown = false;
+	      } finally {
+	        if (errorThrown) {
+	          // The closer for wrapper i threw an error; close the remaining
+	          // wrappers but silence any exceptions from them to ensure that the
+	          // first error is the one to bubble up.
+	          try {
+	            this.closeAll(i + 1);
+	          } catch (e) {}
+	        }
+	      }
+	    }
+	    this.wrapperInitData.length = 0;
+	  }
+	};
+
+	module.exports = TransactionImpl;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 73 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	/**
+	 * Gets the target node from a native browser event by accounting for
+	 * inconsistencies in browser DOM APIs.
+	 *
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {DOMEventTarget} Target node.
+	 */
+
+	function getEventTarget(nativeEvent) {
+	  var target = nativeEvent.target || nativeEvent.srcElement || window;
+
+	  // Normalize SVG <use> element events #4963
+	  if (target.correspondingUseElement) {
+	    target = target.correspondingUseElement;
+	  }
+
+	  // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
+	  // @see http://www.quirksmode.org/js/events_properties.html
+	  return target.nodeType === 3 ? target.parentNode : target;
+	}
+
+	module.exports = getEventTarget;
+
+/***/ }),
+/* 74 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var useHasFeature;
+	if (ExecutionEnvironment.canUseDOM) {
+	  useHasFeature = document.implementation && document.implementation.hasFeature &&
+	  // always returns true in newer browsers as per the standard.
+	  // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
+	  document.implementation.hasFeature('', '') !== true;
+	}
+
+	/**
+	 * Checks if an event is supported in the current execution environment.
+	 *
+	 * NOTE: This will not work correctly for non-generic events such as `change`,
+	 * `reset`, `load`, `error`, and `select`.
+	 *
+	 * Borrows from Modernizr.
+	 *
+	 * @param {string} eventNameSuffix Event name, e.g. "click".
+	 * @param {?boolean} capture Check if the capture phase is supported.
+	 * @return {boolean} True if the event is supported.
+	 * @internal
+	 * @license Modernizr 3.0.0pre (Custom Build) | MIT
+	 */
+	function isEventSupported(eventNameSuffix, capture) {
+	  if (!ExecutionEnvironment.canUseDOM || capture && !('addEventListener' in document)) {
+	    return false;
+	  }
+
+	  var eventName = 'on' + eventNameSuffix;
+	  var isSupported = eventName in document;
+
+	  if (!isSupported) {
+	    var element = document.createElement('div');
+	    element.setAttribute(eventName, 'return;');
+	    isSupported = typeof element[eventName] === 'function';
+	  }
+
+	  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {
+	    // This is the only way to test support for the `wheel` event in IE9+.
+	    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');
+	  }
+
+	  return isSupported;
+	}
+
+	module.exports = isEventSupported;
+
+/***/ }),
+/* 75 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	/**
+	 * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
+	 */
+
+	var supportedInputTypes = {
+	  'color': true,
+	  'date': true,
+	  'datetime': true,
+	  'datetime-local': true,
+	  'email': true,
+	  'month': true,
+	  'number': true,
+	  'password': true,
+	  'range': true,
+	  'search': true,
+	  'tel': true,
+	  'text': true,
+	  'time': true,
+	  'url': true,
+	  'week': true
+	};
+
+	function isTextInputElement(elem) {
+	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+
+	  if (nodeName === 'input') {
+	    return !!supportedInputTypes[elem.type];
+	  }
+
+	  if (nodeName === 'textarea') {
+	    return true;
+	  }
+
+	  return false;
+	}
+
+	module.exports = isTextInputElement;
+
+/***/ }),
+/* 76 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	/**
+	 * Module that is injectable into `EventPluginHub`, that specifies a
+	 * deterministic ordering of `EventPlugin`s. A convenient way to reason about
+	 * plugins, without having to package every one of them. This is better than
+	 * having plugins be ordered in the same order that they are injected because
+	 * that ordering would be influenced by the packaging order.
+	 * `ResponderEventPlugin` must occur before `SimpleEventPlugin` so that
+	 * preventing default on events is convenient in `SimpleEventPlugin` handlers.
+	 */
+
+	var DefaultEventPluginOrder = ['ResponderEventPlugin', 'SimpleEventPlugin', 'TapEventPlugin', 'EnterLeaveEventPlugin', 'ChangeEventPlugin', 'SelectEventPlugin', 'BeforeInputEventPlugin'];
+
+	module.exports = DefaultEventPluginOrder;
+
+/***/ }),
+/* 77 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var EventPropagators = __webpack_require__(45);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var SyntheticMouseEvent = __webpack_require__(78);
+
+	var eventTypes = {
+	  mouseEnter: {
+	    registrationName: 'onMouseEnter',
+	    dependencies: ['topMouseOut', 'topMouseOver']
+	  },
+	  mouseLeave: {
+	    registrationName: 'onMouseLeave',
+	    dependencies: ['topMouseOut', 'topMouseOver']
+	  }
+	};
+
+	var EnterLeaveEventPlugin = {
+
+	  eventTypes: eventTypes,
+
+	  /**
+	   * For almost every interaction we care about, there will be both a top-level
+	   * `mouseover` and `mouseout` event that occurs. Only use `mouseout` so that
+	   * we do not extract duplicate events. However, moving the mouse into the
+	   * browser from outside will not fire a `mouseout` event. In this case, we use
+	   * the `mouseover` top-level event.
+	   */
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    if (topLevelType === 'topMouseOver' && (nativeEvent.relatedTarget || nativeEvent.fromElement)) {
+	      return null;
+	    }
+	    if (topLevelType !== 'topMouseOut' && topLevelType !== 'topMouseOver') {
+	      // Must not be a mouse in or mouse out - ignoring.
+	      return null;
+	    }
+
+	    var win;
+	    if (nativeEventTarget.window === nativeEventTarget) {
+	      // `nativeEventTarget` is probably a window object.
+	      win = nativeEventTarget;
+	    } else {
+	      // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
+	      var doc = nativeEventTarget.ownerDocument;
+	      if (doc) {
+	        win = doc.defaultView || doc.parentWindow;
+	      } else {
+	        win = window;
+	      }
+	    }
+
+	    var from;
+	    var to;
+	    if (topLevelType === 'topMouseOut') {
+	      from = targetInst;
+	      var related = nativeEvent.relatedTarget || nativeEvent.toElement;
+	      to = related ? ReactDOMComponentTree.getClosestInstanceFromNode(related) : null;
+	    } else {
+	      // Moving to a node from outside the window.
+	      from = null;
+	      to = targetInst;
+	    }
+
+	    if (from === to) {
+	      // Nothing pertains to our managed components.
+	      return null;
+	    }
+
+	    var fromNode = from == null ? win : ReactDOMComponentTree.getNodeFromInstance(from);
+	    var toNode = to == null ? win : ReactDOMComponentTree.getNodeFromInstance(to);
+
+	    var leave = SyntheticMouseEvent.getPooled(eventTypes.mouseLeave, from, nativeEvent, nativeEventTarget);
+	    leave.type = 'mouseleave';
+	    leave.target = fromNode;
+	    leave.relatedTarget = toNode;
+
+	    var enter = SyntheticMouseEvent.getPooled(eventTypes.mouseEnter, to, nativeEvent, nativeEventTarget);
+	    enter.type = 'mouseenter';
+	    enter.target = toNode;
+	    enter.relatedTarget = fromNode;
+
+	    EventPropagators.accumulateEnterLeaveDispatches(leave, enter, from, to);
+
+	    return [leave, enter];
+	  }
+
+	};
+
+	module.exports = EnterLeaveEventPlugin;
+
+/***/ }),
+/* 78 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var SyntheticUIEvent = __webpack_require__(79);
+	var ViewportMetrics = __webpack_require__(80);
+
+	var getEventModifierState = __webpack_require__(81);
+
+	/**
+	 * @interface MouseEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
+	var MouseEventInterface = {
+	  screenX: null,
+	  screenY: null,
+	  clientX: null,
+	  clientY: null,
+	  ctrlKey: null,
+	  shiftKey: null,
+	  altKey: null,
+	  metaKey: null,
+	  getModifierState: getEventModifierState,
+	  button: function (event) {
+	    // Webkit, Firefox, IE9+
+	    // which:  1 2 3
+	    // button: 0 1 2 (standard)
+	    var button = event.button;
+	    if ('which' in event) {
+	      return button;
+	    }
+	    // IE<9
+	    // which:  undefined
+	    // button: 0 0 0
+	    // button: 1 4 2 (onmouseup)
+	    return button === 2 ? 2 : button === 4 ? 1 : 0;
+	  },
+	  buttons: null,
+	  relatedTarget: function (event) {
+	    return event.relatedTarget || (event.fromElement === event.srcElement ? event.toElement : event.fromElement);
+	  },
+	  // "Proprietary" Interface.
+	  pageX: function (event) {
+	    return 'pageX' in event ? event.pageX : event.clientX + ViewportMetrics.currentScrollLeft;
+	  },
+	  pageY: function (event) {
+	    return 'pageY' in event ? event.pageY : event.clientY + ViewportMetrics.currentScrollTop;
+	  }
+	};
+
+	/**
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticUIEvent}
+	 */
+	function SyntheticMouseEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	}
+
+	SyntheticUIEvent.augmentClass(SyntheticMouseEvent, MouseEventInterface);
+
+	module.exports = SyntheticMouseEvent;
+
+/***/ }),
+/* 79 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var SyntheticEvent = __webpack_require__(57);
+
+	var getEventTarget = __webpack_require__(73);
+
+	/**
+	 * @interface UIEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
+	var UIEventInterface = {
+	  view: function (event) {
+	    if (event.view) {
+	      return event.view;
+	    }
+
+	    var target = getEventTarget(event);
+	    if (target.window === target) {
+	      // target is a window object
+	      return target;
+	    }
+
+	    var doc = target.ownerDocument;
+	    // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
+	    if (doc) {
+	      return doc.defaultView || doc.parentWindow;
+	    } else {
+	      return window;
+	    }
+	  },
+	  detail: function (event) {
+	    return event.detail || 0;
+	  }
+	};
+
+	/**
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticEvent}
+	 */
+	function SyntheticUIEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	}
+
+	SyntheticEvent.augmentClass(SyntheticUIEvent, UIEventInterface);
+
+	module.exports = SyntheticUIEvent;
+
+/***/ }),
+/* 80 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var ViewportMetrics = {
+
+	  currentScrollLeft: 0,
+
+	  currentScrollTop: 0,
+
+	  refreshScrollValues: function (scrollPosition) {
+	    ViewportMetrics.currentScrollLeft = scrollPosition.x;
+	    ViewportMetrics.currentScrollTop = scrollPosition.y;
+	  }
+
+	};
+
+	module.exports = ViewportMetrics;
+
+/***/ }),
+/* 81 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	/**
+	 * Translation from modifier key to the associated property in the event.
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
+	 */
+
+	var modifierKeyToProp = {
+	  'Alt': 'altKey',
+	  'Control': 'ctrlKey',
+	  'Meta': 'metaKey',
+	  'Shift': 'shiftKey'
+	};
+
+	// IE8 does not implement getModifierState so we simply map it to the only
+	// modifier keys exposed by the event itself, does not support Lock-keys.
+	// Currently, all major browsers except Chrome seems to support Lock-keys.
+	function modifierStateGetter(keyArg) {
+	  var syntheticEvent = this;
+	  var nativeEvent = syntheticEvent.nativeEvent;
+	  if (nativeEvent.getModifierState) {
+	    return nativeEvent.getModifierState(keyArg);
+	  }
+	  var keyProp = modifierKeyToProp[keyArg];
+	  return keyProp ? !!nativeEvent[keyProp] : false;
+	}
+
+	function getEventModifierState(nativeEvent) {
+	  return modifierStateGetter;
+	}
+
+	module.exports = getEventModifierState;
+
+/***/ }),
+/* 82 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMProperty = __webpack_require__(40);
+
+	var MUST_USE_PROPERTY = DOMProperty.injection.MUST_USE_PROPERTY;
+	var HAS_BOOLEAN_VALUE = DOMProperty.injection.HAS_BOOLEAN_VALUE;
+	var HAS_NUMERIC_VALUE = DOMProperty.injection.HAS_NUMERIC_VALUE;
+	var HAS_POSITIVE_NUMERIC_VALUE = DOMProperty.injection.HAS_POSITIVE_NUMERIC_VALUE;
+	var HAS_OVERLOADED_BOOLEAN_VALUE = DOMProperty.injection.HAS_OVERLOADED_BOOLEAN_VALUE;
+
+	var HTMLDOMPropertyConfig = {
+	  isCustomAttribute: RegExp.prototype.test.bind(new RegExp('^(data|aria)-[' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$')),
+	  Properties: {
+	    /**
+	     * Standard Properties
+	     */
+	    accept: 0,
+	    acceptCharset: 0,
+	    accessKey: 0,
+	    action: 0,
+	    allowFullScreen: HAS_BOOLEAN_VALUE,
+	    allowTransparency: 0,
+	    alt: 0,
+	    // specifies target context for links with `preload` type
+	    as: 0,
+	    async: HAS_BOOLEAN_VALUE,
+	    autoComplete: 0,
+	    // autoFocus is polyfilled/normalized by AutoFocusUtils
+	    // autoFocus: HAS_BOOLEAN_VALUE,
+	    autoPlay: HAS_BOOLEAN_VALUE,
+	    capture: HAS_BOOLEAN_VALUE,
+	    cellPadding: 0,
+	    cellSpacing: 0,
+	    charSet: 0,
+	    challenge: 0,
+	    checked: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
+	    cite: 0,
+	    classID: 0,
+	    className: 0,
+	    cols: HAS_POSITIVE_NUMERIC_VALUE,
+	    colSpan: 0,
+	    content: 0,
+	    contentEditable: 0,
+	    contextMenu: 0,
+	    controls: HAS_BOOLEAN_VALUE,
+	    coords: 0,
+	    crossOrigin: 0,
+	    data: 0, // For `<object />` acts as `src`.
+	    dateTime: 0,
+	    'default': HAS_BOOLEAN_VALUE,
+	    defer: HAS_BOOLEAN_VALUE,
+	    dir: 0,
+	    disabled: HAS_BOOLEAN_VALUE,
+	    download: HAS_OVERLOADED_BOOLEAN_VALUE,
+	    draggable: 0,
+	    encType: 0,
+	    form: 0,
+	    formAction: 0,
+	    formEncType: 0,
+	    formMethod: 0,
+	    formNoValidate: HAS_BOOLEAN_VALUE,
+	    formTarget: 0,
+	    frameBorder: 0,
+	    headers: 0,
+	    height: 0,
+	    hidden: HAS_BOOLEAN_VALUE,
+	    high: 0,
+	    href: 0,
+	    hrefLang: 0,
+	    htmlFor: 0,
+	    httpEquiv: 0,
+	    icon: 0,
+	    id: 0,
+	    inputMode: 0,
+	    integrity: 0,
+	    is: 0,
+	    keyParams: 0,
+	    keyType: 0,
+	    kind: 0,
+	    label: 0,
+	    lang: 0,
+	    list: 0,
+	    loop: HAS_BOOLEAN_VALUE,
+	    low: 0,
+	    manifest: 0,
+	    marginHeight: 0,
+	    marginWidth: 0,
+	    max: 0,
+	    maxLength: 0,
+	    media: 0,
+	    mediaGroup: 0,
+	    method: 0,
+	    min: 0,
+	    minLength: 0,
+	    // Caution; `option.selected` is not updated if `select.multiple` is
+	    // disabled with `removeAttribute`.
+	    multiple: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
+	    muted: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
+	    name: 0,
+	    nonce: 0,
+	    noValidate: HAS_BOOLEAN_VALUE,
+	    open: HAS_BOOLEAN_VALUE,
+	    optimum: 0,
+	    pattern: 0,
+	    placeholder: 0,
+	    playsInline: HAS_BOOLEAN_VALUE,
+	    poster: 0,
+	    preload: 0,
+	    profile: 0,
+	    radioGroup: 0,
+	    readOnly: HAS_BOOLEAN_VALUE,
+	    referrerPolicy: 0,
+	    rel: 0,
+	    required: HAS_BOOLEAN_VALUE,
+	    reversed: HAS_BOOLEAN_VALUE,
+	    role: 0,
+	    rows: HAS_POSITIVE_NUMERIC_VALUE,
+	    rowSpan: HAS_NUMERIC_VALUE,
+	    sandbox: 0,
+	    scope: 0,
+	    scoped: HAS_BOOLEAN_VALUE,
+	    scrolling: 0,
+	    seamless: HAS_BOOLEAN_VALUE,
+	    selected: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
+	    shape: 0,
+	    size: HAS_POSITIVE_NUMERIC_VALUE,
+	    sizes: 0,
+	    span: HAS_POSITIVE_NUMERIC_VALUE,
+	    spellCheck: 0,
+	    src: 0,
+	    srcDoc: 0,
+	    srcLang: 0,
+	    srcSet: 0,
+	    start: HAS_NUMERIC_VALUE,
+	    step: 0,
+	    style: 0,
+	    summary: 0,
+	    tabIndex: 0,
+	    target: 0,
+	    title: 0,
+	    // Setting .type throws on non-<input> tags
+	    type: 0,
+	    useMap: 0,
+	    value: 0,
+	    width: 0,
+	    wmode: 0,
+	    wrap: 0,
+
+	    /**
+	     * RDFa Properties
+	     */
+	    about: 0,
+	    datatype: 0,
+	    inlist: 0,
+	    prefix: 0,
+	    // property is also supported for OpenGraph in meta tags.
+	    property: 0,
+	    resource: 0,
+	    'typeof': 0,
+	    vocab: 0,
+
+	    /**
+	     * Non-standard Properties
+	     */
+	    // autoCapitalize and autoCorrect are supported in Mobile Safari for
+	    // keyboard hints.
+	    autoCapitalize: 0,
+	    autoCorrect: 0,
+	    // autoSave allows WebKit/Blink to persist values of input fields on page reloads
+	    autoSave: 0,
+	    // color is for Safari mask-icon link
+	    color: 0,
+	    // itemProp, itemScope, itemType are for
+	    // Microdata support. See http://schema.org/docs/gs.html
+	    itemProp: 0,
+	    itemScope: HAS_BOOLEAN_VALUE,
+	    itemType: 0,
+	    // itemID and itemRef are for Microdata support as well but
+	    // only specified in the WHATWG spec document. See
+	    // https://html.spec.whatwg.org/multipage/microdata.html#microdata-dom-api
+	    itemID: 0,
+	    itemRef: 0,
+	    // results show looking glass icon and recent searches on input
+	    // search fields in WebKit/Blink
+	    results: 0,
+	    // IE-only attribute that specifies security restrictions on an iframe
+	    // as an alternative to the sandbox attribute on IE<10
+	    security: 0,
+	    // IE-only attribute that controls focus behavior
+	    unselectable: 0
+	  },
+	  DOMAttributeNames: {
+	    acceptCharset: 'accept-charset',
+	    className: 'class',
+	    htmlFor: 'for',
+	    httpEquiv: 'http-equiv'
+	  },
+	  DOMPropertyNames: {},
+	  DOMMutationMethods: {
+	    value: function (node, value) {
+	      if (value == null) {
+	        return node.removeAttribute('value');
+	      }
+
+	      // Number inputs get special treatment due to some edge cases in
+	      // Chrome. Let everything else assign the value attribute as normal.
+	      // https://github.com/facebook/react/issues/7253#issuecomment-236074326
+	      if (node.type !== 'number' || node.hasAttribute('value') === false) {
+	        node.setAttribute('value', '' + value);
+	      } else if (node.validity && !node.validity.badInput && node.ownerDocument.activeElement !== node) {
+	        // Don't assign an attribute if validation reports bad
+	        // input. Chrome will clear the value. Additionally, don't
+	        // operate on inputs that have focus, otherwise Chrome might
+	        // strip off trailing decimal places and cause the user's
+	        // cursor position to jump to the beginning of the input.
+	        //
+	        // In ReactDOMInput, we have an onBlur event that will trigger
+	        // this function again when focus is lost.
+	        node.setAttribute('value', '' + value);
+	      }
+	    }
+	  }
+	};
+
+	module.exports = HTMLDOMPropertyConfig;
+
+/***/ }),
+/* 83 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMChildrenOperations = __webpack_require__(84);
+	var ReactDOMIDOperations = __webpack_require__(95);
+
+	/**
+	 * Abstracts away all functionality of the reconciler that requires knowledge of
+	 * the browser context. TODO: These callers should be refactored to avoid the
+	 * need for this injection.
+	 */
+	var ReactComponentBrowserEnvironment = {
+
+	  processChildrenUpdates: ReactDOMIDOperations.dangerouslyProcessChildrenUpdates,
+
+	  replaceNodeWithMarkup: DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup
+
+	};
+
+	module.exports = ReactComponentBrowserEnvironment;
+
+/***/ }),
+/* 84 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMLazyTree = __webpack_require__(85);
+	var Danger = __webpack_require__(91);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactInstrumentation = __webpack_require__(66);
+
+	var createMicrosoftUnsafeLocalFunction = __webpack_require__(88);
+	var setInnerHTML = __webpack_require__(87);
+	var setTextContent = __webpack_require__(89);
+
+	function getNodeAfter(parentNode, node) {
+	  // Special case for text components, which return [open, close] comments
+	  // from getHostNode.
+	  if (Array.isArray(node)) {
+	    node = node[1];
+	  }
+	  return node ? node.nextSibling : parentNode.firstChild;
+	}
+
+	/**
+	 * Inserts `childNode` as a child of `parentNode` at the `index`.
+	 *
+	 * @param {DOMElement} parentNode Parent node in which to insert.
+	 * @param {DOMElement} childNode Child node to insert.
+	 * @param {number} index Index at which to insert the child.
+	 * @internal
+	 */
+	var insertChildAt = createMicrosoftUnsafeLocalFunction(function (parentNode, childNode, referenceNode) {
+	  // We rely exclusively on `insertBefore(node, null)` instead of also using
+	  // `appendChild(node)`. (Using `undefined` is not allowed by all browsers so
+	  // we are careful to use `null`.)
+	  parentNode.insertBefore(childNode, referenceNode);
+	});
+
+	function insertLazyTreeChildAt(parentNode, childTree, referenceNode) {
+	  DOMLazyTree.insertTreeBefore(parentNode, childTree, referenceNode);
+	}
+
+	function moveChild(parentNode, childNode, referenceNode) {
+	  if (Array.isArray(childNode)) {
+	    moveDelimitedText(parentNode, childNode[0], childNode[1], referenceNode);
+	  } else {
+	    insertChildAt(parentNode, childNode, referenceNode);
+	  }
+	}
+
+	function removeChild(parentNode, childNode) {
+	  if (Array.isArray(childNode)) {
+	    var closingComment = childNode[1];
+	    childNode = childNode[0];
+	    removeDelimitedText(parentNode, childNode, closingComment);
+	    parentNode.removeChild(closingComment);
+	  }
+	  parentNode.removeChild(childNode);
+	}
+
+	function moveDelimitedText(parentNode, openingComment, closingComment, referenceNode) {
+	  var node = openingComment;
+	  while (true) {
+	    var nextNode = node.nextSibling;
+	    insertChildAt(parentNode, node, referenceNode);
+	    if (node === closingComment) {
+	      break;
+	    }
+	    node = nextNode;
+	  }
+	}
+
+	function removeDelimitedText(parentNode, startNode, closingComment) {
+	  while (true) {
+	    var node = startNode.nextSibling;
+	    if (node === closingComment) {
+	      // The closing comment is removed by ReactMultiChild.
+	      break;
+	    } else {
+	      parentNode.removeChild(node);
+	    }
+	  }
+	}
+
+	function replaceDelimitedText(openingComment, closingComment, stringText) {
+	  var parentNode = openingComment.parentNode;
+	  var nodeAfterComment = openingComment.nextSibling;
+	  if (nodeAfterComment === closingComment) {
+	    // There are no text nodes between the opening and closing comments; insert
+	    // a new one if stringText isn't empty.
+	    if (stringText) {
+	      insertChildAt(parentNode, document.createTextNode(stringText), nodeAfterComment);
+	    }
+	  } else {
+	    if (stringText) {
+	      // Set the text content of the first node after the opening comment, and
+	      // remove all following nodes up until the closing comment.
+	      setTextContent(nodeAfterComment, stringText);
+	      removeDelimitedText(parentNode, nodeAfterComment, closingComment);
+	    } else {
+	      removeDelimitedText(parentNode, openingComment, closingComment);
+	    }
+	  }
+
+	  if (process.env.NODE_ENV !== 'production') {
+	    ReactInstrumentation.debugTool.onHostOperation({
+	      instanceID: ReactDOMComponentTree.getInstanceFromNode(openingComment)._debugID,
+	      type: 'replace text',
+	      payload: stringText
+	    });
+	  }
+	}
+
+	var dangerouslyReplaceNodeWithMarkup = Danger.dangerouslyReplaceNodeWithMarkup;
+	if (process.env.NODE_ENV !== 'production') {
+	  dangerouslyReplaceNodeWithMarkup = function (oldChild, markup, prevInstance) {
+	    Danger.dangerouslyReplaceNodeWithMarkup(oldChild, markup);
+	    if (prevInstance._debugID !== 0) {
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: prevInstance._debugID,
+	        type: 'replace with',
+	        payload: markup.toString()
+	      });
+	    } else {
+	      var nextInstance = ReactDOMComponentTree.getInstanceFromNode(markup.node);
+	      if (nextInstance._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onHostOperation({
+	          instanceID: nextInstance._debugID,
+	          type: 'mount',
+	          payload: markup.toString()
+	        });
+	      }
+	    }
+	  };
+	}
+
+	/**
+	 * Operations for updating with DOM children.
+	 */
+	var DOMChildrenOperations = {
+
+	  dangerouslyReplaceNodeWithMarkup: dangerouslyReplaceNodeWithMarkup,
+
+	  replaceDelimitedText: replaceDelimitedText,
+
+	  /**
+	   * Updates a component's children by processing a series of updates. The
+	   * update configurations are each expected to have a `parentNode` property.
+	   *
+	   * @param {array<object>} updates List of update configurations.
+	   * @internal
+	   */
+	  processUpdates: function (parentNode, updates) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var parentNodeDebugID = ReactDOMComponentTree.getInstanceFromNode(parentNode)._debugID;
+	    }
+
+	    for (var k = 0; k < updates.length; k++) {
+	      var update = updates[k];
+	      switch (update.type) {
+	        case 'INSERT_MARKUP':
+	          insertLazyTreeChildAt(parentNode, update.content, getNodeAfter(parentNode, update.afterNode));
+	          if (process.env.NODE_ENV !== 'production') {
+	            ReactInstrumentation.debugTool.onHostOperation({
+	              instanceID: parentNodeDebugID,
+	              type: 'insert child',
+	              payload: { toIndex: update.toIndex, content: update.content.toString() }
+	            });
+	          }
+	          break;
+	        case 'MOVE_EXISTING':
+	          moveChild(parentNode, update.fromNode, getNodeAfter(parentNode, update.afterNode));
+	          if (process.env.NODE_ENV !== 'production') {
+	            ReactInstrumentation.debugTool.onHostOperation({
+	              instanceID: parentNodeDebugID,
+	              type: 'move child',
+	              payload: { fromIndex: update.fromIndex, toIndex: update.toIndex }
+	            });
+	          }
+	          break;
+	        case 'SET_MARKUP':
+	          setInnerHTML(parentNode, update.content);
+	          if (process.env.NODE_ENV !== 'production') {
+	            ReactInstrumentation.debugTool.onHostOperation({
+	              instanceID: parentNodeDebugID,
+	              type: 'replace children',
+	              payload: update.content.toString()
+	            });
+	          }
+	          break;
+	        case 'TEXT_CONTENT':
+	          setTextContent(parentNode, update.content);
+	          if (process.env.NODE_ENV !== 'production') {
+	            ReactInstrumentation.debugTool.onHostOperation({
+	              instanceID: parentNodeDebugID,
+	              type: 'replace text',
+	              payload: update.content.toString()
+	            });
+	          }
+	          break;
+	        case 'REMOVE_NODE':
+	          removeChild(parentNode, update.fromNode);
+	          if (process.env.NODE_ENV !== 'production') {
+	            ReactInstrumentation.debugTool.onHostOperation({
+	              instanceID: parentNodeDebugID,
+	              type: 'remove child',
+	              payload: { fromIndex: update.fromIndex }
+	            });
+	          }
+	          break;
+	      }
+	    }
+	  }
+
+	};
+
+	module.exports = DOMChildrenOperations;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 85 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2015-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMNamespaces = __webpack_require__(86);
+	var setInnerHTML = __webpack_require__(87);
+
+	var createMicrosoftUnsafeLocalFunction = __webpack_require__(88);
+	var setTextContent = __webpack_require__(89);
+
+	var ELEMENT_NODE_TYPE = 1;
+	var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
+
+	/**
+	 * In IE (8-11) and Edge, appending nodes with no children is dramatically
+	 * faster than appending a full subtree, so we essentially queue up the
+	 * .appendChild calls here and apply them so each node is added to its parent
+	 * before any children are added.
+	 *
+	 * In other browsers, doing so is slower or neutral compared to the other order
+	 * (in Firefox, twice as slow) so we only do this inversion in IE.
+	 *
+	 * See https://github.com/spicyj/innerhtml-vs-createelement-vs-clonenode.
+	 */
+	var enableLazy = typeof document !== 'undefined' && typeof document.documentMode === 'number' || typeof navigator !== 'undefined' && typeof navigator.userAgent === 'string' && /\bEdge\/\d/.test(navigator.userAgent);
+
+	function insertTreeChildren(tree) {
+	  if (!enableLazy) {
+	    return;
+	  }
+	  var node = tree.node;
+	  var children = tree.children;
+	  if (children.length) {
+	    for (var i = 0; i < children.length; i++) {
+	      insertTreeBefore(node, children[i], null);
+	    }
+	  } else if (tree.html != null) {
+	    setInnerHTML(node, tree.html);
+	  } else if (tree.text != null) {
+	    setTextContent(node, tree.text);
+	  }
+	}
+
+	var insertTreeBefore = createMicrosoftUnsafeLocalFunction(function (parentNode, tree, referenceNode) {
+	  // DocumentFragments aren't actually part of the DOM after insertion so
+	  // appending children won't update the DOM. We need to ensure the fragment
+	  // is properly populated first, breaking out of our lazy approach for just
+	  // this level. Also, some <object> plugins (like Flash Player) will read
+	  // <param> nodes immediately upon insertion into the DOM, so <object>
+	  // must also be populated prior to insertion into the DOM.
+	  if (tree.node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE || tree.node.nodeType === ELEMENT_NODE_TYPE && tree.node.nodeName.toLowerCase() === 'object' && (tree.node.namespaceURI == null || tree.node.namespaceURI === DOMNamespaces.html)) {
+	    insertTreeChildren(tree);
+	    parentNode.insertBefore(tree.node, referenceNode);
+	  } else {
+	    parentNode.insertBefore(tree.node, referenceNode);
+	    insertTreeChildren(tree);
+	  }
+	});
+
+	function replaceChildWithTree(oldNode, newTree) {
+	  oldNode.parentNode.replaceChild(newTree.node, oldNode);
+	  insertTreeChildren(newTree);
+	}
+
+	function queueChild(parentTree, childTree) {
+	  if (enableLazy) {
+	    parentTree.children.push(childTree);
+	  } else {
+	    parentTree.node.appendChild(childTree.node);
+	  }
+	}
+
+	function queueHTML(tree, html) {
+	  if (enableLazy) {
+	    tree.html = html;
+	  } else {
+	    setInnerHTML(tree.node, html);
+	  }
+	}
+
+	function queueText(tree, text) {
+	  if (enableLazy) {
+	    tree.text = text;
+	  } else {
+	    setTextContent(tree.node, text);
+	  }
+	}
+
+	function toString() {
+	  return this.node.nodeName;
+	}
+
+	function DOMLazyTree(node) {
+	  return {
+	    node: node,
+	    children: [],
+	    html: null,
+	    text: null,
+	    toString: toString
+	  };
+	}
+
+	DOMLazyTree.insertTreeBefore = insertTreeBefore;
+	DOMLazyTree.replaceChildWithTree = replaceChildWithTree;
+	DOMLazyTree.queueChild = queueChild;
+	DOMLazyTree.queueHTML = queueHTML;
+	DOMLazyTree.queueText = queueText;
+
+	module.exports = DOMLazyTree;
+
+/***/ }),
+/* 86 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMNamespaces = {
+	  html: 'http://www.w3.org/1999/xhtml',
+	  mathml: 'http://www.w3.org/1998/Math/MathML',
+	  svg: 'http://www.w3.org/2000/svg'
+	};
+
+	module.exports = DOMNamespaces;
+
+/***/ }),
+/* 87 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var ExecutionEnvironment = __webpack_require__(52);
+	var DOMNamespaces = __webpack_require__(86);
+
+	var WHITESPACE_TEST = /^[ \r\n\t\f]/;
+	var NONVISIBLE_TEST = /<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/;
+
+	var createMicrosoftUnsafeLocalFunction = __webpack_require__(88);
+
+	// SVG temp container for IE lacking innerHTML
+	var reusableSVGContainer;
+
+	/**
+	 * Set the innerHTML property of a node, ensuring that whitespace is preserved
+	 * even in IE8.
+	 *
+	 * @param {DOMElement} node
+	 * @param {string} html
+	 * @internal
+	 */
+	var setInnerHTML = createMicrosoftUnsafeLocalFunction(function (node, html) {
+	  // IE does not have innerHTML for SVG nodes, so instead we inject the
+	  // new markup in a temp node and then move the child nodes across into
+	  // the target node
+	  if (node.namespaceURI === DOMNamespaces.svg && !('innerHTML' in node)) {
+	    reusableSVGContainer = reusableSVGContainer || document.createElement('div');
+	    reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
+	    var svgNode = reusableSVGContainer.firstChild;
+	    while (svgNode.firstChild) {
+	      node.appendChild(svgNode.firstChild);
+	    }
+	  } else {
+	    node.innerHTML = html;
+	  }
+	});
+
+	if (ExecutionEnvironment.canUseDOM) {
+	  // IE8: When updating a just created node with innerHTML only leading
+	  // whitespace is removed. When updating an existing node with innerHTML
+	  // whitespace in root TextNodes is also collapsed.
+	  // @see quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html
+
+	  // Feature detection; only IE8 is known to behave improperly like this.
+	  var testElement = document.createElement('div');
+	  testElement.innerHTML = ' ';
+	  if (testElement.innerHTML === '') {
+	    setInnerHTML = function (node, html) {
+	      // Magic theory: IE8 supposedly differentiates between added and updated
+	      // nodes when processing innerHTML, innerHTML on updated nodes suffers
+	      // from worse whitespace behavior. Re-adding a node like this triggers
+	      // the initial and more favorable whitespace behavior.
+	      // TODO: What to do on a detached node?
+	      if (node.parentNode) {
+	        node.parentNode.replaceChild(node, node);
+	      }
+
+	      // We also implement a workaround for non-visible tags disappearing into
+	      // thin air on IE8, this only happens if there is no visible text
+	      // in-front of the non-visible tags. Piggyback on the whitespace fix
+	      // and simply check if any non-visible tags appear in the source.
+	      if (WHITESPACE_TEST.test(html) || html[0] === '<' && NONVISIBLE_TEST.test(html)) {
+	        // Recover leading whitespace by temporarily prepending any character.
+	        // \uFEFF has the potential advantage of being zero-width/invisible.
+	        // UglifyJS drops U+FEFF chars when parsing, so use String.fromCharCode
+	        // in hopes that this is preserved even if "\uFEFF" is transformed to
+	        // the actual Unicode character (by Babel, for example).
+	        // https://github.com/mishoo/UglifyJS2/blob/v2.4.20/lib/parse.js#L216
+	        node.innerHTML = String.fromCharCode(0xFEFF) + html;
+
+	        // deleteData leaves an empty `TextNode` which offsets the index of all
+	        // children. Definitely want to avoid this.
+	        var textNode = node.firstChild;
+	        if (textNode.data.length === 1) {
+	          node.removeChild(textNode);
+	        } else {
+	          textNode.deleteData(0, 1);
+	        }
+	      } else {
+	        node.innerHTML = html;
+	      }
+	    };
+	  }
+	  testElement = null;
+	}
+
+	module.exports = setInnerHTML;
+
+/***/ }),
+/* 88 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	/* globals MSApp */
+
+	'use strict';
+
+	/**
+	 * Create a function which has 'unsafe' privileges (required by windows8 apps)
+	 */
+
+	var createMicrosoftUnsafeLocalFunction = function (func) {
+	  if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) {
+	    return function (arg0, arg1, arg2, arg3) {
+	      MSApp.execUnsafeLocalFunction(function () {
+	        return func(arg0, arg1, arg2, arg3);
+	      });
+	    };
+	  } else {
+	    return func;
+	  }
+	};
+
+	module.exports = createMicrosoftUnsafeLocalFunction;
+
+/***/ }),
+/* 89 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var ExecutionEnvironment = __webpack_require__(52);
+	var escapeTextContentForBrowser = __webpack_require__(90);
+	var setInnerHTML = __webpack_require__(87);
+
+	/**
+	 * Set the textContent property of a node, ensuring that whitespace is preserved
+	 * even in IE8. innerText is a poor substitute for textContent and, among many
+	 * issues, inserts <br> instead of the literal newline chars. innerHTML behaves
+	 * as it should.
+	 *
+	 * @param {DOMElement} node
+	 * @param {string} text
+	 * @internal
+	 */
+	var setTextContent = function (node, text) {
+	  if (text) {
+	    var firstChild = node.firstChild;
+
+	    if (firstChild && firstChild === node.lastChild && firstChild.nodeType === 3) {
+	      firstChild.nodeValue = text;
+	      return;
+	    }
+	  }
+	  node.textContent = text;
+	};
+
+	if (ExecutionEnvironment.canUseDOM) {
+	  if (!('textContent' in document.documentElement)) {
+	    setTextContent = function (node, text) {
+	      if (node.nodeType === 3) {
+	        node.nodeValue = text;
+	        return;
+	      }
+	      setInnerHTML(node, escapeTextContentForBrowser(text));
+	    };
+	  }
+	}
+
+	module.exports = setTextContent;
+
+/***/ }),
+/* 90 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2016-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * Based on the escape-html library, which is used under the MIT License below:
+	 *
+	 * Copyright (c) 2012-2013 TJ Holowaychuk
+	 * Copyright (c) 2015 Andreas Lubbe
+	 * Copyright (c) 2015 Tiancheng "Timothy" Gu
+	 *
+	 * Permission is hereby granted, free of charge, to any person obtaining
+	 * a copy of this software and associated documentation files (the
+	 * 'Software'), to deal in the Software without restriction, including
+	 * without limitation the rights to use, copy, modify, merge, publish,
+	 * distribute, sublicense, and/or sell copies of the Software, and to
+	 * permit persons to whom the Software is furnished to do so, subject to
+	 * the following conditions:
+	 *
+	 * The above copyright notice and this permission notice shall be
+	 * included in all copies or substantial portions of the Software.
+	 *
+	 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+	 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+	 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+	 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+	 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+	 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+	 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+	 *
+	 */
+
+	'use strict';
+
+	// code copied and modified from escape-html
+	/**
+	 * Module variables.
+	 * @private
+	 */
+
+	var matchHtmlRegExp = /["'&<>]/;
+
+	/**
+	 * Escape special characters in the given string of html.
+	 *
+	 * @param  {string} string The string to escape for inserting into HTML
+	 * @return {string}
+	 * @public
+	 */
+
+	function escapeHtml(string) {
+	  var str = '' + string;
+	  var match = matchHtmlRegExp.exec(str);
+
+	  if (!match) {
+	    return str;
+	  }
+
+	  var escape;
+	  var html = '';
+	  var index = 0;
+	  var lastIndex = 0;
+
+	  for (index = match.index; index < str.length; index++) {
+	    switch (str.charCodeAt(index)) {
+	      case 34:
+	        // "
+	        escape = '&quot;';
+	        break;
+	      case 38:
+	        // &
+	        escape = '&amp;';
+	        break;
+	      case 39:
+	        // '
+	        escape = '&#x27;'; // modified from escape-html; used to be '&#39'
+	        break;
+	      case 60:
+	        // <
+	        escape = '&lt;';
+	        break;
+	      case 62:
+	        // >
+	        escape = '&gt;';
+	        break;
+	      default:
+	        continue;
+	    }
+
+	    if (lastIndex !== index) {
+	      html += str.substring(lastIndex, index);
+	    }
+
+	    lastIndex = index + 1;
+	    html += escape;
+	  }
+
+	  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+	}
+	// end code copied and modified from escape-html
+
+
+	/**
+	 * Escapes text to prevent scripting attacks.
+	 *
+	 * @param {*} text Text value to escape.
+	 * @return {string} An escaped string.
+	 */
+	function escapeTextContentForBrowser(text) {
+	  if (typeof text === 'boolean' || typeof text === 'number') {
+	    // this shortcircuit helps perf for types that we know will never have
+	    // special characters, especially given that this function is used often
+	    // for numeric dom ids.
+	    return '' + text;
+	  }
+	  return escapeHtml(text);
+	}
+
+	module.exports = escapeTextContentForBrowser;
+
+/***/ }),
+/* 91 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var DOMLazyTree = __webpack_require__(85);
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var createNodesFromMarkup = __webpack_require__(92);
+	var emptyFunction = __webpack_require__(12);
+	var invariant = __webpack_require__(8);
+
+	var Danger = {
+
+	  /**
+	   * Replaces a node with a string of markup at its current position within its
+	   * parent. The markup must render into a single root node.
+	   *
+	   * @param {DOMElement} oldChild Child node to replace.
+	   * @param {string} markup Markup to render in place of the child node.
+	   * @internal
+	   */
+	  dangerouslyReplaceNodeWithMarkup: function (oldChild, markup) {
+	    !ExecutionEnvironment.canUseDOM ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Cannot render markup in a worker thread. Make sure `window` and `document` are available globally before requiring React when unit testing or use ReactDOMServer.renderToString() for server rendering.') : _prodInvariant('56') : void 0;
+	    !markup ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Missing markup.') : _prodInvariant('57') : void 0;
+	    !(oldChild.nodeName !== 'HTML') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyReplaceNodeWithMarkup(...): Cannot replace markup of the <html> node. This is because browser quirks make this unreliable and/or slow. If you want to render to the root you must use server rendering. See ReactDOMServer.renderToString().') : _prodInvariant('58') : void 0;
+
+	    if (typeof markup === 'string') {
+	      var newChild = createNodesFromMarkup(markup, emptyFunction)[0];
+	      oldChild.parentNode.replaceChild(newChild, oldChild);
+	    } else {
+	      DOMLazyTree.replaceChildWithTree(oldChild, markup);
+	    }
+	  }
+
+	};
+
+	module.exports = Danger;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 92 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * @typechecks
+	 */
+
+	/*eslint-disable fb-www/unsafe-html*/
+
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var createArrayFromMixed = __webpack_require__(93);
+	var getMarkupWrap = __webpack_require__(94);
+	var invariant = __webpack_require__(8);
+
+	/**
+	 * Dummy container used to render all markup.
+	 */
+	var dummyNode = ExecutionEnvironment.canUseDOM ? document.createElement('div') : null;
+
+	/**
+	 * Pattern used by `getNodeName`.
+	 */
+	var nodeNamePattern = /^\s*<(\w+)/;
+
+	/**
+	 * Extracts the `nodeName` of the first element in a string of markup.
+	 *
+	 * @param {string} markup String of markup.
+	 * @return {?string} Node name of the supplied markup.
+	 */
+	function getNodeName(markup) {
+	  var nodeNameMatch = markup.match(nodeNamePattern);
+	  return nodeNameMatch && nodeNameMatch[1].toLowerCase();
+	}
+
+	/**
+	 * Creates an array containing the nodes rendered from the supplied markup. The
+	 * optionally supplied `handleScript` function will be invoked once for each
+	 * <script> element that is rendered. If no `handleScript` function is supplied,
+	 * an exception is thrown if any <script> elements are rendered.
+	 *
+	 * @param {string} markup A string of valid HTML markup.
+	 * @param {?function} handleScript Invoked once for each rendered <script>.
+	 * @return {array<DOMElement|DOMTextNode>} An array of rendered nodes.
+	 */
+	function createNodesFromMarkup(markup, handleScript) {
+	  var node = dummyNode;
+	  !!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup dummy not initialized') : invariant(false) : void 0;
+	  var nodeName = getNodeName(markup);
+
+	  var wrap = nodeName && getMarkupWrap(nodeName);
+	  if (wrap) {
+	    node.innerHTML = wrap[1] + markup + wrap[2];
+
+	    var wrapDepth = wrap[0];
+	    while (wrapDepth--) {
+	      node = node.lastChild;
+	    }
+	  } else {
+	    node.innerHTML = markup;
+	  }
+
+	  var scripts = node.getElementsByTagName('script');
+	  if (scripts.length) {
+	    !handleScript ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup(...): Unexpected <script> element rendered.') : invariant(false) : void 0;
+	    createArrayFromMixed(scripts).forEach(handleScript);
+	  }
+
+	  var nodes = Array.from(node.childNodes);
+	  while (node.lastChild) {
+	    node.removeChild(node.lastChild);
+	  }
+	  return nodes;
+	}
+
+	module.exports = createNodesFromMarkup;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 93 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * @typechecks
+	 */
+
+	var invariant = __webpack_require__(8);
+
+	/**
+	 * Convert array-like objects to arrays.
+	 *
+	 * This API assumes the caller knows the contents of the data type. For less
+	 * well defined inputs use createArrayFromMixed.
+	 *
+	 * @param {object|function|filelist} obj
+	 * @return {array}
+	 */
+	function toArray(obj) {
+	  var length = obj.length;
+
+	  // Some browsers builtin objects can report typeof 'function' (e.g. NodeList
+	  // in old versions of Safari).
+	  !(!Array.isArray(obj) && (typeof obj === 'object' || typeof obj === 'function')) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Array-like object expected') : invariant(false) : void 0;
+
+	  !(typeof length === 'number') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Object needs a length property') : invariant(false) : void 0;
+
+	  !(length === 0 || length - 1 in obj) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Object should have keys for indices') : invariant(false) : void 0;
+
+	  !(typeof obj.callee !== 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'toArray: Object can\'t be `arguments`. Use rest params ' + '(function(...args) {}) or Array.from() instead.') : invariant(false) : void 0;
+
+	  // Old IE doesn't give collections access to hasOwnProperty. Assume inputs
+	  // without method will throw during the slice call and skip straight to the
+	  // fallback.
+	  if (obj.hasOwnProperty) {
+	    try {
+	      return Array.prototype.slice.call(obj);
+	    } catch (e) {
+	      // IE < 9 does not support Array#slice on collections objects
+	    }
+	  }
+
+	  // Fall back to copying key by key. This assumes all keys have a value,
+	  // so will not preserve sparsely populated inputs.
+	  var ret = Array(length);
+	  for (var ii = 0; ii < length; ii++) {
+	    ret[ii] = obj[ii];
+	  }
+	  return ret;
+	}
+
+	/**
+	 * Perform a heuristic test to determine if an object is "array-like".
+	 *
+	 *   A monk asked Joshu, a Zen master, "Has a dog Buddha nature?"
+	 *   Joshu replied: "Mu."
+	 *
+	 * This function determines if its argument has "array nature": it returns
+	 * true if the argument is an actual array, an `arguments' object, or an
+	 * HTMLCollection (e.g. node.childNodes or node.getElementsByTagName()).
+	 *
+	 * It will return false for other array-like objects like Filelist.
+	 *
+	 * @param {*} obj
+	 * @return {boolean}
+	 */
+	function hasArrayNature(obj) {
+	  return (
+	    // not null/false
+	    !!obj && (
+	    // arrays are objects, NodeLists are functions in Safari
+	    typeof obj == 'object' || typeof obj == 'function') &&
+	    // quacks like an array
+	    'length' in obj &&
+	    // not window
+	    !('setInterval' in obj) &&
+	    // no DOM node should be considered an array-like
+	    // a 'select' element has 'length' and 'item' properties on IE8
+	    typeof obj.nodeType != 'number' && (
+	    // a real array
+	    Array.isArray(obj) ||
+	    // arguments
+	    'callee' in obj ||
+	    // HTMLCollection/NodeList
+	    'item' in obj)
+	  );
+	}
+
+	/**
+	 * Ensure that the argument is an array by wrapping it in an array if it is not.
+	 * Creates a copy of the argument if it is already an array.
+	 *
+	 * This is mostly useful idiomatically:
+	 *
+	 *   var createArrayFromMixed = require('createArrayFromMixed');
+	 *
+	 *   function takesOneOrMoreThings(things) {
+	 *     things = createArrayFromMixed(things);
+	 *     ...
+	 *   }
+	 *
+	 * This allows you to treat `things' as an array, but accept scalars in the API.
+	 *
+	 * If you need to convert an array-like object, like `arguments`, into an array
+	 * use toArray instead.
+	 *
+	 * @param {*} obj
+	 * @return {array}
+	 */
+	function createArrayFromMixed(obj) {
+	  if (!hasArrayNature(obj)) {
+	    return [obj];
+	  } else if (Array.isArray(obj)) {
+	    return obj.slice();
+	  } else {
+	    return toArray(obj);
+	  }
+	}
+
+	module.exports = createArrayFromMixed;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 94 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	/*eslint-disable fb-www/unsafe-html */
+
+	var ExecutionEnvironment = __webpack_require__(52);
+
+	var invariant = __webpack_require__(8);
+
+	/**
+	 * Dummy container used to detect which wraps are necessary.
+	 */
+	var dummyNode = ExecutionEnvironment.canUseDOM ? document.createElement('div') : null;
+
+	/**
+	 * Some browsers cannot use `innerHTML` to render certain elements standalone,
+	 * so we wrap them, render the wrapped nodes, then extract the desired node.
+	 *
+	 * In IE8, certain elements cannot render alone, so wrap all elements ('*').
+	 */
+
+	var shouldWrap = {};
+
+	var selectWrap = [1, '<select multiple="true">', '</select>'];
+	var tableWrap = [1, '<table>', '</table>'];
+	var trWrap = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
+
+	var svgWrap = [1, '<svg xmlns="http://www.w3.org/2000/svg">', '</svg>'];
+
+	var markupWrap = {
+	  '*': [1, '?<div>', '</div>'],
+
+	  'area': [1, '<map>', '</map>'],
+	  'col': [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
+	  'legend': [1, '<fieldset>', '</fieldset>'],
+	  'param': [1, '<object>', '</object>'],
+	  'tr': [2, '<table><tbody>', '</tbody></table>'],
+
+	  'optgroup': selectWrap,
+	  'option': selectWrap,
+
+	  'caption': tableWrap,
+	  'colgroup': tableWrap,
+	  'tbody': tableWrap,
+	  'tfoot': tableWrap,
+	  'thead': tableWrap,
+
+	  'td': trWrap,
+	  'th': trWrap
+	};
+
+	// Initialize the SVG elements since we know they'll always need to be wrapped
+	// consistently. If they are created inside a <div> they will be initialized in
+	// the wrong namespace (and will not display).
+	var svgElements = ['circle', 'clipPath', 'defs', 'ellipse', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'text', 'tspan'];
+	svgElements.forEach(function (nodeName) {
+	  markupWrap[nodeName] = svgWrap;
+	  shouldWrap[nodeName] = true;
+	});
+
+	/**
+	 * Gets the markup wrap configuration for the supplied `nodeName`.
+	 *
+	 * NOTE: This lazily detects which wraps are necessary for the current browser.
+	 *
+	 * @param {string} nodeName Lowercase `nodeName`.
+	 * @return {?array} Markup wrap configuration, if applicable.
+	 */
+	function getMarkupWrap(nodeName) {
+	  !!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Markup wrapping node not initialized') : invariant(false) : void 0;
+	  if (!markupWrap.hasOwnProperty(nodeName)) {
+	    nodeName = '*';
+	  }
+	  if (!shouldWrap.hasOwnProperty(nodeName)) {
+	    if (nodeName === '*') {
+	      dummyNode.innerHTML = '<link />';
+	    } else {
+	      dummyNode.innerHTML = '<' + nodeName + '></' + nodeName + '>';
+	    }
+	    shouldWrap[nodeName] = !dummyNode.firstChild;
+	  }
+	  return shouldWrap[nodeName] ? markupWrap[nodeName] : null;
+	}
+
+	module.exports = getMarkupWrap;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 95 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var DOMChildrenOperations = __webpack_require__(84);
+	var ReactDOMComponentTree = __webpack_require__(38);
+
+	/**
+	 * Operations used to process updates to DOM nodes.
+	 */
+	var ReactDOMIDOperations = {
+
+	  /**
+	   * Updates a component's children by processing a series of updates.
+	   *
+	   * @param {array<object>} updates List of update configurations.
+	   * @internal
+	   */
+	  dangerouslyProcessChildrenUpdates: function (parentInst, updates) {
+	    var node = ReactDOMComponentTree.getNodeFromInstance(parentInst);
+	    DOMChildrenOperations.processUpdates(node, updates);
+	  }
+	};
+
+	module.exports = ReactDOMIDOperations;
+
+/***/ }),
+/* 96 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	/* global hasOwnProperty:true */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
+
+	var AutoFocusUtils = __webpack_require__(97);
+	var CSSPropertyOperations = __webpack_require__(99);
+	var DOMLazyTree = __webpack_require__(85);
+	var DOMNamespaces = __webpack_require__(86);
+	var DOMProperty = __webpack_require__(40);
+	var DOMPropertyOperations = __webpack_require__(107);
+	var EventPluginHub = __webpack_require__(46);
+	var EventPluginRegistry = __webpack_require__(47);
+	var ReactBrowserEventEmitter = __webpack_require__(109);
+	var ReactDOMComponentFlags = __webpack_require__(41);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactDOMInput = __webpack_require__(112);
+	var ReactDOMOption = __webpack_require__(115);
+	var ReactDOMSelect = __webpack_require__(116);
+	var ReactDOMTextarea = __webpack_require__(117);
+	var ReactInstrumentation = __webpack_require__(66);
+	var ReactMultiChild = __webpack_require__(118);
+	var ReactServerRenderingTransaction = __webpack_require__(137);
+
+	var emptyFunction = __webpack_require__(12);
+	var escapeTextContentForBrowser = __webpack_require__(90);
+	var invariant = __webpack_require__(8);
+	var isEventSupported = __webpack_require__(74);
+	var shallowEqual = __webpack_require__(127);
+	var validateDOMNesting = __webpack_require__(140);
+	var warning = __webpack_require__(11);
+
+	var Flags = ReactDOMComponentFlags;
+	var deleteListener = EventPluginHub.deleteListener;
+	var getNode = ReactDOMComponentTree.getNodeFromInstance;
+	var listenTo = ReactBrowserEventEmitter.listenTo;
+	var registrationNameModules = EventPluginRegistry.registrationNameModules;
+
+	// For quickly matching children type, to test if can be treated as content.
+	var CONTENT_TYPES = { 'string': true, 'number': true };
+
+	var STYLE = 'style';
+	var HTML = '__html';
+	var RESERVED_PROPS = {
+	  children: null,
+	  dangerouslySetInnerHTML: null,
+	  suppressContentEditableWarning: null
+	};
+
+	// Node type for document fragments (Node.DOCUMENT_FRAGMENT_NODE).
+	var DOC_FRAGMENT_TYPE = 11;
+
+	function getDeclarationErrorAddendum(internalInstance) {
+	  if (internalInstance) {
+	    var owner = internalInstance._currentElement._owner || null;
+	    if (owner) {
+	      var name = owner.getName();
+	      if (name) {
+	        return ' This DOM node was rendered by `' + name + '`.';
+	      }
+	    }
+	  }
+	  return '';
+	}
+
+	function friendlyStringify(obj) {
+	  if (typeof obj === 'object') {
+	    if (Array.isArray(obj)) {
+	      return '[' + obj.map(friendlyStringify).join(', ') + ']';
+	    } else {
+	      var pairs = [];
+	      for (var key in obj) {
+	        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+	          var keyEscaped = /^[a-z$_][\w$_]*$/i.test(key) ? key : JSON.stringify(key);
+	          pairs.push(keyEscaped + ': ' + friendlyStringify(obj[key]));
+	        }
+	      }
+	      return '{' + pairs.join(', ') + '}';
+	    }
+	  } else if (typeof obj === 'string') {
+	    return JSON.stringify(obj);
+	  } else if (typeof obj === 'function') {
+	    return '[function object]';
+	  }
+	  // Differs from JSON.stringify in that undefined because undefined and that
+	  // inf and nan don't become null
+	  return String(obj);
+	}
+
+	var styleMutationWarning = {};
+
+	function checkAndWarnForMutatedStyle(style1, style2, component) {
+	  if (style1 == null || style2 == null) {
+	    return;
+	  }
+	  if (shallowEqual(style1, style2)) {
+	    return;
+	  }
+
+	  var componentName = component._tag;
+	  var owner = component._currentElement._owner;
+	  var ownerName;
+	  if (owner) {
+	    ownerName = owner.getName();
+	  }
+
+	  var hash = ownerName + '|' + componentName;
+
+	  if (styleMutationWarning.hasOwnProperty(hash)) {
+	    return;
+	  }
+
+	  styleMutationWarning[hash] = true;
+
+	  process.env.NODE_ENV !== 'production' ? warning(false, '`%s` was passed a style object that has previously been mutated. ' + 'Mutating `style` is deprecated. Consider cloning it beforehand. Check ' + 'the `render` %s. Previous style: %s. Mutated style: %s.', componentName, owner ? 'of `' + ownerName + '`' : 'using <' + componentName + '>', friendlyStringify(style1), friendlyStringify(style2)) : void 0;
+	}
+
+	/**
+	 * @param {object} component
+	 * @param {?object} props
+	 */
+	function assertValidProps(component, props) {
+	  if (!props) {
+	    return;
+	  }
+	  // Note the use of `==` which checks for null or undefined.
+	  if (voidElementTags[component._tag]) {
+	    !(props.children == null && props.dangerouslySetInnerHTML == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.%s', component._tag, component._currentElement._owner ? ' Check the render method of ' + component._currentElement._owner.getName() + '.' : '') : _prodInvariant('137', component._tag, component._currentElement._owner ? ' Check the render method of ' + component._currentElement._owner.getName() + '.' : '') : void 0;
+	  }
+	  if (props.dangerouslySetInnerHTML != null) {
+	    !(props.children == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Can only set one of `children` or `props.dangerouslySetInnerHTML`.') : _prodInvariant('60') : void 0;
+	    !(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML) ? process.env.NODE_ENV !== 'production' ? invariant(false, '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.') : _prodInvariant('61') : void 0;
+	  }
+	  if (process.env.NODE_ENV !== 'production') {
+	    process.env.NODE_ENV !== 'production' ? warning(props.innerHTML == null, 'Directly setting property `innerHTML` is not permitted. ' + 'For more information, lookup documentation on `dangerouslySetInnerHTML`.') : void 0;
+	    process.env.NODE_ENV !== 'production' ? warning(props.suppressContentEditableWarning || !props.contentEditable || props.children == null, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.') : void 0;
+	    process.env.NODE_ENV !== 'production' ? warning(props.onFocusIn == null && props.onFocusOut == null, 'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' + 'All React events are normalized to bubble, so onFocusIn and onFocusOut ' + 'are not needed/supported by React.') : void 0;
+	  }
+	  !(props.style == null || typeof props.style === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + \'em\'}} when using JSX.%s', getDeclarationErrorAddendum(component)) : _prodInvariant('62', getDeclarationErrorAddendum(component)) : void 0;
+	}
+
+	function enqueuePutListener(inst, registrationName, listener, transaction) {
+	  if (transaction instanceof ReactServerRenderingTransaction) {
+	    return;
+	  }
+	  if (process.env.NODE_ENV !== 'production') {
+	    // IE8 has no API for event capturing and the `onScroll` event doesn't
+	    // bubble.
+	    process.env.NODE_ENV !== 'production' ? warning(registrationName !== 'onScroll' || isEventSupported('scroll', true), 'This browser doesn\'t support the `onScroll` event') : void 0;
+	  }
+	  var containerInfo = inst._hostContainerInfo;
+	  var isDocumentFragment = containerInfo._node && containerInfo._node.nodeType === DOC_FRAGMENT_TYPE;
+	  var doc = isDocumentFragment ? containerInfo._node : containerInfo._ownerDocument;
+	  listenTo(registrationName, doc);
+	  transaction.getReactMountReady().enqueue(putListener, {
+	    inst: inst,
+	    registrationName: registrationName,
+	    listener: listener
+	  });
+	}
+
+	function putListener() {
+	  var listenerToPut = this;
+	  EventPluginHub.putListener(listenerToPut.inst, listenerToPut.registrationName, listenerToPut.listener);
+	}
+
+	function inputPostMount() {
+	  var inst = this;
+	  ReactDOMInput.postMountWrapper(inst);
+	}
+
+	function textareaPostMount() {
+	  var inst = this;
+	  ReactDOMTextarea.postMountWrapper(inst);
+	}
+
+	function optionPostMount() {
+	  var inst = this;
+	  ReactDOMOption.postMountWrapper(inst);
+	}
+
+	var setAndValidateContentChildDev = emptyFunction;
+	if (process.env.NODE_ENV !== 'production') {
+	  setAndValidateContentChildDev = function (content) {
+	    var hasExistingContent = this._contentDebugID != null;
+	    var debugID = this._debugID;
+	    // This ID represents the inlined child that has no backing instance:
+	    var contentDebugID = -debugID;
+
+	    if (content == null) {
+	      if (hasExistingContent) {
+	        ReactInstrumentation.debugTool.onUnmountComponent(this._contentDebugID);
+	      }
+	      this._contentDebugID = null;
+	      return;
+	    }
+
+	    validateDOMNesting(null, String(content), this, this._ancestorInfo);
+	    this._contentDebugID = contentDebugID;
+	    if (hasExistingContent) {
+	      ReactInstrumentation.debugTool.onBeforeUpdateComponent(contentDebugID, content);
+	      ReactInstrumentation.debugTool.onUpdateComponent(contentDebugID);
+	    } else {
+	      ReactInstrumentation.debugTool.onBeforeMountComponent(contentDebugID, content, debugID);
+	      ReactInstrumentation.debugTool.onMountComponent(contentDebugID);
+	      ReactInstrumentation.debugTool.onSetChildren(debugID, [contentDebugID]);
+	    }
+	  };
+	}
+
+	// There are so many media events, it makes sense to just
+	// maintain a list rather than create a `trapBubbledEvent` for each
+	var mediaEvents = {
+	  topAbort: 'abort',
+	  topCanPlay: 'canplay',
+	  topCanPlayThrough: 'canplaythrough',
+	  topDurationChange: 'durationchange',
+	  topEmptied: 'emptied',
+	  topEncrypted: 'encrypted',
+	  topEnded: 'ended',
+	  topError: 'error',
+	  topLoadedData: 'loadeddata',
+	  topLoadedMetadata: 'loadedmetadata',
+	  topLoadStart: 'loadstart',
+	  topPause: 'pause',
+	  topPlay: 'play',
+	  topPlaying: 'playing',
+	  topProgress: 'progress',
+	  topRateChange: 'ratechange',
+	  topSeeked: 'seeked',
+	  topSeeking: 'seeking',
+	  topStalled: 'stalled',
+	  topSuspend: 'suspend',
+	  topTimeUpdate: 'timeupdate',
+	  topVolumeChange: 'volumechange',
+	  topWaiting: 'waiting'
+	};
+
+	function trapBubbledEventsLocal() {
+	  var inst = this;
+	  // If a component renders to null or if another component fatals and causes
+	  // the state of the tree to be corrupted, `node` here can be null.
+	  !inst._rootNodeID ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Must be mounted to trap events') : _prodInvariant('63') : void 0;
+	  var node = getNode(inst);
+	  !node ? process.env.NODE_ENV !== 'production' ? invariant(false, 'trapBubbledEvent(...): Requires node to be rendered.') : _prodInvariant('64') : void 0;
+
+	  switch (inst._tag) {
+	    case 'iframe':
+	    case 'object':
+	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node)];
+	      break;
+	    case 'video':
+	    case 'audio':
+
+	      inst._wrapperState.listeners = [];
+	      // Create listener for each media event
+	      for (var event in mediaEvents) {
+	        if (mediaEvents.hasOwnProperty(event)) {
+	          inst._wrapperState.listeners.push(ReactBrowserEventEmitter.trapBubbledEvent(event, mediaEvents[event], node));
+	        }
+	      }
+	      break;
+	    case 'source':
+	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node)];
+	      break;
+	    case 'img':
+	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node), ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node)];
+	      break;
+	    case 'form':
+	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent('topReset', 'reset', node), ReactBrowserEventEmitter.trapBubbledEvent('topSubmit', 'submit', node)];
+	      break;
+	    case 'input':
+	    case 'select':
+	    case 'textarea':
+	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent('topInvalid', 'invalid', node)];
+	      break;
+	  }
+	}
+
+	function postUpdateSelectWrapper() {
+	  ReactDOMSelect.postUpdateWrapper(this);
+	}
+
+	// For HTML, certain tags should omit their close tag. We keep a whitelist for
+	// those special-case tags.
+
+	var omittedCloseTags = {
+	  'area': true,
+	  'base': true,
+	  'br': true,
+	  'col': true,
+	  'embed': true,
+	  'hr': true,
+	  'img': true,
+	  'input': true,
+	  'keygen': true,
+	  'link': true,
+	  'meta': true,
+	  'param': true,
+	  'source': true,
+	  'track': true,
+	  'wbr': true
+	};
+
+	var newlineEatingTags = {
+	  'listing': true,
+	  'pre': true,
+	  'textarea': true
+	};
+
+	// For HTML, certain tags cannot have children. This has the same purpose as
+	// `omittedCloseTags` except that `menuitem` should still have its closing tag.
+
+	var voidElementTags = _assign({
+	  'menuitem': true
+	}, omittedCloseTags);
+
+	// We accept any tag to be rendered but since this gets injected into arbitrary
+	// HTML, we want to make sure that it's a safe tag.
+	// http://www.w3.org/TR/REC-xml/#NT-Name
+
+	var VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_\.\-\d]*$/; // Simplified subset
+	var validatedTagCache = {};
+	var hasOwnProperty = {}.hasOwnProperty;
+
+	function validateDangerousTag(tag) {
+	  if (!hasOwnProperty.call(validatedTagCache, tag)) {
+	    !VALID_TAG_REGEX.test(tag) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Invalid tag: %s', tag) : _prodInvariant('65', tag) : void 0;
+	    validatedTagCache[tag] = true;
+	  }
+	}
+
+	function isCustomComponent(tagName, props) {
+	  return tagName.indexOf('-') >= 0 || props.is != null;
+	}
+
+	var globalIdCounter = 1;
+
+	/**
+	 * Creates a new React class that is idempotent and capable of containing other
+	 * React components. It accepts event listeners and DOM properties that are
+	 * valid according to `DOMProperty`.
+	 *
+	 *  - Event listeners: `onClick`, `onMouseDown`, etc.
+	 *  - DOM properties: `className`, `name`, `title`, etc.
+	 *
+	 * The `style` property functions differently from the DOM API. It accepts an
+	 * object mapping of style properties to values.
+	 *
+	 * @constructor ReactDOMComponent
+	 * @extends ReactMultiChild
+	 */
+	function ReactDOMComponent(element) {
+	  var tag = element.type;
+	  validateDangerousTag(tag);
+	  this._currentElement = element;
+	  this._tag = tag.toLowerCase();
+	  this._namespaceURI = null;
+	  this._renderedChildren = null;
+	  this._previousStyle = null;
+	  this._previousStyleCopy = null;
+	  this._hostNode = null;
+	  this._hostParent = null;
+	  this._rootNodeID = 0;
+	  this._domID = 0;
+	  this._hostContainerInfo = null;
+	  this._wrapperState = null;
+	  this._topLevelWrapper = null;
+	  this._flags = 0;
+	  if (process.env.NODE_ENV !== 'production') {
+	    this._ancestorInfo = null;
+	    setAndValidateContentChildDev.call(this, null);
+	  }
+	}
+
+	ReactDOMComponent.displayName = 'ReactDOMComponent';
+
+	ReactDOMComponent.Mixin = {
+
+	  /**
+	   * Generates root tag markup then recurses. This method has side effects and
+	   * is not idempotent.
+	   *
+	   * @internal
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {?ReactDOMComponent} the parent component instance
+	   * @param {?object} info about the host container
+	   * @param {object} context
+	   * @return {string} The computed markup.
+	   */
+	  mountComponent: function (transaction, hostParent, hostContainerInfo, context) {
+	    this._rootNodeID = globalIdCounter++;
+	    this._domID = hostContainerInfo._idCounter++;
+	    this._hostParent = hostParent;
+	    this._hostContainerInfo = hostContainerInfo;
+
+	    var props = this._currentElement.props;
+
+	    switch (this._tag) {
+	      case 'audio':
+	      case 'form':
+	      case 'iframe':
+	      case 'img':
+	      case 'link':
+	      case 'object':
+	      case 'source':
+	      case 'video':
+	        this._wrapperState = {
+	          listeners: null
+	        };
+	        transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
+	        break;
+	      case 'input':
+	        ReactDOMInput.mountWrapper(this, props, hostParent);
+	        props = ReactDOMInput.getHostProps(this, props);
+	        transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
+	        break;
+	      case 'option':
+	        ReactDOMOption.mountWrapper(this, props, hostParent);
+	        props = ReactDOMOption.getHostProps(this, props);
+	        break;
+	      case 'select':
+	        ReactDOMSelect.mountWrapper(this, props, hostParent);
+	        props = ReactDOMSelect.getHostProps(this, props);
+	        transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
+	        break;
+	      case 'textarea':
+	        ReactDOMTextarea.mountWrapper(this, props, hostParent);
+	        props = ReactDOMTextarea.getHostProps(this, props);
+	        transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
+	        break;
+	    }
+
+	    assertValidProps(this, props);
+
+	    // We create tags in the namespace of their parent container, except HTML
+	    // tags get no namespace.
+	    var namespaceURI;
+	    var parentTag;
+	    if (hostParent != null) {
+	      namespaceURI = hostParent._namespaceURI;
+	      parentTag = hostParent._tag;
+	    } else if (hostContainerInfo._tag) {
+	      namespaceURI = hostContainerInfo._namespaceURI;
+	      parentTag = hostContainerInfo._tag;
+	    }
+	    if (namespaceURI == null || namespaceURI === DOMNamespaces.svg && parentTag === 'foreignobject') {
+	      namespaceURI = DOMNamespaces.html;
+	    }
+	    if (namespaceURI === DOMNamespaces.html) {
+	      if (this._tag === 'svg') {
+	        namespaceURI = DOMNamespaces.svg;
+	      } else if (this._tag === 'math') {
+	        namespaceURI = DOMNamespaces.mathml;
+	      }
+	    }
+	    this._namespaceURI = namespaceURI;
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      var parentInfo;
+	      if (hostParent != null) {
+	        parentInfo = hostParent._ancestorInfo;
+	      } else if (hostContainerInfo._tag) {
+	        parentInfo = hostContainerInfo._ancestorInfo;
+	      }
+	      if (parentInfo) {
+	        // parentInfo should always be present except for the top-level
+	        // component when server rendering
+	        validateDOMNesting(this._tag, null, this, parentInfo);
+	      }
+	      this._ancestorInfo = validateDOMNesting.updatedAncestorInfo(parentInfo, this._tag, this);
+	    }
+
+	    var mountImage;
+	    if (transaction.useCreateElement) {
+	      var ownerDocument = hostContainerInfo._ownerDocument;
+	      var el;
+	      if (namespaceURI === DOMNamespaces.html) {
+	        if (this._tag === 'script') {
+	          // Create the script via .innerHTML so its "parser-inserted" flag is
+	          // set to true and it does not execute
+	          var div = ownerDocument.createElement('div');
+	          var type = this._currentElement.type;
+	          div.innerHTML = '<' + type + '></' + type + '>';
+	          el = div.removeChild(div.firstChild);
+	        } else if (props.is) {
+	          el = ownerDocument.createElement(this._currentElement.type, props.is);
+	        } else {
+	          // Separate else branch instead of using `props.is || undefined` above becuase of a Firefox bug.
+	          // See discussion in https://github.com/facebook/react/pull/6896
+	          // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+	          el = ownerDocument.createElement(this._currentElement.type);
+	        }
+	      } else {
+	        el = ownerDocument.createElementNS(namespaceURI, this._currentElement.type);
+	      }
+	      ReactDOMComponentTree.precacheNode(this, el);
+	      this._flags |= Flags.hasCachedChildNodes;
+	      if (!this._hostParent) {
+	        DOMPropertyOperations.setAttributeForRoot(el);
+	      }
+	      this._updateDOMProperties(null, props, transaction);
+	      var lazyTree = DOMLazyTree(el);
+	      this._createInitialChildren(transaction, props, context, lazyTree);
+	      mountImage = lazyTree;
+	    } else {
+	      var tagOpen = this._createOpenTagMarkupAndPutListeners(transaction, props);
+	      var tagContent = this._createContentMarkup(transaction, props, context);
+	      if (!tagContent && omittedCloseTags[this._tag]) {
+	        mountImage = tagOpen + '/>';
+	      } else {
+	        mountImage = tagOpen + '>' + tagContent + '</' + this._currentElement.type + '>';
+	      }
+	    }
+
+	    switch (this._tag) {
+	      case 'input':
+	        transaction.getReactMountReady().enqueue(inputPostMount, this);
+	        if (props.autoFocus) {
+	          transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent, this);
+	        }
+	        break;
+	      case 'textarea':
+	        transaction.getReactMountReady().enqueue(textareaPostMount, this);
+	        if (props.autoFocus) {
+	          transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent, this);
+	        }
+	        break;
+	      case 'select':
+	        if (props.autoFocus) {
+	          transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent, this);
+	        }
+	        break;
+	      case 'button':
+	        if (props.autoFocus) {
+	          transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent, this);
+	        }
+	        break;
+	      case 'option':
+	        transaction.getReactMountReady().enqueue(optionPostMount, this);
+	        break;
+	    }
+
+	    return mountImage;
+	  },
+
+	  /**
+	   * Creates markup for the open tag and all attributes.
+	   *
+	   * This method has side effects because events get registered.
+	   *
+	   * Iterating over object properties is faster than iterating over arrays.
+	   * @see http://jsperf.com/obj-vs-arr-iteration
+	   *
+	   * @private
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {object} props
+	   * @return {string} Markup of opening tag.
+	   */
+	  _createOpenTagMarkupAndPutListeners: function (transaction, props) {
+	    var ret = '<' + this._currentElement.type;
+
+	    for (var propKey in props) {
+	      if (!props.hasOwnProperty(propKey)) {
+	        continue;
+	      }
+	      var propValue = props[propKey];
+	      if (propValue == null) {
+	        continue;
+	      }
+	      if (registrationNameModules.hasOwnProperty(propKey)) {
+	        if (propValue) {
+	          enqueuePutListener(this, propKey, propValue, transaction);
+	        }
+	      } else {
+	        if (propKey === STYLE) {
+	          if (propValue) {
+	            if (process.env.NODE_ENV !== 'production') {
+	              // See `_updateDOMProperties`. style block
+	              this._previousStyle = propValue;
+	            }
+	            propValue = this._previousStyleCopy = _assign({}, props.style);
+	          }
+	          propValue = CSSPropertyOperations.createMarkupForStyles(propValue, this);
+	        }
+	        var markup = null;
+	        if (this._tag != null && isCustomComponent(this._tag, props)) {
+	          if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
+	            markup = DOMPropertyOperations.createMarkupForCustomAttribute(propKey, propValue);
+	          }
+	        } else {
+	          markup = DOMPropertyOperations.createMarkupForProperty(propKey, propValue);
+	        }
+	        if (markup) {
+	          ret += ' ' + markup;
+	        }
+	      }
+	    }
+
+	    // For static pages, no need to put React ID and checksum. Saves lots of
+	    // bytes.
+	    if (transaction.renderToStaticMarkup) {
+	      return ret;
+	    }
+
+	    if (!this._hostParent) {
+	      ret += ' ' + DOMPropertyOperations.createMarkupForRoot();
+	    }
+	    ret += ' ' + DOMPropertyOperations.createMarkupForID(this._domID);
+	    return ret;
+	  },
+
+	  /**
+	   * Creates markup for the content between the tags.
+	   *
+	   * @private
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {object} props
+	   * @param {object} context
+	   * @return {string} Content markup.
+	   */
+	  _createContentMarkup: function (transaction, props, context) {
+	    var ret = '';
+
+	    // Intentional use of != to avoid catching zero/false.
+	    var innerHTML = props.dangerouslySetInnerHTML;
+	    if (innerHTML != null) {
+	      if (innerHTML.__html != null) {
+	        ret = innerHTML.__html;
+	      }
+	    } else {
+	      var contentToUse = CONTENT_TYPES[typeof props.children] ? props.children : null;
+	      var childrenToUse = contentToUse != null ? null : props.children;
+	      if (contentToUse != null) {
+	        // TODO: Validate that text is allowed as a child of this node
+	        ret = escapeTextContentForBrowser(contentToUse);
+	        if (process.env.NODE_ENV !== 'production') {
+	          setAndValidateContentChildDev.call(this, contentToUse);
+	        }
+	      } else if (childrenToUse != null) {
+	        var mountImages = this.mountChildren(childrenToUse, transaction, context);
+	        ret = mountImages.join('');
+	      }
+	    }
+	    if (newlineEatingTags[this._tag] && ret.charAt(0) === '\n') {
+	      // text/html ignores the first character in these tags if it's a newline
+	      // Prefer to break application/xml over text/html (for now) by adding
+	      // a newline specifically to get eaten by the parser. (Alternately for
+	      // textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
+	      // \r is normalized out by HTMLTextAreaElement#value.)
+	      // See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
+	      // See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
+	      // See: <http://www.w3.org/TR/html5/syntax.html#newlines>
+	      // See: Parsing of "textarea" "listing" and "pre" elements
+	      //  from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
+	      return '\n' + ret;
+	    } else {
+	      return ret;
+	    }
+	  },
+
+	  _createInitialChildren: function (transaction, props, context, lazyTree) {
+	    // Intentional use of != to avoid catching zero/false.
+	    var innerHTML = props.dangerouslySetInnerHTML;
+	    if (innerHTML != null) {
+	      if (innerHTML.__html != null) {
+	        DOMLazyTree.queueHTML(lazyTree, innerHTML.__html);
+	      }
+	    } else {
+	      var contentToUse = CONTENT_TYPES[typeof props.children] ? props.children : null;
+	      var childrenToUse = contentToUse != null ? null : props.children;
+	      // TODO: Validate that text is allowed as a child of this node
+	      if (contentToUse != null) {
+	        // Avoid setting textContent when the text is empty. In IE11 setting
+	        // textContent on a text area will cause the placeholder to not
+	        // show within the textarea until it has been focused and blurred again.
+	        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+	        if (contentToUse !== '') {
+	          if (process.env.NODE_ENV !== 'production') {
+	            setAndValidateContentChildDev.call(this, contentToUse);
+	          }
+	          DOMLazyTree.queueText(lazyTree, contentToUse);
+	        }
+	      } else if (childrenToUse != null) {
+	        var mountImages = this.mountChildren(childrenToUse, transaction, context);
+	        for (var i = 0; i < mountImages.length; i++) {
+	          DOMLazyTree.queueChild(lazyTree, mountImages[i]);
+	        }
+	      }
+	    }
+	  },
+
+	  /**
+	   * Receives a next element and updates the component.
+	   *
+	   * @internal
+	   * @param {ReactElement} nextElement
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {object} context
+	   */
+	  receiveComponent: function (nextElement, transaction, context) {
+	    var prevElement = this._currentElement;
+	    this._currentElement = nextElement;
+	    this.updateComponent(transaction, prevElement, nextElement, context);
+	  },
+
+	  /**
+	   * Updates a DOM component after it has already been allocated and
+	   * attached to the DOM. Reconciles the root DOM node, then recurses.
+	   *
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {ReactElement} prevElement
+	   * @param {ReactElement} nextElement
+	   * @internal
+	   * @overridable
+	   */
+	  updateComponent: function (transaction, prevElement, nextElement, context) {
+	    var lastProps = prevElement.props;
+	    var nextProps = this._currentElement.props;
 
-	  preventDefault: function () {
-	    this.defaultPrevented = true;
-	    var event = this.nativeEvent;
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(event, 'This synthetic event is reused for performance reasons. If you\'re ' + 'seeing this, you\'re calling `preventDefault` on a ' + 'released/nullified synthetic event. This is a no-op. See ' + 'https://fb.me/react-event-pooling for more information.') : undefined;
-	    }
-	    if (!event) {
-	      return;
+	    switch (this._tag) {
+	      case 'input':
+	        lastProps = ReactDOMInput.getHostProps(this, lastProps);
+	        nextProps = ReactDOMInput.getHostProps(this, nextProps);
+	        break;
+	      case 'option':
+	        lastProps = ReactDOMOption.getHostProps(this, lastProps);
+	        nextProps = ReactDOMOption.getHostProps(this, nextProps);
+	        break;
+	      case 'select':
+	        lastProps = ReactDOMSelect.getHostProps(this, lastProps);
+	        nextProps = ReactDOMSelect.getHostProps(this, nextProps);
+	        break;
+	      case 'textarea':
+	        lastProps = ReactDOMTextarea.getHostProps(this, lastProps);
+	        nextProps = ReactDOMTextarea.getHostProps(this, nextProps);
+	        break;
 	    }
 
-	    if (event.preventDefault) {
-	      event.preventDefault();
-	    } else {
-	      event.returnValue = false;
+	    assertValidProps(this, nextProps);
+	    this._updateDOMProperties(lastProps, nextProps, transaction);
+	    this._updateDOMChildren(lastProps, nextProps, transaction, context);
+
+	    switch (this._tag) {
+	      case 'input':
+	        // Update the wrapper around inputs *after* updating props. This has to
+	        // happen after `_updateDOMProperties`. Otherwise HTML5 input validations
+	        // raise warnings and prevent the new value from being assigned.
+	        ReactDOMInput.updateWrapper(this);
+	        break;
+	      case 'textarea':
+	        ReactDOMTextarea.updateWrapper(this);
+	        break;
+	      case 'select':
+	        // <select> value update needs to occur after <option> children
+	        // reconciliation
+	        transaction.getReactMountReady().enqueue(postUpdateSelectWrapper, this);
+	        break;
 	    }
-	    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
 	  },
 
-	  stopPropagation: function () {
-	    var event = this.nativeEvent;
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(event, 'This synthetic event is reused for performance reasons. If you\'re ' + 'seeing this, you\'re calling `stopPropagation` on a ' + 'released/nullified synthetic event. This is a no-op. See ' + 'https://fb.me/react-event-pooling for more information.') : undefined;
+	  /**
+	   * Reconciles the properties by detecting differences in property values and
+	   * updating the DOM as necessary. This function is probably the single most
+	   * critical path for performance optimization.
+	   *
+	   * TODO: Benchmark whether checking for changed values in memory actually
+	   *       improves performance (especially statically positioned elements).
+	   * TODO: Benchmark the effects of putting this at the top since 99% of props
+	   *       do not change for a given reconciliation.
+	   * TODO: Benchmark areas that can be improved with caching.
+	   *
+	   * @private
+	   * @param {object} lastProps
+	   * @param {object} nextProps
+	   * @param {?DOMElement} node
+	   */
+	  _updateDOMProperties: function (lastProps, nextProps, transaction) {
+	    var propKey;
+	    var styleName;
+	    var styleUpdates;
+	    for (propKey in lastProps) {
+	      if (nextProps.hasOwnProperty(propKey) || !lastProps.hasOwnProperty(propKey) || lastProps[propKey] == null) {
+	        continue;
+	      }
+	      if (propKey === STYLE) {
+	        var lastStyle = this._previousStyleCopy;
+	        for (styleName in lastStyle) {
+	          if (lastStyle.hasOwnProperty(styleName)) {
+	            styleUpdates = styleUpdates || {};
+	            styleUpdates[styleName] = '';
+	          }
+	        }
+	        this._previousStyleCopy = null;
+	      } else if (registrationNameModules.hasOwnProperty(propKey)) {
+	        if (lastProps[propKey]) {
+	          // Only call deleteListener if there was a listener previously or
+	          // else willDeleteListener gets called when there wasn't actually a
+	          // listener (e.g., onClick={null})
+	          deleteListener(this, propKey);
+	        }
+	      } else if (isCustomComponent(this._tag, lastProps)) {
+	        if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
+	          DOMPropertyOperations.deleteValueForAttribute(getNode(this), propKey);
+	        }
+	      } else if (DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)) {
+	        DOMPropertyOperations.deleteValueForProperty(getNode(this), propKey);
+	      }
 	    }
-	    if (!event) {
-	      return;
+	    for (propKey in nextProps) {
+	      var nextProp = nextProps[propKey];
+	      var lastProp = propKey === STYLE ? this._previousStyleCopy : lastProps != null ? lastProps[propKey] : undefined;
+	      if (!nextProps.hasOwnProperty(propKey) || nextProp === lastProp || nextProp == null && lastProp == null) {
+	        continue;
+	      }
+	      if (propKey === STYLE) {
+	        if (nextProp) {
+	          if (process.env.NODE_ENV !== 'production') {
+	            checkAndWarnForMutatedStyle(this._previousStyleCopy, this._previousStyle, this);
+	            this._previousStyle = nextProp;
+	          }
+	          nextProp = this._previousStyleCopy = _assign({}, nextProp);
+	        } else {
+	          this._previousStyleCopy = null;
+	        }
+	        if (lastProp) {
+	          // Unset styles on `lastProp` but not on `nextProp`.
+	          for (styleName in lastProp) {
+	            if (lastProp.hasOwnProperty(styleName) && (!nextProp || !nextProp.hasOwnProperty(styleName))) {
+	              styleUpdates = styleUpdates || {};
+	              styleUpdates[styleName] = '';
+	            }
+	          }
+	          // Update styles that changed since `lastProp`.
+	          for (styleName in nextProp) {
+	            if (nextProp.hasOwnProperty(styleName) && lastProp[styleName] !== nextProp[styleName]) {
+	              styleUpdates = styleUpdates || {};
+	              styleUpdates[styleName] = nextProp[styleName];
+	            }
+	          }
+	        } else {
+	          // Relies on `updateStylesByID` not mutating `styleUpdates`.
+	          styleUpdates = nextProp;
+	        }
+	      } else if (registrationNameModules.hasOwnProperty(propKey)) {
+	        if (nextProp) {
+	          enqueuePutListener(this, propKey, nextProp, transaction);
+	        } else if (lastProp) {
+	          deleteListener(this, propKey);
+	        }
+	      } else if (isCustomComponent(this._tag, nextProps)) {
+	        if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
+	          DOMPropertyOperations.setValueForAttribute(getNode(this), propKey, nextProp);
+	        }
+	      } else if (DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)) {
+	        var node = getNode(this);
+	        // If we're updating to null or undefined, we should remove the property
+	        // from the DOM node instead of inadvertently setting to a string. This
+	        // brings us in line with the same behavior we have on initial render.
+	        if (nextProp != null) {
+	          DOMPropertyOperations.setValueForProperty(node, propKey, nextProp);
+	        } else {
+	          DOMPropertyOperations.deleteValueForProperty(node, propKey);
+	        }
+	      }
 	    }
-
-	    if (event.stopPropagation) {
-	      event.stopPropagation();
-	    } else {
-	      event.cancelBubble = true;
+	    if (styleUpdates) {
+	      CSSPropertyOperations.setValueForStyles(getNode(this), styleUpdates, this);
 	    }
-	    this.isPropagationStopped = emptyFunction.thatReturnsTrue;
 	  },
 
 	  /**
-	   * We release all dispatched `SyntheticEvent`s after each event loop, adding
-	   * them back into the pool. This allows a way to hold onto a reference that
-	   * won't be added back into the pool.
+	   * Reconciles the children with the various properties that affect the
+	   * children content.
+	   *
+	   * @param {object} lastProps
+	   * @param {object} nextProps
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {object} context
 	   */
-	  persist: function () {
-	    this.isPersistent = emptyFunction.thatReturnsTrue;
+	  _updateDOMChildren: function (lastProps, nextProps, transaction, context) {
+	    var lastContent = CONTENT_TYPES[typeof lastProps.children] ? lastProps.children : null;
+	    var nextContent = CONTENT_TYPES[typeof nextProps.children] ? nextProps.children : null;
+
+	    var lastHtml = lastProps.dangerouslySetInnerHTML && lastProps.dangerouslySetInnerHTML.__html;
+	    var nextHtml = nextProps.dangerouslySetInnerHTML && nextProps.dangerouslySetInnerHTML.__html;
+
+	    // Note the use of `!=` which checks for null or undefined.
+	    var lastChildren = lastContent != null ? null : lastProps.children;
+	    var nextChildren = nextContent != null ? null : nextProps.children;
+
+	    // If we're switching from children to content/html or vice versa, remove
+	    // the old content
+	    var lastHasContentOrHtml = lastContent != null || lastHtml != null;
+	    var nextHasContentOrHtml = nextContent != null || nextHtml != null;
+	    if (lastChildren != null && nextChildren == null) {
+	      this.updateChildren(null, transaction, context);
+	    } else if (lastHasContentOrHtml && !nextHasContentOrHtml) {
+	      this.updateTextContent('');
+	      if (process.env.NODE_ENV !== 'production') {
+	        ReactInstrumentation.debugTool.onSetChildren(this._debugID, []);
+	      }
+	    }
+
+	    if (nextContent != null) {
+	      if (lastContent !== nextContent) {
+	        this.updateTextContent('' + nextContent);
+	        if (process.env.NODE_ENV !== 'production') {
+	          setAndValidateContentChildDev.call(this, nextContent);
+	        }
+	      }
+	    } else if (nextHtml != null) {
+	      if (lastHtml !== nextHtml) {
+	        this.updateMarkup('' + nextHtml);
+	      }
+	      if (process.env.NODE_ENV !== 'production') {
+	        ReactInstrumentation.debugTool.onSetChildren(this._debugID, []);
+	      }
+	    } else if (nextChildren != null) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        setAndValidateContentChildDev.call(this, null);
+	      }
+
+	      this.updateChildren(nextChildren, transaction, context);
+	    }
 	  },
 
-	  /**
-	   * Checks if this event should be released back into the pool.
-	   *
-	   * @return {boolean} True if this should not be released, false otherwise.
-	   */
-	  isPersistent: emptyFunction.thatReturnsFalse,
+	  getHostNode: function () {
+	    return getNode(this);
+	  },
 
 	  /**
-	   * `PooledClass` looks for `destructor` on each instance it releases.
+	   * Destroys all event registrations for this instance. Does not remove from
+	   * the DOM. That must be done by the parent.
+	   *
+	   * @internal
 	   */
-	  destructor: function () {
-	    var Interface = this.constructor.Interface;
-	    for (var propName in Interface) {
-	      this[propName] = null;
+	  unmountComponent: function (safely) {
+	    switch (this._tag) {
+	      case 'audio':
+	      case 'form':
+	      case 'iframe':
+	      case 'img':
+	      case 'link':
+	      case 'object':
+	      case 'source':
+	      case 'video':
+	        var listeners = this._wrapperState.listeners;
+	        if (listeners) {
+	          for (var i = 0; i < listeners.length; i++) {
+	            listeners[i].remove();
+	          }
+	        }
+	        break;
+	      case 'html':
+	      case 'head':
+	      case 'body':
+	        /**
+	         * Components like <html> <head> and <body> can't be removed or added
+	         * easily in a cross-browser way, however it's valuable to be able to
+	         * take advantage of React's reconciliation for styling and <title>
+	         * management. So we just document it and throw in dangerous cases.
+	         */
+	         true ? process.env.NODE_ENV !== 'production' ? invariant(false, '<%s> tried to unmount. Because of cross-browser quirks it is impossible to unmount some top-level components (eg <html>, <head>, and <body>) reliably and efficiently. To fix this, have a single top-level component that never unmounts render these elements.', this._tag) : _prodInvariant('66', this._tag) : void 0;
+	        break;
 	    }
-	    this.dispatchConfig = null;
-	    this.dispatchMarker = null;
-	    this.nativeEvent = null;
-	  }
-
-	});
 
-	SyntheticEvent.Interface = EventInterface;
-
-	/**
-	 * Helper to reduce boilerplate when creating subclasses.
-	 *
-	 * @param {function} Class
-	 * @param {?object} Interface
-	 */
-	SyntheticEvent.augmentClass = function (Class, Interface) {
-	  var Super = this;
+	    this.unmountChildren(safely);
+	    ReactDOMComponentTree.uncacheNode(this);
+	    EventPluginHub.deleteAllListeners(this);
+	    this._rootNodeID = 0;
+	    this._domID = 0;
+	    this._wrapperState = null;
 
-	  var prototype = Object.create(Super.prototype);
-	  assign(prototype, Class.prototype);
-	  Class.prototype = prototype;
-	  Class.prototype.constructor = Class;
+	    if (process.env.NODE_ENV !== 'production') {
+	      setAndValidateContentChildDev.call(this, null);
+	    }
+	  },
 
-	  Class.Interface = assign({}, Super.Interface, Interface);
-	  Class.augmentClass = Super.augmentClass;
+	  getPublicInstance: function () {
+	    return getNode(this);
+	  }
 
-	  PooledClass.addPoolingTo(Class, PooledClass.fourArgumentPooler);
 	};
 
-	PooledClass.addPoolingTo(SyntheticEvent, PooledClass.fourArgumentPooler);
+	_assign(ReactDOMComponent.prototype, ReactDOMComponent.Mixin, ReactMultiChild.Mixin);
 
-	module.exports = SyntheticEvent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactDOMComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 78 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 97 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticInputEvent
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticEvent = __webpack_require__(77);
-
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105
-	 *      /#events-inputevents
-	 */
-	var InputEventInterface = {
-	  data: null
-	};
+	var ReactDOMComponentTree = __webpack_require__(38);
 
-	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticUIEvent}
-	 */
-	function SyntheticInputEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
-	}
+	var focusNode = __webpack_require__(98);
 
-	SyntheticEvent.augmentClass(SyntheticInputEvent, InputEventInterface);
+	var AutoFocusUtils = {
+	  focusDOMComponent: function () {
+	    focusNode(ReactDOMComponentTree.getNodeFromInstance(this));
+	  }
+	};
 
-	module.exports = SyntheticInputEvent;
+	module.exports = AutoFocusUtils;
 
-/***/ },
-/* 79 */
-/***/ function(module, exports) {
+/***/ }),
+/* 98 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule keyOf
 	 */
 
+	'use strict';
+
 	/**
-	 * Allows extraction of a minified key. Let's the build system minify keys
-	 * without losing the ability to dynamically use key strings as values
-	 * themselves. Pass in an object with a single key/val pair and it will return
-	 * you the string key of that single record. Suppose you want to grab the
-	 * value for a key 'className' inside of an object. Key/val minification may
-	 * have aliased that key to be 'xa12'. keyOf({className: null}) will return
-	 * 'xa12' in that case. Resolve keys you want to use once at startup time, then
-	 * reuse those resolutions.
+	 * @param {DOMElement} node input/textarea to focus
 	 */
-	"use strict";
 
-	var keyOf = function (oneKeyObj) {
-	  var key;
-	  for (key in oneKeyObj) {
-	    if (!oneKeyObj.hasOwnProperty(key)) {
-	      continue;
-	    }
-	    return key;
-	  }
-	  return null;
-	};
+	function focusNode(node) {
+	  // IE8 can throw "Can't move focus to the control because it is invisible,
+	  // not enabled, or of a type that does not accept the focus." for all kinds of
+	  // reasons that are too expensive and fragile to test.
+	  try {
+	    node.focus();
+	  } catch (e) {}
+	}
 
-	module.exports = keyOf;
+	module.exports = focusNode;
 
-/***/ },
-/* 80 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 99 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ChangeEventPlugin
 	 */
 
 	'use strict';
 
-	var EventConstants = __webpack_require__(30);
-	var EventPluginHub = __webpack_require__(31);
-	var EventPropagators = __webpack_require__(73);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var ReactUpdates = __webpack_require__(54);
-	var SyntheticEvent = __webpack_require__(77);
-
-	var getEventTarget = __webpack_require__(81);
-	var isEventSupported = __webpack_require__(40);
-	var isTextInputElement = __webpack_require__(82);
-	var keyOf = __webpack_require__(79);
-
-	var topLevelTypes = EventConstants.topLevelTypes;
-
-	var eventTypes = {
-	  change: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onChange: null }),
-	      captured: keyOf({ onChangeCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topBlur, topLevelTypes.topChange, topLevelTypes.topClick, topLevelTypes.topFocus, topLevelTypes.topInput, topLevelTypes.topKeyDown, topLevelTypes.topKeyUp, topLevelTypes.topSelectionChange]
-	  }
-	};
+	var CSSProperty = __webpack_require__(100);
+	var ExecutionEnvironment = __webpack_require__(52);
+	var ReactInstrumentation = __webpack_require__(66);
 
-	/**
-	 * For IE shims
-	 */
-	var activeElement = null;
-	var activeElementID = null;
-	var activeElementValue = null;
-	var activeElementValueProp = null;
+	var camelizeStyleName = __webpack_require__(101);
+	var dangerousStyleValue = __webpack_require__(103);
+	var hyphenateStyleName = __webpack_require__(104);
+	var memoizeStringOnly = __webpack_require__(106);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * SECTION: handle `change` event
-	 */
-	function shouldUseChangeEvent(elem) {
-	  var nodeName = elem.nodeName && elem.nodeName.toLowerCase();
-	  return nodeName === 'select' || nodeName === 'input' && elem.type === 'file';
-	}
+	var processStyleName = memoizeStringOnly(function (styleName) {
+	  return hyphenateStyleName(styleName);
+	});
 
-	var doesChangeEventBubble = false;
+	var hasShorthandPropertyBug = false;
+	var styleFloatAccessor = 'cssFloat';
 	if (ExecutionEnvironment.canUseDOM) {
-	  // See `handleChange` comment below
-	  doesChangeEventBubble = isEventSupported('change') && (!('documentMode' in document) || document.documentMode > 8);
-	}
-
-	function manualDispatchChangeEvent(nativeEvent) {
-	  var event = SyntheticEvent.getPooled(eventTypes.change, activeElementID, nativeEvent, getEventTarget(nativeEvent));
-	  EventPropagators.accumulateTwoPhaseDispatches(event);
-
-	  // If change and propertychange bubbled, we'd just bind to it like all the
-	  // other events and have it go through ReactBrowserEventEmitter. Since it
-	  // doesn't, we manually listen for the events and so we have to enqueue and
-	  // process the abstract event manually.
-	  //
-	  // Batching is necessary here in order to ensure that all event handlers run
-	  // before the next rerender (including event handlers attached to ancestor
-	  // elements instead of directly on the input). Without this, controlled
-	  // components don't work properly in conjunction with event bubbling because
-	  // the component is rerendered and the value reverted before all the event
-	  // handlers can run. See https://github.com/facebook/react/issues/708.
-	  ReactUpdates.batchedUpdates(runEventInBatch, event);
-	}
-
-	function runEventInBatch(event) {
-	  EventPluginHub.enqueueEvents(event);
-	  EventPluginHub.processEventQueue(false);
-	}
-
-	function startWatchingForChangeEventIE8(target, targetID) {
-	  activeElement = target;
-	  activeElementID = targetID;
-	  activeElement.attachEvent('onchange', manualDispatchChangeEvent);
-	}
-
-	function stopWatchingForChangeEventIE8() {
-	  if (!activeElement) {
-	    return;
-	  }
-	  activeElement.detachEvent('onchange', manualDispatchChangeEvent);
-	  activeElement = null;
-	  activeElementID = null;
-	}
-
-	function getTargetIDForChangeEvent(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topChange) {
-	    return topLevelTargetID;
-	  }
-	}
-	function handleEventsForChangeEventIE8(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topFocus) {
-	    // stopWatching() should be a noop here but we call it just in case we
-	    // missed a blur event somehow.
-	    stopWatchingForChangeEventIE8();
-	    startWatchingForChangeEventIE8(topLevelTarget, topLevelTargetID);
-	  } else if (topLevelType === topLevelTypes.topBlur) {
-	    stopWatchingForChangeEventIE8();
+	  var tempStyle = document.createElement('div').style;
+	  try {
+	    // IE8 throws "Invalid argument." if resetting shorthand style properties.
+	    tempStyle.font = '';
+	  } catch (e) {
+	    hasShorthandPropertyBug = true;
 	  }
-	}
-
-	/**
-	 * SECTION: handle `input` event
-	 */
-	var isInputEventSupported = false;
-	if (ExecutionEnvironment.canUseDOM) {
-	  // IE9 claims to support the input event but fails to trigger it when
-	  // deleting text, so we ignore its input events
-	  isInputEventSupported = isEventSupported('input') && (!('documentMode' in document) || document.documentMode > 9);
-	}
-
-	/**
-	 * (For old IE.) Replacement getter/setter for the `value` property that gets
-	 * set on the active element.
-	 */
-	var newValueProp = {
-	  get: function () {
-	    return activeElementValueProp.get.call(this);
-	  },
-	  set: function (val) {
-	    // Cast to a string so we can do equality checks.
-	    activeElementValue = '' + val;
-	    activeElementValueProp.set.call(this, val);
+	  // IE8 only supports accessing cssFloat (standard) as styleFloat
+	  if (document.documentElement.style.cssFloat === undefined) {
+	    styleFloatAccessor = 'styleFloat';
 	  }
-	};
-
-	/**
-	 * (For old IE.) Starts tracking propertychange events on the passed-in element
-	 * and override the value property so that we can distinguish user events from
-	 * value changes in JS.
-	 */
-	function startWatchingForValueChange(target, targetID) {
-	  activeElement = target;
-	  activeElementID = targetID;
-	  activeElementValue = target.value;
-	  activeElementValueProp = Object.getOwnPropertyDescriptor(target.constructor.prototype, 'value');
-
-	  // Not guarded in a canDefineProperty check: IE8 supports defineProperty only
-	  // on DOM elements
-	  Object.defineProperty(activeElement, 'value', newValueProp);
-	  activeElement.attachEvent('onpropertychange', handlePropertyChange);
 	}
 
-	/**
-	 * (For old IE.) Removes the event listeners from the currently-tracked element,
-	 * if any exists.
-	 */
-	function stopWatchingForValueChange() {
-	  if (!activeElement) {
-	    return;
-	  }
+	if (process.env.NODE_ENV !== 'production') {
+	  // 'msTransform' is correct, but the other prefixes should be capitalized
+	  var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
 
-	  // delete restores the original property definition
-	  delete activeElement.value;
-	  activeElement.detachEvent('onpropertychange', handlePropertyChange);
+	  // style values shouldn't contain a semicolon
+	  var badStyleValueWithSemicolonPattern = /;\s*$/;
 
-	  activeElement = null;
-	  activeElementID = null;
-	  activeElementValue = null;
-	  activeElementValueProp = null;
-	}
+	  var warnedStyleNames = {};
+	  var warnedStyleValues = {};
+	  var warnedForNaNValue = false;
 
-	/**
-	 * (For old IE.) Handles a propertychange event, sending a `change` event if
-	 * the value of the active element has changed.
-	 */
-	function handlePropertyChange(nativeEvent) {
-	  if (nativeEvent.propertyName !== 'value') {
-	    return;
-	  }
-	  var value = nativeEvent.srcElement.value;
-	  if (value === activeElementValue) {
-	    return;
-	  }
-	  activeElementValue = value;
+	  var warnHyphenatedStyleName = function (name, owner) {
+	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
+	      return;
+	    }
 
-	  manualDispatchChangeEvent(nativeEvent);
-	}
+	    warnedStyleNames[name] = true;
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unsupported style property %s. Did you mean %s?%s', name, camelizeStyleName(name), checkRenderMessage(owner)) : void 0;
+	  };
 
-	/**
-	 * If a `change` event should be fired, returns the target's ID.
-	 */
-	function getTargetIDForInputEvent(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topInput) {
-	    // In modern browsers (i.e., not IE8 or IE9), the input event is exactly
-	    // what we want so fall through here and trigger an abstract event
-	    return topLevelTargetID;
-	  }
-	}
+	  var warnBadVendoredStyleName = function (name, owner) {
+	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
+	      return;
+	    }
 
-	// For IE8 and IE9.
-	function handleEventsForInputEventIE(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topFocus) {
-	    // In IE8, we can capture almost all .value changes by adding a
-	    // propertychange handler and looking for events with propertyName
-	    // equal to 'value'
-	    // In IE9, propertychange fires for most input events but is buggy and
-	    // doesn't fire when text is deleted, but conveniently, selectionchange
-	    // appears to fire in all of the remaining cases so we catch those and
-	    // forward the event if the value has changed
-	    // In either case, we don't want to call the event handler if the value
-	    // is changed from JS so we redefine a setter for `.value` that updates
-	    // our activeElementValue variable, allowing us to ignore those changes
-	    //
-	    // stopWatching() should be a noop here but we call it just in case we
-	    // missed a blur event somehow.
-	    stopWatchingForValueChange();
-	    startWatchingForValueChange(topLevelTarget, topLevelTargetID);
-	  } else if (topLevelType === topLevelTypes.topBlur) {
-	    stopWatchingForValueChange();
-	  }
-	}
+	    warnedStyleNames[name] = true;
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unsupported vendor-prefixed style property %s. Did you mean %s?%s', name, name.charAt(0).toUpperCase() + name.slice(1), checkRenderMessage(owner)) : void 0;
+	  };
 
-	// For IE8 and IE9.
-	function getTargetIDForInputEventIE(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topSelectionChange || topLevelType === topLevelTypes.topKeyUp || topLevelType === topLevelTypes.topKeyDown) {
-	    // On the selectionchange event, the target is just document which isn't
-	    // helpful for us so just check activeElement instead.
-	    //
-	    // 99% of the time, keydown and keyup aren't necessary. IE8 fails to fire
-	    // propertychange on the first input event after setting `value` from a
-	    // script and fires only keydown, keypress, keyup. Catching keyup usually
-	    // gets it and catching keydown lets us fire an event for the first
-	    // keystroke if user does a key repeat (it'll be a little delayed: right
-	    // before the second keystroke). Other input methods (e.g., paste) seem to
-	    // fire selectionchange normally.
-	    if (activeElement && activeElement.value !== activeElementValue) {
-	      activeElementValue = activeElement.value;
-	      return activeElementID;
+	  var warnStyleValueWithSemicolon = function (name, value, owner) {
+	    if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
+	      return;
+	    }
+
+	    warnedStyleValues[value] = true;
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Style property values shouldn\'t contain a semicolon.%s ' + 'Try "%s: %s" instead.', checkRenderMessage(owner), name, value.replace(badStyleValueWithSemicolonPattern, '')) : void 0;
+	  };
+
+	  var warnStyleValueIsNaN = function (name, value, owner) {
+	    if (warnedForNaNValue) {
+	      return;
 	    }
-	  }
-	}
 
-	/**
-	 * SECTION: handle `click` event
-	 */
-	function shouldUseClickEvent(elem) {
-	  // Use the `click` event to detect changes to checkbox and radio inputs.
-	  // This approach works across all browsers, whereas `change` does not fire
-	  // until `blur` in IE8.
-	  return elem.nodeName && elem.nodeName.toLowerCase() === 'input' && (elem.type === 'checkbox' || elem.type === 'radio');
-	}
+	    warnedForNaNValue = true;
+	    process.env.NODE_ENV !== 'production' ? warning(false, '`NaN` is an invalid value for the `%s` css style property.%s', name, checkRenderMessage(owner)) : void 0;
+	  };
 
-	function getTargetIDForClickEvent(topLevelType, topLevelTarget, topLevelTargetID) {
-	  if (topLevelType === topLevelTypes.topClick) {
-	    return topLevelTargetID;
-	  }
+	  var checkRenderMessage = function (owner) {
+	    if (owner) {
+	      var name = owner.getName();
+	      if (name) {
+	        return ' Check the render method of `' + name + '`.';
+	      }
+	    }
+	    return '';
+	  };
+
+	  /**
+	   * @param {string} name
+	   * @param {*} value
+	   * @param {ReactDOMComponent} component
+	   */
+	  var warnValidStyle = function (name, value, component) {
+	    var owner;
+	    if (component) {
+	      owner = component._currentElement._owner;
+	    }
+	    if (name.indexOf('-') > -1) {
+	      warnHyphenatedStyleName(name, owner);
+	    } else if (badVendoredStyleNamePattern.test(name)) {
+	      warnBadVendoredStyleName(name, owner);
+	    } else if (badStyleValueWithSemicolonPattern.test(value)) {
+	      warnStyleValueWithSemicolon(name, value, owner);
+	    }
+
+	    if (typeof value === 'number' && isNaN(value)) {
+	      warnStyleValueIsNaN(name, value, owner);
+	    }
+	  };
 	}
 
 	/**
-	 * This plugin creates an `onChange` event that normalizes change events
-	 * across form elements. This event fires at a time when it's possible to
-	 * change the element's value without seeing a flicker.
-	 *
-	 * Supported elements are:
-	 * - input (see `isTextInputElement`)
-	 * - textarea
-	 * - select
+	 * Operations for dealing with CSS properties.
 	 */
-	var ChangeEventPlugin = {
-
-	  eventTypes: eventTypes,
+	var CSSPropertyOperations = {
 
 	  /**
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @see {EventPluginHub.extractEvents}
+	   * Serializes a mapping of style properties for use as inline styles:
+	   *
+	   *   > createMarkupForStyles({width: '200px', height: 0})
+	   *   "width:200px;height:0;"
+	   *
+	   * Undefined values are ignored so that declarative programming is easier.
+	   * The result should be HTML-escaped before insertion into the DOM.
+	   *
+	   * @param {object} styles
+	   * @param {ReactDOMComponent} component
+	   * @return {?string}
 	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-
-	    var getTargetIDFunc, handleEventFunc;
-	    if (shouldUseChangeEvent(topLevelTarget)) {
-	      if (doesChangeEventBubble) {
-	        getTargetIDFunc = getTargetIDForChangeEvent;
-	      } else {
-	        handleEventFunc = handleEventsForChangeEventIE8;
+	  createMarkupForStyles: function (styles, component) {
+	    var serialized = '';
+	    for (var styleName in styles) {
+	      if (!styles.hasOwnProperty(styleName)) {
+	        continue;
 	      }
-	    } else if (isTextInputElement(topLevelTarget)) {
-	      if (isInputEventSupported) {
-	        getTargetIDFunc = getTargetIDForInputEvent;
-	      } else {
-	        getTargetIDFunc = getTargetIDForInputEventIE;
-	        handleEventFunc = handleEventsForInputEventIE;
+	      var styleValue = styles[styleName];
+	      if (process.env.NODE_ENV !== 'production') {
+	        warnValidStyle(styleName, styleValue, component);
+	      }
+	      if (styleValue != null) {
+	        serialized += processStyleName(styleName) + ':';
+	        serialized += dangerousStyleValue(styleName, styleValue, component) + ';';
 	      }
-	    } else if (shouldUseClickEvent(topLevelTarget)) {
-	      getTargetIDFunc = getTargetIDForClickEvent;
 	    }
+	    return serialized || null;
+	  },
 
-	    if (getTargetIDFunc) {
-	      var targetID = getTargetIDFunc(topLevelType, topLevelTarget, topLevelTargetID);
-	      if (targetID) {
-	        var event = SyntheticEvent.getPooled(eventTypes.change, targetID, nativeEvent, nativeEventTarget);
-	        event.type = 'change';
-	        EventPropagators.accumulateTwoPhaseDispatches(event);
-	        return event;
-	      }
+	  /**
+	   * Sets the value for multiple styles on a node.  If a value is specified as
+	   * '' (empty string), the corresponding style property will be unset.
+	   *
+	   * @param {DOMElement} node
+	   * @param {object} styles
+	   * @param {ReactDOMComponent} component
+	   */
+	  setValueForStyles: function (node, styles, component) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: component._debugID,
+	        type: 'update styles',
+	        payload: styles
+	      });
 	    }
 
-	    if (handleEventFunc) {
-	      handleEventFunc(topLevelType, topLevelTarget, topLevelTargetID);
+	    var style = node.style;
+	    for (var styleName in styles) {
+	      if (!styles.hasOwnProperty(styleName)) {
+	        continue;
+	      }
+	      if (process.env.NODE_ENV !== 'production') {
+	        warnValidStyle(styleName, styles[styleName], component);
+	      }
+	      var styleValue = dangerousStyleValue(styleName, styles[styleName], component);
+	      if (styleName === 'float' || styleName === 'cssFloat') {
+	        styleName = styleFloatAccessor;
+	      }
+	      if (styleValue) {
+	        style[styleName] = styleValue;
+	      } else {
+	        var expansion = hasShorthandPropertyBug && CSSProperty.shorthandPropertyExpansions[styleName];
+	        if (expansion) {
+	          // Shorthand property that IE8 won't like unsetting, so unset each
+	          // component to placate it
+	          for (var individualStyleName in expansion) {
+	            style[individualStyleName] = '';
+	          }
+	        } else {
+	          style[styleName] = '';
+	        }
+	      }
 	    }
 	  }
 
 	};
 
-	module.exports = ChangeEventPlugin;
+	module.exports = CSSPropertyOperations;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 81 */
-/***/ function(module, exports) {
+/***/ }),
+/* 100 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getEventTarget
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
 	/**
-	 * Gets the target node from a native browser event by accounting for
-	 * inconsistencies in browser DOM APIs.
-	 *
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {DOMEventTarget} Target node.
+	 * CSS properties which accept numbers but are not in units of "px".
 	 */
-	function getEventTarget(nativeEvent) {
-	  var target = nativeEvent.target || nativeEvent.srcElement || window;
-	  // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
-	  // @see http://www.quirksmode.org/js/events_properties.html
-	  return target.nodeType === 3 ? target.parentNode : target;
+
+	var isUnitlessNumber = {
+	  animationIterationCount: true,
+	  borderImageOutset: true,
+	  borderImageSlice: true,
+	  borderImageWidth: true,
+	  boxFlex: true,
+	  boxFlexGroup: true,
+	  boxOrdinalGroup: true,
+	  columnCount: true,
+	  flex: true,
+	  flexGrow: true,
+	  flexPositive: true,
+	  flexShrink: true,
+	  flexNegative: true,
+	  flexOrder: true,
+	  gridRow: true,
+	  gridColumn: true,
+	  fontWeight: true,
+	  lineClamp: true,
+	  lineHeight: true,
+	  opacity: true,
+	  order: true,
+	  orphans: true,
+	  tabSize: true,
+	  widows: true,
+	  zIndex: true,
+	  zoom: true,
+
+	  // SVG-related properties
+	  fillOpacity: true,
+	  floodOpacity: true,
+	  stopOpacity: true,
+	  strokeDasharray: true,
+	  strokeDashoffset: true,
+	  strokeMiterlimit: true,
+	  strokeOpacity: true,
+	  strokeWidth: true
+	};
+
+	/**
+	 * @param {string} prefix vendor-specific prefix, eg: Webkit
+	 * @param {string} key style name, eg: transitionDuration
+	 * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+	 * WebkitTransitionDuration
+	 */
+	function prefixKey(prefix, key) {
+	  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
 	}
 
-	module.exports = getEventTarget;
+	/**
+	 * Support style names that may come passed in prefixed by adding permutations
+	 * of vendor prefixes.
+	 */
+	var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+
+	// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+	// infinite loop, because it iterates over the newly added props too.
+	Object.keys(isUnitlessNumber).forEach(function (prop) {
+	  prefixes.forEach(function (prefix) {
+	    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+	  });
+	});
+
+	/**
+	 * Most style properties can be unset by doing .style[prop] = '' but IE8
+	 * doesn't like doing that with shorthand properties so for the properties that
+	 * IE8 breaks on, which are listed here, we instead unset each of the
+	 * individual properties. See http://bugs.jquery.com/ticket/12385.
+	 * The 4-value 'clock' properties like margin, padding, border-width seem to
+	 * behave without any problems. Curiously, list-style works too without any
+	 * special prodding.
+	 */
+	var shorthandPropertyExpansions = {
+	  background: {
+	    backgroundAttachment: true,
+	    backgroundColor: true,
+	    backgroundImage: true,
+	    backgroundPositionX: true,
+	    backgroundPositionY: true,
+	    backgroundRepeat: true
+	  },
+	  backgroundPosition: {
+	    backgroundPositionX: true,
+	    backgroundPositionY: true
+	  },
+	  border: {
+	    borderWidth: true,
+	    borderStyle: true,
+	    borderColor: true
+	  },
+	  borderBottom: {
+	    borderBottomWidth: true,
+	    borderBottomStyle: true,
+	    borderBottomColor: true
+	  },
+	  borderLeft: {
+	    borderLeftWidth: true,
+	    borderLeftStyle: true,
+	    borderLeftColor: true
+	  },
+	  borderRight: {
+	    borderRightWidth: true,
+	    borderRightStyle: true,
+	    borderRightColor: true
+	  },
+	  borderTop: {
+	    borderTopWidth: true,
+	    borderTopStyle: true,
+	    borderTopColor: true
+	  },
+	  font: {
+	    fontStyle: true,
+	    fontVariant: true,
+	    fontWeight: true,
+	    fontSize: true,
+	    lineHeight: true,
+	    fontFamily: true
+	  },
+	  outline: {
+	    outlineWidth: true,
+	    outlineStyle: true,
+	    outlineColor: true
+	  }
+	};
+
+	var CSSProperty = {
+	  isUnitlessNumber: isUnitlessNumber,
+	  shorthandPropertyExpansions: shorthandPropertyExpansions
+	};
+
+	module.exports = CSSProperty;
 
-/***/ },
-/* 82 */
-/***/ function(module, exports) {
+/***/ }),
+/* 101 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule isTextInputElement
+	 * @typechecks
 	 */
 
 	'use strict';
 
-	/**
-	 * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
-	 */
-	var supportedInputTypes = {
-	  'color': true,
-	  'date': true,
-	  'datetime': true,
-	  'datetime-local': true,
-	  'email': true,
-	  'month': true,
-	  'number': true,
-	  'password': true,
-	  'range': true,
-	  'search': true,
-	  'tel': true,
-	  'text': true,
-	  'time': true,
-	  'url': true,
-	  'week': true
-	};
-
-	function isTextInputElement(elem) {
-	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-	  return nodeName && (nodeName === 'input' && supportedInputTypes[elem.type] || nodeName === 'textarea');
-	}
-
-	module.exports = isTextInputElement;
+	var camelize = __webpack_require__(102);
 
-/***/ },
-/* 83 */
-/***/ function(module, exports) {
+	var msPattern = /^-ms-/;
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	 * Camelcases a hyphenated CSS property name, for example:
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *   > camelizeStyleName('background-color')
+	 *   < "backgroundColor"
+	 *   > camelizeStyleName('-moz-transition')
+	 *   < "MozTransition"
+	 *   > camelizeStyleName('-ms-transition')
+	 *   < "msTransition"
 	 *
-	 * @providesModule ClientReactRootIndex
-	 * @typechecks
+	 * As Andi Smith suggests
+	 * (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
+	 * is converted to lowercase `ms`.
+	 *
+	 * @param {string} string
+	 * @return {string}
 	 */
+	function camelizeStyleName(string) {
+	  return camelize(string.replace(msPattern, 'ms-'));
+	}
 
-	'use strict';
-
-	var nextReactRootIndex = 0;
-
-	var ClientReactRootIndex = {
-	  createReactRootIndex: function () {
-	    return nextReactRootIndex++;
-	  }
-	};
+	module.exports = camelizeStyleName;
 
-	module.exports = ClientReactRootIndex;
+/***/ }),
+/* 102 */
+/***/ (function(module, exports) {
 
-/***/ },
-/* 84 */
-/***/ function(module, exports, __webpack_require__) {
+	"use strict";
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule DefaultEventPluginOrder
+	 * @typechecks
 	 */
 
-	'use strict';
-
-	var keyOf = __webpack_require__(79);
+	var _hyphenPattern = /-(.)/g;
 
 	/**
-	 * Module that is injectable into `EventPluginHub`, that specifies a
-	 * deterministic ordering of `EventPlugin`s. A convenient way to reason about
-	 * plugins, without having to package every one of them. This is better than
-	 * having plugins be ordered in the same order that they are injected because
-	 * that ordering would be influenced by the packaging order.
-	 * `ResponderEventPlugin` must occur before `SimpleEventPlugin` so that
-	 * preventing default on events is convenient in `SimpleEventPlugin` handlers.
+	 * Camelcases a hyphenated string, for example:
+	 *
+	 *   > camelize('background-color')
+	 *   < "backgroundColor"
+	 *
+	 * @param {string} string
+	 * @return {string}
 	 */
-	var DefaultEventPluginOrder = [keyOf({ ResponderEventPlugin: null }), keyOf({ SimpleEventPlugin: null }), keyOf({ TapEventPlugin: null }), keyOf({ EnterLeaveEventPlugin: null }), keyOf({ ChangeEventPlugin: null }), keyOf({ SelectEventPlugin: null }), keyOf({ BeforeInputEventPlugin: null })];
+	function camelize(string) {
+	  return string.replace(_hyphenPattern, function (_, character) {
+	    return character.toUpperCase();
+	  });
+	}
 
-	module.exports = DefaultEventPluginOrder;
+	module.exports = camelize;
 
-/***/ },
-/* 85 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 103 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EnterLeaveEventPlugin
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var EventConstants = __webpack_require__(30);
-	var EventPropagators = __webpack_require__(73);
-	var SyntheticMouseEvent = __webpack_require__(86);
+	var CSSProperty = __webpack_require__(100);
+	var warning = __webpack_require__(11);
 
-	var ReactMount = __webpack_require__(28);
-	var keyOf = __webpack_require__(79);
+	var isUnitlessNumber = CSSProperty.isUnitlessNumber;
+	var styleWarnings = {};
 
-	var topLevelTypes = EventConstants.topLevelTypes;
-	var getFirstReactDOM = ReactMount.getFirstReactDOM;
+	/**
+	 * Convert a value into the proper css writable value. The style name `name`
+	 * should be logical (no hyphens), as specified
+	 * in `CSSProperty.isUnitlessNumber`.
+	 *
+	 * @param {string} name CSS property name such as `topMargin`.
+	 * @param {*} value CSS property value such as `10px`.
+	 * @param {ReactDOMComponent} component
+	 * @return {string} Normalized style value with dimensions applied.
+	 */
+	function dangerousStyleValue(name, value, component) {
+	  // Note that we've removed escapeTextForBrowser() calls here since the
+	  // whole string will be escaped when the attribute is injected into
+	  // the markup. If you provide unsafe user data here they can inject
+	  // arbitrary CSS which may be problematic (I couldn't repro this):
+	  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+	  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
+	  // This is not an XSS hole but instead a potential CSS injection issue
+	  // which has lead to a greater discussion about how we're going to
+	  // trust URLs moving forward. See #2115901
 
-	var eventTypes = {
-	  mouseEnter: {
-	    registrationName: keyOf({ onMouseEnter: null }),
-	    dependencies: [topLevelTypes.topMouseOut, topLevelTypes.topMouseOver]
-	  },
-	  mouseLeave: {
-	    registrationName: keyOf({ onMouseLeave: null }),
-	    dependencies: [topLevelTypes.topMouseOut, topLevelTypes.topMouseOver]
+	  var isEmpty = value == null || typeof value === 'boolean' || value === '';
+	  if (isEmpty) {
+	    return '';
 	  }
-	};
-
-	var extractedEvents = [null, null];
-
-	var EnterLeaveEventPlugin = {
-
-	  eventTypes: eventTypes,
-
-	  /**
-	   * For almost every interaction we care about, there will be both a top-level
-	   * `mouseover` and `mouseout` event that occurs. Only use `mouseout` so that
-	   * we do not extract duplicate events. However, moving the mouse into the
-	   * browser from outside will not fire a `mouseout` event. In this case, we use
-	   * the `mouseover` top-level event.
-	   *
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @see {EventPluginHub.extractEvents}
-	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	    if (topLevelType === topLevelTypes.topMouseOver && (nativeEvent.relatedTarget || nativeEvent.fromElement)) {
-	      return null;
-	    }
-	    if (topLevelType !== topLevelTypes.topMouseOut && topLevelType !== topLevelTypes.topMouseOver) {
-	      // Must not be a mouse in or mouse out - ignoring.
-	      return null;
-	    }
 
-	    var win;
-	    if (topLevelTarget.window === topLevelTarget) {
-	      // `topLevelTarget` is probably a window object.
-	      win = topLevelTarget;
-	    } else {
-	      // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
-	      var doc = topLevelTarget.ownerDocument;
-	      if (doc) {
-	        win = doc.defaultView || doc.parentWindow;
-	      } else {
-	        win = window;
-	      }
-	    }
+	  var isNonNumeric = isNaN(value);
+	  if (isNonNumeric || value === 0 || isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name]) {
+	    return '' + value; // cast to string
+	  }
 
-	    var from;
-	    var to;
-	    var fromID = '';
-	    var toID = '';
-	    if (topLevelType === topLevelTypes.topMouseOut) {
-	      from = topLevelTarget;
-	      fromID = topLevelTargetID;
-	      to = getFirstReactDOM(nativeEvent.relatedTarget || nativeEvent.toElement);
-	      if (to) {
-	        toID = ReactMount.getID(to);
-	      } else {
-	        to = win;
+	  if (typeof value === 'string') {
+	    if (process.env.NODE_ENV !== 'production') {
+	      // Allow '0' to pass through without warning. 0 is already special and
+	      // doesn't require units, so we don't need to warn about it.
+	      if (component && value !== '0') {
+	        var owner = component._currentElement._owner;
+	        var ownerName = owner ? owner.getName() : null;
+	        if (ownerName && !styleWarnings[ownerName]) {
+	          styleWarnings[ownerName] = {};
+	        }
+	        var warned = false;
+	        if (ownerName) {
+	          var warnings = styleWarnings[ownerName];
+	          warned = warnings[name];
+	          if (!warned) {
+	            warnings[name] = true;
+	          }
+	        }
+	        if (!warned) {
+	          process.env.NODE_ENV !== 'production' ? warning(false, 'a `%s` tag (owner: `%s`) was passed a numeric string value ' + 'for CSS property `%s` (value: `%s`) which will be treated ' + 'as a unitless number in a future version of React.', component._currentElement.type, ownerName || 'unknown', name, value) : void 0;
+	        }
 	      }
-	      to = to || win;
-	    } else {
-	      from = win;
-	      to = topLevelTarget;
-	      toID = topLevelTargetID;
-	    }
-
-	    if (from === to) {
-	      // Nothing pertains to our managed components.
-	      return null;
 	    }
-
-	    var leave = SyntheticMouseEvent.getPooled(eventTypes.mouseLeave, fromID, nativeEvent, nativeEventTarget);
-	    leave.type = 'mouseleave';
-	    leave.target = from;
-	    leave.relatedTarget = to;
-
-	    var enter = SyntheticMouseEvent.getPooled(eventTypes.mouseEnter, toID, nativeEvent, nativeEventTarget);
-	    enter.type = 'mouseenter';
-	    enter.target = to;
-	    enter.relatedTarget = from;
-
-	    EventPropagators.accumulateEnterLeaveDispatches(leave, enter, fromID, toID);
-
-	    extractedEvents[0] = leave;
-	    extractedEvents[1] = enter;
-
-	    return extractedEvents;
+	    value = value.trim();
 	  }
+	  return value + 'px';
+	}
 
-	};
-
-	module.exports = EnterLeaveEventPlugin;
+	module.exports = dangerousStyleValue;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 86 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 104 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticMouseEvent
-	 * @typechecks static-only
+	 * @typechecks
 	 */
 
 	'use strict';
 
-	var SyntheticUIEvent = __webpack_require__(87);
-	var ViewportMetrics = __webpack_require__(38);
+	var hyphenate = __webpack_require__(105);
 
-	var getEventModifierState = __webpack_require__(88);
+	var msPattern = /^ms-/;
 
 	/**
-	 * @interface MouseEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 * Hyphenates a camelcased CSS property name, for example:
+	 *
+	 *   > hyphenateStyleName('backgroundColor')
+	 *   < "background-color"
+	 *   > hyphenateStyleName('MozTransition')
+	 *   < "-moz-transition"
+	 *   > hyphenateStyleName('msTransition')
+	 *   < "-ms-transition"
+	 *
+	 * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
+	 * is converted to `-ms-`.
+	 *
+	 * @param {string} string
+	 * @return {string}
 	 */
-	var MouseEventInterface = {
-	  screenX: null,
-	  screenY: null,
-	  clientX: null,
-	  clientY: null,
-	  ctrlKey: null,
-	  shiftKey: null,
-	  altKey: null,
-	  metaKey: null,
-	  getModifierState: getEventModifierState,
-	  button: function (event) {
-	    // Webkit, Firefox, IE9+
-	    // which:  1 2 3
-	    // button: 0 1 2 (standard)
-	    var button = event.button;
-	    if ('which' in event) {
-	      return button;
-	    }
-	    // IE<9
-	    // which:  undefined
-	    // button: 0 0 0
-	    // button: 1 4 2 (onmouseup)
-	    return button === 2 ? 2 : button === 4 ? 1 : 0;
-	  },
-	  buttons: null,
-	  relatedTarget: function (event) {
-	    return event.relatedTarget || (event.fromElement === event.srcElement ? event.toElement : event.fromElement);
-	  },
-	  // "Proprietary" Interface.
-	  pageX: function (event) {
-	    return 'pageX' in event ? event.pageX : event.clientX + ViewportMetrics.currentScrollLeft;
-	  },
-	  pageY: function (event) {
-	    return 'pageY' in event ? event.pageY : event.clientY + ViewportMetrics.currentScrollTop;
-	  }
-	};
+	function hyphenateStyleName(string) {
+	  return hyphenate(string).replace(msPattern, '-ms-');
+	}
+
+	module.exports = hyphenateStyleName;
+
+/***/ }),
+/* 105 */
+/***/ (function(module, exports) {
+
+	'use strict';
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * @typechecks
+	 */
+
+	var _uppercasePattern = /([A-Z])/g;
 
 	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticUIEvent}
+	 * Hyphenates a camelcased string, for example:
+	 *
+	 *   > hyphenate('backgroundColor')
+	 *   < "background-color"
+	 *
+	 * For CSS style names, use `hyphenateStyleName` instead which works properly
+	 * with all vendor prefixes, including `ms`.
+	 *
+	 * @param {string} string
+	 * @return {string}
 	 */
-	function SyntheticMouseEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	function hyphenate(string) {
+	  return string.replace(_uppercasePattern, '-$1').toLowerCase();
 	}
 
-	SyntheticUIEvent.augmentClass(SyntheticMouseEvent, MouseEventInterface);
-
-	module.exports = SyntheticMouseEvent;
+	module.exports = hyphenate;
 
-/***/ },
-/* 87 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 106 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticUIEvent
+	 * 
 	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticEvent = __webpack_require__(77);
-
-	var getEventTarget = __webpack_require__(81);
-
 	/**
-	 * @interface UIEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 * Memoizes the return value of a function that accepts one string argument.
 	 */
-	var UIEventInterface = {
-	  view: function (event) {
-	    if (event.view) {
-	      return event.view;
-	    }
-
-	    var target = getEventTarget(event);
-	    if (target != null && target.window === target) {
-	      // target is a window object
-	      return target;
-	    }
 
-	    var doc = target.ownerDocument;
-	    // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
-	    if (doc) {
-	      return doc.defaultView || doc.parentWindow;
-	    } else {
-	      return window;
+	function memoizeStringOnly(callback) {
+	  var cache = {};
+	  return function (string) {
+	    if (!cache.hasOwnProperty(string)) {
+	      cache[string] = callback.call(this, string);
 	    }
-	  },
-	  detail: function (event) {
-	    return event.detail || 0;
-	  }
-	};
-
-	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticEvent}
-	 */
-	function SyntheticUIEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	    return cache[string];
+	  };
 	}
 
-	SyntheticEvent.augmentClass(SyntheticUIEvent, UIEventInterface);
-
-	module.exports = SyntheticUIEvent;
+	module.exports = memoizeStringOnly;
 
-/***/ },
-/* 88 */
-/***/ function(module, exports) {
+/***/ }),
+/* 107 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getEventModifierState
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
+	var DOMProperty = __webpack_require__(40);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactInstrumentation = __webpack_require__(66);
+
+	var quoteAttributeValueForBrowser = __webpack_require__(108);
+	var warning = __webpack_require__(11);
+
+	var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + DOMProperty.ATTRIBUTE_NAME_START_CHAR + '][' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$');
+	var illegalAttributeNameCache = {};
+	var validatedAttributeNameCache = {};
+
+	function isAttributeNameSafe(attributeName) {
+	  if (validatedAttributeNameCache.hasOwnProperty(attributeName)) {
+	    return true;
+	  }
+	  if (illegalAttributeNameCache.hasOwnProperty(attributeName)) {
+	    return false;
+	  }
+	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
+	    validatedAttributeNameCache[attributeName] = true;
+	    return true;
+	  }
+	  illegalAttributeNameCache[attributeName] = true;
+	  process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid attribute name: `%s`', attributeName) : void 0;
+	  return false;
+	}
+
+	function shouldIgnoreValue(propertyInfo, value) {
+	  return value == null || propertyInfo.hasBooleanValue && !value || propertyInfo.hasNumericValue && isNaN(value) || propertyInfo.hasPositiveNumericValue && value < 1 || propertyInfo.hasOverloadedBooleanValue && value === false;
+	}
+
 	/**
-	 * Translation from modifier key to the associated property in the event.
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
+	 * Operations for dealing with DOM properties.
 	 */
+	var DOMPropertyOperations = {
 
-	var modifierKeyToProp = {
-	  'Alt': 'altKey',
-	  'Control': 'ctrlKey',
-	  'Meta': 'metaKey',
-	  'Shift': 'shiftKey'
-	};
+	  /**
+	   * Creates markup for the ID property.
+	   *
+	   * @param {string} id Unescaped ID.
+	   * @return {string} Markup string.
+	   */
+	  createMarkupForID: function (id) {
+	    return DOMProperty.ID_ATTRIBUTE_NAME + '=' + quoteAttributeValueForBrowser(id);
+	  },
+
+	  setAttributeForID: function (node, id) {
+	    node.setAttribute(DOMProperty.ID_ATTRIBUTE_NAME, id);
+	  },
+
+	  createMarkupForRoot: function () {
+	    return DOMProperty.ROOT_ATTRIBUTE_NAME + '=""';
+	  },
+
+	  setAttributeForRoot: function (node) {
+	    node.setAttribute(DOMProperty.ROOT_ATTRIBUTE_NAME, '');
+	  },
+
+	  /**
+	   * Creates markup for a property.
+	   *
+	   * @param {string} name
+	   * @param {*} value
+	   * @return {?string} Markup string, or null if the property was invalid.
+	   */
+	  createMarkupForProperty: function (name, value) {
+	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
+	    if (propertyInfo) {
+	      if (shouldIgnoreValue(propertyInfo, value)) {
+	        return '';
+	      }
+	      var attributeName = propertyInfo.attributeName;
+	      if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) {
+	        return attributeName + '=""';
+	      }
+	      return attributeName + '=' + quoteAttributeValueForBrowser(value);
+	    } else if (DOMProperty.isCustomAttribute(name)) {
+	      if (value == null) {
+	        return '';
+	      }
+	      return name + '=' + quoteAttributeValueForBrowser(value);
+	    }
+	    return null;
+	  },
+
+	  /**
+	   * Creates markup for a custom property.
+	   *
+	   * @param {string} name
+	   * @param {*} value
+	   * @return {string} Markup string, or empty string if the property was invalid.
+	   */
+	  createMarkupForCustomAttribute: function (name, value) {
+	    if (!isAttributeNameSafe(name) || value == null) {
+	      return '';
+	    }
+	    return name + '=' + quoteAttributeValueForBrowser(value);
+	  },
+
+	  /**
+	   * Sets the value for a property on a node.
+	   *
+	   * @param {DOMElement} node
+	   * @param {string} name
+	   * @param {*} value
+	   */
+	  setValueForProperty: function (node, name, value) {
+	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
+	    if (propertyInfo) {
+	      var mutationMethod = propertyInfo.mutationMethod;
+	      if (mutationMethod) {
+	        mutationMethod(node, value);
+	      } else if (shouldIgnoreValue(propertyInfo, value)) {
+	        this.deleteValueForProperty(node, name);
+	        return;
+	      } else if (propertyInfo.mustUseProperty) {
+	        // Contrary to `setAttribute`, object properties are properly
+	        // `toString`ed by IE8/9.
+	        node[propertyInfo.propertyName] = value;
+	      } else {
+	        var attributeName = propertyInfo.attributeName;
+	        var namespace = propertyInfo.attributeNamespace;
+	        // `setAttribute` with objects becomes only `[object]` in IE8/9,
+	        // ('' + value) makes it output the correct toString()-value.
+	        if (namespace) {
+	          node.setAttributeNS(namespace, attributeName, '' + value);
+	        } else if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) {
+	          node.setAttribute(attributeName, '');
+	        } else {
+	          node.setAttribute(attributeName, '' + value);
+	        }
+	      }
+	    } else if (DOMProperty.isCustomAttribute(name)) {
+	      DOMPropertyOperations.setValueForAttribute(node, name, value);
+	      return;
+	    }
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      var payload = {};
+	      payload[name] = value;
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: ReactDOMComponentTree.getInstanceFromNode(node)._debugID,
+	        type: 'update attribute',
+	        payload: payload
+	      });
+	    }
+	  },
+
+	  setValueForAttribute: function (node, name, value) {
+	    if (!isAttributeNameSafe(name)) {
+	      return;
+	    }
+	    if (value == null) {
+	      node.removeAttribute(name);
+	    } else {
+	      node.setAttribute(name, '' + value);
+	    }
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      var payload = {};
+	      payload[name] = value;
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: ReactDOMComponentTree.getInstanceFromNode(node)._debugID,
+	        type: 'update attribute',
+	        payload: payload
+	      });
+	    }
+	  },
+
+	  /**
+	   * Deletes an attributes from a node.
+	   *
+	   * @param {DOMElement} node
+	   * @param {string} name
+	   */
+	  deleteValueForAttribute: function (node, name) {
+	    node.removeAttribute(name);
+	    if (process.env.NODE_ENV !== 'production') {
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: ReactDOMComponentTree.getInstanceFromNode(node)._debugID,
+	        type: 'remove attribute',
+	        payload: name
+	      });
+	    }
+	  },
+
+	  /**
+	   * Deletes the value for a property on a node.
+	   *
+	   * @param {DOMElement} node
+	   * @param {string} name
+	   */
+	  deleteValueForProperty: function (node, name) {
+	    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null;
+	    if (propertyInfo) {
+	      var mutationMethod = propertyInfo.mutationMethod;
+	      if (mutationMethod) {
+	        mutationMethod(node, undefined);
+	      } else if (propertyInfo.mustUseProperty) {
+	        var propName = propertyInfo.propertyName;
+	        if (propertyInfo.hasBooleanValue) {
+	          node[propName] = false;
+	        } else {
+	          node[propName] = '';
+	        }
+	      } else {
+	        node.removeAttribute(propertyInfo.attributeName);
+	      }
+	    } else if (DOMProperty.isCustomAttribute(name)) {
+	      node.removeAttribute(name);
+	    }
 
-	// IE8 does not implement getModifierState so we simply map it to the only
-	// modifier keys exposed by the event itself, does not support Lock-keys.
-	// Currently, all major browsers except Chrome seems to support Lock-keys.
-	function modifierStateGetter(keyArg) {
-	  var syntheticEvent = this;
-	  var nativeEvent = syntheticEvent.nativeEvent;
-	  if (nativeEvent.getModifierState) {
-	    return nativeEvent.getModifierState(keyArg);
+	    if (process.env.NODE_ENV !== 'production') {
+	      ReactInstrumentation.debugTool.onHostOperation({
+	        instanceID: ReactDOMComponentTree.getInstanceFromNode(node)._debugID,
+	        type: 'remove attribute',
+	        payload: name
+	      });
+	    }
 	  }
-	  var keyProp = modifierKeyToProp[keyArg];
-	  return keyProp ? !!nativeEvent[keyProp] : false;
-	}
 
-	function getEventModifierState(nativeEvent) {
-	  return modifierStateGetter;
-	}
+	};
 
-	module.exports = getEventModifierState;
+	module.exports = DOMPropertyOperations;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 89 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 108 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule HTMLDOMPropertyConfig
 	 */
 
 	'use strict';
 
-	var DOMProperty = __webpack_require__(23);
-	var ExecutionEnvironment = __webpack_require__(9);
-
-	var MUST_USE_ATTRIBUTE = DOMProperty.injection.MUST_USE_ATTRIBUTE;
-	var MUST_USE_PROPERTY = DOMProperty.injection.MUST_USE_PROPERTY;
-	var HAS_BOOLEAN_VALUE = DOMProperty.injection.HAS_BOOLEAN_VALUE;
-	var HAS_SIDE_EFFECTS = DOMProperty.injection.HAS_SIDE_EFFECTS;
-	var HAS_NUMERIC_VALUE = DOMProperty.injection.HAS_NUMERIC_VALUE;
-	var HAS_POSITIVE_NUMERIC_VALUE = DOMProperty.injection.HAS_POSITIVE_NUMERIC_VALUE;
-	var HAS_OVERLOADED_BOOLEAN_VALUE = DOMProperty.injection.HAS_OVERLOADED_BOOLEAN_VALUE;
+	var escapeTextContentForBrowser = __webpack_require__(90);
 
-	var hasSVG;
-	if (ExecutionEnvironment.canUseDOM) {
-	  var implementation = document.implementation;
-	  hasSVG = implementation && implementation.hasFeature && implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1');
+	/**
+	 * Escapes attribute value to prevent scripting attacks.
+	 *
+	 * @param {*} value Value to escape.
+	 * @return {string} An escaped string.
+	 */
+	function quoteAttributeValueForBrowser(value) {
+	  return '"' + escapeTextContentForBrowser(value) + '"';
 	}
 
-	var HTMLDOMPropertyConfig = {
-	  isCustomAttribute: RegExp.prototype.test.bind(/^(data|aria)-[a-z_][a-z\d_.\-]*$/),
-	  Properties: {
-	    /**
-	     * Standard Properties
-	     */
-	    accept: null,
-	    acceptCharset: null,
-	    accessKey: null,
-	    action: null,
-	    allowFullScreen: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    allowTransparency: MUST_USE_ATTRIBUTE,
-	    alt: null,
-	    async: HAS_BOOLEAN_VALUE,
-	    autoComplete: null,
-	    // autoFocus is polyfilled/normalized by AutoFocusUtils
-	    // autoFocus: HAS_BOOLEAN_VALUE,
-	    autoPlay: HAS_BOOLEAN_VALUE,
-	    capture: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    cellPadding: null,
-	    cellSpacing: null,
-	    charSet: MUST_USE_ATTRIBUTE,
-	    challenge: MUST_USE_ATTRIBUTE,
-	    checked: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    classID: MUST_USE_ATTRIBUTE,
-	    // To set className on SVG elements, it's necessary to use .setAttribute;
-	    // this works on HTML elements too in all browsers except IE8. Conveniently,
-	    // IE8 doesn't support SVG and so we can simply use the attribute in
-	    // browsers that support SVG and the property in browsers that don't,
-	    // regardless of whether the element is HTML or SVG.
-	    className: hasSVG ? MUST_USE_ATTRIBUTE : MUST_USE_PROPERTY,
-	    cols: MUST_USE_ATTRIBUTE | HAS_POSITIVE_NUMERIC_VALUE,
-	    colSpan: null,
-	    content: null,
-	    contentEditable: null,
-	    contextMenu: MUST_USE_ATTRIBUTE,
-	    controls: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    coords: null,
-	    crossOrigin: null,
-	    data: null, // For `<object />` acts as `src`.
-	    dateTime: MUST_USE_ATTRIBUTE,
-	    'default': HAS_BOOLEAN_VALUE,
-	    defer: HAS_BOOLEAN_VALUE,
-	    dir: null,
-	    disabled: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    download: HAS_OVERLOADED_BOOLEAN_VALUE,
-	    draggable: null,
-	    encType: null,
-	    form: MUST_USE_ATTRIBUTE,
-	    formAction: MUST_USE_ATTRIBUTE,
-	    formEncType: MUST_USE_ATTRIBUTE,
-	    formMethod: MUST_USE_ATTRIBUTE,
-	    formNoValidate: HAS_BOOLEAN_VALUE,
-	    formTarget: MUST_USE_ATTRIBUTE,
-	    frameBorder: MUST_USE_ATTRIBUTE,
-	    headers: null,
-	    height: MUST_USE_ATTRIBUTE,
-	    hidden: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    high: null,
-	    href: null,
-	    hrefLang: null,
-	    htmlFor: null,
-	    httpEquiv: null,
-	    icon: null,
-	    id: MUST_USE_PROPERTY,
-	    inputMode: MUST_USE_ATTRIBUTE,
-	    integrity: null,
-	    is: MUST_USE_ATTRIBUTE,
-	    keyParams: MUST_USE_ATTRIBUTE,
-	    keyType: MUST_USE_ATTRIBUTE,
-	    kind: null,
-	    label: null,
-	    lang: null,
-	    list: MUST_USE_ATTRIBUTE,
-	    loop: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    low: null,
-	    manifest: MUST_USE_ATTRIBUTE,
-	    marginHeight: null,
-	    marginWidth: null,
-	    max: null,
-	    maxLength: MUST_USE_ATTRIBUTE,
-	    media: MUST_USE_ATTRIBUTE,
-	    mediaGroup: null,
-	    method: null,
-	    min: null,
-	    minLength: MUST_USE_ATTRIBUTE,
-	    multiple: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    muted: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    name: null,
-	    nonce: MUST_USE_ATTRIBUTE,
-	    noValidate: HAS_BOOLEAN_VALUE,
-	    open: HAS_BOOLEAN_VALUE,
-	    optimum: null,
-	    pattern: null,
-	    placeholder: null,
-	    poster: null,
-	    preload: null,
-	    radioGroup: null,
-	    readOnly: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    rel: null,
-	    required: HAS_BOOLEAN_VALUE,
-	    reversed: HAS_BOOLEAN_VALUE,
-	    role: MUST_USE_ATTRIBUTE,
-	    rows: MUST_USE_ATTRIBUTE | HAS_POSITIVE_NUMERIC_VALUE,
-	    rowSpan: null,
-	    sandbox: null,
-	    scope: null,
-	    scoped: HAS_BOOLEAN_VALUE,
-	    scrolling: null,
-	    seamless: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    selected: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    shape: null,
-	    size: MUST_USE_ATTRIBUTE | HAS_POSITIVE_NUMERIC_VALUE,
-	    sizes: MUST_USE_ATTRIBUTE,
-	    span: HAS_POSITIVE_NUMERIC_VALUE,
-	    spellCheck: null,
-	    src: null,
-	    srcDoc: MUST_USE_PROPERTY,
-	    srcLang: null,
-	    srcSet: MUST_USE_ATTRIBUTE,
-	    start: HAS_NUMERIC_VALUE,
-	    step: null,
-	    style: null,
-	    summary: null,
-	    tabIndex: null,
-	    target: null,
-	    title: null,
-	    type: null,
-	    useMap: null,
-	    value: MUST_USE_PROPERTY | HAS_SIDE_EFFECTS,
-	    width: MUST_USE_ATTRIBUTE,
-	    wmode: MUST_USE_ATTRIBUTE,
-	    wrap: null,
-
-	    /**
-	     * RDFa Properties
-	     */
-	    about: MUST_USE_ATTRIBUTE,
-	    datatype: MUST_USE_ATTRIBUTE,
-	    inlist: MUST_USE_ATTRIBUTE,
-	    prefix: MUST_USE_ATTRIBUTE,
-	    // property is also supported for OpenGraph in meta tags.
-	    property: MUST_USE_ATTRIBUTE,
-	    resource: MUST_USE_ATTRIBUTE,
-	    'typeof': MUST_USE_ATTRIBUTE,
-	    vocab: MUST_USE_ATTRIBUTE,
-
-	    /**
-	     * Non-standard Properties
-	     */
-	    // autoCapitalize and autoCorrect are supported in Mobile Safari for
-	    // keyboard hints.
-	    autoCapitalize: MUST_USE_ATTRIBUTE,
-	    autoCorrect: MUST_USE_ATTRIBUTE,
-	    // autoSave allows WebKit/Blink to persist values of input fields on page reloads
-	    autoSave: null,
-	    // color is for Safari mask-icon link
-	    color: null,
-	    // itemProp, itemScope, itemType are for
-	    // Microdata support. See http://schema.org/docs/gs.html
-	    itemProp: MUST_USE_ATTRIBUTE,
-	    itemScope: MUST_USE_ATTRIBUTE | HAS_BOOLEAN_VALUE,
-	    itemType: MUST_USE_ATTRIBUTE,
-	    // itemID and itemRef are for Microdata support as well but
-	    // only specified in the the WHATWG spec document. See
-	    // https://html.spec.whatwg.org/multipage/microdata.html#microdata-dom-api
-	    itemID: MUST_USE_ATTRIBUTE,
-	    itemRef: MUST_USE_ATTRIBUTE,
-	    // results show looking glass icon and recent searches on input
-	    // search fields in WebKit/Blink
-	    results: null,
-	    // IE-only attribute that specifies security restrictions on an iframe
-	    // as an alternative to the sandbox attribute on IE<10
-	    security: MUST_USE_ATTRIBUTE,
-	    // IE-only attribute that controls focus behavior
-	    unselectable: MUST_USE_ATTRIBUTE
-	  },
-	  DOMAttributeNames: {
-	    acceptCharset: 'accept-charset',
-	    className: 'class',
-	    htmlFor: 'for',
-	    httpEquiv: 'http-equiv'
-	  },
-	  DOMPropertyNames: {
-	    autoComplete: 'autocomplete',
-	    autoFocus: 'autofocus',
-	    autoPlay: 'autoplay',
-	    autoSave: 'autosave',
-	    // `encoding` is equivalent to `enctype`, IE8 lacks an `enctype` setter.
-	    // http://www.w3.org/TR/html5/forms.html#dom-fs-encoding
-	    encType: 'encoding',
-	    hrefLang: 'hreflang',
-	    radioGroup: 'radiogroup',
-	    spellCheck: 'spellcheck',
-	    srcDoc: 'srcdoc',
-	    srcSet: 'srcset'
-	  }
-	};
-
-	module.exports = HTMLDOMPropertyConfig;
+	module.exports = quoteAttributeValueForBrowser;
 
-/***/ },
-/* 90 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 109 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactBrowserComponentMixin
 	 */
 
 	'use strict';
 
-	var ReactInstanceMap = __webpack_require__(47);
-
-	var findDOMNode = __webpack_require__(91);
-	var warning = __webpack_require__(25);
-
-	var didWarnKey = '_getDOMNodeDidWarn';
-
-	var ReactBrowserComponentMixin = {
-	  /**
-	   * Returns the DOM node rendered by this component.
-	   *
-	   * @return {DOMElement} The root node of this component.
-	   * @final
-	   * @protected
-	   */
-	  getDOMNode: function () {
-	    process.env.NODE_ENV !== 'production' ? warning(this.constructor[didWarnKey], '%s.getDOMNode(...) is deprecated. Please use ' + 'ReactDOM.findDOMNode(instance) instead.', ReactInstanceMap.get(this).getName() || this.tagName || 'Unknown') : undefined;
-	    this.constructor[didWarnKey] = true;
-	    return findDOMNode(this);
-	  }
-	};
+	var _assign = __webpack_require__(4);
 
-	module.exports = ReactBrowserComponentMixin;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var EventPluginRegistry = __webpack_require__(47);
+	var ReactEventEmitterMixin = __webpack_require__(110);
+	var ViewportMetrics = __webpack_require__(80);
 
-/***/ },
-/* 91 */
-/***/ function(module, exports, __webpack_require__) {
+	var getVendorPrefixedEventName = __webpack_require__(111);
+	var isEventSupported = __webpack_require__(74);
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	/**
+	 * Summary of `ReactBrowserEventEmitter` event handling:
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *  - Top-level delegation is used to trap most native browser events. This
+	 *    may only occur in the main thread and is the responsibility of
+	 *    ReactEventListener, which is injected and can therefore support pluggable
+	 *    event sources. This is the only work that occurs in the main thread.
 	 *
-	 * @providesModule findDOMNode
-	 * @typechecks static-only
-	 */
-
-	'use strict';
-
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactInstanceMap = __webpack_require__(47);
-	var ReactMount = __webpack_require__(28);
-
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
-
-	/**
-	 * Returns the DOM node rendered by this element.
+	 *  - We normalize and de-duplicate events to account for browser quirks. This
+	 *    may be done in the worker thread.
 	 *
-	 * @param {ReactComponent|DOMElement} componentOrElement
-	 * @return {?DOMElement} The root node of this element.
+	 *  - Forward these native events (with the associated top-level type used to
+	 *    trap it) to `EventPluginHub`, which in turn will ask plugins if they want
+	 *    to extract any synthetic events.
+	 *
+	 *  - The `EventPluginHub` will then process each event by annotating them with
+	 *    "dispatches", a sequence of listeners and IDs that care about that event.
+	 *
+	 *  - The `EventPluginHub` then dispatches the events.
+	 *
+	 * Overview of React and the event system:
+	 *
+	 * +------------+    .
+	 * |    DOM     |    .
+	 * +------------+    .
+	 *       |           .
+	 *       v           .
+	 * +------------+    .
+	 * | ReactEvent |    .
+	 * |  Listener  |    .
+	 * +------------+    .                         +-----------+
+	 *       |           .               +--------+|SimpleEvent|
+	 *       |           .               |         |Plugin     |
+	 * +-----|------+    .               v         +-----------+
+	 * |     |      |    .    +--------------+                    +------------+
+	 * |     +-----------.--->|EventPluginHub|                    |    Event   |
+	 * |            |    .    |              |     +-----------+  | Propagators|
+	 * | ReactEvent |    .    |              |     |TapEvent   |  |------------|
+	 * |  Emitter   |    .    |              |<---+|Plugin     |  |other plugin|
+	 * |            |    .    |              |     +-----------+  |  utilities |
+	 * |     +-----------.--->|              |                    +------------+
+	 * |     |      |    .    +--------------+
+	 * +-----|------+    .                ^        +-----------+
+	 *       |           .                |        |Enter/Leave|
+	 *       +           .                +-------+|Plugin     |
+	 * +-------------+   .                         +-----------+
+	 * | application |   .
+	 * |-------------|   .
+	 * |             |   .
+	 * |             |   .
+	 * +-------------+   .
+	 *                   .
+	 *    React Core     .  General Purpose Event Plugin System
 	 */
-	function findDOMNode(componentOrElement) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    var owner = ReactCurrentOwner.current;
-	    if (owner !== null) {
-	      process.env.NODE_ENV !== 'production' ? warning(owner._warnedAboutRefsInRender, '%s is accessing getDOMNode or findDOMNode inside its render(). ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', owner.getName() || 'A component') : undefined;
-	      owner._warnedAboutRefsInRender = true;
-	    }
-	  }
-	  if (componentOrElement == null) {
-	    return null;
-	  }
-	  if (componentOrElement.nodeType === 1) {
-	    return componentOrElement;
-	  }
-	  if (ReactInstanceMap.has(componentOrElement)) {
-	    return ReactMount.getNodeFromInstance(componentOrElement);
-	  }
-	  !(componentOrElement.render == null || typeof componentOrElement.render !== 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'findDOMNode was called on an unmounted component.') : invariant(false) : undefined;
-	   true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Element appears to be neither ReactComponent nor DOMNode (keys: %s)', Object.keys(componentOrElement)) : invariant(false) : undefined;
-	}
 
-	module.exports = findDOMNode;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var hasEventPageXY;
+	var alreadyListeningTo = {};
+	var isMonitoringScrollValue = false;
+	var reactTopListenersCounter = 0;
 
-/***/ },
-/* 92 */
-/***/ function(module, exports, __webpack_require__) {
+	// For events like 'submit' which don't consistently bubble (which we trap at a
+	// lower node than `document`), binding at `document` would cause duplicate
+	// events so we don't include them here
+	var topEventMapping = {
+	  topAbort: 'abort',
+	  topAnimationEnd: getVendorPrefixedEventName('animationend') || 'animationend',
+	  topAnimationIteration: getVendorPrefixedEventName('animationiteration') || 'animationiteration',
+	  topAnimationStart: getVendorPrefixedEventName('animationstart') || 'animationstart',
+	  topBlur: 'blur',
+	  topCanPlay: 'canplay',
+	  topCanPlayThrough: 'canplaythrough',
+	  topChange: 'change',
+	  topClick: 'click',
+	  topCompositionEnd: 'compositionend',
+	  topCompositionStart: 'compositionstart',
+	  topCompositionUpdate: 'compositionupdate',
+	  topContextMenu: 'contextmenu',
+	  topCopy: 'copy',
+	  topCut: 'cut',
+	  topDoubleClick: 'dblclick',
+	  topDrag: 'drag',
+	  topDragEnd: 'dragend',
+	  topDragEnter: 'dragenter',
+	  topDragExit: 'dragexit',
+	  topDragLeave: 'dragleave',
+	  topDragOver: 'dragover',
+	  topDragStart: 'dragstart',
+	  topDrop: 'drop',
+	  topDurationChange: 'durationchange',
+	  topEmptied: 'emptied',
+	  topEncrypted: 'encrypted',
+	  topEnded: 'ended',
+	  topError: 'error',
+	  topFocus: 'focus',
+	  topInput: 'input',
+	  topKeyDown: 'keydown',
+	  topKeyPress: 'keypress',
+	  topKeyUp: 'keyup',
+	  topLoadedData: 'loadeddata',
+	  topLoadedMetadata: 'loadedmetadata',
+	  topLoadStart: 'loadstart',
+	  topMouseDown: 'mousedown',
+	  topMouseMove: 'mousemove',
+	  topMouseOut: 'mouseout',
+	  topMouseOver: 'mouseover',
+	  topMouseUp: 'mouseup',
+	  topPaste: 'paste',
+	  topPause: 'pause',
+	  topPlay: 'play',
+	  topPlaying: 'playing',
+	  topProgress: 'progress',
+	  topRateChange: 'ratechange',
+	  topScroll: 'scroll',
+	  topSeeked: 'seeked',
+	  topSeeking: 'seeking',
+	  topSelectionChange: 'selectionchange',
+	  topStalled: 'stalled',
+	  topSuspend: 'suspend',
+	  topTextInput: 'textInput',
+	  topTimeUpdate: 'timeupdate',
+	  topTouchCancel: 'touchcancel',
+	  topTouchEnd: 'touchend',
+	  topTouchMove: 'touchmove',
+	  topTouchStart: 'touchstart',
+	  topTransitionEnd: getVendorPrefixedEventName('transitionend') || 'transitionend',
+	  topVolumeChange: 'volumechange',
+	  topWaiting: 'waiting',
+	  topWheel: 'wheel'
+	};
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDefaultBatchingStrategy
+	 * To ensure no conflicts with other potential React instances on the page
 	 */
+	var topListenersIDKey = '_reactListenersID' + String(Math.random()).slice(2);
 
-	'use strict';
-
-	var ReactUpdates = __webpack_require__(54);
-	var Transaction = __webpack_require__(57);
-
-	var assign = __webpack_require__(39);
-	var emptyFunction = __webpack_require__(15);
-
-	var RESET_BATCHED_UPDATES = {
-	  initialize: emptyFunction,
-	  close: function () {
-	    ReactDefaultBatchingStrategy.isBatchingUpdates = false;
+	function getListeningForDocument(mountAt) {
+	  // In IE8, `mountAt` is a host object and doesn't have `hasOwnProperty`
+	  // directly.
+	  if (!Object.prototype.hasOwnProperty.call(mountAt, topListenersIDKey)) {
+	    mountAt[topListenersIDKey] = reactTopListenersCounter++;
+	    alreadyListeningTo[mountAt[topListenersIDKey]] = {};
 	  }
-	};
-
-	var FLUSH_BATCHED_UPDATES = {
-	  initialize: emptyFunction,
-	  close: ReactUpdates.flushBatchedUpdates.bind(ReactUpdates)
-	};
-
-	var TRANSACTION_WRAPPERS = [FLUSH_BATCHED_UPDATES, RESET_BATCHED_UPDATES];
-
-	function ReactDefaultBatchingStrategyTransaction() {
-	  this.reinitializeTransaction();
+	  return alreadyListeningTo[mountAt[topListenersIDKey]];
 	}
 
-	assign(ReactDefaultBatchingStrategyTransaction.prototype, Transaction.Mixin, {
-	  getTransactionWrappers: function () {
-	    return TRANSACTION_WRAPPERS;
-	  }
-	});
-
-	var transaction = new ReactDefaultBatchingStrategyTransaction();
-
-	var ReactDefaultBatchingStrategy = {
-	  isBatchingUpdates: false,
+	/**
+	 * `ReactBrowserEventEmitter` is used to attach top-level event listeners. For
+	 * example:
+	 *
+	 *   EventPluginHub.putListener('myID', 'onClick', myFunction);
+	 *
+	 * This would allocate a "registration" of `('onClick', myFunction)` on 'myID'.
+	 *
+	 * @internal
+	 */
+	var ReactBrowserEventEmitter = _assign({}, ReactEventEmitterMixin, {
 
 	  /**
-	   * Call the provided function in a context within which calls to `setState`
-	   * and friends are batched such that components aren't updated unnecessarily.
+	   * Injectable event backend
 	   */
-	  batchedUpdates: function (callback, a, b, c, d, e) {
-	    var alreadyBatchingUpdates = ReactDefaultBatchingStrategy.isBatchingUpdates;
+	  ReactEventListener: null,
 
-	    ReactDefaultBatchingStrategy.isBatchingUpdates = true;
+	  injection: {
+	    /**
+	     * @param {object} ReactEventListener
+	     */
+	    injectReactEventListener: function (ReactEventListener) {
+	      ReactEventListener.setHandleTopLevel(ReactBrowserEventEmitter.handleTopLevel);
+	      ReactBrowserEventEmitter.ReactEventListener = ReactEventListener;
+	    }
+	  },
 
-	    // The code is written this way to avoid extra allocations
-	    if (alreadyBatchingUpdates) {
-	      callback(a, b, c, d, e);
-	    } else {
-	      transaction.perform(callback, null, a, b, c, d, e);
+	  /**
+	   * Sets whether or not any created callbacks should be enabled.
+	   *
+	   * @param {boolean} enabled True if callbacks should be enabled.
+	   */
+	  setEnabled: function (enabled) {
+	    if (ReactBrowserEventEmitter.ReactEventListener) {
+	      ReactBrowserEventEmitter.ReactEventListener.setEnabled(enabled);
 	    }
-	  }
-	};
+	  },
 
-	module.exports = ReactDefaultBatchingStrategy;
+	  /**
+	   * @return {boolean} True if callbacks are enabled.
+	   */
+	  isEnabled: function () {
+	    return !!(ReactBrowserEventEmitter.ReactEventListener && ReactBrowserEventEmitter.ReactEventListener.isEnabled());
+	  },
 
-/***/ },
-/* 93 */
-/***/ function(module, exports, __webpack_require__) {
+	  /**
+	   * We listen for bubbled touch events on the document object.
+	   *
+	   * Firefox v8.01 (and possibly others) exhibited strange behavior when
+	   * mounting `onmousemove` events at some node that was not the document
+	   * element. The symptoms were that if your mouse is not moving over something
+	   * contained within that mount point (for example on the background) the
+	   * top-level listeners for `onmousemove` won't be called. However, if you
+	   * register the `mousemove` on the document object, then it will of course
+	   * catch all `mousemove`s. This along with iOS quirks, justifies restricting
+	   * top-level listeners to the document object only, at least for these
+	   * movement types of events and possibly all events.
+	   *
+	   * @see http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
+	   *
+	   * Also, `keyup`/`keypress`/`keydown` do not bubble to the window on IE, but
+	   * they bubble to document.
+	   *
+	   * @param {string} registrationName Name of listener (e.g. `onClick`).
+	   * @param {object} contentDocumentHandle Document which owns the container
+	   */
+	  listenTo: function (registrationName, contentDocumentHandle) {
+	    var mountAt = contentDocumentHandle;
+	    var isListening = getListeningForDocument(mountAt);
+	    var dependencies = EventPluginRegistry.registrationNameDependencies[registrationName];
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDOMComponent
-	 * @typechecks static-only
-	 */
+	    for (var i = 0; i < dependencies.length; i++) {
+	      var dependency = dependencies[i];
+	      if (!(isListening.hasOwnProperty(dependency) && isListening[dependency])) {
+	        if (dependency === 'topWheel') {
+	          if (isEventSupported('wheel')) {
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topWheel', 'wheel', mountAt);
+	          } else if (isEventSupported('mousewheel')) {
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topWheel', 'mousewheel', mountAt);
+	          } else {
+	            // Firefox needs to capture a different mouse scroll event.
+	            // @see http://www.quirksmode.org/dom/events/tests/scroll.html
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topWheel', 'DOMMouseScroll', mountAt);
+	          }
+	        } else if (dependency === 'topScroll') {
 
-	/* global hasOwnProperty:true */
+	          if (isEventSupported('scroll', true)) {
+	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent('topScroll', 'scroll', mountAt);
+	          } else {
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topScroll', 'scroll', ReactBrowserEventEmitter.ReactEventListener.WINDOW_HANDLE);
+	          }
+	        } else if (dependency === 'topFocus' || dependency === 'topBlur') {
 
-	'use strict';
+	          if (isEventSupported('focus', true)) {
+	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent('topFocus', 'focus', mountAt);
+	            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent('topBlur', 'blur', mountAt);
+	          } else if (isEventSupported('focusin')) {
+	            // IE has `focusin` and `focusout` events which bubble.
+	            // @see http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topFocus', 'focusin', mountAt);
+	            ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent('topBlur', 'focusout', mountAt);
+	          }
 
-	var AutoFocusUtils = __webpack_require__(94);
-	var CSSPropertyOperations = __webpack_require__(96);
-	var DOMProperty = __webpack_require__(23);
-	var DOMPropertyOperations = __webpack_require__(22);
-	var EventConstants = __webpack_require__(30);
-	var ReactBrowserEventEmitter = __webpack_require__(29);
-	var ReactComponentBrowserEnvironment = __webpack_require__(26);
-	var ReactDOMButton = __webpack_require__(104);
-	var ReactDOMInput = __webpack_require__(105);
-	var ReactDOMOption = __webpack_require__(109);
-	var ReactDOMSelect = __webpack_require__(112);
-	var ReactDOMTextarea = __webpack_require__(113);
-	var ReactMount = __webpack_require__(28);
-	var ReactMultiChild = __webpack_require__(114);
-	var ReactPerf = __webpack_require__(18);
-	var ReactUpdateQueue = __webpack_require__(53);
-
-	var assign = __webpack_require__(39);
-	var canDefineProperty = __webpack_require__(43);
-	var escapeTextContentForBrowser = __webpack_require__(21);
-	var invariant = __webpack_require__(13);
-	var isEventSupported = __webpack_require__(40);
-	var keyOf = __webpack_require__(79);
-	var setInnerHTML = __webpack_require__(19);
-	var setTextContent = __webpack_require__(20);
-	var shallowEqual = __webpack_require__(117);
-	var validateDOMNesting = __webpack_require__(70);
-	var warning = __webpack_require__(25);
-
-	var deleteListener = ReactBrowserEventEmitter.deleteListener;
-	var listenTo = ReactBrowserEventEmitter.listenTo;
-	var registrationNameModules = ReactBrowserEventEmitter.registrationNameModules;
+	          // to make sure blur and focus event listeners are only attached once
+	          isListening.topBlur = true;
+	          isListening.topFocus = true;
+	        } else if (topEventMapping.hasOwnProperty(dependency)) {
+	          ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(dependency, topEventMapping[dependency], mountAt);
+	        }
 
-	// For quickly matching children type, to test if can be treated as content.
-	var CONTENT_TYPES = { 'string': true, 'number': true };
+	        isListening[dependency] = true;
+	      }
+	    }
+	  },
 
-	var CHILDREN = keyOf({ children: null });
-	var STYLE = keyOf({ style: null });
-	var HTML = keyOf({ __html: null });
+	  trapBubbledEvent: function (topLevelType, handlerBaseName, handle) {
+	    return ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(topLevelType, handlerBaseName, handle);
+	  },
 
-	var ELEMENT_NODE_TYPE = 1;
+	  trapCapturedEvent: function (topLevelType, handlerBaseName, handle) {
+	    return ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelType, handlerBaseName, handle);
+	  },
 
-	function getDeclarationErrorAddendum(internalInstance) {
-	  if (internalInstance) {
-	    var owner = internalInstance._currentElement._owner || null;
-	    if (owner) {
-	      var name = owner.getName();
-	      if (name) {
-	        return ' This DOM node was rendered by `' + name + '`.';
-	      }
+	  /**
+	   * Protect against document.createEvent() returning null
+	   * Some popup blocker extensions appear to do this:
+	   * https://github.com/facebook/react/issues/6887
+	   */
+	  supportsEventPageXY: function () {
+	    if (!document.createEvent) {
+	      return false;
 	    }
-	  }
-	  return '';
-	}
+	    var ev = document.createEvent('MouseEvent');
+	    return ev != null && 'pageX' in ev;
+	  },
 
-	var legacyPropsDescriptor;
-	if (process.env.NODE_ENV !== 'production') {
-	  legacyPropsDescriptor = {
-	    props: {
-	      enumerable: false,
-	      get: function () {
-	        var component = this._reactInternalComponent;
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .props of a DOM node; instead, ' + 'recreate the props as `render` did originally or read the DOM ' + 'properties/attributes directly from this node (e.g., ' + 'this.refs.box.className).%s', getDeclarationErrorAddendum(component)) : undefined;
-	        return component._currentElement.props;
-	      }
+	  /**
+	   * Listens to window scroll and resize events. We cache scroll values so that
+	   * application code can access them without triggering reflows.
+	   *
+	   * ViewportMetrics is only used by SyntheticMouse/TouchEvent and only when
+	   * pageX/pageY isn't supported (legacy browsers).
+	   *
+	   * NOTE: Scroll events do not bubble.
+	   *
+	   * @see http://www.quirksmode.org/dom/events/scroll.html
+	   */
+	  ensureScrollValueMonitoring: function () {
+	    if (hasEventPageXY === undefined) {
+	      hasEventPageXY = ReactBrowserEventEmitter.supportsEventPageXY();
+	    }
+	    if (!hasEventPageXY && !isMonitoringScrollValue) {
+	      var refresh = ViewportMetrics.refreshScrollValues;
+	      ReactBrowserEventEmitter.ReactEventListener.monitorScrollValue(refresh);
+	      isMonitoringScrollValue = true;
 	    }
-	  };
-	}
-
-	function legacyGetDOMNode() {
-	  if (process.env.NODE_ENV !== 'production') {
-	    var component = this._reactInternalComponent;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .getDOMNode() of a DOM node; ' + 'instead, use the node directly.%s', getDeclarationErrorAddendum(component)) : undefined;
-	  }
-	  return this;
-	}
-
-	function legacyIsMounted() {
-	  var component = this._reactInternalComponent;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .isMounted() of a DOM node.%s', getDeclarationErrorAddendum(component)) : undefined;
 	  }
-	  return !!component;
-	}
 
-	function legacySetStateEtc() {
-	  if (process.env.NODE_ENV !== 'production') {
-	    var component = this._reactInternalComponent;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .setState(), .replaceState(), or ' + '.forceUpdate() of a DOM node. This is a no-op.%s', getDeclarationErrorAddendum(component)) : undefined;
-	  }
-	}
+	});
 
-	function legacySetProps(partialProps, callback) {
-	  var component = this._reactInternalComponent;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .setProps() of a DOM node. ' + 'Instead, call ReactDOM.render again at the top level.%s', getDeclarationErrorAddendum(component)) : undefined;
-	  }
-	  if (!component) {
-	    return;
-	  }
-	  ReactUpdateQueue.enqueueSetPropsInternal(component, partialProps);
-	  if (callback) {
-	    ReactUpdateQueue.enqueueCallbackInternal(component, callback);
-	  }
-	}
+	module.exports = ReactBrowserEventEmitter;
 
-	function legacyReplaceProps(partialProps, callback) {
-	  var component = this._reactInternalComponent;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDOMComponent: Do not access .replaceProps() of a DOM node. ' + 'Instead, call ReactDOM.render again at the top level.%s', getDeclarationErrorAddendum(component)) : undefined;
-	  }
-	  if (!component) {
-	    return;
-	  }
-	  ReactUpdateQueue.enqueueReplacePropsInternal(component, partialProps);
-	  if (callback) {
-	    ReactUpdateQueue.enqueueCallbackInternal(component, callback);
-	  }
-	}
+/***/ }),
+/* 110 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	function friendlyStringify(obj) {
-	  if (typeof obj === 'object') {
-	    if (Array.isArray(obj)) {
-	      return '[' + obj.map(friendlyStringify).join(', ') + ']';
-	    } else {
-	      var pairs = [];
-	      for (var key in obj) {
-	        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-	          var keyEscaped = /^[a-z$_][\w$_]*$/i.test(key) ? key : JSON.stringify(key);
-	          pairs.push(keyEscaped + ': ' + friendlyStringify(obj[key]));
-	        }
-	      }
-	      return '{' + pairs.join(', ') + '}';
-	    }
-	  } else if (typeof obj === 'string') {
-	    return JSON.stringify(obj);
-	  } else if (typeof obj === 'function') {
-	    return '[function object]';
-	  }
-	  // Differs from JSON.stringify in that undefined becauses undefined and that
-	  // inf and nan don't become null
-	  return String(obj);
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var EventPluginHub = __webpack_require__(46);
+
+	function runEventQueueInBatch(events) {
+	  EventPluginHub.enqueueEvents(events);
+	  EventPluginHub.processEventQueue(false);
 	}
 
-	var styleMutationWarning = {};
+	var ReactEventEmitterMixin = {
 
-	function checkAndWarnForMutatedStyle(style1, style2, component) {
-	  if (style1 == null || style2 == null) {
-	    return;
-	  }
-	  if (shallowEqual(style1, style2)) {
-	    return;
+	  /**
+	   * Streams a fired top-level event to `EventPluginHub` where plugins have the
+	   * opportunity to create `ReactEvent`s to be dispatched.
+	   */
+	  handleTopLevel: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    var events = EventPluginHub.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	    runEventQueueInBatch(events);
 	  }
+	};
 
-	  var componentName = component._tag;
-	  var owner = component._currentElement._owner;
-	  var ownerName;
-	  if (owner) {
-	    ownerName = owner.getName();
-	  }
+	module.exports = ReactEventEmitterMixin;
 
-	  var hash = ownerName + '|' + componentName;
+/***/ }),
+/* 111 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	  if (styleMutationWarning.hasOwnProperty(hash)) {
-	    return;
-	  }
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	  styleMutationWarning[hash] = true;
+	'use strict';
 
-	  process.env.NODE_ENV !== 'production' ? warning(false, '`%s` was passed a style object that has previously been mutated. ' + 'Mutating `style` is deprecated. Consider cloning it beforehand. Check ' + 'the `render` %s. Previous style: %s. Mutated style: %s.', componentName, owner ? 'of `' + ownerName + '`' : 'using <' + componentName + '>', friendlyStringify(style1), friendlyStringify(style2)) : undefined;
-	}
+	var ExecutionEnvironment = __webpack_require__(52);
 
 	/**
-	 * @param {object} component
-	 * @param {?object} props
+	 * Generate a mapping of standard vendor prefixes using the defined style property and event name.
+	 *
+	 * @param {string} styleProp
+	 * @param {string} eventName
+	 * @returns {object}
 	 */
-	function assertValidProps(component, props) {
-	  if (!props) {
-	    return;
-	  }
-	  // Note the use of `==` which checks for null or undefined.
-	  if (process.env.NODE_ENV !== 'production') {
-	    if (voidElementTags[component._tag]) {
-	      process.env.NODE_ENV !== 'production' ? warning(props.children == null && props.dangerouslySetInnerHTML == null, '%s is a void element tag and must not have `children` or ' + 'use `props.dangerouslySetInnerHTML`.%s', component._tag, component._currentElement._owner ? ' Check the render method of ' + component._currentElement._owner.getName() + '.' : '') : undefined;
-	    }
-	  }
-	  if (props.dangerouslySetInnerHTML != null) {
-	    !(props.children == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Can only set one of `children` or `props.dangerouslySetInnerHTML`.') : invariant(false) : undefined;
-	    !(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML) ? process.env.NODE_ENV !== 'production' ? invariant(false, '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' + 'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' + 'for more information.') : invariant(false) : undefined;
-	  }
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(props.innerHTML == null, 'Directly setting property `innerHTML` is not permitted. ' + 'For more information, lookup documentation on `dangerouslySetInnerHTML`.') : undefined;
-	    process.env.NODE_ENV !== 'production' ? warning(!props.contentEditable || props.children == null, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.') : undefined;
-	  }
-	  !(props.style == null || typeof props.style === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'The `style` prop expects a mapping from style properties to values, ' + 'not a string. For example, style={{marginRight: spacing + \'em\'}} when ' + 'using JSX.%s', getDeclarationErrorAddendum(component)) : invariant(false) : undefined;
-	}
+	function makePrefixMap(styleProp, eventName) {
+	  var prefixes = {};
 
-	function enqueuePutListener(id, registrationName, listener, transaction) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    // IE8 has no API for event capturing and the `onScroll` event doesn't
-	    // bubble.
-	    process.env.NODE_ENV !== 'production' ? warning(registrationName !== 'onScroll' || isEventSupported('scroll', true), 'This browser doesn\'t support the `onScroll` event') : undefined;
-	  }
-	  var container = ReactMount.findReactContainerForID(id);
-	  if (container) {
-	    var doc = container.nodeType === ELEMENT_NODE_TYPE ? container.ownerDocument : container;
-	    listenTo(registrationName, doc);
-	  }
-	  transaction.getReactMountReady().enqueue(putListener, {
-	    id: id,
-	    registrationName: registrationName,
-	    listener: listener
-	  });
-	}
+	  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+	  prefixes['Webkit' + styleProp] = 'webkit' + eventName;
+	  prefixes['Moz' + styleProp] = 'moz' + eventName;
+	  prefixes['ms' + styleProp] = 'MS' + eventName;
+	  prefixes['O' + styleProp] = 'o' + eventName.toLowerCase();
 
-	function putListener() {
-	  var listenerToPut = this;
-	  ReactBrowserEventEmitter.putListener(listenerToPut.id, listenerToPut.registrationName, listenerToPut.listener);
+	  return prefixes;
 	}
 
-	// There are so many media events, it makes sense to just
-	// maintain a list rather than create a `trapBubbledEvent` for each
-	var mediaEvents = {
-	  topAbort: 'abort',
-	  topCanPlay: 'canplay',
-	  topCanPlayThrough: 'canplaythrough',
-	  topDurationChange: 'durationchange',
-	  topEmptied: 'emptied',
-	  topEncrypted: 'encrypted',
-	  topEnded: 'ended',
-	  topError: 'error',
-	  topLoadedData: 'loadeddata',
-	  topLoadedMetadata: 'loadedmetadata',
-	  topLoadStart: 'loadstart',
-	  topPause: 'pause',
-	  topPlay: 'play',
-	  topPlaying: 'playing',
-	  topProgress: 'progress',
-	  topRateChange: 'ratechange',
-	  topSeeked: 'seeked',
-	  topSeeking: 'seeking',
-	  topStalled: 'stalled',
-	  topSuspend: 'suspend',
-	  topTimeUpdate: 'timeupdate',
-	  topVolumeChange: 'volumechange',
-	  topWaiting: 'waiting'
+	/**
+	 * A list of event names to a configurable list of vendor prefixes.
+	 */
+	var vendorPrefixes = {
+	  animationend: makePrefixMap('Animation', 'AnimationEnd'),
+	  animationiteration: makePrefixMap('Animation', 'AnimationIteration'),
+	  animationstart: makePrefixMap('Animation', 'AnimationStart'),
+	  transitionend: makePrefixMap('Transition', 'TransitionEnd')
 	};
 
-	function trapBubbledEventsLocal() {
-	  var inst = this;
-	  // If a component renders to null or if another component fatals and causes
-	  // the state of the tree to be corrupted, `node` here can be null.
-	  !inst._rootNodeID ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Must be mounted to trap events') : invariant(false) : undefined;
-	  var node = ReactMount.getNode(inst._rootNodeID);
-	  !node ? process.env.NODE_ENV !== 'production' ? invariant(false, 'trapBubbledEvent(...): Requires node to be rendered.') : invariant(false) : undefined;
+	/**
+	 * Event names that have already been detected and prefixed (if applicable).
+	 */
+	var prefixedEventNames = {};
 
-	  switch (inst._tag) {
-	    case 'iframe':
-	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes.topLoad, 'load', node)];
-	      break;
-	    case 'video':
-	    case 'audio':
+	/**
+	 * Element to check for prefixes on.
+	 */
+	var style = {};
 
-	      inst._wrapperState.listeners = [];
-	      // create listener for each media event
-	      for (var event in mediaEvents) {
-	        if (mediaEvents.hasOwnProperty(event)) {
-	          inst._wrapperState.listeners.push(ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes[event], mediaEvents[event], node));
-	        }
-	      }
+	/**
+	 * Bootstrap if a DOM exists.
+	 */
+	if (ExecutionEnvironment.canUseDOM) {
+	  style = document.createElement('div').style;
 
-	      break;
-	    case 'img':
-	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes.topError, 'error', node), ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes.topLoad, 'load', node)];
-	      break;
-	    case 'form':
-	      inst._wrapperState.listeners = [ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes.topReset, 'reset', node), ReactBrowserEventEmitter.trapBubbledEvent(EventConstants.topLevelTypes.topSubmit, 'submit', node)];
-	      break;
+	  // On some platforms, in particular some releases of Android 4.x,
+	  // the un-prefixed "animation" and "transition" properties are defined on the
+	  // style object but the events that fire will still be prefixed, so we need
+	  // to check if the un-prefixed events are usable, and if not remove them from the map.
+	  if (!('AnimationEvent' in window)) {
+	    delete vendorPrefixes.animationend.animation;
+	    delete vendorPrefixes.animationiteration.animation;
+	    delete vendorPrefixes.animationstart.animation;
 	  }
-	}
 
-	function mountReadyInputWrapper() {
-	  ReactDOMInput.mountReadyWrapper(this);
+	  // Same as above
+	  if (!('TransitionEvent' in window)) {
+	    delete vendorPrefixes.transitionend.transition;
+	  }
 	}
 
-	function postUpdateSelectWrapper() {
-	  ReactDOMSelect.postUpdateWrapper(this);
+	/**
+	 * Attempts to determine the correct vendor prefixed event name.
+	 *
+	 * @param {string} eventName
+	 * @returns {string}
+	 */
+	function getVendorPrefixedEventName(eventName) {
+	  if (prefixedEventNames[eventName]) {
+	    return prefixedEventNames[eventName];
+	  } else if (!vendorPrefixes[eventName]) {
+	    return eventName;
+	  }
+
+	  var prefixMap = vendorPrefixes[eventName];
+
+	  for (var styleProp in prefixMap) {
+	    if (prefixMap.hasOwnProperty(styleProp) && styleProp in style) {
+	      return prefixedEventNames[eventName] = prefixMap[styleProp];
+	    }
+	  }
+
+	  return '';
 	}
 
-	// For HTML, certain tags should omit their close tag. We keep a whitelist for
-	// those special cased tags.
+	module.exports = getVendorPrefixedEventName;
 
-	var omittedCloseTags = {
-	  'area': true,
-	  'base': true,
-	  'br': true,
-	  'col': true,
-	  'embed': true,
-	  'hr': true,
-	  'img': true,
-	  'input': true,
-	  'keygen': true,
-	  'link': true,
-	  'meta': true,
-	  'param': true,
-	  'source': true,
-	  'track': true,
-	  'wbr': true
-	};
+/***/ }),
+/* 112 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	// NOTE: menuitem's close tag should be omitted, but that causes problems.
-	var newlineEatingTags = {
-	  'listing': true,
-	  'pre': true,
-	  'textarea': true
-	};
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	// For HTML, certain tags cannot have children. This has the same purpose as
-	// `omittedCloseTags` except that `menuitem` should still have its closing tag.
+	'use strict';
 
-	var voidElementTags = assign({
-	  'menuitem': true
-	}, omittedCloseTags);
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
 
-	// We accept any tag to be rendered but since this gets injected into arbitrary
-	// HTML, we want to make sure that it's a safe tag.
-	// http://www.w3.org/TR/REC-xml/#NT-Name
+	var DOMPropertyOperations = __webpack_require__(107);
+	var LinkedValueUtils = __webpack_require__(113);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactUpdates = __webpack_require__(60);
 
-	var VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_\.\-\d]*$/; // Simplified subset
-	var validatedTagCache = {};
-	var hasOwnProperty = ({}).hasOwnProperty;
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	function validateDangerousTag(tag) {
-	  if (!hasOwnProperty.call(validatedTagCache, tag)) {
-	    !VALID_TAG_REGEX.test(tag) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Invalid tag: %s', tag) : invariant(false) : undefined;
-	    validatedTagCache[tag] = true;
-	  }
-	}
+	var didWarnValueLink = false;
+	var didWarnCheckedLink = false;
+	var didWarnValueDefaultValue = false;
+	var didWarnCheckedDefaultChecked = false;
+	var didWarnControlledToUncontrolled = false;
+	var didWarnUncontrolledToControlled = false;
 
-	function processChildContextDev(context, inst) {
-	  // Pass down our tag name to child components for validation purposes
-	  context = assign({}, context);
-	  var info = context[validateDOMNesting.ancestorInfoContextKey];
-	  context[validateDOMNesting.ancestorInfoContextKey] = validateDOMNesting.updatedAncestorInfo(info, inst._tag, inst);
-	  return context;
+	function forceUpdateIfMounted() {
+	  if (this._rootNodeID) {
+	    // DOM component is still mounted; update
+	    ReactDOMInput.updateWrapper(this);
+	  }
 	}
 
-	function isCustomComponent(tagName, props) {
-	  return tagName.indexOf('-') >= 0 || props.is != null;
+	function isControlled(props) {
+	  var usesChecked = props.type === 'checkbox' || props.type === 'radio';
+	  return usesChecked ? props.checked != null : props.value != null;
 	}
 
 	/**
-	 * Creates a new React class that is idempotent and capable of containing other
-	 * React components. It accepts event listeners and DOM properties that are
-	 * valid according to `DOMProperty`.
+	 * Implements an <input> host component that allows setting these optional
+	 * props: `checked`, `value`, `defaultChecked`, and `defaultValue`.
 	 *
-	 *  - Event listeners: `onClick`, `onMouseDown`, etc.
-	 *  - DOM properties: `className`, `name`, `title`, etc.
+	 * If `checked` or `value` are not supplied (or null/undefined), user actions
+	 * that affect the checked state or value will trigger updates to the element.
 	 *
-	 * The `style` property functions differently from the DOM API. It accepts an
-	 * object mapping of style properties to values.
+	 * If they are supplied (and not null/undefined), the rendered element will not
+	 * trigger updates to the element. Instead, the props must change in order for
+	 * the rendered element to be updated.
 	 *
-	 * @constructor ReactDOMComponent
-	 * @extends ReactMultiChild
+	 * The rendered element will be initialized as unchecked (or `defaultChecked`)
+	 * with an empty value (or `defaultValue`).
+	 *
+	 * @see http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
 	 */
-	function ReactDOMComponent(tag) {
-	  validateDangerousTag(tag);
-	  this._tag = tag.toLowerCase();
-	  this._renderedChildren = null;
-	  this._previousStyle = null;
-	  this._previousStyleCopy = null;
-	  this._rootNodeID = null;
-	  this._wrapperState = null;
-	  this._topLevelWrapper = null;
-	  this._nodeWithLegacyProperties = null;
-	  if (process.env.NODE_ENV !== 'production') {
-	    this._unprocessedContextDev = null;
-	    this._processedContextDev = null;
-	  }
-	}
-
-	ReactDOMComponent.displayName = 'ReactDOMComponent';
+	var ReactDOMInput = {
+	  getHostProps: function (inst, props) {
+	    var value = LinkedValueUtils.getValue(props);
+	    var checked = LinkedValueUtils.getChecked(props);
 
-	ReactDOMComponent.Mixin = {
+	    var hostProps = _assign({
+	      // Make sure we set .type before any other properties (setting .value
+	      // before .type means .value is lost in IE11 and below)
+	      type: undefined,
+	      // Make sure we set .step before .value (setting .value before .step
+	      // means .value is rounded on mount, based upon step precision)
+	      step: undefined,
+	      // Make sure we set .min & .max before .value (to ensure proper order
+	      // in corner cases such as min or max deriving from value, e.g. Issue #7170)
+	      min: undefined,
+	      max: undefined
+	    }, props, {
+	      defaultChecked: undefined,
+	      defaultValue: undefined,
+	      value: value != null ? value : inst._wrapperState.initialValue,
+	      checked: checked != null ? checked : inst._wrapperState.initialChecked,
+	      onChange: inst._wrapperState.onChange
+	    });
 
-	  construct: function (element) {
-	    this._currentElement = element;
+	    return hostProps;
 	  },
 
-	  /**
-	   * Generates root tag markup then recurses. This method has side effects and
-	   * is not idempotent.
-	   *
-	   * @internal
-	   * @param {string} rootID The root DOM ID for this node.
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @param {object} context
-	   * @return {string} The computed markup.
-	   */
-	  mountComponent: function (rootID, transaction, context) {
-	    this._rootNodeID = rootID;
+	  mountWrapper: function (inst, props) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      LinkedValueUtils.checkPropTypes('input', props, inst._currentElement._owner);
+
+	      var owner = inst._currentElement._owner;
+
+	      if (props.valueLink !== undefined && !didWarnValueLink) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '`valueLink` prop on `input` is deprecated; set `value` and `onChange` instead.') : void 0;
+	        didWarnValueLink = true;
+	      }
+	      if (props.checkedLink !== undefined && !didWarnCheckedLink) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '`checkedLink` prop on `input` is deprecated; set `value` and `onChange` instead.') : void 0;
+	        didWarnCheckedLink = true;
+	      }
+	      if (props.checked !== undefined && props.defaultChecked !== undefined && !didWarnCheckedDefaultChecked) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '%s contains an input of type %s with both checked and defaultChecked props. ' + 'Input elements must be either controlled or uncontrolled ' + '(specify either the checked prop, or the defaultChecked prop, but not ' + 'both). Decide between using a controlled or uncontrolled input ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', owner && owner.getName() || 'A component', props.type) : void 0;
+	        didWarnCheckedDefaultChecked = true;
+	      }
+	      if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValueDefaultValue) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '%s contains an input of type %s with both value and defaultValue props. ' + 'Input elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled input ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', owner && owner.getName() || 'A component', props.type) : void 0;
+	        didWarnValueDefaultValue = true;
+	      }
+	    }
 
-	    var props = this._currentElement.props;
+	    var defaultValue = props.defaultValue;
+	    inst._wrapperState = {
+	      initialChecked: props.checked != null ? props.checked : props.defaultChecked,
+	      initialValue: props.value != null ? props.value : defaultValue,
+	      listeners: null,
+	      onChange: _handleChange.bind(inst),
+	      controlled: isControlled(props)
+	    };
+	  },
 
-	    switch (this._tag) {
-	      case 'iframe':
-	      case 'img':
-	      case 'form':
-	      case 'video':
-	      case 'audio':
-	        this._wrapperState = {
-	          listeners: null
-	        };
-	        transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
-	        break;
-	      case 'button':
-	        props = ReactDOMButton.getNativeProps(this, props, context);
-	        break;
-	      case 'input':
-	        ReactDOMInput.mountWrapper(this, props, context);
-	        props = ReactDOMInput.getNativeProps(this, props, context);
-	        break;
-	      case 'option':
-	        ReactDOMOption.mountWrapper(this, props, context);
-	        props = ReactDOMOption.getNativeProps(this, props, context);
-	        break;
-	      case 'select':
-	        ReactDOMSelect.mountWrapper(this, props, context);
-	        props = ReactDOMSelect.getNativeProps(this, props, context);
-	        context = ReactDOMSelect.processChildContext(this, props, context);
-	        break;
-	      case 'textarea':
-	        ReactDOMTextarea.mountWrapper(this, props, context);
-	        props = ReactDOMTextarea.getNativeProps(this, props, context);
-	        break;
-	    }
+	  updateWrapper: function (inst) {
+	    var props = inst._currentElement.props;
 
-	    assertValidProps(this, props);
 	    if (process.env.NODE_ENV !== 'production') {
-	      if (context[validateDOMNesting.ancestorInfoContextKey]) {
-	        validateDOMNesting(this._tag, this, context[validateDOMNesting.ancestorInfoContextKey]);
+	      var controlled = isControlled(props);
+	      var owner = inst._currentElement._owner;
+
+	      if (!inst._wrapperState.controlled && controlled && !didWarnUncontrolledToControlled) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '%s is changing an uncontrolled input of type %s to be controlled. ' + 'Input elements should not switch from uncontrolled to controlled (or vice versa). ' + 'Decide between using a controlled or uncontrolled input ' + 'element for the lifetime of the component. More info: https://fb.me/react-controlled-components', owner && owner.getName() || 'A component', props.type) : void 0;
+	        didWarnUncontrolledToControlled = true;
+	      }
+	      if (inst._wrapperState.controlled && !controlled && !didWarnControlledToUncontrolled) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '%s is changing a controlled input of type %s to be uncontrolled. ' + 'Input elements should not switch from controlled to uncontrolled (or vice versa). ' + 'Decide between using a controlled or uncontrolled input ' + 'element for the lifetime of the component. More info: https://fb.me/react-controlled-components', owner && owner.getName() || 'A component', props.type) : void 0;
+	        didWarnControlledToUncontrolled = true;
 	      }
 	    }
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      this._unprocessedContextDev = context;
-	      this._processedContextDev = processChildContextDev(context, this);
-	      context = this._processedContextDev;
+	    // TODO: Shouldn't this be getChecked(props)?
+	    var checked = props.checked;
+	    if (checked != null) {
+	      DOMPropertyOperations.setValueForProperty(ReactDOMComponentTree.getNodeFromInstance(inst), 'checked', checked || false);
 	    }
 
-	    var mountImage;
-	    if (transaction.useCreateElement) {
-	      var ownerDocument = context[ReactMount.ownerDocumentContextKey];
-	      var el = ownerDocument.createElement(this._currentElement.type);
-	      DOMPropertyOperations.setAttributeForID(el, this._rootNodeID);
-	      // Populate node cache
-	      ReactMount.getID(el);
-	      this._updateDOMProperties({}, props, transaction, el);
-	      this._createInitialChildren(transaction, props, context, el);
-	      mountImage = el;
+	    var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+	    var value = LinkedValueUtils.getValue(props);
+	    if (value != null) {
+	      if (value === 0 && node.value === '') {
+	        node.value = '0';
+	        // Note: IE9 reports a number inputs as 'text', so check props instead.
+	      } else if (props.type === 'number') {
+	        // Simulate `input.valueAsNumber`. IE9 does not support it
+	        var valueAsNumber = parseFloat(node.value, 10) || 0;
+
+	        // eslint-disable-next-line
+	        if (value != valueAsNumber) {
+	          // Cast `value` to a string to ensure the value is set correctly. While
+	          // browsers typically do this as necessary, jsdom doesn't.
+	          node.value = '' + value;
+	        }
+	        // eslint-disable-next-line
+	      } else if (value != node.value) {
+	        // Cast `value` to a string to ensure the value is set correctly. While
+	        // browsers typically do this as necessary, jsdom doesn't.
+	        node.value = '' + value;
+	      }
 	    } else {
-	      var tagOpen = this._createOpenTagMarkupAndPutListeners(transaction, props);
-	      var tagContent = this._createContentMarkup(transaction, props, context);
-	      if (!tagContent && omittedCloseTags[this._tag]) {
-	        mountImage = tagOpen + '/>';
-	      } else {
-	        mountImage = tagOpen + '>' + tagContent + '</' + this._currentElement.type + '>';
+	      if (props.value == null && props.defaultValue != null) {
+	        // In Chrome, assigning defaultValue to certain input types triggers input validation.
+	        // For number inputs, the display value loses trailing decimal points. For email inputs,
+	        // Chrome raises "The specified value <x> is not a valid email address".
+	        //
+	        // Here we check to see if the defaultValue has actually changed, avoiding these problems
+	        // when the user is inputting text
+	        //
+	        // https://github.com/facebook/react/issues/7253
+	        if (node.defaultValue !== '' + props.defaultValue) {
+	          node.defaultValue = '' + props.defaultValue;
+	        }
+	      }
+	      if (props.checked == null && props.defaultChecked != null) {
+	        node.defaultChecked = !!props.defaultChecked;
 	      }
 	    }
+	  },
 
-	    switch (this._tag) {
-	      case 'input':
-	        transaction.getReactMountReady().enqueue(mountReadyInputWrapper, this);
-	      // falls through
-	      case 'button':
-	      case 'select':
-	      case 'textarea':
-	        if (props.autoFocus) {
-	          transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent, this);
-	        }
+	  postMountWrapper: function (inst) {
+	    var props = inst._currentElement.props;
+
+	    // This is in postMount because we need access to the DOM node, which is not
+	    // available until after the component has mounted.
+	    var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+
+	    // Detach value from defaultValue. We won't do anything if we're working on
+	    // submit or reset inputs as those values & defaultValues are linked. They
+	    // are not resetable nodes so this operation doesn't matter and actually
+	    // removes browser-default values (eg "Submit Query") when no value is
+	    // provided.
+
+	    switch (props.type) {
+	      case 'submit':
+	      case 'reset':
+	        break;
+	      case 'color':
+	      case 'date':
+	      case 'datetime':
+	      case 'datetime-local':
+	      case 'month':
+	      case 'time':
+	      case 'week':
+	        // This fixes the no-show issue on iOS Safari and Android Chrome:
+	        // https://github.com/facebook/react/issues/7233
+	        node.value = '';
+	        node.value = node.defaultValue;
+	        break;
+	      default:
+	        node.value = node.value;
 	        break;
 	    }
 
-	    return mountImage;
-	  },
+	    // Normally, we'd just do `node.checked = node.checked` upon initial mount, less this bug
+	    // this is needed to work around a chrome bug where setting defaultChecked
+	    // will sometimes influence the value of checked (even after detachment).
+	    // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
+	    // We need to temporarily unset name to avoid disrupting radio button groups.
+	    var name = node.name;
+	    if (name !== '') {
+	      node.name = '';
+	    }
+	    node.defaultChecked = !node.defaultChecked;
+	    node.defaultChecked = !node.defaultChecked;
+	    if (name !== '') {
+	      node.name = name;
+	    }
+	  }
+	};
 
-	  /**
-	   * Creates markup for the open tag and all attributes.
-	   *
-	   * This method has side effects because events get registered.
-	   *
-	   * Iterating over object properties is faster than iterating over arrays.
-	   * @see http://jsperf.com/obj-vs-arr-iteration
-	   *
-	   * @private
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @param {object} props
-	   * @return {string} Markup of opening tag.
-	   */
-	  _createOpenTagMarkupAndPutListeners: function (transaction, props) {
-	    var ret = '<' + this._currentElement.type;
+	function _handleChange(event) {
+	  var props = this._currentElement.props;
 
-	    for (var propKey in props) {
-	      if (!props.hasOwnProperty(propKey)) {
-	        continue;
-	      }
-	      var propValue = props[propKey];
-	      if (propValue == null) {
+	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
+
+	  // Here we use asap to wait until all updates have propagated, which
+	  // is important when using controlled components within layers:
+	  // https://github.com/facebook/react/issues/1698
+	  ReactUpdates.asap(forceUpdateIfMounted, this);
+
+	  var name = props.name;
+	  if (props.type === 'radio' && name != null) {
+	    var rootNode = ReactDOMComponentTree.getNodeFromInstance(this);
+	    var queryRoot = rootNode;
+
+	    while (queryRoot.parentNode) {
+	      queryRoot = queryRoot.parentNode;
+	    }
+
+	    // If `rootNode.form` was non-null, then we could try `form.elements`,
+	    // but that sometimes behaves strangely in IE8. We could also try using
+	    // `form.getElementsByName`, but that will only return direct children
+	    // and won't include inputs that use the HTML5 `form=` attribute. Since
+	    // the input might not even be in a form, let's just use the global
+	    // `querySelectorAll` to ensure we don't miss anything.
+	    var group = queryRoot.querySelectorAll('input[name=' + JSON.stringify('' + name) + '][type="radio"]');
+
+	    for (var i = 0; i < group.length; i++) {
+	      var otherNode = group[i];
+	      if (otherNode === rootNode || otherNode.form !== rootNode.form) {
 	        continue;
 	      }
-	      if (registrationNameModules.hasOwnProperty(propKey)) {
-	        if (propValue) {
-	          enqueuePutListener(this._rootNodeID, propKey, propValue, transaction);
-	        }
-	      } else {
-	        if (propKey === STYLE) {
-	          if (propValue) {
-	            if (process.env.NODE_ENV !== 'production') {
-	              // See `_updateDOMProperties`. style block
-	              this._previousStyle = propValue;
-	            }
-	            propValue = this._previousStyleCopy = assign({}, props.style);
-	          }
-	          propValue = CSSPropertyOperations.createMarkupForStyles(propValue);
-	        }
-	        var markup = null;
-	        if (this._tag != null && isCustomComponent(this._tag, props)) {
-	          if (propKey !== CHILDREN) {
-	            markup = DOMPropertyOperations.createMarkupForCustomAttribute(propKey, propValue);
-	          }
-	        } else {
-	          markup = DOMPropertyOperations.createMarkupForProperty(propKey, propValue);
-	        }
-	        if (markup) {
-	          ret += ' ' + markup;
-	        }
-	      }
+	      // This will throw if radio buttons rendered by different copies of React
+	      // and the same name are rendered into the same form (same as #1939).
+	      // That's probably okay; we don't support it just as we don't support
+	      // mixing React radio buttons with non-React ones.
+	      var otherInstance = ReactDOMComponentTree.getInstanceFromNode(otherNode);
+	      !otherInstance ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported.') : _prodInvariant('90') : void 0;
+	      // If this is a controlled radio button group, forcing the input that
+	      // was previously checked to update will cause it to be come re-checked
+	      // as appropriate.
+	      ReactUpdates.asap(forceUpdateIfMounted, otherInstance);
 	    }
+	  }
 
-	    // For static pages, no need to put React ID and checksum. Saves lots of
-	    // bytes.
-	    if (transaction.renderToStaticMarkup) {
-	      return ret;
-	    }
+	  return returnValue;
+	}
 
-	    var markupForID = DOMPropertyOperations.createMarkupForID(this._rootNodeID);
-	    return ret + ' ' + markupForID;
-	  },
+	module.exports = ReactDOMInput;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	  /**
-	   * Creates markup for the content between the tags.
-	   *
-	   * @private
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @param {object} props
-	   * @param {object} context
-	   * @return {string} Content markup.
-	   */
-	  _createContentMarkup: function (transaction, props, context) {
-	    var ret = '';
+/***/ }),
+/* 113 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    // Intentional use of != to avoid catching zero/false.
-	    var innerHTML = props.dangerouslySetInnerHTML;
-	    if (innerHTML != null) {
-	      if (innerHTML.__html != null) {
-	        ret = innerHTML.__html;
-	      }
-	    } else {
-	      var contentToUse = CONTENT_TYPES[typeof props.children] ? props.children : null;
-	      var childrenToUse = contentToUse != null ? null : props.children;
-	      if (contentToUse != null) {
-	        // TODO: Validate that text is allowed as a child of this node
-	        ret = escapeTextContentForBrowser(contentToUse);
-	      } else if (childrenToUse != null) {
-	        var mountImages = this.mountChildren(childrenToUse, transaction, context);
-	        ret = mountImages.join('');
-	      }
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var ReactPropTypesSecret = __webpack_require__(114);
+	var propTypesFactory = __webpack_require__(30);
+
+	var React = __webpack_require__(2);
+	var PropTypes = propTypesFactory(React.isValidElement);
+
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
+
+	var hasReadOnlyValue = {
+	  'button': true,
+	  'checkbox': true,
+	  'image': true,
+	  'hidden': true,
+	  'radio': true,
+	  'reset': true,
+	  'submit': true
+	};
+
+	function _assertSingleLink(inputProps) {
+	  !(inputProps.checkedLink == null || inputProps.valueLink == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a checkedLink and a valueLink. If you want to use checkedLink, you probably don\'t want to use valueLink and vice versa.') : _prodInvariant('87') : void 0;
+	}
+	function _assertValueLink(inputProps) {
+	  _assertSingleLink(inputProps);
+	  !(inputProps.value == null && inputProps.onChange == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a valueLink and a value or onChange event. If you want to use value or onChange, you probably don\'t want to use valueLink.') : _prodInvariant('88') : void 0;
+	}
+
+	function _assertCheckedLink(inputProps) {
+	  _assertSingleLink(inputProps);
+	  !(inputProps.checked == null && inputProps.onChange == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a checkedLink and a checked property or onChange event. If you want to use checked or onChange, you probably don\'t want to use checkedLink') : _prodInvariant('89') : void 0;
+	}
+
+	var propTypes = {
+	  value: function (props, propName, componentName) {
+	    if (!props[propName] || hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled) {
+	      return null;
 	    }
-	    if (newlineEatingTags[this._tag] && ret.charAt(0) === '\n') {
-	      // text/html ignores the first character in these tags if it's a newline
-	      // Prefer to break application/xml over text/html (for now) by adding
-	      // a newline specifically to get eaten by the parser. (Alternately for
-	      // textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
-	      // \r is normalized out by HTMLTextAreaElement#value.)
-	      // See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
-	      // See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
-	      // See: <http://www.w3.org/TR/html5/syntax.html#newlines>
-	      // See: Parsing of "textarea" "listing" and "pre" elements
-	      //  from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
-	      return '\n' + ret;
-	    } else {
-	      return ret;
+	    return new Error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
+	  },
+	  checked: function (props, propName, componentName) {
+	    if (!props[propName] || props.onChange || props.readOnly || props.disabled) {
+	      return null;
+	    }
+	    return new Error('You provided a `checked` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultChecked`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
+	  },
+	  onChange: PropTypes.func
+	};
+
+	var loggedTypeFailures = {};
+	function getDeclarationErrorAddendum(owner) {
+	  if (owner) {
+	    var name = owner.getName();
+	    if (name) {
+	      return ' Check the render method of `' + name + '`.';
 	    }
-	  },
+	  }
+	  return '';
+	}
 
-	  _createInitialChildren: function (transaction, props, context, el) {
-	    // Intentional use of != to avoid catching zero/false.
-	    var innerHTML = props.dangerouslySetInnerHTML;
-	    if (innerHTML != null) {
-	      if (innerHTML.__html != null) {
-	        setInnerHTML(el, innerHTML.__html);
+	/**
+	 * Provide a linked `value` attribute for controlled forms. You should not use
+	 * this outside of the ReactDOM controlled form components.
+	 */
+	var LinkedValueUtils = {
+	  checkPropTypes: function (tagName, props, owner) {
+	    for (var propName in propTypes) {
+	      if (propTypes.hasOwnProperty(propName)) {
+	        var error = propTypes[propName](props, propName, tagName, 'prop', null, ReactPropTypesSecret);
 	      }
-	    } else {
-	      var contentToUse = CONTENT_TYPES[typeof props.children] ? props.children : null;
-	      var childrenToUse = contentToUse != null ? null : props.children;
-	      if (contentToUse != null) {
-	        // TODO: Validate that text is allowed as a child of this node
-	        setTextContent(el, contentToUse);
-	      } else if (childrenToUse != null) {
-	        var mountImages = this.mountChildren(childrenToUse, transaction, context);
-	        for (var i = 0; i < mountImages.length; i++) {
-	          el.appendChild(mountImages[i]);
-	        }
+	      if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	        // Only monitor this failure once because there tends to be a lot of the
+	        // same error.
+	        loggedTypeFailures[error.message] = true;
+
+	        var addendum = getDeclarationErrorAddendum(owner);
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'Failed form propType: %s%s', error.message, addendum) : void 0;
 	      }
 	    }
 	  },
 
 	  /**
-	   * Receives a next element and updates the component.
-	   *
-	   * @internal
-	   * @param {ReactElement} nextElement
-	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
-	   * @param {object} context
+	   * @param {object} inputProps Props for form component
+	   * @return {*} current value of the input either from value prop or link.
 	   */
-	  receiveComponent: function (nextElement, transaction, context) {
-	    var prevElement = this._currentElement;
-	    this._currentElement = nextElement;
-	    this.updateComponent(transaction, prevElement, nextElement, context);
+	  getValue: function (inputProps) {
+	    if (inputProps.valueLink) {
+	      _assertValueLink(inputProps);
+	      return inputProps.valueLink.value;
+	    }
+	    return inputProps.value;
 	  },
 
 	  /**
-	   * Updates a native DOM component after it has already been allocated and
-	   * attached to the DOM. Reconciles the root DOM node, then recurses.
-	   *
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {ReactElement} prevElement
-	   * @param {ReactElement} nextElement
-	   * @internal
-	   * @overridable
+	   * @param {object} inputProps Props for form component
+	   * @return {*} current checked status of the input either from checked prop
+	   *             or link.
 	   */
-	  updateComponent: function (transaction, prevElement, nextElement, context) {
-	    var lastProps = prevElement.props;
-	    var nextProps = this._currentElement.props;
-
-	    switch (this._tag) {
-	      case 'button':
-	        lastProps = ReactDOMButton.getNativeProps(this, lastProps);
-	        nextProps = ReactDOMButton.getNativeProps(this, nextProps);
-	        break;
-	      case 'input':
-	        ReactDOMInput.updateWrapper(this);
-	        lastProps = ReactDOMInput.getNativeProps(this, lastProps);
-	        nextProps = ReactDOMInput.getNativeProps(this, nextProps);
-	        break;
-	      case 'option':
-	        lastProps = ReactDOMOption.getNativeProps(this, lastProps);
-	        nextProps = ReactDOMOption.getNativeProps(this, nextProps);
-	        break;
-	      case 'select':
-	        lastProps = ReactDOMSelect.getNativeProps(this, lastProps);
-	        nextProps = ReactDOMSelect.getNativeProps(this, nextProps);
-	        break;
-	      case 'textarea':
-	        ReactDOMTextarea.updateWrapper(this);
-	        lastProps = ReactDOMTextarea.getNativeProps(this, lastProps);
-	        nextProps = ReactDOMTextarea.getNativeProps(this, nextProps);
-	        break;
+	  getChecked: function (inputProps) {
+	    if (inputProps.checkedLink) {
+	      _assertCheckedLink(inputProps);
+	      return inputProps.checkedLink.value;
 	    }
+	    return inputProps.checked;
+	  },
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      // If the context is reference-equal to the old one, pass down the same
-	      // processed object so the update bailout in ReactReconciler behaves
-	      // correctly (and identically in dev and prod). See #5005.
-	      if (this._unprocessedContextDev !== context) {
-	        this._unprocessedContextDev = context;
-	        this._processedContextDev = processChildContextDev(context, this);
-	      }
-	      context = this._processedContextDev;
+	  /**
+	   * @param {object} inputProps Props for form component
+	   * @param {SyntheticEvent} event change event to handle
+	   */
+	  executeOnChange: function (inputProps, event) {
+	    if (inputProps.valueLink) {
+	      _assertValueLink(inputProps);
+	      return inputProps.valueLink.requestChange(event.target.value);
+	    } else if (inputProps.checkedLink) {
+	      _assertCheckedLink(inputProps);
+	      return inputProps.checkedLink.requestChange(event.target.checked);
+	    } else if (inputProps.onChange) {
+	      return inputProps.onChange.call(undefined, event);
 	    }
+	  }
+	};
 
-	    assertValidProps(this, nextProps);
-	    this._updateDOMProperties(lastProps, nextProps, transaction, null);
-	    this._updateDOMChildren(lastProps, nextProps, transaction, context);
+	module.exports = LinkedValueUtils;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    if (!canDefineProperty && this._nodeWithLegacyProperties) {
-	      this._nodeWithLegacyProperties.props = nextProps;
-	    }
+/***/ }),
+/* 114 */
+/***/ (function(module, exports) {
 
-	    if (this._tag === 'select') {
-	      // <select> value update needs to occur after <option> children
-	      // reconciliation
-	      transaction.getReactMountReady().enqueue(postUpdateSelectWrapper, this);
-	    }
-	  },
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	  /**
-	   * Reconciles the properties by detecting differences in property values and
-	   * updating the DOM as necessary. This function is probably the single most
-	   * critical path for performance optimization.
-	   *
-	   * TODO: Benchmark whether checking for changed values in memory actually
-	   *       improves performance (especially statically positioned elements).
-	   * TODO: Benchmark the effects of putting this at the top since 99% of props
-	   *       do not change for a given reconciliation.
-	   * TODO: Benchmark areas that can be improved with caching.
-	   *
-	   * @private
-	   * @param {object} lastProps
-	   * @param {object} nextProps
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {?DOMElement} node
-	   */
-	  _updateDOMProperties: function (lastProps, nextProps, transaction, node) {
-	    var propKey;
-	    var styleName;
-	    var styleUpdates;
-	    for (propKey in lastProps) {
-	      if (nextProps.hasOwnProperty(propKey) || !lastProps.hasOwnProperty(propKey)) {
-	        continue;
-	      }
-	      if (propKey === STYLE) {
-	        var lastStyle = this._previousStyleCopy;
-	        for (styleName in lastStyle) {
-	          if (lastStyle.hasOwnProperty(styleName)) {
-	            styleUpdates = styleUpdates || {};
-	            styleUpdates[styleName] = '';
-	          }
-	        }
-	        this._previousStyleCopy = null;
-	      } else if (registrationNameModules.hasOwnProperty(propKey)) {
-	        if (lastProps[propKey]) {
-	          // Only call deleteListener if there was a listener previously or
-	          // else willDeleteListener gets called when there wasn't actually a
-	          // listener (e.g., onClick={null})
-	          deleteListener(this._rootNodeID, propKey);
-	        }
-	      } else if (DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)) {
-	        if (!node) {
-	          node = ReactMount.getNode(this._rootNodeID);
-	        }
-	        DOMPropertyOperations.deleteValueForProperty(node, propKey);
-	      }
-	    }
-	    for (propKey in nextProps) {
-	      var nextProp = nextProps[propKey];
-	      var lastProp = propKey === STYLE ? this._previousStyleCopy : lastProps[propKey];
-	      if (!nextProps.hasOwnProperty(propKey) || nextProp === lastProp) {
-	        continue;
-	      }
-	      if (propKey === STYLE) {
-	        if (nextProp) {
-	          if (process.env.NODE_ENV !== 'production') {
-	            checkAndWarnForMutatedStyle(this._previousStyleCopy, this._previousStyle, this);
-	            this._previousStyle = nextProp;
-	          }
-	          nextProp = this._previousStyleCopy = assign({}, nextProp);
-	        } else {
-	          this._previousStyleCopy = null;
-	        }
-	        if (lastProp) {
-	          // Unset styles on `lastProp` but not on `nextProp`.
-	          for (styleName in lastProp) {
-	            if (lastProp.hasOwnProperty(styleName) && (!nextProp || !nextProp.hasOwnProperty(styleName))) {
-	              styleUpdates = styleUpdates || {};
-	              styleUpdates[styleName] = '';
-	            }
-	          }
-	          // Update styles that changed since `lastProp`.
-	          for (styleName in nextProp) {
-	            if (nextProp.hasOwnProperty(styleName) && lastProp[styleName] !== nextProp[styleName]) {
-	              styleUpdates = styleUpdates || {};
-	              styleUpdates[styleName] = nextProp[styleName];
-	            }
-	          }
-	        } else {
-	          // Relies on `updateStylesByID` not mutating `styleUpdates`.
-	          styleUpdates = nextProp;
-	        }
-	      } else if (registrationNameModules.hasOwnProperty(propKey)) {
-	        if (nextProp) {
-	          enqueuePutListener(this._rootNodeID, propKey, nextProp, transaction);
-	        } else if (lastProp) {
-	          deleteListener(this._rootNodeID, propKey);
-	        }
-	      } else if (isCustomComponent(this._tag, nextProps)) {
-	        if (!node) {
-	          node = ReactMount.getNode(this._rootNodeID);
-	        }
-	        if (propKey === CHILDREN) {
-	          nextProp = null;
-	        }
-	        DOMPropertyOperations.setValueForAttribute(node, propKey, nextProp);
-	      } else if (DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)) {
-	        if (!node) {
-	          node = ReactMount.getNode(this._rootNodeID);
-	        }
-	        // If we're updating to null or undefined, we should remove the property
-	        // from the DOM node instead of inadvertantly setting to a string. This
-	        // brings us in line with the same behavior we have on initial render.
-	        if (nextProp != null) {
-	          DOMPropertyOperations.setValueForProperty(node, propKey, nextProp);
-	        } else {
-	          DOMPropertyOperations.deleteValueForProperty(node, propKey);
-	        }
-	      }
-	    }
-	    if (styleUpdates) {
-	      if (!node) {
-	        node = ReactMount.getNode(this._rootNodeID);
-	      }
-	      CSSPropertyOperations.setValueForStyles(node, styleUpdates);
-	    }
-	  },
+	'use strict';
 
-	  /**
-	   * Reconciles the children with the various properties that affect the
-	   * children content.
-	   *
-	   * @param {object} lastProps
-	   * @param {object} nextProps
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {object} context
-	   */
-	  _updateDOMChildren: function (lastProps, nextProps, transaction, context) {
-	    var lastContent = CONTENT_TYPES[typeof lastProps.children] ? lastProps.children : null;
-	    var nextContent = CONTENT_TYPES[typeof nextProps.children] ? nextProps.children : null;
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-	    var lastHtml = lastProps.dangerouslySetInnerHTML && lastProps.dangerouslySetInnerHTML.__html;
-	    var nextHtml = nextProps.dangerouslySetInnerHTML && nextProps.dangerouslySetInnerHTML.__html;
+	module.exports = ReactPropTypesSecret;
 
-	    // Note the use of `!=` which checks for null or undefined.
-	    var lastChildren = lastContent != null ? null : lastProps.children;
-	    var nextChildren = nextContent != null ? null : nextProps.children;
+/***/ }),
+/* 115 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var _assign = __webpack_require__(4);
+
+	var React = __webpack_require__(2);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactDOMSelect = __webpack_require__(116);
+
+	var warning = __webpack_require__(11);
+	var didWarnInvalidOptionChildren = false;
+
+	function flattenChildren(children) {
+	  var content = '';
+
+	  // Flatten children and warn if they aren't strings or numbers;
+	  // invalid types are ignored.
+	  React.Children.forEach(children, function (child) {
+	    if (child == null) {
+	      return;
+	    }
+	    if (typeof child === 'string' || typeof child === 'number') {
+	      content += child;
+	    } else if (!didWarnInvalidOptionChildren) {
+	      didWarnInvalidOptionChildren = true;
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Only strings and numbers are supported as <option> children.') : void 0;
+	    }
+	  });
 
-	    // If we're switching from children to content/html or vice versa, remove
-	    // the old content
-	    var lastHasContentOrHtml = lastContent != null || lastHtml != null;
-	    var nextHasContentOrHtml = nextContent != null || nextHtml != null;
-	    if (lastChildren != null && nextChildren == null) {
-	      this.updateChildren(null, transaction, context);
-	    } else if (lastHasContentOrHtml && !nextHasContentOrHtml) {
-	      this.updateTextContent('');
+	  return content;
+	}
+
+	/**
+	 * Implements an <option> host component that warns when `selected` is set.
+	 */
+	var ReactDOMOption = {
+	  mountWrapper: function (inst, props, hostParent) {
+	    // TODO (yungsters): Remove support for `selected` in <option>.
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(props.selected == null, 'Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.') : void 0;
 	    }
 
-	    if (nextContent != null) {
-	      if (lastContent !== nextContent) {
-	        this.updateTextContent('' + nextContent);
+	    // Look up whether this option is 'selected'
+	    var selectValue = null;
+	    if (hostParent != null) {
+	      var selectParent = hostParent;
+
+	      if (selectParent._tag === 'optgroup') {
+	        selectParent = selectParent._hostParent;
 	      }
-	    } else if (nextHtml != null) {
-	      if (lastHtml !== nextHtml) {
-	        this.updateMarkup('' + nextHtml);
+
+	      if (selectParent != null && selectParent._tag === 'select') {
+	        selectValue = ReactDOMSelect.getSelectValueContext(selectParent);
 	      }
-	    } else if (nextChildren != null) {
-	      this.updateChildren(nextChildren, transaction, context);
 	    }
-	  },
 
-	  /**
-	   * Destroys all event registrations for this instance. Does not remove from
-	   * the DOM. That must be done by the parent.
-	   *
-	   * @internal
-	   */
-	  unmountComponent: function () {
-	    switch (this._tag) {
-	      case 'iframe':
-	      case 'img':
-	      case 'form':
-	      case 'video':
-	      case 'audio':
-	        var listeners = this._wrapperState.listeners;
-	        if (listeners) {
-	          for (var i = 0; i < listeners.length; i++) {
-	            listeners[i].remove();
+	    // If the value is null (e.g., no specified value or after initial mount)
+	    // or missing (e.g., for <datalist>), we don't change props.selected
+	    var selected = null;
+	    if (selectValue != null) {
+	      var value;
+	      if (props.value != null) {
+	        value = props.value + '';
+	      } else {
+	        value = flattenChildren(props.children);
+	      }
+	      selected = false;
+	      if (Array.isArray(selectValue)) {
+	        // multiple
+	        for (var i = 0; i < selectValue.length; i++) {
+	          if ('' + selectValue[i] === value) {
+	            selected = true;
+	            break;
 	          }
 	        }
-	        break;
-	      case 'input':
-	        ReactDOMInput.unmountWrapper(this);
-	        break;
-	      case 'html':
-	      case 'head':
-	      case 'body':
-	        /**
-	         * Components like <html> <head> and <body> can't be removed or added
-	         * easily in a cross-browser way, however it's valuable to be able to
-	         * take advantage of React's reconciliation for styling and <title>
-	         * management. So we just document it and throw in dangerous cases.
-	         */
-	         true ? process.env.NODE_ENV !== 'production' ? invariant(false, '<%s> tried to unmount. Because of cross-browser quirks it is ' + 'impossible to unmount some top-level components (eg <html>, ' + '<head>, and <body>) reliably and efficiently. To fix this, have a ' + 'single top-level component that never unmounts render these ' + 'elements.', this._tag) : invariant(false) : undefined;
-	        break;
+	      } else {
+	        selected = '' + selectValue === value;
+	      }
 	    }
 
-	    this.unmountChildren();
-	    ReactBrowserEventEmitter.deleteAllListeners(this._rootNodeID);
-	    ReactComponentBrowserEnvironment.unmountIDFromEnvironment(this._rootNodeID);
-	    this._rootNodeID = null;
-	    this._wrapperState = null;
-	    if (this._nodeWithLegacyProperties) {
-	      var node = this._nodeWithLegacyProperties;
-	      node._reactInternalComponent = null;
-	      this._nodeWithLegacyProperties = null;
+	    inst._wrapperState = { selected: selected };
+	  },
+
+	  postMountWrapper: function (inst) {
+	    // value="" should make a value attribute (#6219)
+	    var props = inst._currentElement.props;
+	    if (props.value != null) {
+	      var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+	      node.setAttribute('value', props.value);
 	    }
 	  },
 
-	  getPublicInstance: function () {
-	    if (!this._nodeWithLegacyProperties) {
-	      var node = ReactMount.getNode(this._rootNodeID);
-
-	      node._reactInternalComponent = this;
-	      node.getDOMNode = legacyGetDOMNode;
-	      node.isMounted = legacyIsMounted;
-	      node.setState = legacySetStateEtc;
-	      node.replaceState = legacySetStateEtc;
-	      node.forceUpdate = legacySetStateEtc;
-	      node.setProps = legacySetProps;
-	      node.replaceProps = legacyReplaceProps;
+	  getHostProps: function (inst, props) {
+	    var hostProps = _assign({ selected: undefined, children: undefined }, props);
 
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (canDefineProperty) {
-	          Object.defineProperties(node, legacyPropsDescriptor);
-	        } else {
-	          // updateComponent will update this property on subsequent renders
-	          node.props = this._currentElement.props;
-	        }
-	      } else {
-	        // updateComponent will update this property on subsequent renders
-	        node.props = this._currentElement.props;
-	      }
+	    // Read state only from initial mount because <select> updates value
+	    // manually; we need the initial state only for server rendering
+	    if (inst._wrapperState.selected != null) {
+	      hostProps.selected = inst._wrapperState.selected;
+	    }
+
+	    var content = flattenChildren(props.children);
 
-	      this._nodeWithLegacyProperties = node;
+	    if (content) {
+	      hostProps.children = content;
 	    }
-	    return this._nodeWithLegacyProperties;
+
+	    return hostProps;
 	  }
 
 	};
 
-	ReactPerf.measureMethods(ReactDOMComponent, 'ReactDOMComponent', {
-	  mountComponent: 'mountComponent',
-	  updateComponent: 'updateComponent'
-	});
-
-	assign(ReactDOMComponent.prototype, ReactDOMComponent.Mixin, ReactMultiChild.Mixin);
-
-	module.exports = ReactDOMComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactDOMOption;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 94 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 116 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule AutoFocusUtils
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var ReactMount = __webpack_require__(28);
+	var _assign = __webpack_require__(4);
 
-	var findDOMNode = __webpack_require__(91);
-	var focusNode = __webpack_require__(95);
+	var LinkedValueUtils = __webpack_require__(113);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactUpdates = __webpack_require__(60);
 
-	var Mixin = {
-	  componentDidMount: function () {
-	    if (this.props.autoFocus) {
-	      focusNode(findDOMNode(this));
+	var warning = __webpack_require__(11);
+
+	var didWarnValueLink = false;
+	var didWarnValueDefaultValue = false;
+
+	function updateOptionsIfPendingUpdateAndMounted() {
+	  if (this._rootNodeID && this._wrapperState.pendingUpdate) {
+	    this._wrapperState.pendingUpdate = false;
+
+	    var props = this._currentElement.props;
+	    var value = LinkedValueUtils.getValue(props);
+
+	    if (value != null) {
+	      updateOptions(this, Boolean(props.multiple), value);
 	    }
 	  }
-	};
+	}
 
-	var AutoFocusUtils = {
-	  Mixin: Mixin,
+	function getDeclarationErrorAddendum(owner) {
+	  if (owner) {
+	    var name = owner.getName();
+	    if (name) {
+	      return ' Check the render method of `' + name + '`.';
+	    }
+	  }
+	  return '';
+	}
 
-	  focusDOMComponent: function () {
-	    focusNode(ReactMount.getNode(this._rootNodeID));
+	var valuePropNames = ['value', 'defaultValue'];
+
+	/**
+	 * Validation function for `value` and `defaultValue`.
+	 * @private
+	 */
+	function checkSelectPropTypes(inst, props) {
+	  var owner = inst._currentElement._owner;
+	  LinkedValueUtils.checkPropTypes('select', props, owner);
+
+	  if (props.valueLink !== undefined && !didWarnValueLink) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, '`valueLink` prop on `select` is deprecated; set `value` and `onChange` instead.') : void 0;
+	    didWarnValueLink = true;
 	  }
-	};
 
-	module.exports = AutoFocusUtils;
+	  for (var i = 0; i < valuePropNames.length; i++) {
+	    var propName = valuePropNames[i];
+	    if (props[propName] == null) {
+	      continue;
+	    }
+	    var isArray = Array.isArray(props[propName]);
+	    if (props.multiple && !isArray) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.%s', propName, getDeclarationErrorAddendum(owner)) : void 0;
+	    } else if (!props.multiple && isArray) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.%s', propName, getDeclarationErrorAddendum(owner)) : void 0;
+	    }
+	  }
+	}
 
-/***/ },
-/* 95 */
-/***/ function(module, exports) {
+	/**
+	 * @param {ReactDOMComponent} inst
+	 * @param {boolean} multiple
+	 * @param {*} propValue A stringable (with `multiple`, a list of stringables).
+	 * @private
+	 */
+	function updateOptions(inst, multiple, propValue) {
+	  var selectedValue, i;
+	  var options = ReactDOMComponentTree.getNodeFromInstance(inst).options;
+
+	  if (multiple) {
+	    selectedValue = {};
+	    for (i = 0; i < propValue.length; i++) {
+	      selectedValue['' + propValue[i]] = true;
+	    }
+	    for (i = 0; i < options.length; i++) {
+	      var selected = selectedValue.hasOwnProperty(options[i].value);
+	      if (options[i].selected !== selected) {
+	        options[i].selected = selected;
+	      }
+	    }
+	  } else {
+	    // Do not set `select.value` as exact behavior isn't consistent across all
+	    // browsers for all cases.
+	    selectedValue = '' + propValue;
+	    for (i = 0; i < options.length; i++) {
+	      if (options[i].value === selectedValue) {
+	        options[i].selected = true;
+	        return;
+	      }
+	    }
+	    if (options.length) {
+	      options[0].selected = true;
+	    }
+	  }
+	}
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
+	 * Implements a <select> host component that allows optionally setting the
+	 * props `value` and `defaultValue`. If `multiple` is false, the prop must be a
+	 * stringable. If `multiple` is true, the prop must be an array of stringables.
 	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * If `value` is not supplied (or null/undefined), user actions that change the
+	 * selected option will trigger updates to the rendered options.
+	 *
+	 * If it is supplied (and not null/undefined), the rendered options will not
+	 * update in response to user actions. Instead, the `value` prop must change in
+	 * order for the rendered options to update.
 	 *
-	 * @providesModule focusNode
+	 * If `defaultValue` is provided, any options with the supplied values will be
+	 * selected.
 	 */
+	var ReactDOMSelect = {
+	  getHostProps: function (inst, props) {
+	    return _assign({}, props, {
+	      onChange: inst._wrapperState.onChange,
+	      value: undefined
+	    });
+	  },
 
-	'use strict';
+	  mountWrapper: function (inst, props) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      checkSelectPropTypes(inst, props);
+	    }
 
-	/**
-	 * @param {DOMElement} node input/textarea to focus
-	 */
-	function focusNode(node) {
-	  // IE8 can throw "Can't move focus to the control because it is invisible,
-	  // not enabled, or of a type that does not accept the focus." for all kinds of
-	  // reasons that are too expensive and fragile to test.
-	  try {
-	    node.focus();
-	  } catch (e) {}
+	    var value = LinkedValueUtils.getValue(props);
+	    inst._wrapperState = {
+	      pendingUpdate: false,
+	      initialValue: value != null ? value : props.defaultValue,
+	      listeners: null,
+	      onChange: _handleChange.bind(inst),
+	      wasMultiple: Boolean(props.multiple)
+	    };
+
+	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValueDefaultValue) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Select elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled select ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components') : void 0;
+	      didWarnValueDefaultValue = true;
+	    }
+	  },
+
+	  getSelectValueContext: function (inst) {
+	    // ReactDOMOption looks at this initial value so the initial generated
+	    // markup has correct `selected` attributes
+	    return inst._wrapperState.initialValue;
+	  },
+
+	  postUpdateWrapper: function (inst) {
+	    var props = inst._currentElement.props;
+
+	    // After the initial mount, we control selected-ness manually so don't pass
+	    // this value down
+	    inst._wrapperState.initialValue = undefined;
+
+	    var wasMultiple = inst._wrapperState.wasMultiple;
+	    inst._wrapperState.wasMultiple = Boolean(props.multiple);
+
+	    var value = LinkedValueUtils.getValue(props);
+	    if (value != null) {
+	      inst._wrapperState.pendingUpdate = false;
+	      updateOptions(inst, Boolean(props.multiple), value);
+	    } else if (wasMultiple !== Boolean(props.multiple)) {
+	      // For simplicity, reapply `defaultValue` if `multiple` is toggled.
+	      if (props.defaultValue != null) {
+	        updateOptions(inst, Boolean(props.multiple), props.defaultValue);
+	      } else {
+	        // Revert the select back to its default unselected state.
+	        updateOptions(inst, Boolean(props.multiple), props.multiple ? [] : '');
+	      }
+	    }
+	  }
+	};
+
+	function _handleChange(event) {
+	  var props = this._currentElement.props;
+	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
+
+	  if (this._rootNodeID) {
+	    this._wrapperState.pendingUpdate = true;
+	  }
+	  ReactUpdates.asap(updateOptionsIfPendingUpdateAndMounted, this);
+	  return returnValue;
 	}
 
-	module.exports = focusNode;
+	module.exports = ReactDOMSelect;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 96 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 117 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule CSSPropertyOperations
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var CSSProperty = __webpack_require__(97);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var ReactPerf = __webpack_require__(18);
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
 
-	var camelizeStyleName = __webpack_require__(98);
-	var dangerousStyleValue = __webpack_require__(100);
-	var hyphenateStyleName = __webpack_require__(101);
-	var memoizeStringOnly = __webpack_require__(103);
-	var warning = __webpack_require__(25);
+	var LinkedValueUtils = __webpack_require__(113);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactUpdates = __webpack_require__(60);
 
-	var processStyleName = memoizeStringOnly(function (styleName) {
-	  return hyphenateStyleName(styleName);
-	});
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	var hasShorthandPropertyBug = false;
-	var styleFloatAccessor = 'cssFloat';
-	if (ExecutionEnvironment.canUseDOM) {
-	  var tempStyle = document.createElement('div').style;
-	  try {
-	    // IE8 throws "Invalid argument." if resetting shorthand style properties.
-	    tempStyle.font = '';
-	  } catch (e) {
-	    hasShorthandPropertyBug = true;
-	  }
-	  // IE8 only supports accessing cssFloat (standard) as styleFloat
-	  if (document.documentElement.style.cssFloat === undefined) {
-	    styleFloatAccessor = 'styleFloat';
+	var didWarnValueLink = false;
+	var didWarnValDefaultVal = false;
+
+	function forceUpdateIfMounted() {
+	  if (this._rootNodeID) {
+	    // DOM component is still mounted; update
+	    ReactDOMTextarea.updateWrapper(this);
 	  }
 	}
 
-	if (process.env.NODE_ENV !== 'production') {
-	  // 'msTransform' is correct, but the other prefixes should be capitalized
-	  var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
+	/**
+	 * Implements a <textarea> host component that allows setting `value`, and
+	 * `defaultValue`. This differs from the traditional DOM API because value is
+	 * usually set as PCDATA children.
+	 *
+	 * If `value` is not supplied (or null/undefined), user actions that affect the
+	 * value will trigger updates to the element.
+	 *
+	 * If `value` is supplied (and not null/undefined), the rendered element will
+	 * not trigger updates to the element. Instead, the `value` prop must change in
+	 * order for the rendered element to be updated.
+	 *
+	 * The rendered element will be initialized with an empty value, the prop
+	 * `defaultValue` if specified, or the children content (deprecated).
+	 */
+	var ReactDOMTextarea = {
+	  getHostProps: function (inst, props) {
+	    !(props.dangerouslySetInnerHTML == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, '`dangerouslySetInnerHTML` does not make sense on <textarea>.') : _prodInvariant('91') : void 0;
 
-	  // style values shouldn't contain a semicolon
-	  var badStyleValueWithSemicolonPattern = /;\s*$/;
+	    // Always set children to the same thing. In IE9, the selection range will
+	    // get reset if `textContent` is mutated.  We could add a check in setTextContent
+	    // to only set the value if/when the value differs from the node value (which would
+	    // completely solve this IE9 bug), but Sebastian+Ben seemed to like this solution.
+	    // The value can be a boolean or object so that's why it's forced to be a string.
+	    var hostProps = _assign({}, props, {
+	      value: undefined,
+	      defaultValue: undefined,
+	      children: '' + inst._wrapperState.initialValue,
+	      onChange: inst._wrapperState.onChange
+	    });
 
-	  var warnedStyleNames = {};
-	  var warnedStyleValues = {};
+	    return hostProps;
+	  },
 
-	  var warnHyphenatedStyleName = function (name) {
-	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
-	      return;
+	  mountWrapper: function (inst, props) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      LinkedValueUtils.checkPropTypes('textarea', props, inst._currentElement._owner);
+	      if (props.valueLink !== undefined && !didWarnValueLink) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '`valueLink` prop on `textarea` is deprecated; set `value` and `onChange` instead.') : void 0;
+	        didWarnValueLink = true;
+	      }
+	      if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValDefaultVal) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'Textarea elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled textarea ' + 'and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components') : void 0;
+	        didWarnValDefaultVal = true;
+	      }
 	    }
 
-	    warnedStyleNames[name] = true;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unsupported style property %s. Did you mean %s?', name, camelizeStyleName(name)) : undefined;
-	  };
-
-	  var warnBadVendoredStyleName = function (name) {
-	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
-	      return;
-	    }
+	    var value = LinkedValueUtils.getValue(props);
+	    var initialValue = value;
 
-	    warnedStyleNames[name] = true;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1)) : undefined;
-	  };
+	    // Only bother fetching default value if we're going to use it
+	    if (value == null) {
+	      var defaultValue = props.defaultValue;
+	      // TODO (yungsters): Remove support for children content in <textarea>.
+	      var children = props.children;
+	      if (children != null) {
+	        if (process.env.NODE_ENV !== 'production') {
+	          process.env.NODE_ENV !== 'production' ? warning(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.') : void 0;
+	        }
+	        !(defaultValue == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'If you supply `defaultValue` on a <textarea>, do not pass children.') : _prodInvariant('92') : void 0;
+	        if (Array.isArray(children)) {
+	          !(children.length <= 1) ? process.env.NODE_ENV !== 'production' ? invariant(false, '<textarea> can only have at most one child.') : _prodInvariant('93') : void 0;
+	          children = children[0];
+	        }
 
-	  var warnStyleValueWithSemicolon = function (name, value) {
-	    if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
-	      return;
+	        defaultValue = '' + children;
+	      }
+	      if (defaultValue == null) {
+	        defaultValue = '';
+	      }
+	      initialValue = defaultValue;
 	    }
 
-	    warnedStyleValues[value] = true;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'Style property values shouldn\'t contain a semicolon. ' + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, '')) : undefined;
-	  };
+	    inst._wrapperState = {
+	      initialValue: '' + initialValue,
+	      listeners: null,
+	      onChange: _handleChange.bind(inst)
+	    };
+	  },
 
-	  /**
-	   * @param {string} name
-	   * @param {*} value
-	   */
-	  var warnValidStyle = function (name, value) {
-	    if (name.indexOf('-') > -1) {
-	      warnHyphenatedStyleName(name);
-	    } else if (badVendoredStyleNamePattern.test(name)) {
-	      warnBadVendoredStyleName(name);
-	    } else if (badStyleValueWithSemicolonPattern.test(value)) {
-	      warnStyleValueWithSemicolon(name, value);
-	    }
-	  };
-	}
+	  updateWrapper: function (inst) {
+	    var props = inst._currentElement.props;
 
-	/**
-	 * Operations for dealing with CSS properties.
-	 */
-	var CSSPropertyOperations = {
+	    var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+	    var value = LinkedValueUtils.getValue(props);
+	    if (value != null) {
+	      // Cast `value` to a string to ensure the value is set correctly. While
+	      // browsers typically do this as necessary, jsdom doesn't.
+	      var newValue = '' + value;
 
-	  /**
-	   * Serializes a mapping of style properties for use as inline styles:
-	   *
-	   *   > createMarkupForStyles({width: '200px', height: 0})
-	   *   "width:200px;height:0;"
-	   *
-	   * Undefined values are ignored so that declarative programming is easier.
-	   * The result should be HTML-escaped before insertion into the DOM.
-	   *
-	   * @param {object} styles
-	   * @return {?string}
-	   */
-	  createMarkupForStyles: function (styles) {
-	    var serialized = '';
-	    for (var styleName in styles) {
-	      if (!styles.hasOwnProperty(styleName)) {
-	        continue;
+	      // To avoid side effects (such as losing text selection), only set value if changed
+	      if (newValue !== node.value) {
+	        node.value = newValue;
 	      }
-	      var styleValue = styles[styleName];
-	      if (process.env.NODE_ENV !== 'production') {
-	        warnValidStyle(styleName, styleValue);
-	      }
-	      if (styleValue != null) {
-	        serialized += processStyleName(styleName) + ':';
-	        serialized += dangerousStyleValue(styleName, styleValue) + ';';
+	      if (props.defaultValue == null) {
+	        node.defaultValue = newValue;
 	      }
 	    }
-	    return serialized || null;
+	    if (props.defaultValue != null) {
+	      node.defaultValue = props.defaultValue;
+	    }
 	  },
 
-	  /**
-	   * Sets the value for multiple styles on a node.  If a value is specified as
-	   * '' (empty string), the corresponding style property will be unset.
-	   *
-	   * @param {DOMElement} node
-	   * @param {object} styles
-	   */
-	  setValueForStyles: function (node, styles) {
-	    var style = node.style;
-	    for (var styleName in styles) {
-	      if (!styles.hasOwnProperty(styleName)) {
-	        continue;
-	      }
-	      if (process.env.NODE_ENV !== 'production') {
-	        warnValidStyle(styleName, styles[styleName]);
-	      }
-	      var styleValue = dangerousStyleValue(styleName, styles[styleName]);
-	      if (styleName === 'float') {
-	        styleName = styleFloatAccessor;
-	      }
-	      if (styleValue) {
-	        style[styleName] = styleValue;
-	      } else {
-	        var expansion = hasShorthandPropertyBug && CSSProperty.shorthandPropertyExpansions[styleName];
-	        if (expansion) {
-	          // Shorthand property that IE8 won't like unsetting, so unset each
-	          // component to placate it
-	          for (var individualStyleName in expansion) {
-	            style[individualStyleName] = '';
-	          }
-	        } else {
-	          style[styleName] = '';
-	        }
-	      }
+	  postMountWrapper: function (inst) {
+	    // This is in postMount because we need access to the DOM node, which is not
+	    // available until after the component has mounted.
+	    var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+	    var textContent = node.textContent;
+
+	    // Only set node.value if textContent is equal to the expected
+	    // initial value. In IE10/IE11 there is a bug where the placeholder attribute
+	    // will populate textContent as well.
+	    // https://developer.microsoft.com/microsoft-edge/platform/issues/101525/
+	    if (textContent === inst._wrapperState.initialValue) {
+	      node.value = textContent;
 	    }
 	  }
-
 	};
 
-	ReactPerf.measureMethods(CSSPropertyOperations, 'CSSPropertyOperations', {
-	  setValueForStyles: 'setValueForStyles'
-	});
+	function _handleChange(event) {
+	  var props = this._currentElement.props;
+	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
+	  ReactUpdates.asap(forceUpdateIfMounted, this);
+	  return returnValue;
+	}
 
-	module.exports = CSSPropertyOperations;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactDOMTextarea;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 97 */
-/***/ function(module, exports) {
+/***/ }),
+/* 118 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule CSSProperty
 	 */
 
 	'use strict';
 
+	var _prodInvariant = __webpack_require__(39);
+
+	var ReactComponentEnvironment = __webpack_require__(119);
+	var ReactInstanceMap = __webpack_require__(120);
+	var ReactInstrumentation = __webpack_require__(66);
+
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactReconciler = __webpack_require__(63);
+	var ReactChildReconciler = __webpack_require__(121);
+
+	var emptyFunction = __webpack_require__(12);
+	var flattenChildren = __webpack_require__(136);
+	var invariant = __webpack_require__(8);
+
 	/**
-	 * CSS properties which accept numbers but are not in units of "px".
+	 * Make an update for markup to be rendered and inserted at a supplied index.
+	 *
+	 * @param {string} markup Markup that renders into an element.
+	 * @param {number} toIndex Destination index.
+	 * @private
 	 */
-	var isUnitlessNumber = {
-	  animationIterationCount: true,
-	  boxFlex: true,
-	  boxFlexGroup: true,
-	  boxOrdinalGroup: true,
-	  columnCount: true,
-	  flex: true,
-	  flexGrow: true,
-	  flexPositive: true,
-	  flexShrink: true,
-	  flexNegative: true,
-	  flexOrder: true,
-	  fontWeight: true,
-	  lineClamp: true,
-	  lineHeight: true,
-	  opacity: true,
-	  order: true,
-	  orphans: true,
-	  tabSize: true,
-	  widows: true,
-	  zIndex: true,
-	  zoom: true,
+	function makeInsertMarkup(markup, afterNode, toIndex) {
+	  // NOTE: Null values reduce hidden classes.
+	  return {
+	    type: 'INSERT_MARKUP',
+	    content: markup,
+	    fromIndex: null,
+	    fromNode: null,
+	    toIndex: toIndex,
+	    afterNode: afterNode
+	  };
+	}
 
-	  // SVG-related properties
-	  fillOpacity: true,
-	  stopOpacity: true,
-	  strokeDashoffset: true,
-	  strokeOpacity: true,
-	  strokeWidth: true
-	};
+	/**
+	 * Make an update for moving an existing element to another index.
+	 *
+	 * @param {number} fromIndex Source index of the existing element.
+	 * @param {number} toIndex Destination index of the element.
+	 * @private
+	 */
+	function makeMove(child, afterNode, toIndex) {
+	  // NOTE: Null values reduce hidden classes.
+	  return {
+	    type: 'MOVE_EXISTING',
+	    content: null,
+	    fromIndex: child._mountIndex,
+	    fromNode: ReactReconciler.getHostNode(child),
+	    toIndex: toIndex,
+	    afterNode: afterNode
+	  };
+	}
+
+	/**
+	 * Make an update for removing an element at an index.
+	 *
+	 * @param {number} fromIndex Index of the element to remove.
+	 * @private
+	 */
+	function makeRemove(child, node) {
+	  // NOTE: Null values reduce hidden classes.
+	  return {
+	    type: 'REMOVE_NODE',
+	    content: null,
+	    fromIndex: child._mountIndex,
+	    fromNode: node,
+	    toIndex: null,
+	    afterNode: null
+	  };
+	}
+
+	/**
+	 * Make an update for setting the markup of a node.
+	 *
+	 * @param {string} markup Markup that renders into an element.
+	 * @private
+	 */
+	function makeSetMarkup(markup) {
+	  // NOTE: Null values reduce hidden classes.
+	  return {
+	    type: 'SET_MARKUP',
+	    content: markup,
+	    fromIndex: null,
+	    fromNode: null,
+	    toIndex: null,
+	    afterNode: null
+	  };
+	}
+
+	/**
+	 * Make an update for setting the text content.
+	 *
+	 * @param {string} textContent Text content to set.
+	 * @private
+	 */
+	function makeTextContent(textContent) {
+	  // NOTE: Null values reduce hidden classes.
+	  return {
+	    type: 'TEXT_CONTENT',
+	    content: textContent,
+	    fromIndex: null,
+	    fromNode: null,
+	    toIndex: null,
+	    afterNode: null
+	  };
+	}
 
 	/**
-	 * @param {string} prefix vendor-specific prefix, eg: Webkit
-	 * @param {string} key style name, eg: transitionDuration
-	 * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
-	 * WebkitTransitionDuration
+	 * Push an update, if any, onto the queue. Creates a new queue if none is
+	 * passed and always returns the queue. Mutative.
 	 */
-	function prefixKey(prefix, key) {
-	  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+	function enqueue(queue, update) {
+	  if (update) {
+	    queue = queue || [];
+	    queue.push(update);
+	  }
+	  return queue;
 	}
 
 	/**
-	 * Support style names that may come passed in prefixed by adding permutations
-	 * of vendor prefixes.
+	 * Processes any enqueued updates.
+	 *
+	 * @private
 	 */
-	var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+	function processQueue(inst, updateQueue) {
+	  ReactComponentEnvironment.processChildrenUpdates(inst, updateQueue);
+	}
 
-	// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-	// infinite loop, because it iterates over the newly added props too.
-	Object.keys(isUnitlessNumber).forEach(function (prop) {
-	  prefixes.forEach(function (prefix) {
-	    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-	  });
-	});
+	var setChildrenForInstrumentation = emptyFunction;
+	if (process.env.NODE_ENV !== 'production') {
+	  var getDebugID = function (inst) {
+	    if (!inst._debugID) {
+	      // Check for ART-like instances. TODO: This is silly/gross.
+	      var internal;
+	      if (internal = ReactInstanceMap.get(inst)) {
+	        inst = internal;
+	      }
+	    }
+	    return inst._debugID;
+	  };
+	  setChildrenForInstrumentation = function (children) {
+	    var debugID = getDebugID(this);
+	    // TODO: React Native empty components are also multichild.
+	    // This means they still get into this method but don't have _debugID.
+	    if (debugID !== 0) {
+	      ReactInstrumentation.debugTool.onSetChildren(debugID, children ? Object.keys(children).map(function (key) {
+	        return children[key]._debugID;
+	      }) : []);
+	    }
+	  };
+	}
 
 	/**
-	 * Most style properties can be unset by doing .style[prop] = '' but IE8
-	 * doesn't like doing that with shorthand properties so for the properties that
-	 * IE8 breaks on, which are listed here, we instead unset each of the
-	 * individual properties. See http://bugs.jquery.com/ticket/12385.
-	 * The 4-value 'clock' properties like margin, padding, border-width seem to
-	 * behave without any problems. Curiously, list-style works too without any
-	 * special prodding.
+	 * ReactMultiChild are capable of reconciling multiple children.
+	 *
+	 * @class ReactMultiChild
+	 * @internal
 	 */
-	var shorthandPropertyExpansions = {
-	  background: {
-	    backgroundAttachment: true,
-	    backgroundColor: true,
-	    backgroundImage: true,
-	    backgroundPositionX: true,
-	    backgroundPositionY: true,
-	    backgroundRepeat: true
-	  },
-	  backgroundPosition: {
-	    backgroundPositionX: true,
-	    backgroundPositionY: true
-	  },
-	  border: {
-	    borderWidth: true,
-	    borderStyle: true,
-	    borderColor: true
-	  },
-	  borderBottom: {
-	    borderBottomWidth: true,
-	    borderBottomStyle: true,
-	    borderBottomColor: true
-	  },
-	  borderLeft: {
-	    borderLeftWidth: true,
-	    borderLeftStyle: true,
-	    borderLeftColor: true
-	  },
-	  borderRight: {
-	    borderRightWidth: true,
-	    borderRightStyle: true,
-	    borderRightColor: true
-	  },
-	  borderTop: {
-	    borderTopWidth: true,
-	    borderTopStyle: true,
-	    borderTopColor: true
-	  },
-	  font: {
-	    fontStyle: true,
-	    fontVariant: true,
-	    fontWeight: true,
-	    fontSize: true,
-	    lineHeight: true,
-	    fontFamily: true
-	  },
-	  outline: {
-	    outlineWidth: true,
-	    outlineStyle: true,
-	    outlineColor: true
-	  }
-	};
+	var ReactMultiChild = {
 
-	var CSSProperty = {
-	  isUnitlessNumber: isUnitlessNumber,
-	  shorthandPropertyExpansions: shorthandPropertyExpansions
-	};
+	  /**
+	   * Provides common functionality for components that must reconcile multiple
+	   * children. This is used by `ReactDOMComponent` to mount, update, and
+	   * unmount child components.
+	   *
+	   * @lends {ReactMultiChild.prototype}
+	   */
+	  Mixin: {
 
-	module.exports = CSSProperty;
+	    _reconcilerInstantiateChildren: function (nestedChildren, transaction, context) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        var selfDebugID = getDebugID(this);
+	        if (this._currentElement) {
+	          try {
+	            ReactCurrentOwner.current = this._currentElement._owner;
+	            return ReactChildReconciler.instantiateChildren(nestedChildren, transaction, context, selfDebugID);
+	          } finally {
+	            ReactCurrentOwner.current = null;
+	          }
+	        }
+	      }
+	      return ReactChildReconciler.instantiateChildren(nestedChildren, transaction, context);
+	    },
 
-/***/ },
-/* 98 */
-/***/ function(module, exports, __webpack_require__) {
+	    _reconcilerUpdateChildren: function (prevChildren, nextNestedChildrenElements, mountImages, removedNodes, transaction, context) {
+	      var nextChildren;
+	      var selfDebugID = 0;
+	      if (process.env.NODE_ENV !== 'production') {
+	        selfDebugID = getDebugID(this);
+	        if (this._currentElement) {
+	          try {
+	            ReactCurrentOwner.current = this._currentElement._owner;
+	            nextChildren = flattenChildren(nextNestedChildrenElements, selfDebugID);
+	          } finally {
+	            ReactCurrentOwner.current = null;
+	          }
+	          ReactChildReconciler.updateChildren(prevChildren, nextChildren, mountImages, removedNodes, transaction, this, this._hostContainerInfo, context, selfDebugID);
+	          return nextChildren;
+	        }
+	      }
+	      nextChildren = flattenChildren(nextNestedChildrenElements, selfDebugID);
+	      ReactChildReconciler.updateChildren(prevChildren, nextChildren, mountImages, removedNodes, transaction, this, this._hostContainerInfo, context, selfDebugID);
+	      return nextChildren;
+	    },
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule camelizeStyleName
-	 * @typechecks
-	 */
+	    /**
+	     * Generates a "mount image" for each of the supplied children. In the case
+	     * of `ReactDOMComponent`, a mount image is a string of markup.
+	     *
+	     * @param {?object} nestedChildren Nested child maps.
+	     * @return {array} An array of mounted representations.
+	     * @internal
+	     */
+	    mountChildren: function (nestedChildren, transaction, context) {
+	      var children = this._reconcilerInstantiateChildren(nestedChildren, transaction, context);
+	      this._renderedChildren = children;
 
-	'use strict';
+	      var mountImages = [];
+	      var index = 0;
+	      for (var name in children) {
+	        if (children.hasOwnProperty(name)) {
+	          var child = children[name];
+	          var selfDebugID = 0;
+	          if (process.env.NODE_ENV !== 'production') {
+	            selfDebugID = getDebugID(this);
+	          }
+	          var mountImage = ReactReconciler.mountComponent(child, transaction, this, this._hostContainerInfo, context, selfDebugID);
+	          child._mountIndex = index++;
+	          mountImages.push(mountImage);
+	        }
+	      }
 
-	var camelize = __webpack_require__(99);
+	      if (process.env.NODE_ENV !== 'production') {
+	        setChildrenForInstrumentation.call(this, children);
+	      }
 
-	var msPattern = /^-ms-/;
+	      return mountImages;
+	    },
+
+	    /**
+	     * Replaces any rendered children with a text content string.
+	     *
+	     * @param {string} nextContent String of content.
+	     * @internal
+	     */
+	    updateTextContent: function (nextContent) {
+	      var prevChildren = this._renderedChildren;
+	      // Remove any rendered children.
+	      ReactChildReconciler.unmountChildren(prevChildren, false);
+	      for (var name in prevChildren) {
+	        if (prevChildren.hasOwnProperty(name)) {
+	           true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'updateTextContent called on non-empty component.') : _prodInvariant('118') : void 0;
+	        }
+	      }
+	      // Set new text content.
+	      var updates = [makeTextContent(nextContent)];
+	      processQueue(this, updates);
+	    },
+
+	    /**
+	     * Replaces any rendered children with a markup string.
+	     *
+	     * @param {string} nextMarkup String of markup.
+	     * @internal
+	     */
+	    updateMarkup: function (nextMarkup) {
+	      var prevChildren = this._renderedChildren;
+	      // Remove any rendered children.
+	      ReactChildReconciler.unmountChildren(prevChildren, false);
+	      for (var name in prevChildren) {
+	        if (prevChildren.hasOwnProperty(name)) {
+	           true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'updateTextContent called on non-empty component.') : _prodInvariant('118') : void 0;
+	        }
+	      }
+	      var updates = [makeSetMarkup(nextMarkup)];
+	      processQueue(this, updates);
+	    },
+
+	    /**
+	     * Updates the rendered children with new children.
+	     *
+	     * @param {?object} nextNestedChildrenElements Nested child element maps.
+	     * @param {ReactReconcileTransaction} transaction
+	     * @internal
+	     */
+	    updateChildren: function (nextNestedChildrenElements, transaction, context) {
+	      // Hook used by React ART
+	      this._updateChildren(nextNestedChildrenElements, transaction, context);
+	    },
+
+	    /**
+	     * @param {?object} nextNestedChildrenElements Nested child element maps.
+	     * @param {ReactReconcileTransaction} transaction
+	     * @final
+	     * @protected
+	     */
+	    _updateChildren: function (nextNestedChildrenElements, transaction, context) {
+	      var prevChildren = this._renderedChildren;
+	      var removedNodes = {};
+	      var mountImages = [];
+	      var nextChildren = this._reconcilerUpdateChildren(prevChildren, nextNestedChildrenElements, mountImages, removedNodes, transaction, context);
+	      if (!nextChildren && !prevChildren) {
+	        return;
+	      }
+	      var updates = null;
+	      var name;
+	      // `nextIndex` will increment for each child in `nextChildren`, but
+	      // `lastIndex` will be the last index visited in `prevChildren`.
+	      var nextIndex = 0;
+	      var lastIndex = 0;
+	      // `nextMountIndex` will increment for each newly mounted child.
+	      var nextMountIndex = 0;
+	      var lastPlacedNode = null;
+	      for (name in nextChildren) {
+	        if (!nextChildren.hasOwnProperty(name)) {
+	          continue;
+	        }
+	        var prevChild = prevChildren && prevChildren[name];
+	        var nextChild = nextChildren[name];
+	        if (prevChild === nextChild) {
+	          updates = enqueue(updates, this.moveChild(prevChild, lastPlacedNode, nextIndex, lastIndex));
+	          lastIndex = Math.max(prevChild._mountIndex, lastIndex);
+	          prevChild._mountIndex = nextIndex;
+	        } else {
+	          if (prevChild) {
+	            // Update `lastIndex` before `_mountIndex` gets unset by unmounting.
+	            lastIndex = Math.max(prevChild._mountIndex, lastIndex);
+	            // The `removedNodes` loop below will actually remove the child.
+	          }
+	          // The child must be instantiated before it's mounted.
+	          updates = enqueue(updates, this._mountChildAtIndex(nextChild, mountImages[nextMountIndex], lastPlacedNode, nextIndex, transaction, context));
+	          nextMountIndex++;
+	        }
+	        nextIndex++;
+	        lastPlacedNode = ReactReconciler.getHostNode(nextChild);
+	      }
+	      // Remove children that are no longer present.
+	      for (name in removedNodes) {
+	        if (removedNodes.hasOwnProperty(name)) {
+	          updates = enqueue(updates, this._unmountChild(prevChildren[name], removedNodes[name]));
+	        }
+	      }
+	      if (updates) {
+	        processQueue(this, updates);
+	      }
+	      this._renderedChildren = nextChildren;
+
+	      if (process.env.NODE_ENV !== 'production') {
+	        setChildrenForInstrumentation.call(this, nextChildren);
+	      }
+	    },
+
+	    /**
+	     * Unmounts all rendered children. This should be used to clean up children
+	     * when this component is unmounted. It does not actually perform any
+	     * backend operations.
+	     *
+	     * @internal
+	     */
+	    unmountChildren: function (safely) {
+	      var renderedChildren = this._renderedChildren;
+	      ReactChildReconciler.unmountChildren(renderedChildren, safely);
+	      this._renderedChildren = null;
+	    },
 
-	/**
-	 * Camelcases a hyphenated CSS property name, for example:
-	 *
-	 *   > camelizeStyleName('background-color')
-	 *   < "backgroundColor"
-	 *   > camelizeStyleName('-moz-transition')
-	 *   < "MozTransition"
-	 *   > camelizeStyleName('-ms-transition')
-	 *   < "msTransition"
-	 *
-	 * As Andi Smith suggests
-	 * (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
-	 * is converted to lowercase `ms`.
-	 *
-	 * @param {string} string
-	 * @return {string}
-	 */
-	function camelizeStyleName(string) {
-	  return camelize(string.replace(msPattern, 'ms-'));
-	}
+	    /**
+	     * Moves a child component to the supplied index.
+	     *
+	     * @param {ReactComponent} child Component to move.
+	     * @param {number} toIndex Destination index of the element.
+	     * @param {number} lastIndex Last index visited of the siblings of `child`.
+	     * @protected
+	     */
+	    moveChild: function (child, afterNode, toIndex, lastIndex) {
+	      // If the index of `child` is less than `lastIndex`, then it needs to
+	      // be moved. Otherwise, we do not need to move it because a child will be
+	      // inserted or moved before `child`.
+	      if (child._mountIndex < lastIndex) {
+	        return makeMove(child, afterNode, toIndex);
+	      }
+	    },
 
-	module.exports = camelizeStyleName;
+	    /**
+	     * Creates a child component.
+	     *
+	     * @param {ReactComponent} child Component to create.
+	     * @param {string} mountImage Markup to insert.
+	     * @protected
+	     */
+	    createChild: function (child, afterNode, mountImage) {
+	      return makeInsertMarkup(mountImage, afterNode, child._mountIndex);
+	    },
 
-/***/ },
-/* 99 */
-/***/ function(module, exports) {
+	    /**
+	     * Removes a child component.
+	     *
+	     * @param {ReactComponent} child Child to remove.
+	     * @protected
+	     */
+	    removeChild: function (child, node) {
+	      return makeRemove(child, node);
+	    },
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule camelize
-	 * @typechecks
-	 */
+	    /**
+	     * Mounts a child with the supplied name.
+	     *
+	     * NOTE: This is part of `updateChildren` and is here for readability.
+	     *
+	     * @param {ReactComponent} child Component to mount.
+	     * @param {string} name Name of the child.
+	     * @param {number} index Index at which to insert the child.
+	     * @param {ReactReconcileTransaction} transaction
+	     * @private
+	     */
+	    _mountChildAtIndex: function (child, mountImage, afterNode, index, transaction, context) {
+	      child._mountIndex = index;
+	      return this.createChild(child, afterNode, mountImage);
+	    },
 
-	"use strict";
+	    /**
+	     * Unmounts a rendered child.
+	     *
+	     * NOTE: This is part of `updateChildren` and is here for readability.
+	     *
+	     * @param {ReactComponent} child Component to unmount.
+	     * @private
+	     */
+	    _unmountChild: function (child, node) {
+	      var update = this.removeChild(child, node);
+	      child._mountIndex = null;
+	      return update;
+	    }
 
-	var _hyphenPattern = /-(.)/g;
+	  }
 
-	/**
-	 * Camelcases a hyphenated string, for example:
-	 *
-	 *   > camelize('background-color')
-	 *   < "backgroundColor"
-	 *
-	 * @param {string} string
-	 * @return {string}
-	 */
-	function camelize(string) {
-	  return string.replace(_hyphenPattern, function (_, character) {
-	    return character.toUpperCase();
-	  });
-	}
+	};
 
-	module.exports = camelize;
+	module.exports = ReactMultiChild;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 100 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 119 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule dangerousStyleValue
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
-	var CSSProperty = __webpack_require__(97);
+	var _prodInvariant = __webpack_require__(39);
 
-	var isUnitlessNumber = CSSProperty.isUnitlessNumber;
+	var invariant = __webpack_require__(8);
 
-	/**
-	 * Convert a value into the proper css writable value. The style name `name`
-	 * should be logical (no hyphens), as specified
-	 * in `CSSProperty.isUnitlessNumber`.
-	 *
-	 * @param {string} name CSS property name such as `topMargin`.
-	 * @param {*} value CSS property value such as `10px`.
-	 * @return {string} Normalized style value with dimensions applied.
-	 */
-	function dangerousStyleValue(name, value) {
-	  // Note that we've removed escapeTextForBrowser() calls here since the
-	  // whole string will be escaped when the attribute is injected into
-	  // the markup. If you provide unsafe user data here they can inject
-	  // arbitrary CSS which may be problematic (I couldn't repro this):
-	  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-	  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-	  // This is not an XSS hole but instead a potential CSS injection issue
-	  // which has lead to a greater discussion about how we're going to
-	  // trust URLs moving forward. See #2115901
+	var injected = false;
 
-	  var isEmpty = value == null || typeof value === 'boolean' || value === '';
-	  if (isEmpty) {
-	    return '';
-	  }
+	var ReactComponentEnvironment = {
 
-	  var isNonNumeric = isNaN(value);
-	  if (isNonNumeric || value === 0 || isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name]) {
-	    return '' + value; // cast to string
-	  }
+	  /**
+	   * Optionally injectable hook for swapping out mount images in the middle of
+	   * the tree.
+	   */
+	  replaceNodeWithMarkup: null,
 
-	  if (typeof value === 'string') {
-	    value = value.trim();
+	  /**
+	   * Optionally injectable hook for processing a queue of child updates. Will
+	   * later move into MultiChildComponents.
+	   */
+	  processChildrenUpdates: null,
+
+	  injection: {
+	    injectEnvironment: function (environment) {
+	      !!injected ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactCompositeComponent: injectEnvironment() can only be called once.') : _prodInvariant('104') : void 0;
+	      ReactComponentEnvironment.replaceNodeWithMarkup = environment.replaceNodeWithMarkup;
+	      ReactComponentEnvironment.processChildrenUpdates = environment.processChildrenUpdates;
+	      injected = true;
+	    }
 	  }
-	  return value + 'px';
-	}
 
-	module.exports = dangerousStyleValue;
+	};
 
-/***/ },
-/* 101 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = ReactComponentEnvironment;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 120 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule hyphenateStyleName
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var hyphenate = __webpack_require__(102);
-
-	var msPattern = /^ms-/;
-
-	/**
-	 * Hyphenates a camelcased CSS property name, for example:
-	 *
-	 *   > hyphenateStyleName('backgroundColor')
-	 *   < "background-color"
-	 *   > hyphenateStyleName('MozTransition')
-	 *   < "-moz-transition"
-	 *   > hyphenateStyleName('msTransition')
-	 *   < "-ms-transition"
-	 *
-	 * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
-	 * is converted to `-ms-`.
-	 *
-	 * @param {string} string
-	 * @return {string}
-	 */
-	function hyphenateStyleName(string) {
-	  return hyphenate(string).replace(msPattern, '-ms-');
-	}
-
-	module.exports = hyphenateStyleName;
-
-/***/ },
-/* 102 */
-/***/ function(module, exports) {
-
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule hyphenate
-	 * @typechecks
+	 * `ReactInstanceMap` maintains a mapping from a public facing stateful
+	 * instance (key) and the internal representation (value). This allows public
+	 * methods to accept the user facing instance as an argument and map them back
+	 * to internal methods.
 	 */
 
-	'use strict';
-
-	var _uppercasePattern = /([A-Z])/g;
+	// TODO: Replace this with ES6: var ReactInstanceMap = new Map();
 
-	/**
-	 * Hyphenates a camelcased string, for example:
-	 *
-	 *   > hyphenate('backgroundColor')
-	 *   < "background-color"
-	 *
-	 * For CSS style names, use `hyphenateStyleName` instead which works properly
-	 * with all vendor prefixes, including `ms`.
-	 *
-	 * @param {string} string
-	 * @return {string}
-	 */
-	function hyphenate(string) {
-	  return string.replace(_uppercasePattern, '-$1').toLowerCase();
-	}
+	var ReactInstanceMap = {
 
-	module.exports = hyphenate;
+	  /**
+	   * This API should be called `delete` but we'd have to make sure to always
+	   * transform these to strings for IE support. When this transform is fully
+	   * supported we can rename it.
+	   */
+	  remove: function (key) {
+	    key._reactInternalInstance = undefined;
+	  },
 
-/***/ },
-/* 103 */
-/***/ function(module, exports) {
+	  get: function (key) {
+	    return key._reactInternalInstance;
+	  },
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule memoizeStringOnly
-	 * @typechecks static-only
-	 */
+	  has: function (key) {
+	    return key._reactInternalInstance !== undefined;
+	  },
 
-	'use strict';
+	  set: function (key, value) {
+	    key._reactInternalInstance = value;
+	  }
 
-	/**
-	 * Memoizes the return value of a function that accepts one string argument.
-	 *
-	 * @param {function} callback
-	 * @return {function}
-	 */
-	function memoizeStringOnly(callback) {
-	  var cache = {};
-	  return function (string) {
-	    if (!cache.hasOwnProperty(string)) {
-	      cache[string] = callback.call(this, string);
-	    }
-	    return cache[string];
-	  };
-	}
+	};
 
-	module.exports = memoizeStringOnly;
+	module.exports = ReactInstanceMap;
 
-/***/ },
-/* 104 */
-/***/ function(module, exports) {
+/***/ }),
+/* 121 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMButton
 	 */
 
 	'use strict';
 
-	var mouseListenerNames = {
-	  onClick: true,
-	  onDoubleClick: true,
-	  onMouseDown: true,
-	  onMouseMove: true,
-	  onMouseUp: true,
+	var ReactReconciler = __webpack_require__(63);
 
-	  onClickCapture: true,
-	  onDoubleClickCapture: true,
-	  onMouseDownCapture: true,
-	  onMouseMoveCapture: true,
-	  onMouseUpCapture: true
-	};
+	var instantiateReactComponent = __webpack_require__(122);
+	var KeyEscapeUtils = __webpack_require__(132);
+	var shouldUpdateReactComponent = __webpack_require__(128);
+	var traverseAllChildren = __webpack_require__(133);
+	var warning = __webpack_require__(11);
+
+	var ReactComponentTreeHook;
+
+	if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'test') {
+	  // Temporary hack.
+	  // Inline requires don't work well with Jest:
+	  // https://github.com/facebook/react/issues/7240
+	  // Remove the inline requires when we don't need them anymore:
+	  // https://github.com/facebook/react/pull/7178
+	  ReactComponentTreeHook = __webpack_require__(26);
+	}
+
+	function instantiateChild(childInstances, child, name, selfDebugID) {
+	  // We found a component instance.
+	  var keyUnique = childInstances[name] === undefined;
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (!ReactComponentTreeHook) {
+	      ReactComponentTreeHook = __webpack_require__(26);
+	    }
+	    if (!keyUnique) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'flattenChildren(...): Encountered two children with the same key, ' + '`%s`. Child keys must be unique; when two children share a key, only ' + 'the first child will be used.%s', KeyEscapeUtils.unescape(name), ReactComponentTreeHook.getStackAddendumByID(selfDebugID)) : void 0;
+	    }
+	  }
+	  if (child != null && keyUnique) {
+	    childInstances[name] = instantiateReactComponent(child, true);
+	  }
+	}
 
 	/**
-	 * Implements a <button> native component that does not receive mouse events
-	 * when `disabled` is set.
+	 * ReactChildReconciler provides helpers for initializing or updating a set of
+	 * children. Its output is suitable for passing it onto ReactMultiChild which
+	 * does diffed reordering and insertion.
 	 */
-	var ReactDOMButton = {
-	  getNativeProps: function (inst, props, context) {
-	    if (!props.disabled) {
-	      return props;
+	var ReactChildReconciler = {
+	  /**
+	   * Generates a "mount image" for each of the supplied children. In the case
+	   * of `ReactDOMComponent`, a mount image is a string of markup.
+	   *
+	   * @param {?object} nestedChildNodes Nested child maps.
+	   * @return {?object} A set of child instances.
+	   * @internal
+	   */
+	  instantiateChildren: function (nestedChildNodes, transaction, context, selfDebugID // 0 in production and for roots
+	  ) {
+	    if (nestedChildNodes == null) {
+	      return null;
+	    }
+	    var childInstances = {};
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      traverseAllChildren(nestedChildNodes, function (childInsts, child, name) {
+	        return instantiateChild(childInsts, child, name, selfDebugID);
+	      }, childInstances);
+	    } else {
+	      traverseAllChildren(nestedChildNodes, instantiateChild, childInstances);
 	    }
+	    return childInstances;
+	  },
 
-	    // Copy the props, except the mouse listeners
-	    var nativeProps = {};
-	    for (var key in props) {
-	      if (props.hasOwnProperty(key) && !mouseListenerNames[key]) {
-	        nativeProps[key] = props[key];
+	  /**
+	   * Updates the rendered children and returns a new set of children.
+	   *
+	   * @param {?object} prevChildren Previously initialized set of children.
+	   * @param {?object} nextChildren Flat child element maps.
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {object} context
+	   * @return {?object} A new set of child instances.
+	   * @internal
+	   */
+	  updateChildren: function (prevChildren, nextChildren, mountImages, removedNodes, transaction, hostParent, hostContainerInfo, context, selfDebugID // 0 in production and for roots
+	  ) {
+	    // We currently don't have a way to track moves here but if we use iterators
+	    // instead of for..in we can zip the iterators and check if an item has
+	    // moved.
+	    // TODO: If nothing has changed, return the prevChildren object so that we
+	    // can quickly bailout if nothing has changed.
+	    if (!nextChildren && !prevChildren) {
+	      return;
+	    }
+	    var name;
+	    var prevChild;
+	    for (name in nextChildren) {
+	      if (!nextChildren.hasOwnProperty(name)) {
+	        continue;
+	      }
+	      prevChild = prevChildren && prevChildren[name];
+	      var prevElement = prevChild && prevChild._currentElement;
+	      var nextElement = nextChildren[name];
+	      if (prevChild != null && shouldUpdateReactComponent(prevElement, nextElement)) {
+	        ReactReconciler.receiveComponent(prevChild, nextElement, transaction, context);
+	        nextChildren[name] = prevChild;
+	      } else {
+	        if (prevChild) {
+	          removedNodes[name] = ReactReconciler.getHostNode(prevChild);
+	          ReactReconciler.unmountComponent(prevChild, false);
+	        }
+	        // The child must be instantiated before it's mounted.
+	        var nextChildInstance = instantiateReactComponent(nextElement, true);
+	        nextChildren[name] = nextChildInstance;
+	        // Creating mount image now ensures refs are resolved in right order
+	        // (see https://github.com/facebook/react/pull/7101 for explanation).
+	        var nextChildMountImage = ReactReconciler.mountComponent(nextChildInstance, transaction, hostParent, hostContainerInfo, context, selfDebugID);
+	        mountImages.push(nextChildMountImage);
+	      }
+	    }
+	    // Unmount children that are no longer present.
+	    for (name in prevChildren) {
+	      if (prevChildren.hasOwnProperty(name) && !(nextChildren && nextChildren.hasOwnProperty(name))) {
+	        prevChild = prevChildren[name];
+	        removedNodes[name] = ReactReconciler.getHostNode(prevChild);
+	        ReactReconciler.unmountComponent(prevChild, false);
 	      }
 	    }
+	  },
 
-	    return nativeProps;
+	  /**
+	   * Unmounts all rendered children. This should be used to clean up children
+	   * when this component is unmounted.
+	   *
+	   * @param {?object} renderedChildren Previously initialized set of children.
+	   * @internal
+	   */
+	  unmountChildren: function (renderedChildren, safely) {
+	    for (var name in renderedChildren) {
+	      if (renderedChildren.hasOwnProperty(name)) {
+	        var renderedChild = renderedChildren[name];
+	        ReactReconciler.unmountComponent(renderedChild, safely);
+	      }
+	    }
 	  }
+
 	};
 
-	module.exports = ReactDOMButton;
+	module.exports = ReactChildReconciler;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 105 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 122 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMInput
 	 */
 
 	'use strict';
 
-	var ReactDOMIDOperations = __webpack_require__(27);
-	var LinkedValueUtils = __webpack_require__(106);
-	var ReactMount = __webpack_require__(28);
-	var ReactUpdates = __webpack_require__(54);
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
+	var ReactCompositeComponent = __webpack_require__(123);
+	var ReactEmptyComponent = __webpack_require__(129);
+	var ReactHostComponent = __webpack_require__(130);
 
-	var instancesByReactID = {};
+	var getNextDebugID = __webpack_require__(131);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	function forceUpdateIfMounted() {
-	  if (this._rootNodeID) {
-	    // DOM component is still mounted; update
-	    ReactDOMInput.updateWrapper(this);
+	// To avoid a cyclic dependency, we create the final class in this module
+	var ReactCompositeComponentWrapper = function (element) {
+	  this.construct(element);
+	};
+
+	function getDeclarationErrorAddendum(owner) {
+	  if (owner) {
+	    var name = owner.getName();
+	    if (name) {
+	      return ' Check the render method of `' + name + '`.';
+	    }
 	  }
+	  return '';
 	}
 
 	/**
-	 * Implements an <input> native component that allows setting these optional
-	 * props: `checked`, `value`, `defaultChecked`, and `defaultValue`.
-	 *
-	 * If `checked` or `value` are not supplied (or null/undefined), user actions
-	 * that affect the checked state or value will trigger updates to the element.
-	 *
-	 * If they are supplied (and not null/undefined), the rendered element will not
-	 * trigger updates to the element. Instead, the props must change in order for
-	 * the rendered element to be updated.
-	 *
-	 * The rendered element will be initialized as unchecked (or `defaultChecked`)
-	 * with an empty value (or `defaultValue`).
+	 * Check if the type reference is a known internal type. I.e. not a user
+	 * provided composite type.
 	 *
-	 * @see http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
+	 * @param {function} type
+	 * @return {boolean} Returns true if this is a valid internal type.
 	 */
-	var ReactDOMInput = {
-	  getNativeProps: function (inst, props, context) {
-	    var value = LinkedValueUtils.getValue(props);
-	    var checked = LinkedValueUtils.getChecked(props);
-
-	    var nativeProps = assign({}, props, {
-	      defaultChecked: undefined,
-	      defaultValue: undefined,
-	      value: value != null ? value : inst._wrapperState.initialValue,
-	      checked: checked != null ? checked : inst._wrapperState.initialChecked,
-	      onChange: inst._wrapperState.onChange
-	    });
+	function isInternalComponentType(type) {
+	  return typeof type === 'function' && typeof type.prototype !== 'undefined' && typeof type.prototype.mountComponent === 'function' && typeof type.prototype.receiveComponent === 'function';
+	}
 
-	    return nativeProps;
-	  },
+	/**
+	 * Given a ReactNode, create an instance that will actually be mounted.
+	 *
+	 * @param {ReactNode} node
+	 * @param {boolean} shouldHaveDebugID
+	 * @return {object} A new instance of the element's constructor.
+	 * @protected
+	 */
+	function instantiateReactComponent(node, shouldHaveDebugID) {
+	  var instance;
 
-	  mountWrapper: function (inst, props) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      LinkedValueUtils.checkPropTypes('input', props, inst._currentElement._owner);
+	  if (node === null || node === false) {
+	    instance = ReactEmptyComponent.create(instantiateReactComponent);
+	  } else if (typeof node === 'object') {
+	    var element = node;
+	    var type = element.type;
+	    if (typeof type !== 'function' && typeof type !== 'string') {
+	      var info = '';
+	      if (process.env.NODE_ENV !== 'production') {
+	        if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+	          info += ' You likely forgot to export your component from the file ' + 'it\'s defined in.';
+	        }
+	      }
+	      info += getDeclarationErrorAddendum(element._owner);
+	       true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s', type == null ? type : typeof type, info) : _prodInvariant('130', type == null ? type : typeof type, info) : void 0;
 	    }
 
-	    var defaultValue = props.defaultValue;
-	    inst._wrapperState = {
-	      initialChecked: props.defaultChecked || false,
-	      initialValue: defaultValue != null ? defaultValue : null,
-	      onChange: _handleChange.bind(inst)
-	    };
-	  },
-
-	  mountReadyWrapper: function (inst) {
-	    // Can't be in mountWrapper or else server rendering leaks.
-	    instancesByReactID[inst._rootNodeID] = inst;
-	  },
-
-	  unmountWrapper: function (inst) {
-	    delete instancesByReactID[inst._rootNodeID];
-	  },
-
-	  updateWrapper: function (inst) {
-	    var props = inst._currentElement.props;
-
-	    // TODO: Shouldn't this be getChecked(props)?
-	    var checked = props.checked;
-	    if (checked != null) {
-	      ReactDOMIDOperations.updatePropertyByID(inst._rootNodeID, 'checked', checked || false);
-	    }
+	    // Special case string values
+	    if (typeof element.type === 'string') {
+	      instance = ReactHostComponent.createInternalComponent(element);
+	    } else if (isInternalComponentType(element.type)) {
+	      // This is temporarily available for custom components that are not string
+	      // representations. I.e. ART. Once those are updated to use the string
+	      // representation, we can drop this code path.
+	      instance = new element.type(element);
 
-	    var value = LinkedValueUtils.getValue(props);
-	    if (value != null) {
-	      // Cast `value` to a string to ensure the value is set correctly. While
-	      // browsers typically do this as necessary, jsdom doesn't.
-	      ReactDOMIDOperations.updatePropertyByID(inst._rootNodeID, 'value', '' + value);
+	      // We renamed this. Allow the old name for compat. :(
+	      if (!instance.getHostNode) {
+	        instance.getHostNode = instance.getNativeNode;
+	      }
+	    } else {
+	      instance = new ReactCompositeComponentWrapper(element);
 	    }
+	  } else if (typeof node === 'string' || typeof node === 'number') {
+	    instance = ReactHostComponent.createInstanceForText(node);
+	  } else {
+	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Encountered invalid React node of type %s', typeof node) : _prodInvariant('131', typeof node) : void 0;
 	  }
-	};
-
-	function _handleChange(event) {
-	  var props = this._currentElement.props;
-
-	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
-
-	  // Here we use asap to wait until all updates have propagated, which
-	  // is important when using controlled components within layers:
-	  // https://github.com/facebook/react/issues/1698
-	  ReactUpdates.asap(forceUpdateIfMounted, this);
 
-	  var name = props.name;
-	  if (props.type === 'radio' && name != null) {
-	    var rootNode = ReactMount.getNode(this._rootNodeID);
-	    var queryRoot = rootNode;
+	  if (process.env.NODE_ENV !== 'production') {
+	    process.env.NODE_ENV !== 'production' ? warning(typeof instance.mountComponent === 'function' && typeof instance.receiveComponent === 'function' && typeof instance.getHostNode === 'function' && typeof instance.unmountComponent === 'function', 'Only React Components can be mounted.') : void 0;
+	  }
 
-	    while (queryRoot.parentNode) {
-	      queryRoot = queryRoot.parentNode;
-	    }
+	  // These two fields are used by the DOM and ART diffing algorithms
+	  // respectively. Instead of using expandos on components, we should be
+	  // storing the state needed by the diffing algorithms elsewhere.
+	  instance._mountIndex = 0;
+	  instance._mountImage = null;
 
-	    // If `rootNode.form` was non-null, then we could try `form.elements`,
-	    // but that sometimes behaves strangely in IE8. We could also try using
-	    // `form.getElementsByName`, but that will only return direct children
-	    // and won't include inputs that use the HTML5 `form=` attribute. Since
-	    // the input might not even be in a form, let's just use the global
-	    // `querySelectorAll` to ensure we don't miss anything.
-	    var group = queryRoot.querySelectorAll('input[name=' + JSON.stringify('' + name) + '][type="radio"]');
+	  if (process.env.NODE_ENV !== 'production') {
+	    instance._debugID = shouldHaveDebugID ? getNextDebugID() : 0;
+	  }
 
-	    for (var i = 0; i < group.length; i++) {
-	      var otherNode = group[i];
-	      if (otherNode === rootNode || otherNode.form !== rootNode.form) {
-	        continue;
-	      }
-	      // This will throw if radio buttons rendered by different copies of React
-	      // and the same name are rendered into the same form (same as #1939).
-	      // That's probably okay; we don't support it just as we don't support
-	      // mixing React with non-React.
-	      var otherID = ReactMount.getID(otherNode);
-	      !otherID ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOMInput: Mixing React and non-React radio inputs with the ' + 'same `name` is not supported.') : invariant(false) : undefined;
-	      var otherInstance = instancesByReactID[otherID];
-	      !otherInstance ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOMInput: Unknown radio button ID %s.', otherID) : invariant(false) : undefined;
-	      // If this is a controlled radio button group, forcing the input that
-	      // was previously checked to update will cause it to be come re-checked
-	      // as appropriate.
-	      ReactUpdates.asap(forceUpdateIfMounted, otherInstance);
+	  // Internal instances should fully constructed at this point, so they should
+	  // not get any new fields added to them at this point.
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (Object.preventExtensions) {
+	      Object.preventExtensions(instance);
 	    }
 	  }
 
-	  return returnValue;
+	  return instance;
 	}
 
-	module.exports = ReactDOMInput;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	_assign(ReactCompositeComponentWrapper.prototype, ReactCompositeComponent, {
+	  _instantiateReactComponent: instantiateReactComponent
+	});
 
-/***/ },
-/* 106 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = instantiateReactComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 123 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule LinkedValueUtils
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var ReactPropTypes = __webpack_require__(107);
-	var ReactPropTypeLocations = __webpack_require__(65);
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
 
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	var React = __webpack_require__(2);
+	var ReactComponentEnvironment = __webpack_require__(119);
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactErrorUtils = __webpack_require__(49);
+	var ReactInstanceMap = __webpack_require__(120);
+	var ReactInstrumentation = __webpack_require__(66);
+	var ReactNodeTypes = __webpack_require__(124);
+	var ReactReconciler = __webpack_require__(63);
 
-	var hasReadOnlyValue = {
-	  'button': true,
-	  'checkbox': true,
-	  'image': true,
-	  'hidden': true,
-	  'radio': true,
-	  'reset': true,
-	  'submit': true
+	if (process.env.NODE_ENV !== 'production') {
+	  var checkReactTypeSpec = __webpack_require__(125);
+	}
+
+	var emptyObject = __webpack_require__(20);
+	var invariant = __webpack_require__(8);
+	var shallowEqual = __webpack_require__(127);
+	var shouldUpdateReactComponent = __webpack_require__(128);
+	var warning = __webpack_require__(11);
+
+	var CompositeTypes = {
+	  ImpureClass: 0,
+	  PureClass: 1,
+	  StatelessFunctional: 2
 	};
 
-	function _assertSingleLink(inputProps) {
-	  !(inputProps.checkedLink == null || inputProps.valueLink == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a checkedLink and a valueLink. If you want to use ' + 'checkedLink, you probably don\'t want to use valueLink and vice versa.') : invariant(false) : undefined;
+	function StatelessComponent(Component) {}
+	StatelessComponent.prototype.render = function () {
+	  var Component = ReactInstanceMap.get(this)._currentElement.type;
+	  var element = Component(this.props, this.context, this.updater);
+	  warnIfInvalidElement(Component, element);
+	  return element;
+	};
+
+	function warnIfInvalidElement(Component, element) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    process.env.NODE_ENV !== 'production' ? warning(element === null || element === false || React.isValidElement(element), '%s(...): A valid React element (or null) must be returned. You may have ' + 'returned undefined, an array or some other invalid object.', Component.displayName || Component.name || 'Component') : void 0;
+	    process.env.NODE_ENV !== 'production' ? warning(!Component.childContextTypes, '%s(...): childContextTypes cannot be defined on a functional component.', Component.displayName || Component.name || 'Component') : void 0;
+	  }
 	}
-	function _assertValueLink(inputProps) {
-	  _assertSingleLink(inputProps);
-	  !(inputProps.value == null && inputProps.onChange == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a valueLink and a value or onChange event. If you want ' + 'to use value or onChange, you probably don\'t want to use valueLink.') : invariant(false) : undefined;
+
+	function shouldConstruct(Component) {
+	  return !!(Component.prototype && Component.prototype.isReactComponent);
 	}
 
-	function _assertCheckedLink(inputProps) {
-	  _assertSingleLink(inputProps);
-	  !(inputProps.checked == null && inputProps.onChange == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Cannot provide a checkedLink and a checked property or onChange event. ' + 'If you want to use checked or onChange, you probably don\'t want to ' + 'use checkedLink') : invariant(false) : undefined;
+	function isPureComponent(Component) {
+	  return !!(Component.prototype && Component.prototype.isPureReactComponent);
 	}
 
-	var propTypes = {
-	  value: function (props, propName, componentName) {
-	    if (!props[propName] || hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled) {
-	      return null;
-	    }
-	    return new Error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
-	  },
-	  checked: function (props, propName, componentName) {
-	    if (!props[propName] || props.onChange || props.readOnly || props.disabled) {
-	      return null;
-	    }
-	    return new Error('You provided a `checked` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultChecked`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
-	  },
-	  onChange: ReactPropTypes.func
-	};
+	// Separated into a function to contain deoptimizations caused by try/finally.
+	function measureLifeCyclePerf(fn, debugID, timerType) {
+	  if (debugID === 0) {
+	    // Top-level wrappers (see ReactMount) and empty components (see
+	    // ReactDOMEmptyComponent) are invisible to hooks and devtools.
+	    // Both are implementation details that should go away in the future.
+	    return fn();
+	  }
 
-	var loggedTypeFailures = {};
-	function getDeclarationErrorAddendum(owner) {
-	  if (owner) {
-	    var name = owner.getName();
-	    if (name) {
-	      return ' Check the render method of `' + name + '`.';
-	    }
+	  ReactInstrumentation.debugTool.onBeginLifeCycleTimer(debugID, timerType);
+	  try {
+	    return fn();
+	  } finally {
+	    ReactInstrumentation.debugTool.onEndLifeCycleTimer(debugID, timerType);
 	  }
-	  return '';
 	}
 
 	/**
-	 * Provide a linked `value` attribute for controlled forms. You should not use
-	 * this outside of the ReactDOM controlled form components.
+	 * ------------------ The Life-Cycle of a Composite Component ------------------
+	 *
+	 * - constructor: Initialization of state. The instance is now retained.
+	 *   - componentWillMount
+	 *   - render
+	 *   - [children's constructors]
+	 *     - [children's componentWillMount and render]
+	 *     - [children's componentDidMount]
+	 *     - componentDidMount
+	 *
+	 *       Update Phases:
+	 *       - componentWillReceiveProps (only called if parent updated)
+	 *       - shouldComponentUpdate
+	 *         - componentWillUpdate
+	 *           - render
+	 *           - [children's constructors or receive props phases]
+	 *         - componentDidUpdate
+	 *
+	 *     - componentWillUnmount
+	 *     - [children's componentWillUnmount]
+	 *   - [children destroyed]
+	 * - (destroyed): The instance is now blank, released by React and ready for GC.
+	 *
+	 * -----------------------------------------------------------------------------
 	 */
-	var LinkedValueUtils = {
-	  checkPropTypes: function (tagName, props, owner) {
-	    for (var propName in propTypes) {
-	      if (propTypes.hasOwnProperty(propName)) {
-	        var error = propTypes[propName](props, propName, tagName, ReactPropTypeLocations.prop);
-	      }
-	      if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-	        // Only monitor this failure once because there tends to be a lot of the
-	        // same error.
-	        loggedTypeFailures[error.message] = true;
 
-	        var addendum = getDeclarationErrorAddendum(owner);
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'Failed form propType: %s%s', error.message, addendum) : undefined;
-	      }
-	    }
-	  },
+	/**
+	 * An incrementing ID assigned to each component when it is mounted. This is
+	 * used to enforce the order in which `ReactUpdates` updates dirty components.
+	 *
+	 * @private
+	 */
+	var nextMountID = 1;
 
-	  /**
-	   * @param {object} inputProps Props for form component
-	   * @return {*} current value of the input either from value prop or link.
-	   */
-	  getValue: function (inputProps) {
-	    if (inputProps.valueLink) {
-	      _assertValueLink(inputProps);
-	      return inputProps.valueLink.value;
-	    }
-	    return inputProps.value;
-	  },
+	/**
+	 * @lends {ReactCompositeComponent.prototype}
+	 */
+	var ReactCompositeComponent = {
 
 	  /**
-	   * @param {object} inputProps Props for form component
-	   * @return {*} current checked status of the input either from checked prop
-	   *             or link.
+	   * Base constructor for all composite component.
+	   *
+	   * @param {ReactElement} element
+	   * @final
+	   * @internal
 	   */
-	  getChecked: function (inputProps) {
-	    if (inputProps.checkedLink) {
-	      _assertCheckedLink(inputProps);
-	      return inputProps.checkedLink.value;
-	    }
-	    return inputProps.checked;
-	  },
+	  construct: function (element) {
+	    this._currentElement = element;
+	    this._rootNodeID = 0;
+	    this._compositeType = null;
+	    this._instance = null;
+	    this._hostParent = null;
+	    this._hostContainerInfo = null;
 
-	  /**
-	   * @param {object} inputProps Props for form component
-	   * @param {SyntheticEvent} event change event to handle
-	   */
-	  executeOnChange: function (inputProps, event) {
-	    if (inputProps.valueLink) {
-	      _assertValueLink(inputProps);
-	      return inputProps.valueLink.requestChange(event.target.value);
-	    } else if (inputProps.checkedLink) {
-	      _assertCheckedLink(inputProps);
-	      return inputProps.checkedLink.requestChange(event.target.checked);
-	    } else if (inputProps.onChange) {
-	      return inputProps.onChange.call(undefined, event);
-	    }
-	  }
-	};
+	    // See ReactUpdateQueue
+	    this._updateBatchNumber = null;
+	    this._pendingElement = null;
+	    this._pendingStateQueue = null;
+	    this._pendingReplaceState = false;
+	    this._pendingForceUpdate = false;
 
-	module.exports = LinkedValueUtils;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	    this._renderedNodeType = null;
+	    this._renderedComponent = null;
+	    this._context = null;
+	    this._mountOrder = 0;
+	    this._topLevelWrapper = null;
 
-/***/ },
-/* 107 */
-/***/ function(module, exports, __webpack_require__) {
+	    // See ReactUpdates and ReactUpdateQueue.
+	    this._pendingCallbacks = null;
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactPropTypes
-	 */
+	    // ComponentWillUnmount shall only be called once
+	    this._calledComponentWillUnmount = false;
 
-	'use strict';
+	    if (process.env.NODE_ENV !== 'production') {
+	      this._warnedAboutRefsInRender = false;
+	    }
+	  },
 
-	var ReactElement = __webpack_require__(42);
-	var ReactPropTypeLocationNames = __webpack_require__(66);
+	  /**
+	   * Initializes the component, renders markup, and registers event listeners.
+	   *
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @param {?object} hostParent
+	   * @param {?object} hostContainerInfo
+	   * @param {?object} context
+	   * @return {?string} Rendered markup to be inserted into the DOM.
+	   * @final
+	   * @internal
+	   */
+	  mountComponent: function (transaction, hostParent, hostContainerInfo, context) {
+	    var _this = this;
 
-	var emptyFunction = __webpack_require__(15);
-	var getIteratorFn = __webpack_require__(108);
+	    this._context = context;
+	    this._mountOrder = nextMountID++;
+	    this._hostParent = hostParent;
+	    this._hostContainerInfo = hostContainerInfo;
 
-	/**
-	 * Collection of methods that allow declaration and validation of props that are
-	 * supplied to React components. Example usage:
-	 *
-	 *   var Props = require('ReactPropTypes');
-	 *   var MyArticle = React.createClass({
-	 *     propTypes: {
-	 *       // An optional string prop named "description".
-	 *       description: Props.string,
-	 *
-	 *       // A required enum prop named "category".
-	 *       category: Props.oneOf(['News','Photos']).isRequired,
-	 *
-	 *       // A prop named "dialog" that requires an instance of Dialog.
-	 *       dialog: Props.instanceOf(Dialog).isRequired
-	 *     },
-	 *     render: function() { ... }
-	 *   });
-	 *
-	 * A more formal specification of how these methods are used:
-	 *
-	 *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
-	 *   decl := ReactPropTypes.{type}(.isRequired)?
-	 *
-	 * Each and every declaration produces a function with the same signature. This
-	 * allows the creation of custom validation functions. For example:
-	 *
-	 *  var MyLink = React.createClass({
-	 *    propTypes: {
-	 *      // An optional string or URI prop named "href".
-	 *      href: function(props, propName, componentName) {
-	 *        var propValue = props[propName];
-	 *        if (propValue != null && typeof propValue !== 'string' &&
-	 *            !(propValue instanceof URI)) {
-	 *          return new Error(
-	 *            'Expected a string or an URI for ' + propName + ' in ' +
-	 *            componentName
-	 *          );
-	 *        }
-	 *      }
-	 *    },
-	 *    render: function() {...}
-	 *  });
-	 *
-	 * @internal
-	 */
+	    var publicProps = this._currentElement.props;
+	    var publicContext = this._processContext(context);
 
-	var ANONYMOUS = '<<anonymous>>';
+	    var Component = this._currentElement.type;
 
-	var ReactPropTypes = {
-	  array: createPrimitiveTypeChecker('array'),
-	  bool: createPrimitiveTypeChecker('boolean'),
-	  func: createPrimitiveTypeChecker('function'),
-	  number: createPrimitiveTypeChecker('number'),
-	  object: createPrimitiveTypeChecker('object'),
-	  string: createPrimitiveTypeChecker('string'),
+	    var updateQueue = transaction.getUpdateQueue();
 
-	  any: createAnyTypeChecker(),
-	  arrayOf: createArrayOfTypeChecker,
-	  element: createElementTypeChecker(),
-	  instanceOf: createInstanceTypeChecker,
-	  node: createNodeChecker(),
-	  objectOf: createObjectOfTypeChecker,
-	  oneOf: createEnumTypeChecker,
-	  oneOfType: createUnionTypeChecker,
-	  shape: createShapeTypeChecker
-	};
+	    // Initialize the public class
+	    var doConstruct = shouldConstruct(Component);
+	    var inst = this._constructComponent(doConstruct, publicProps, publicContext, updateQueue);
+	    var renderedElement;
 
-	function createChainableTypeChecker(validate) {
-	  function checkType(isRequired, props, propName, componentName, location, propFullName) {
-	    componentName = componentName || ANONYMOUS;
-	    propFullName = propFullName || propName;
-	    if (props[propName] == null) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      if (isRequired) {
-	        return new Error('Required ' + locationName + ' `' + propFullName + '` was not specified in ' + ('`' + componentName + '`.'));
-	      }
-	      return null;
+	    // Support functional components
+	    if (!doConstruct && (inst == null || inst.render == null)) {
+	      renderedElement = inst;
+	      warnIfInvalidElement(Component, renderedElement);
+	      !(inst === null || inst === false || React.isValidElement(inst)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s(...): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.', Component.displayName || Component.name || 'Component') : _prodInvariant('105', Component.displayName || Component.name || 'Component') : void 0;
+	      inst = new StatelessComponent(Component);
+	      this._compositeType = CompositeTypes.StatelessFunctional;
 	    } else {
-	      return validate(props, propName, componentName, location, propFullName);
+	      if (isPureComponent(Component)) {
+	        this._compositeType = CompositeTypes.PureClass;
+	      } else {
+	        this._compositeType = CompositeTypes.ImpureClass;
+	      }
 	    }
-	  }
 
-	  var chainedCheckType = checkType.bind(null, false);
-	  chainedCheckType.isRequired = checkType.bind(null, true);
-
-	  return chainedCheckType;
-	}
+	    if (process.env.NODE_ENV !== 'production') {
+	      // This will throw later in _renderValidatedComponent, but add an early
+	      // warning now to help debugging
+	      if (inst.render == null) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, '%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', Component.displayName || Component.name || 'Component') : void 0;
+	      }
 
-	function createPrimitiveTypeChecker(expectedType) {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    var propValue = props[propName];
-	    var propType = getPropType(propValue);
-	    if (propType !== expectedType) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      // `propValue` being instance of, say, date/regexp, pass the 'object'
-	      // check, but we can offer a more precise error message here rather than
-	      // 'of type `object`'.
-	      var preciseType = getPreciseType(propValue);
+	      var propsMutated = inst.props !== publicProps;
+	      var componentName = Component.displayName || Component.name || 'Component';
 
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+	      process.env.NODE_ENV !== 'production' ? warning(inst.props === undefined || !propsMutated, '%s(...): When calling super() in `%s`, make sure to pass ' + 'up the same props that your component\'s constructor was passed.', componentName, componentName) : void 0;
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
 
-	function createAnyTypeChecker() {
-	  return createChainableTypeChecker(emptyFunction.thatReturns(null));
-	}
+	    // These should be set up in the constructor, but as a convenience for
+	    // simpler class abstractions, we set them up after the fact.
+	    inst.props = publicProps;
+	    inst.context = publicContext;
+	    inst.refs = emptyObject;
+	    inst.updater = updateQueue;
 
-	function createArrayOfTypeChecker(typeChecker) {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    var propValue = props[propName];
-	    if (!Array.isArray(propValue)) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      var propType = getPropType(propValue);
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
-	    }
-	    for (var i = 0; i < propValue.length; i++) {
-	      var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']');
-	      if (error instanceof Error) {
-	        return error;
-	      }
+	    this._instance = inst;
+
+	    // Store a reference from the instance back to the internal representation
+	    ReactInstanceMap.set(inst, this);
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      // Since plain JS classes are defined without any special initialization
+	      // logic, we can not catch common errors early. Therefore, we have to
+	      // catch them here, at initialization time, instead.
+	      process.env.NODE_ENV !== 'production' ? warning(!inst.getInitialState || inst.getInitialState.isReactClassApproved || inst.state, 'getInitialState was defined on %s, a plain JavaScript class. ' + 'This is only supported for classes created using React.createClass. ' + 'Did you mean to define a state property instead?', this.getName() || 'a component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(!inst.getDefaultProps || inst.getDefaultProps.isReactClassApproved, 'getDefaultProps was defined on %s, a plain JavaScript class. ' + 'This is only supported for classes created using React.createClass. ' + 'Use a static property to define defaultProps instead.', this.getName() || 'a component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(!inst.propTypes, 'propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', this.getName() || 'a component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(!inst.contextTypes, 'contextTypes was defined as an instance property on %s. Use a ' + 'static property to define contextTypes instead.', this.getName() || 'a component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentShouldUpdate !== 'function', '%s has a method called ' + 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' + 'The name is phrased as a question because the function is ' + 'expected to return a value.', this.getName() || 'A component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentDidUnmount !== 'function', '%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', this.getName() || 'A component') : void 0;
+	      process.env.NODE_ENV !== 'production' ? warning(typeof inst.componentWillRecieveProps !== 'function', '%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', this.getName() || 'A component') : void 0;
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
 
-	function createElementTypeChecker() {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    if (!ReactElement.isValidElement(props[propName])) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a single ReactElement.'));
+	    var initialState = inst.state;
+	    if (initialState === undefined) {
+	      inst.state = initialState = null;
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
+	    !(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.state: must be set to an object or null', this.getName() || 'ReactCompositeComponent') : _prodInvariant('106', this.getName() || 'ReactCompositeComponent') : void 0;
+
+	    this._pendingStateQueue = null;
+	    this._pendingReplaceState = false;
+	    this._pendingForceUpdate = false;
 
-	function createInstanceTypeChecker(expectedClass) {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    if (!(props[propName] instanceof expectedClass)) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      var expectedClassName = expectedClass.name || ANONYMOUS;
-	      var actualClassName = getClassName(props[propName]);
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	    var markup;
+	    if (inst.unstable_handleError) {
+	      markup = this.performInitialMountWithErrorHandling(renderedElement, hostParent, hostContainerInfo, transaction, context);
+	    } else {
+	      markup = this.performInitialMount(renderedElement, hostParent, hostContainerInfo, transaction, context);
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
 
-	function createEnumTypeChecker(expectedValues) {
-	  if (!Array.isArray(expectedValues)) {
-	    return createChainableTypeChecker(function () {
-	      return new Error('Invalid argument supplied to oneOf, expected an instance of array.');
-	    });
-	  }
-
-	  function validate(props, propName, componentName, location, propFullName) {
-	    var propValue = props[propName];
-	    for (var i = 0; i < expectedValues.length; i++) {
-	      if (propValue === expectedValues[i]) {
-	        return null;
+	    if (inst.componentDidMount) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        transaction.getReactMountReady().enqueue(function () {
+	          measureLifeCyclePerf(function () {
+	            return inst.componentDidMount();
+	          }, _this._debugID, 'componentDidMount');
+	        });
+	      } else {
+	        transaction.getReactMountReady().enqueue(inst.componentDidMount, inst);
 	      }
 	    }
 
-	    var locationName = ReactPropTypeLocationNames[location];
-	    var valuesString = JSON.stringify(expectedValues);
-	    return new Error('Invalid ' + locationName + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
-	  }
-	  return createChainableTypeChecker(validate);
-	}
+	    return markup;
+	  },
 
-	function createObjectOfTypeChecker(typeChecker) {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    var propValue = props[propName];
-	    var propType = getPropType(propValue);
-	    if (propType !== 'object') {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
-	    }
-	    for (var key in propValue) {
-	      if (propValue.hasOwnProperty(key)) {
-	        var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key);
-	        if (error instanceof Error) {
-	          return error;
-	        }
+	  _constructComponent: function (doConstruct, publicProps, publicContext, updateQueue) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      ReactCurrentOwner.current = this;
+	      try {
+	        return this._constructComponentWithoutOwner(doConstruct, publicProps, publicContext, updateQueue);
+	      } finally {
+	        ReactCurrentOwner.current = null;
 	      }
+	    } else {
+	      return this._constructComponentWithoutOwner(doConstruct, publicProps, publicContext, updateQueue);
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
+	  },
 
-	function createUnionTypeChecker(arrayOfTypeCheckers) {
-	  if (!Array.isArray(arrayOfTypeCheckers)) {
-	    return createChainableTypeChecker(function () {
-	      return new Error('Invalid argument supplied to oneOfType, expected an instance of array.');
-	    });
-	  }
+	  _constructComponentWithoutOwner: function (doConstruct, publicProps, publicContext, updateQueue) {
+	    var Component = this._currentElement.type;
 
-	  function validate(props, propName, componentName, location, propFullName) {
-	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-	      var checker = arrayOfTypeCheckers[i];
-	      if (checker(props, propName, componentName, location, propFullName) == null) {
-	        return null;
+	    if (doConstruct) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        return measureLifeCyclePerf(function () {
+	          return new Component(publicProps, publicContext, updateQueue);
+	        }, this._debugID, 'ctor');
+	      } else {
+	        return new Component(publicProps, publicContext, updateQueue);
 	      }
 	    }
 
-	    var locationName = ReactPropTypeLocationNames[location];
-	    return new Error('Invalid ' + locationName + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
-	  }
-	  return createChainableTypeChecker(validate);
-	}
-
-	function createNodeChecker() {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    if (!isNode(props[propName])) {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	    // This can still be an instance in case of factory components
+	    // but we'll count this as time spent rendering as the more common case.
+	    if (process.env.NODE_ENV !== 'production') {
+	      return measureLifeCyclePerf(function () {
+	        return Component(publicProps, publicContext, updateQueue);
+	      }, this._debugID, 'render');
+	    } else {
+	      return Component(publicProps, publicContext, updateQueue);
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
+	  },
 
-	function createShapeTypeChecker(shapeTypes) {
-	  function validate(props, propName, componentName, location, propFullName) {
-	    var propValue = props[propName];
-	    var propType = getPropType(propValue);
-	    if (propType !== 'object') {
-	      var locationName = ReactPropTypeLocationNames[location];
-	      return new Error('Invalid ' + locationName + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-	    }
-	    for (var key in shapeTypes) {
-	      var checker = shapeTypes[key];
-	      if (!checker) {
-	        continue;
-	      }
-	      var error = checker(propValue, key, componentName, location, propFullName + '.' + key);
-	      if (error) {
-	        return error;
+	  performInitialMountWithErrorHandling: function (renderedElement, hostParent, hostContainerInfo, transaction, context) {
+	    var markup;
+	    var checkpoint = transaction.checkpoint();
+	    try {
+	      markup = this.performInitialMount(renderedElement, hostParent, hostContainerInfo, transaction, context);
+	    } catch (e) {
+	      // Roll back to checkpoint, handle error (which may add items to the transaction), and take a new checkpoint
+	      transaction.rollback(checkpoint);
+	      this._instance.unstable_handleError(e);
+	      if (this._pendingStateQueue) {
+	        this._instance.state = this._processPendingState(this._instance.props, this._instance.context);
 	      }
+	      checkpoint = transaction.checkpoint();
+
+	      this._renderedComponent.unmountComponent(true);
+	      transaction.rollback(checkpoint);
+
+	      // Try again - we've informed the component about the error, so they can render an error message this time.
+	      // If this throws again, the error will bubble up (and can be caught by a higher error boundary).
+	      markup = this.performInitialMount(renderedElement, hostParent, hostContainerInfo, transaction, context);
 	    }
-	    return null;
-	  }
-	  return createChainableTypeChecker(validate);
-	}
+	    return markup;
+	  },
 
-	function isNode(propValue) {
-	  switch (typeof propValue) {
-	    case 'number':
-	    case 'string':
-	    case 'undefined':
-	      return true;
-	    case 'boolean':
-	      return !propValue;
-	    case 'object':
-	      if (Array.isArray(propValue)) {
-	        return propValue.every(isNode);
-	      }
-	      if (propValue === null || ReactElement.isValidElement(propValue)) {
-	        return true;
-	      }
+	  performInitialMount: function (renderedElement, hostParent, hostContainerInfo, transaction, context) {
+	    var inst = this._instance;
 
-	      var iteratorFn = getIteratorFn(propValue);
-	      if (iteratorFn) {
-	        var iterator = iteratorFn.call(propValue);
-	        var step;
-	        if (iteratorFn !== propValue.entries) {
-	          while (!(step = iterator.next()).done) {
-	            if (!isNode(step.value)) {
-	              return false;
-	            }
-	          }
-	        } else {
-	          // Iterator will provide entry [k,v] tuples rather than values.
-	          while (!(step = iterator.next()).done) {
-	            var entry = step.value;
-	            if (entry) {
-	              if (!isNode(entry[1])) {
-	                return false;
-	              }
-	            }
-	          }
-	        }
+	    var debugID = 0;
+	    if (process.env.NODE_ENV !== 'production') {
+	      debugID = this._debugID;
+	    }
+
+	    if (inst.componentWillMount) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        measureLifeCyclePerf(function () {
+	          return inst.componentWillMount();
+	        }, debugID, 'componentWillMount');
 	      } else {
-	        return false;
+	        inst.componentWillMount();
 	      }
+	      // When mounting, calls to `setState` by `componentWillMount` will set
+	      // `this._pendingStateQueue` without triggering a re-render.
+	      if (this._pendingStateQueue) {
+	        inst.state = this._processPendingState(inst.props, inst.context);
+	      }
+	    }
 
-	      return true;
-	    default:
-	      return false;
-	  }
-	}
-
-	// Equivalent of `typeof` but with special handling for array and regexp.
-	function getPropType(propValue) {
-	  var propType = typeof propValue;
-	  if (Array.isArray(propValue)) {
-	    return 'array';
-	  }
-	  if (propValue instanceof RegExp) {
-	    // Old webkits (at least until Android 4.0) return 'function' rather than
-	    // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
-	    // passes PropTypes.object.
-	    return 'object';
-	  }
-	  return propType;
-	}
-
-	// This handles more types than `getPropType`. Only used for error messages.
-	// See `createPrimitiveTypeChecker`.
-	function getPreciseType(propValue) {
-	  var propType = getPropType(propValue);
-	  if (propType === 'object') {
-	    if (propValue instanceof Date) {
-	      return 'date';
-	    } else if (propValue instanceof RegExp) {
-	      return 'regexp';
+	    // If not a stateless component, we now render
+	    if (renderedElement === undefined) {
+	      renderedElement = this._renderValidatedComponent();
 	    }
-	  }
-	  return propType;
-	}
 
-	// Returns class name of the object, if any.
-	function getClassName(propValue) {
-	  if (!propValue.constructor || !propValue.constructor.name) {
-	    return '<<anonymous>>';
-	  }
-	  return propValue.constructor.name;
-	}
+	    var nodeType = ReactNodeTypes.getType(renderedElement);
+	    this._renderedNodeType = nodeType;
+	    var child = this._instantiateReactComponent(renderedElement, nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */
+	    );
+	    this._renderedComponent = child;
 
-	module.exports = ReactPropTypes;
+	    var markup = ReactReconciler.mountComponent(child, transaction, hostParent, hostContainerInfo, this._processChildContext(context), debugID);
 
-/***/ },
-/* 108 */
-/***/ function(module, exports) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (debugID !== 0) {
+	        var childDebugIDs = child._debugID !== 0 ? [child._debugID] : [];
+	        ReactInstrumentation.debugTool.onSetChildren(debugID, childDebugIDs);
+	      }
+	    }
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule getIteratorFn
-	 * @typechecks static-only
-	 */
+	    return markup;
+	  },
 
-	'use strict';
+	  getHostNode: function () {
+	    return ReactReconciler.getHostNode(this._renderedComponent);
+	  },
 
-	/* global Symbol */
-	var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-	var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+	  /**
+	   * Releases any resources allocated by `mountComponent`.
+	   *
+	   * @final
+	   * @internal
+	   */
+	  unmountComponent: function (safely) {
+	    if (!this._renderedComponent) {
+	      return;
+	    }
 
-	/**
-	 * Returns the iterator method function contained on the iterable object.
-	 *
-	 * Be sure to invoke the function with the iterable as context:
-	 *
-	 *     var iteratorFn = getIteratorFn(myIterable);
-	 *     if (iteratorFn) {
-	 *       var iterator = iteratorFn.call(myIterable);
-	 *       ...
-	 *     }
-	 *
-	 * @param {?object} maybeIterable
-	 * @return {?function}
-	 */
-	function getIteratorFn(maybeIterable) {
-	  var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-	  if (typeof iteratorFn === 'function') {
-	    return iteratorFn;
-	  }
-	}
+	    var inst = this._instance;
 
-	module.exports = getIteratorFn;
+	    if (inst.componentWillUnmount && !inst._calledComponentWillUnmount) {
+	      inst._calledComponentWillUnmount = true;
 
-/***/ },
-/* 109 */
-/***/ function(module, exports, __webpack_require__) {
+	      if (safely) {
+	        var name = this.getName() + '.componentWillUnmount()';
+	        ReactErrorUtils.invokeGuardedCallback(name, inst.componentWillUnmount.bind(inst));
+	      } else {
+	        if (process.env.NODE_ENV !== 'production') {
+	          measureLifeCyclePerf(function () {
+	            return inst.componentWillUnmount();
+	          }, this._debugID, 'componentWillUnmount');
+	        } else {
+	          inst.componentWillUnmount();
+	        }
+	      }
+	    }
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDOMOption
-	 */
+	    if (this._renderedComponent) {
+	      ReactReconciler.unmountComponent(this._renderedComponent, safely);
+	      this._renderedNodeType = null;
+	      this._renderedComponent = null;
+	      this._instance = null;
+	    }
 
-	'use strict';
+	    // Reset pending fields
+	    // Even if this component is scheduled for another update in ReactUpdates,
+	    // it would still be ignored because these fields are reset.
+	    this._pendingStateQueue = null;
+	    this._pendingReplaceState = false;
+	    this._pendingForceUpdate = false;
+	    this._pendingCallbacks = null;
+	    this._pendingElement = null;
 
-	var ReactChildren = __webpack_require__(110);
-	var ReactDOMSelect = __webpack_require__(112);
+	    // These fields do not really need to be reset since this object is no
+	    // longer accessible.
+	    this._context = null;
+	    this._rootNodeID = 0;
+	    this._topLevelWrapper = null;
 
-	var assign = __webpack_require__(39);
-	var warning = __webpack_require__(25);
+	    // Delete the reference from the instance to this internal representation
+	    // which allow the internals to be properly cleaned up even if the user
+	    // leaks a reference to the public instance.
+	    ReactInstanceMap.remove(inst);
 
-	var valueContextKey = ReactDOMSelect.valueContextKey;
+	    // Some existing components rely on inst.props even after they've been
+	    // destroyed (in event handlers).
+	    // TODO: inst.props = null;
+	    // TODO: inst.state = null;
+	    // TODO: inst.context = null;
+	  },
 
-	/**
-	 * Implements an <option> native component that warns when `selected` is set.
-	 */
-	var ReactDOMOption = {
-	  mountWrapper: function (inst, props, context) {
-	    // TODO (yungsters): Remove support for `selected` in <option>.
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(props.selected == null, 'Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.') : undefined;
+	  /**
+	   * Filters the context object to only contain keys specified in
+	   * `contextTypes`
+	   *
+	   * @param {object} context
+	   * @return {?object}
+	   * @private
+	   */
+	  _maskContext: function (context) {
+	    var Component = this._currentElement.type;
+	    var contextTypes = Component.contextTypes;
+	    if (!contextTypes) {
+	      return emptyObject;
 	    }
-
-	    // Look up whether this option is 'selected' via context
-	    var selectValue = context[valueContextKey];
-
-	    // If context key is null (e.g., no specified value or after initial mount)
-	    // or missing (e.g., for <datalist>), we don't change props.selected
-	    var selected = null;
-	    if (selectValue != null) {
-	      selected = false;
-	      if (Array.isArray(selectValue)) {
-	        // multiple
-	        for (var i = 0; i < selectValue.length; i++) {
-	          if ('' + selectValue[i] === '' + props.value) {
-	            selected = true;
-	            break;
-	          }
-	        }
-	      } else {
-	        selected = '' + selectValue === '' + props.value;
-	      }
+	    var maskedContext = {};
+	    for (var contextName in contextTypes) {
+	      maskedContext[contextName] = context[contextName];
 	    }
-
-	    inst._wrapperState = { selected: selected };
+	    return maskedContext;
 	  },
 
-	  getNativeProps: function (inst, props, context) {
-	    var nativeProps = assign({ selected: undefined, children: undefined }, props);
-
-	    // Read state only from initial mount because <select> updates value
-	    // manually; we need the initial state only for server rendering
-	    if (inst._wrapperState.selected != null) {
-	      nativeProps.selected = inst._wrapperState.selected;
+	  /**
+	   * Filters the context object to only contain keys specified in
+	   * `contextTypes`, and asserts that they are valid.
+	   *
+	   * @param {object} context
+	   * @return {?object}
+	   * @private
+	   */
+	  _processContext: function (context) {
+	    var maskedContext = this._maskContext(context);
+	    if (process.env.NODE_ENV !== 'production') {
+	      var Component = this._currentElement.type;
+	      if (Component.contextTypes) {
+	        this._checkContextTypes(Component.contextTypes, maskedContext, 'context');
+	      }
 	    }
+	    return maskedContext;
+	  },
 
-	    var content = '';
+	  /**
+	   * @param {object} currentContext
+	   * @return {object}
+	   * @private
+	   */
+	  _processChildContext: function (currentContext) {
+	    var Component = this._currentElement.type;
+	    var inst = this._instance;
+	    var childContext;
 
-	    // Flatten children and warn if they aren't strings or numbers;
-	    // invalid types are ignored.
-	    ReactChildren.forEach(props.children, function (child) {
-	      if (child == null) {
-	        return;
-	      }
-	      if (typeof child === 'string' || typeof child === 'number') {
-	        content += child;
+	    if (inst.getChildContext) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        ReactInstrumentation.debugTool.onBeginProcessingChildContext();
+	        try {
+	          childContext = inst.getChildContext();
+	        } finally {
+	          ReactInstrumentation.debugTool.onEndProcessingChildContext();
+	        }
 	      } else {
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'Only strings and numbers are supported as <option> children.') : undefined;
+	        childContext = inst.getChildContext();
 	      }
-	    });
-
-	    if (content) {
-	      nativeProps.children = content;
 	    }
 
-	    return nativeProps;
-	  }
-
-	};
-
-	module.exports = ReactDOMOption;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 110 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactChildren
-	 */
-
-	'use strict';
-
-	var PooledClass = __webpack_require__(56);
-	var ReactElement = __webpack_require__(42);
+	    if (childContext) {
+	      !(typeof Component.childContextTypes === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().', this.getName() || 'ReactCompositeComponent') : _prodInvariant('107', this.getName() || 'ReactCompositeComponent') : void 0;
+	      if (process.env.NODE_ENV !== 'production') {
+	        this._checkContextTypes(Component.childContextTypes, childContext, 'child context');
+	      }
+	      for (var name in childContext) {
+	        !(name in Component.childContextTypes) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', this.getName() || 'ReactCompositeComponent', name) : _prodInvariant('108', this.getName() || 'ReactCompositeComponent', name) : void 0;
+	      }
+	      return _assign({}, currentContext, childContext);
+	    }
+	    return currentContext;
+	  },
 
-	var emptyFunction = __webpack_require__(15);
-	var traverseAllChildren = __webpack_require__(111);
+	  /**
+	   * Assert that the context types are valid
+	   *
+	   * @param {object} typeSpecs Map of context field to a ReactPropType
+	   * @param {object} values Runtime values that need to be type-checked
+	   * @param {string} location e.g. "prop", "context", "child context"
+	   * @private
+	   */
+	  _checkContextTypes: function (typeSpecs, values, location) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      checkReactTypeSpec(typeSpecs, values, location, this.getName(), null, this._debugID);
+	    }
+	  },
 
-	var twoArgumentPooler = PooledClass.twoArgumentPooler;
-	var fourArgumentPooler = PooledClass.fourArgumentPooler;
+	  receiveComponent: function (nextElement, transaction, nextContext) {
+	    var prevElement = this._currentElement;
+	    var prevContext = this._context;
 
-	var userProvidedKeyEscapeRegex = /\/(?!\/)/g;
-	function escapeUserProvidedKey(text) {
-	  return ('' + text).replace(userProvidedKeyEscapeRegex, '//');
-	}
+	    this._pendingElement = null;
 
-	/**
-	 * PooledClass representing the bookkeeping associated with performing a child
-	 * traversal. Allows avoiding binding callbacks.
-	 *
-	 * @constructor ForEachBookKeeping
-	 * @param {!function} forEachFunction Function to perform traversal with.
-	 * @param {?*} forEachContext Context to perform context with.
-	 */
-	function ForEachBookKeeping(forEachFunction, forEachContext) {
-	  this.func = forEachFunction;
-	  this.context = forEachContext;
-	  this.count = 0;
-	}
-	ForEachBookKeeping.prototype.destructor = function () {
-	  this.func = null;
-	  this.context = null;
-	  this.count = 0;
-	};
-	PooledClass.addPoolingTo(ForEachBookKeeping, twoArgumentPooler);
+	    this.updateComponent(transaction, prevElement, nextElement, prevContext, nextContext);
+	  },
 
-	function forEachSingleChild(bookKeeping, child, name) {
-	  var func = bookKeeping.func;
-	  var context = bookKeeping.context;
+	  /**
+	   * If any of `_pendingElement`, `_pendingStateQueue`, or `_pendingForceUpdate`
+	   * is set, update the component.
+	   *
+	   * @param {ReactReconcileTransaction} transaction
+	   * @internal
+	   */
+	  performUpdateIfNecessary: function (transaction) {
+	    if (this._pendingElement != null) {
+	      ReactReconciler.receiveComponent(this, this._pendingElement, transaction, this._context);
+	    } else if (this._pendingStateQueue !== null || this._pendingForceUpdate) {
+	      this.updateComponent(transaction, this._currentElement, this._currentElement, this._context, this._context);
+	    } else {
+	      this._updateBatchNumber = null;
+	    }
+	  },
 
-	  func.call(context, child, bookKeeping.count++);
-	}
+	  /**
+	   * Perform an update to a mounted component. The componentWillReceiveProps and
+	   * shouldComponentUpdate methods are called, then (assuming the update isn't
+	   * skipped) the remaining update lifecycle methods are called and the DOM
+	   * representation is updated.
+	   *
+	   * By default, this implements React's rendering and reconciliation algorithm.
+	   * Sophisticated clients may wish to override this.
+	   *
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {ReactElement} prevParentElement
+	   * @param {ReactElement} nextParentElement
+	   * @internal
+	   * @overridable
+	   */
+	  updateComponent: function (transaction, prevParentElement, nextParentElement, prevUnmaskedContext, nextUnmaskedContext) {
+	    var inst = this._instance;
+	    !(inst != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Attempted to update component `%s` that has already been unmounted (or failed to mount).', this.getName() || 'ReactCompositeComponent') : _prodInvariant('136', this.getName() || 'ReactCompositeComponent') : void 0;
 
-	/**
-	 * Iterates through children that are typically specified as `props.children`.
-	 *
-	 * The provided forEachFunc(child, index) will be called for each
-	 * leaf child.
-	 *
-	 * @param {?*} children Children tree container.
-	 * @param {function(*, int)} forEachFunc
-	 * @param {*} forEachContext Context for forEachContext.
-	 */
-	function forEachChildren(children, forEachFunc, forEachContext) {
-	  if (children == null) {
-	    return children;
-	  }
-	  var traverseContext = ForEachBookKeeping.getPooled(forEachFunc, forEachContext);
-	  traverseAllChildren(children, forEachSingleChild, traverseContext);
-	  ForEachBookKeeping.release(traverseContext);
-	}
+	    var willReceive = false;
+	    var nextContext;
 
-	/**
-	 * PooledClass representing the bookkeeping associated with performing a child
-	 * mapping. Allows avoiding binding callbacks.
-	 *
-	 * @constructor MapBookKeeping
-	 * @param {!*} mapResult Object containing the ordered map of results.
-	 * @param {!function} mapFunction Function to perform mapping with.
-	 * @param {?*} mapContext Context to perform mapping with.
-	 */
-	function MapBookKeeping(mapResult, keyPrefix, mapFunction, mapContext) {
-	  this.result = mapResult;
-	  this.keyPrefix = keyPrefix;
-	  this.func = mapFunction;
-	  this.context = mapContext;
-	  this.count = 0;
-	}
-	MapBookKeeping.prototype.destructor = function () {
-	  this.result = null;
-	  this.keyPrefix = null;
-	  this.func = null;
-	  this.context = null;
-	  this.count = 0;
-	};
-	PooledClass.addPoolingTo(MapBookKeeping, fourArgumentPooler);
+	    // Determine if the context has changed or not
+	    if (this._context === nextUnmaskedContext) {
+	      nextContext = inst.context;
+	    } else {
+	      nextContext = this._processContext(nextUnmaskedContext);
+	      willReceive = true;
+	    }
 
-	function mapSingleChildIntoContext(bookKeeping, child, childKey) {
-	  var result = bookKeeping.result;
-	  var keyPrefix = bookKeeping.keyPrefix;
-	  var func = bookKeeping.func;
-	  var context = bookKeeping.context;
+	    var prevProps = prevParentElement.props;
+	    var nextProps = nextParentElement.props;
 
-	  var mappedChild = func.call(context, child, bookKeeping.count++);
-	  if (Array.isArray(mappedChild)) {
-	    mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, emptyFunction.thatReturnsArgument);
-	  } else if (mappedChild != null) {
-	    if (ReactElement.isValidElement(mappedChild)) {
-	      mappedChild = ReactElement.cloneAndReplaceKey(mappedChild,
-	      // Keep both the (mapped) and old keys if they differ, just as
-	      // traverseAllChildren used to do for objects as children
-	      keyPrefix + (mappedChild !== child ? escapeUserProvidedKey(mappedChild.key || '') + '/' : '') + childKey);
+	    // Not a simple state update but a props update
+	    if (prevParentElement !== nextParentElement) {
+	      willReceive = true;
 	    }
-	    result.push(mappedChild);
-	  }
-	}
 
-	function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
-	  var escapedPrefix = '';
-	  if (prefix != null) {
-	    escapedPrefix = escapeUserProvidedKey(prefix) + '/';
-	  }
-	  var traverseContext = MapBookKeeping.getPooled(array, escapedPrefix, func, context);
-	  traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
-	  MapBookKeeping.release(traverseContext);
-	}
+	    // An update here will schedule an update but immediately set
+	    // _pendingStateQueue which will ensure that any state updates gets
+	    // immediately reconciled instead of waiting for the next batch.
+	    if (willReceive && inst.componentWillReceiveProps) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        measureLifeCyclePerf(function () {
+	          return inst.componentWillReceiveProps(nextProps, nextContext);
+	        }, this._debugID, 'componentWillReceiveProps');
+	      } else {
+	        inst.componentWillReceiveProps(nextProps, nextContext);
+	      }
+	    }
 
-	/**
-	 * Maps children that are typically specified as `props.children`.
-	 *
-	 * The provided mapFunction(child, key, index) will be called for each
-	 * leaf child.
-	 *
-	 * @param {?*} children Children tree container.
-	 * @param {function(*, int)} func The map function.
-	 * @param {*} context Context for mapFunction.
-	 * @return {object} Object containing the ordered map of results.
-	 */
-	function mapChildren(children, func, context) {
-	  if (children == null) {
-	    return children;
-	  }
-	  var result = [];
-	  mapIntoWithKeyPrefixInternal(children, result, null, func, context);
-	  return result;
-	}
+	    var nextState = this._processPendingState(nextProps, nextContext);
+	    var shouldUpdate = true;
 
-	function forEachSingleChildDummy(traverseContext, child, name) {
-	  return null;
-	}
+	    if (!this._pendingForceUpdate) {
+	      if (inst.shouldComponentUpdate) {
+	        if (process.env.NODE_ENV !== 'production') {
+	          shouldUpdate = measureLifeCyclePerf(function () {
+	            return inst.shouldComponentUpdate(nextProps, nextState, nextContext);
+	          }, this._debugID, 'shouldComponentUpdate');
+	        } else {
+	          shouldUpdate = inst.shouldComponentUpdate(nextProps, nextState, nextContext);
+	        }
+	      } else {
+	        if (this._compositeType === CompositeTypes.PureClass) {
+	          shouldUpdate = !shallowEqual(prevProps, nextProps) || !shallowEqual(inst.state, nextState);
+	        }
+	      }
+	    }
 
-	/**
-	 * Count the number of children that are typically specified as
-	 * `props.children`.
-	 *
-	 * @param {?*} children Children tree container.
-	 * @return {number} The number of children.
-	 */
-	function countChildren(children, context) {
-	  return traverseAllChildren(children, forEachSingleChildDummy, null);
-	}
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(shouldUpdate !== undefined, '%s.shouldComponentUpdate(): Returned undefined instead of a ' + 'boolean value. Make sure to return true or false.', this.getName() || 'ReactCompositeComponent') : void 0;
+	    }
 
-	/**
-	 * Flatten a children object (typically specified as `props.children`) and
-	 * return an array with appropriately re-keyed children.
-	 */
-	function toArray(children) {
-	  var result = [];
-	  mapIntoWithKeyPrefixInternal(children, result, null, emptyFunction.thatReturnsArgument);
-	  return result;
-	}
+	    this._updateBatchNumber = null;
+	    if (shouldUpdate) {
+	      this._pendingForceUpdate = false;
+	      // Will set `this.props`, `this.state` and `this.context`.
+	      this._performComponentUpdate(nextParentElement, nextProps, nextState, nextContext, transaction, nextUnmaskedContext);
+	    } else {
+	      // If it's determined that a component should not update, we still want
+	      // to set props and state but we shortcut the rest of the update.
+	      this._currentElement = nextParentElement;
+	      this._context = nextUnmaskedContext;
+	      inst.props = nextProps;
+	      inst.state = nextState;
+	      inst.context = nextContext;
+	    }
+	  },
 
-	var ReactChildren = {
-	  forEach: forEachChildren,
-	  map: mapChildren,
-	  mapIntoWithKeyPrefixInternal: mapIntoWithKeyPrefixInternal,
-	  count: countChildren,
-	  toArray: toArray
-	};
+	  _processPendingState: function (props, context) {
+	    var inst = this._instance;
+	    var queue = this._pendingStateQueue;
+	    var replace = this._pendingReplaceState;
+	    this._pendingReplaceState = false;
+	    this._pendingStateQueue = null;
 
-	module.exports = ReactChildren;
+	    if (!queue) {
+	      return inst.state;
+	    }
 
-/***/ },
-/* 111 */
-/***/ function(module, exports, __webpack_require__) {
+	    if (replace && queue.length === 1) {
+	      return queue[0];
+	    }
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule traverseAllChildren
-	 */
+	    var nextState = _assign({}, replace ? queue[0] : inst.state);
+	    for (var i = replace ? 1 : 0; i < queue.length; i++) {
+	      var partial = queue[i];
+	      _assign(nextState, typeof partial === 'function' ? partial.call(inst, nextState, props, context) : partial);
+	    }
 
-	'use strict';
+	    return nextState;
+	  },
 
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactElement = __webpack_require__(42);
-	var ReactInstanceHandles = __webpack_require__(45);
+	  /**
+	   * Merges new props and state, notifies delegate methods of update and
+	   * performs update.
+	   *
+	   * @param {ReactElement} nextElement Next element
+	   * @param {object} nextProps Next public object to set as properties.
+	   * @param {?object} nextState Next object to set as state.
+	   * @param {?object} nextContext Next public object to set as context.
+	   * @param {ReactReconcileTransaction} transaction
+	   * @param {?object} unmaskedContext
+	   * @private
+	   */
+	  _performComponentUpdate: function (nextElement, nextProps, nextState, nextContext, transaction, unmaskedContext) {
+	    var _this2 = this;
 
-	var getIteratorFn = __webpack_require__(108);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	    var inst = this._instance;
 
-	var SEPARATOR = ReactInstanceHandles.SEPARATOR;
-	var SUBSEPARATOR = ':';
+	    var hasComponentDidUpdate = Boolean(inst.componentDidUpdate);
+	    var prevProps;
+	    var prevState;
+	    var prevContext;
+	    if (hasComponentDidUpdate) {
+	      prevProps = inst.props;
+	      prevState = inst.state;
+	      prevContext = inst.context;
+	    }
 
-	/**
-	 * TODO: Test that a single child and an array with one item have the same key
-	 * pattern.
-	 */
+	    if (inst.componentWillUpdate) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        measureLifeCyclePerf(function () {
+	          return inst.componentWillUpdate(nextProps, nextState, nextContext);
+	        }, this._debugID, 'componentWillUpdate');
+	      } else {
+	        inst.componentWillUpdate(nextProps, nextState, nextContext);
+	      }
+	    }
 
-	var userProvidedKeyEscaperLookup = {
-	  '=': '=0',
-	  '.': '=1',
-	  ':': '=2'
-	};
+	    this._currentElement = nextElement;
+	    this._context = unmaskedContext;
+	    inst.props = nextProps;
+	    inst.state = nextState;
+	    inst.context = nextContext;
 
-	var userProvidedKeyEscapeRegex = /[=.:]/g;
+	    this._updateRenderedComponent(transaction, unmaskedContext);
 
-	var didWarnAboutMaps = false;
+	    if (hasComponentDidUpdate) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        transaction.getReactMountReady().enqueue(function () {
+	          measureLifeCyclePerf(inst.componentDidUpdate.bind(inst, prevProps, prevState, prevContext), _this2._debugID, 'componentDidUpdate');
+	        });
+	      } else {
+	        transaction.getReactMountReady().enqueue(inst.componentDidUpdate.bind(inst, prevProps, prevState, prevContext), inst);
+	      }
+	    }
+	  },
 
-	function userProvidedKeyEscaper(match) {
-	  return userProvidedKeyEscaperLookup[match];
-	}
+	  /**
+	   * Call the component's `render` method and update the DOM accordingly.
+	   *
+	   * @param {ReactReconcileTransaction} transaction
+	   * @internal
+	   */
+	  _updateRenderedComponent: function (transaction, context) {
+	    var prevComponentInstance = this._renderedComponent;
+	    var prevRenderedElement = prevComponentInstance._currentElement;
+	    var nextRenderedElement = this._renderValidatedComponent();
 
-	/**
-	 * Generate a key string that identifies a component within a set.
-	 *
-	 * @param {*} component A component that could contain a manual key.
-	 * @param {number} index Index that is used if a manual key is not provided.
-	 * @return {string}
-	 */
-	function getComponentKey(component, index) {
-	  if (component && component.key != null) {
-	    // Explicit key
-	    return wrapUserProvidedKey(component.key);
-	  }
-	  // Implicit key determined by the index in the set
-	  return index.toString(36);
-	}
+	    var debugID = 0;
+	    if (process.env.NODE_ENV !== 'production') {
+	      debugID = this._debugID;
+	    }
 
-	/**
-	 * Escape a component key so that it is safe to use in a reactid.
-	 *
-	 * @param {*} text Component key to be escaped.
-	 * @return {string} An escaped string.
-	 */
-	function escapeUserProvidedKey(text) {
-	  return ('' + text).replace(userProvidedKeyEscapeRegex, userProvidedKeyEscaper);
-	}
+	    if (shouldUpdateReactComponent(prevRenderedElement, nextRenderedElement)) {
+	      ReactReconciler.receiveComponent(prevComponentInstance, nextRenderedElement, transaction, this._processChildContext(context));
+	    } else {
+	      var oldHostNode = ReactReconciler.getHostNode(prevComponentInstance);
+	      ReactReconciler.unmountComponent(prevComponentInstance, false);
 
-	/**
-	 * Wrap a `key` value explicitly provided by the user to distinguish it from
-	 * implicitly-generated keys generated by a component's index in its parent.
-	 *
-	 * @param {string} key Value of a user-provided `key` attribute
-	 * @return {string}
-	 */
-	function wrapUserProvidedKey(key) {
-	  return '$' + escapeUserProvidedKey(key);
-	}
+	      var nodeType = ReactNodeTypes.getType(nextRenderedElement);
+	      this._renderedNodeType = nodeType;
+	      var child = this._instantiateReactComponent(nextRenderedElement, nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */
+	      );
+	      this._renderedComponent = child;
 
-	/**
-	 * @param {?*} children Children tree container.
-	 * @param {!string} nameSoFar Name of the key path so far.
-	 * @param {!function} callback Callback to invoke with each child found.
-	 * @param {?*} traverseContext Used to pass information throughout the traversal
-	 * process.
-	 * @return {!number} The number of children in this subtree.
-	 */
-	function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
-	  var type = typeof children;
+	      var nextMarkup = ReactReconciler.mountComponent(child, transaction, this._hostParent, this._hostContainerInfo, this._processChildContext(context), debugID);
 
-	  if (type === 'undefined' || type === 'boolean') {
-	    // All of the above are perceived as null.
-	    children = null;
-	  }
+	      if (process.env.NODE_ENV !== 'production') {
+	        if (debugID !== 0) {
+	          var childDebugIDs = child._debugID !== 0 ? [child._debugID] : [];
+	          ReactInstrumentation.debugTool.onSetChildren(debugID, childDebugIDs);
+	        }
+	      }
 
-	  if (children === null || type === 'string' || type === 'number' || ReactElement.isValidElement(children)) {
-	    callback(traverseContext, children,
-	    // If it's the only child, treat the name as if it was wrapped in an array
-	    // so that it's consistent if the number of children grows.
-	    nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
-	    return 1;
-	  }
+	      this._replaceNodeWithMarkup(oldHostNode, nextMarkup, prevComponentInstance);
+	    }
+	  },
 
-	  var child;
-	  var nextName;
-	  var subtreeCount = 0; // Count of children found in the current subtree.
-	  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+	  /**
+	   * Overridden in shallow rendering.
+	   *
+	   * @protected
+	   */
+	  _replaceNodeWithMarkup: function (oldHostNode, nextMarkup, prevInstance) {
+	    ReactComponentEnvironment.replaceNodeWithMarkup(oldHostNode, nextMarkup, prevInstance);
+	  },
 
-	  if (Array.isArray(children)) {
-	    for (var i = 0; i < children.length; i++) {
-	      child = children[i];
-	      nextName = nextNamePrefix + getComponentKey(child, i);
-	      subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
+	  /**
+	   * @protected
+	   */
+	  _renderValidatedComponentWithoutOwnerOrContext: function () {
+	    var inst = this._instance;
+	    var renderedElement;
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      renderedElement = measureLifeCyclePerf(function () {
+	        return inst.render();
+	      }, this._debugID, 'render');
+	    } else {
+	      renderedElement = inst.render();
 	    }
-	  } else {
-	    var iteratorFn = getIteratorFn(children);
-	    if (iteratorFn) {
-	      var iterator = iteratorFn.call(children);
-	      var step;
-	      if (iteratorFn !== children.entries) {
-	        var ii = 0;
-	        while (!(step = iterator.next()).done) {
-	          child = step.value;
-	          nextName = nextNamePrefix + getComponentKey(child, ii++);
-	          subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
-	        }
-	      } else {
-	        if (process.env.NODE_ENV !== 'production') {
-	          process.env.NODE_ENV !== 'production' ? warning(didWarnAboutMaps, 'Using Maps as children is not yet fully supported. It is an ' + 'experimental feature that might be removed. Convert it to a ' + 'sequence / iterable of keyed ReactElements instead.') : undefined;
-	          didWarnAboutMaps = true;
-	        }
-	        // Iterator will provide entry [k,v] tuples rather than values.
-	        while (!(step = iterator.next()).done) {
-	          var entry = step.value;
-	          if (entry) {
-	            child = entry[1];
-	            nextName = nextNamePrefix + wrapUserProvidedKey(entry[0]) + SUBSEPARATOR + getComponentKey(child, 0);
-	            subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
-	          }
-	        }
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      // We allow auto-mocks to proceed as if they're returning null.
+	      if (renderedElement === undefined && inst.render._isMockFunction) {
+	        // This is probably bad practice. Consider warning here and
+	        // deprecating this convenience.
+	        renderedElement = null;
 	      }
-	    } else if (type === 'object') {
-	      var addendum = '';
-	      if (process.env.NODE_ENV !== 'production') {
-	        addendum = ' If you meant to render a collection of children, use an array ' + 'instead or wrap the object using createFragment(object) from the ' + 'React add-ons.';
-	        if (children._isReactElement) {
-	          addendum = ' It looks like you\'re using an element created by a different ' + 'version of React. Make sure to use only one copy of React.';
-	        }
-	        if (ReactCurrentOwner.current) {
-	          var name = ReactCurrentOwner.current.getName();
-	          if (name) {
-	            addendum += ' Check the render method of `' + name + '`.';
-	          }
-	        }
+	    }
+
+	    return renderedElement;
+	  },
+
+	  /**
+	   * @private
+	   */
+	  _renderValidatedComponent: function () {
+	    var renderedElement;
+	    if (process.env.NODE_ENV !== 'production' || this._compositeType !== CompositeTypes.StatelessFunctional) {
+	      ReactCurrentOwner.current = this;
+	      try {
+	        renderedElement = this._renderValidatedComponentWithoutOwnerOrContext();
+	      } finally {
+	        ReactCurrentOwner.current = null;
 	      }
-	      var childrenString = String(children);
-	       true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum) : invariant(false) : undefined;
+	    } else {
+	      renderedElement = this._renderValidatedComponentWithoutOwnerOrContext();
+	    }
+	    !(
+	    // TODO: An `isValidNode` function would probably be more appropriate
+	    renderedElement === null || renderedElement === false || React.isValidElement(renderedElement)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.', this.getName() || 'ReactCompositeComponent') : _prodInvariant('109', this.getName() || 'ReactCompositeComponent') : void 0;
+
+	    return renderedElement;
+	  },
+
+	  /**
+	   * Lazily allocates the refs object and stores `component` as `ref`.
+	   *
+	   * @param {string} ref Reference name.
+	   * @param {component} component Component to store as `ref`.
+	   * @final
+	   * @private
+	   */
+	  attachRef: function (ref, component) {
+	    var inst = this.getPublicInstance();
+	    !(inst != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : _prodInvariant('110') : void 0;
+	    var publicComponentInstance = component.getPublicInstance();
+	    if (process.env.NODE_ENV !== 'production') {
+	      var componentName = component && component.getName ? component.getName() : 'a component';
+	      process.env.NODE_ENV !== 'production' ? warning(publicComponentInstance != null || component._compositeType !== CompositeTypes.StatelessFunctional, 'Stateless function components cannot be given refs ' + '(See ref "%s" in %s created by %s). ' + 'Attempts to access this ref will fail.', ref, componentName, this.getName()) : void 0;
+	    }
+	    var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
+	    refs[ref] = publicComponentInstance;
+	  },
+
+	  /**
+	   * Detaches a reference name.
+	   *
+	   * @param {string} ref Name to dereference.
+	   * @final
+	   * @private
+	   */
+	  detachRef: function (ref) {
+	    var refs = this.getPublicInstance().refs;
+	    delete refs[ref];
+	  },
+
+	  /**
+	   * Get a text description of the component that can be used to identify it
+	   * in error messages.
+	   * @return {string} The name or null.
+	   * @internal
+	   */
+	  getName: function () {
+	    var type = this._currentElement.type;
+	    var constructor = this._instance && this._instance.constructor;
+	    return type.displayName || constructor && constructor.displayName || type.name || constructor && constructor.name || null;
+	  },
+
+	  /**
+	   * Get the publicly accessible representation of this component - i.e. what
+	   * is exposed by refs and returned by render. Can be null for stateless
+	   * components.
+	   *
+	   * @return {ReactComponent} the public component instance.
+	   * @internal
+	   */
+	  getPublicInstance: function () {
+	    var inst = this._instance;
+	    if (this._compositeType === CompositeTypes.StatelessFunctional) {
+	      return null;
 	    }
-	  }
+	    return inst;
+	  },
 
-	  return subtreeCount;
-	}
+	  // Stub
+	  _instantiateReactComponent: null
 
-	/**
-	 * Traverses children that are typically specified as `props.children`, but
-	 * might also be specified through attributes:
-	 *
-	 * - `traverseAllChildren(this.props.children, ...)`
-	 * - `traverseAllChildren(this.props.leftPanelChildren, ...)`
+	};
+
+	module.exports = ReactCompositeComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 124 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * The `traverseContext` is an optional argument that is passed through the
-	 * entire traversal. It can be used to store accumulations or anything else that
-	 * the callback might find relevant.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {?*} children Children tree object.
-	 * @param {!function} callback To invoke upon traversing each child.
-	 * @param {?*} traverseContext Context for traversal.
-	 * @return {!number} The number of children in this subtree.
+	 * 
 	 */
-	function traverseAllChildren(children, callback, traverseContext) {
-	  if (children == null) {
-	    return 0;
-	  }
 
-	  return traverseAllChildrenImpl(children, '', callback, traverseContext);
-	}
+	'use strict';
 
-	module.exports = traverseAllChildren;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var _prodInvariant = __webpack_require__(39);
 
-/***/ },
-/* 112 */
-/***/ function(module, exports, __webpack_require__) {
+	var React = __webpack_require__(2);
+
+	var invariant = __webpack_require__(8);
+
+	var ReactNodeTypes = {
+	  HOST: 0,
+	  COMPOSITE: 1,
+	  EMPTY: 2,
+
+	  getType: function (node) {
+	    if (node === null || node === false) {
+	      return ReactNodeTypes.EMPTY;
+	    } else if (React.isValidElement(node)) {
+	      if (typeof node.type === 'function') {
+	        return ReactNodeTypes.COMPOSITE;
+	      } else {
+	        return ReactNodeTypes.HOST;
+	      }
+	    }
+	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Unexpected node: %s', node) : _prodInvariant('26', node) : void 0;
+	  }
+	};
+
+	module.exports = ReactNodeTypes;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 125 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMSelect
 	 */
 
 	'use strict';
 
-	var LinkedValueUtils = __webpack_require__(106);
-	var ReactMount = __webpack_require__(28);
-	var ReactUpdates = __webpack_require__(54);
-
-	var assign = __webpack_require__(39);
-	var warning = __webpack_require__(25);
+	var _prodInvariant = __webpack_require__(39);
 
-	var valueContextKey = '__ReactDOMSelect_value$' + Math.random().toString(36).slice(2);
-
-	function updateOptionsIfPendingUpdateAndMounted() {
-	  if (this._rootNodeID && this._wrapperState.pendingUpdate) {
-	    this._wrapperState.pendingUpdate = false;
+	var ReactPropTypeLocationNames = __webpack_require__(126);
+	var ReactPropTypesSecret = __webpack_require__(114);
 
-	    var props = this._currentElement.props;
-	    var value = LinkedValueUtils.getValue(props);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	    if (value != null) {
-	      updateOptions(this, Boolean(props.multiple), value);
-	    }
-	  }
-	}
+	var ReactComponentTreeHook;
 
-	function getDeclarationErrorAddendum(owner) {
-	  if (owner) {
-	    var name = owner.getName();
-	    if (name) {
-	      return ' Check the render method of `' + name + '`.';
-	    }
-	  }
-	  return '';
+	if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'test') {
+	  // Temporary hack.
+	  // Inline requires don't work well with Jest:
+	  // https://github.com/facebook/react/issues/7240
+	  // Remove the inline requires when we don't need them anymore:
+	  // https://github.com/facebook/react/pull/7178
+	  ReactComponentTreeHook = __webpack_require__(26);
 	}
 
-	var valuePropNames = ['value', 'defaultValue'];
+	var loggedTypeFailures = {};
 
 	/**
-	 * Validation function for `value` and `defaultValue`.
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?object} element The React element that is being type-checked
+	 * @param {?number} debugID The React component instance that is being type-checked
 	 * @private
 	 */
-	function checkSelectPropTypes(inst, props) {
-	  var owner = inst._currentElement._owner;
-	  LinkedValueUtils.checkPropTypes('select', props, owner);
+	function checkReactTypeSpec(typeSpecs, values, location, componentName, element, debugID) {
+	  for (var typeSpecName in typeSpecs) {
+	    if (typeSpecs.hasOwnProperty(typeSpecName)) {
+	      var error;
+	      // Prop type validation may throw. In case they do, we don't want to
+	      // fail the render phase where it didn't fail before. So we log it.
+	      // After these have been cleaned up, we'll let them throw.
+	      try {
+	        // This is intentionally an invariant that gets caught. It's the same
+	        // behavior as without this statement except with a better message.
+	        !(typeof typeSpecs[typeSpecName] === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : _prodInvariant('84', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : void 0;
+	        error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+	      } catch (ex) {
+	        error = ex;
+	      }
+	      process.env.NODE_ENV !== 'production' ? warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName, typeof error) : void 0;
+	      if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	        // Only monitor this failure once because there tends to be a lot of the
+	        // same error.
+	        loggedTypeFailures[error.message] = true;
 
-	  for (var i = 0; i < valuePropNames.length; i++) {
-	    var propName = valuePropNames[i];
-	    if (props[propName] == null) {
-	      continue;
-	    }
-	    if (props.multiple) {
-	      process.env.NODE_ENV !== 'production' ? warning(Array.isArray(props[propName]), 'The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.%s', propName, getDeclarationErrorAddendum(owner)) : undefined;
-	    } else {
-	      process.env.NODE_ENV !== 'production' ? warning(!Array.isArray(props[propName]), 'The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.%s', propName, getDeclarationErrorAddendum(owner)) : undefined;
+	        var componentStackInfo = '';
+
+	        if (process.env.NODE_ENV !== 'production') {
+	          if (!ReactComponentTreeHook) {
+	            ReactComponentTreeHook = __webpack_require__(26);
+	          }
+	          if (debugID !== null) {
+	            componentStackInfo = ReactComponentTreeHook.getStackAddendumByID(debugID);
+	          } else if (element !== null) {
+	            componentStackInfo = ReactComponentTreeHook.getCurrentStackAddendum(element);
+	          }
+	        }
+
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'Failed %s type: %s%s', location, error.message, componentStackInfo) : void 0;
+	      }
 	    }
 	  }
 	}
 
-	/**
-	 * @param {ReactDOMComponent} inst
-	 * @param {boolean} multiple
-	 * @param {*} propValue A stringable (with `multiple`, a list of stringables).
-	 * @private
+	module.exports = checkReactTypeSpec;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 126 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
 	 */
-	function updateOptions(inst, multiple, propValue) {
-	  var selectedValue, i;
-	  var options = ReactMount.getNode(inst._rootNodeID).options;
 
-	  if (multiple) {
-	    selectedValue = {};
-	    for (i = 0; i < propValue.length; i++) {
-	      selectedValue['' + propValue[i]] = true;
-	    }
-	    for (i = 0; i < options.length; i++) {
-	      var selected = selectedValue.hasOwnProperty(options[i].value);
-	      if (options[i].selected !== selected) {
-	        options[i].selected = selected;
-	      }
-	    }
-	  } else {
-	    // Do not set `select.value` as exact behavior isn't consistent across all
-	    // browsers for all cases.
-	    selectedValue = '' + propValue;
-	    for (i = 0; i < options.length; i++) {
-	      if (options[i].value === selectedValue) {
-	        options[i].selected = true;
-	        return;
-	      }
-	    }
-	    if (options.length) {
-	      options[0].selected = true;
-	    }
-	  }
+	'use strict';
+
+	var ReactPropTypeLocationNames = {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  ReactPropTypeLocationNames = {
+	    prop: 'prop',
+	    context: 'context',
+	    childContext: 'child context'
+	  };
 	}
 
+	module.exports = ReactPropTypeLocationNames;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 127 */
+/***/ (function(module, exports) {
+
 	/**
-	 * Implements a <select> native component that allows optionally setting the
-	 * props `value` and `defaultValue`. If `multiple` is false, the prop must be a
-	 * stringable. If `multiple` is true, the prop must be an array of stringables.
-	 *
-	 * If `value` is not supplied (or null/undefined), user actions that change the
-	 * selected option will trigger updates to the rendered options.
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * If it is supplied (and not null/undefined), the rendered options will not
-	 * update in response to user actions. Instead, the `value` prop must change in
-	 * order for the rendered options to update.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * If `defaultValue` is provided, any options with the supplied values will be
-	 * selected.
+	 * @typechecks
+	 * 
 	 */
-	var ReactDOMSelect = {
-	  valueContextKey: valueContextKey,
-
-	  getNativeProps: function (inst, props, context) {
-	    return assign({}, props, {
-	      onChange: inst._wrapperState.onChange,
-	      value: undefined
-	    });
-	  },
 
-	  mountWrapper: function (inst, props) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      checkSelectPropTypes(inst, props);
-	    }
+	/*eslint-disable no-self-compare */
 
-	    var value = LinkedValueUtils.getValue(props);
-	    inst._wrapperState = {
-	      pendingUpdate: false,
-	      initialValue: value != null ? value : props.defaultValue,
-	      onChange: _handleChange.bind(inst),
-	      wasMultiple: Boolean(props.multiple)
-	    };
-	  },
+	'use strict';
 
-	  processChildContext: function (inst, props, context) {
-	    // Pass down initial value so initial generated markup has correct
-	    // `selected` attributes
-	    var childContext = assign({}, context);
-	    childContext[valueContextKey] = inst._wrapperState.initialValue;
-	    return childContext;
-	  },
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-	  postUpdateWrapper: function (inst) {
-	    var props = inst._currentElement.props;
+	/**
+	 * inlined Object.is polyfill to avoid requiring consumers ship their own
+	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	 */
+	function is(x, y) {
+	  // SameValue algorithm
+	  if (x === y) {
+	    // Steps 1-5, 7-10
+	    // Steps 6.b-6.e: +0 != -0
+	    // Added the nonzero y check to make Flow happy, but it is redundant
+	    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+	  } else {
+	    // Step 6.a: NaN == NaN
+	    return x !== x && y !== y;
+	  }
+	}
 
-	    // After the initial mount, we control selected-ness manually so don't pass
-	    // the context value down
-	    inst._wrapperState.initialValue = undefined;
+	/**
+	 * Performs equality by iterating through keys on an object and returning false
+	 * when any key has values which are not strictly equal between the arguments.
+	 * Returns true when the values of all keys are strictly equal.
+	 */
+	function shallowEqual(objA, objB) {
+	  if (is(objA, objB)) {
+	    return true;
+	  }
 
-	    var wasMultiple = inst._wrapperState.wasMultiple;
-	    inst._wrapperState.wasMultiple = Boolean(props.multiple);
+	  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+	    return false;
+	  }
 
-	    var value = LinkedValueUtils.getValue(props);
-	    if (value != null) {
-	      inst._wrapperState.pendingUpdate = false;
-	      updateOptions(inst, Boolean(props.multiple), value);
-	    } else if (wasMultiple !== Boolean(props.multiple)) {
-	      // For simplicity, reapply `defaultValue` if `multiple` is toggled.
-	      if (props.defaultValue != null) {
-	        updateOptions(inst, Boolean(props.multiple), props.defaultValue);
-	      } else {
-	        // Revert the select back to its default unselected state.
-	        updateOptions(inst, Boolean(props.multiple), props.multiple ? [] : '');
-	      }
-	    }
+	  var keysA = Object.keys(objA);
+	  var keysB = Object.keys(objB);
+
+	  if (keysA.length !== keysB.length) {
+	    return false;
 	  }
-	};
 
-	function _handleChange(event) {
-	  var props = this._currentElement.props;
-	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
+	  // Test for A's keys different from B.
+	  for (var i = 0; i < keysA.length; i++) {
+	    if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
+	      return false;
+	    }
+	  }
 
-	  this._wrapperState.pendingUpdate = true;
-	  ReactUpdates.asap(updateOptionsIfPendingUpdateAndMounted, this);
-	  return returnValue;
+	  return true;
 	}
 
-	module.exports = ReactDOMSelect;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = shallowEqual;
 
-/***/ },
-/* 113 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 128 */
+/***/ (function(module, exports) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMTextarea
 	 */
 
 	'use strict';
 
-	var LinkedValueUtils = __webpack_require__(106);
-	var ReactDOMIDOperations = __webpack_require__(27);
-	var ReactUpdates = __webpack_require__(54);
+	/**
+	 * Given a `prevElement` and `nextElement`, determines if the existing
+	 * instance should be updated as opposed to being destroyed or replaced by a new
+	 * instance. Both arguments are elements. This ensures that this logic can
+	 * operate on stateless trees without any backing instance.
+	 *
+	 * @param {?object} prevElement
+	 * @param {?object} nextElement
+	 * @return {boolean} True if the existing instance should be updated.
+	 * @protected
+	 */
 
-	var assign = __webpack_require__(39);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	function shouldUpdateReactComponent(prevElement, nextElement) {
+	  var prevEmpty = prevElement === null || prevElement === false;
+	  var nextEmpty = nextElement === null || nextElement === false;
+	  if (prevEmpty || nextEmpty) {
+	    return prevEmpty === nextEmpty;
+	  }
 
-	function forceUpdateIfMounted() {
-	  if (this._rootNodeID) {
-	    // DOM component is still mounted; update
-	    ReactDOMTextarea.updateWrapper(this);
+	  var prevType = typeof prevElement;
+	  var nextType = typeof nextElement;
+	  if (prevType === 'string' || prevType === 'number') {
+	    return nextType === 'string' || nextType === 'number';
+	  } else {
+	    return nextType === 'object' && prevElement.type === nextElement.type && prevElement.key === nextElement.key;
 	  }
 	}
 
+	module.exports = shouldUpdateReactComponent;
+
+/***/ }),
+/* 129 */
+/***/ (function(module, exports) {
+
 	/**
-	 * Implements a <textarea> native component that allows setting `value`, and
-	 * `defaultValue`. This differs from the traditional DOM API because value is
-	 * usually set as PCDATA children.
-	 *
-	 * If `value` is not supplied (or null/undefined), user actions that affect the
-	 * value will trigger updates to the element.
+	 * Copyright 2014-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * If `value` is supplied (and not null/undefined), the rendered element will
-	 * not trigger updates to the element. Instead, the `value` prop must change in
-	 * order for the rendered element to be updated.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * The rendered element will be initialized with an empty value, the prop
-	 * `defaultValue` if specified, or the children content (deprecated).
 	 */
-	var ReactDOMTextarea = {
-	  getNativeProps: function (inst, props, context) {
-	    !(props.dangerouslySetInnerHTML == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, '`dangerouslySetInnerHTML` does not make sense on <textarea>.') : invariant(false) : undefined;
-
-	    // Always set children to the same thing. In IE9, the selection range will
-	    // get reset if `textContent` is mutated.
-	    var nativeProps = assign({}, props, {
-	      defaultValue: undefined,
-	      value: undefined,
-	      children: inst._wrapperState.initialValue,
-	      onChange: inst._wrapperState.onChange
-	    });
-
-	    return nativeProps;
-	  },
-
-	  mountWrapper: function (inst, props) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      LinkedValueUtils.checkPropTypes('textarea', props, inst._currentElement._owner);
-	    }
 
-	    var defaultValue = props.defaultValue;
-	    // TODO (yungsters): Remove support for children content in <textarea>.
-	    var children = props.children;
-	    if (children != null) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.') : undefined;
-	      }
-	      !(defaultValue == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'If you supply `defaultValue` on a <textarea>, do not pass children.') : invariant(false) : undefined;
-	      if (Array.isArray(children)) {
-	        !(children.length <= 1) ? process.env.NODE_ENV !== 'production' ? invariant(false, '<textarea> can only have at most one child.') : invariant(false) : undefined;
-	        children = children[0];
-	      }
+	'use strict';
 
-	      defaultValue = '' + children;
-	    }
-	    if (defaultValue == null) {
-	      defaultValue = '';
-	    }
-	    var value = LinkedValueUtils.getValue(props);
+	var emptyComponentFactory;
 
-	    inst._wrapperState = {
-	      // We save the initial value so that `ReactDOMComponent` doesn't update
-	      // `textContent` (unnecessary since we update value).
-	      // The initial value can be a boolean or object so that's why it's
-	      // forced to be a string.
-	      initialValue: '' + (value != null ? value : defaultValue),
-	      onChange: _handleChange.bind(inst)
-	    };
-	  },
+	var ReactEmptyComponentInjection = {
+	  injectEmptyComponentFactory: function (factory) {
+	    emptyComponentFactory = factory;
+	  }
+	};
 
-	  updateWrapper: function (inst) {
-	    var props = inst._currentElement.props;
-	    var value = LinkedValueUtils.getValue(props);
-	    if (value != null) {
-	      // Cast `value` to a string to ensure the value is set correctly. While
-	      // browsers typically do this as necessary, jsdom doesn't.
-	      ReactDOMIDOperations.updatePropertyByID(inst._rootNodeID, 'value', '' + value);
-	    }
+	var ReactEmptyComponent = {
+	  create: function (instantiate) {
+	    return emptyComponentFactory(instantiate);
 	  }
 	};
 
-	function _handleChange(event) {
-	  var props = this._currentElement.props;
-	  var returnValue = LinkedValueUtils.executeOnChange(props, event);
-	  ReactUpdates.asap(forceUpdateIfMounted, this);
-	  return returnValue;
-	}
+	ReactEmptyComponent.injection = ReactEmptyComponentInjection;
 
-	module.exports = ReactDOMTextarea;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactEmptyComponent;
 
-/***/ },
-/* 114 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 130 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactMultiChild
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var ReactComponentEnvironment = __webpack_require__(64);
-	var ReactMultiChildUpdateTypes = __webpack_require__(16);
+	var _prodInvariant = __webpack_require__(39);
 
-	var ReactCurrentOwner = __webpack_require__(5);
-	var ReactReconciler = __webpack_require__(50);
-	var ReactChildReconciler = __webpack_require__(115);
+	var invariant = __webpack_require__(8);
+
+	var genericComponentClass = null;
+	var textComponentClass = null;
 
-	var flattenChildren = __webpack_require__(116);
+	var ReactHostComponentInjection = {
+	  // This accepts a class that receives the tag string. This is a catch all
+	  // that can render any kind of tag.
+	  injectGenericComponentClass: function (componentClass) {
+	    genericComponentClass = componentClass;
+	  },
+	  // This accepts a text component class that takes the text string to be
+	  // rendered as props.
+	  injectTextComponentClass: function (componentClass) {
+	    textComponentClass = componentClass;
+	  }
+	};
 
 	/**
-	 * Updating children of a component may trigger recursive updates. The depth is
-	 * used to batch recursive updates to render markup more efficiently.
+	 * Get a host internal component class for a specific tag.
 	 *
-	 * @type {number}
-	 * @private
+	 * @param {ReactElement} element The element to create.
+	 * @return {function} The internal class constructor function.
 	 */
-	var updateDepth = 0;
+	function createInternalComponent(element) {
+	  !genericComponentClass ? process.env.NODE_ENV !== 'production' ? invariant(false, 'There is no registered component for the tag %s', element.type) : _prodInvariant('111', element.type) : void 0;
+	  return new genericComponentClass(element);
+	}
 
 	/**
-	 * Queue of update configuration objects.
-	 *
-	 * Each object has a `type` property that is in `ReactMultiChildUpdateTypes`.
-	 *
-	 * @type {array<object>}
-	 * @private
+	 * @param {ReactText} text
+	 * @return {ReactComponent}
 	 */
-	var updateQueue = [];
+	function createInstanceForText(text) {
+	  return new textComponentClass(text);
+	}
 
 	/**
-	 * Queue of markup to be rendered.
-	 *
-	 * @type {array<string>}
-	 * @private
+	 * @param {ReactComponent} component
+	 * @return {boolean}
 	 */
-	var markupQueue = [];
+	function isTextComponent(component) {
+	  return component instanceof textComponentClass;
+	}
+
+	var ReactHostComponent = {
+	  createInternalComponent: createInternalComponent,
+	  createInstanceForText: createInstanceForText,
+	  isTextComponent: isTextComponent,
+	  injection: ReactHostComponentInjection
+	};
+
+	module.exports = ReactHostComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 131 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Enqueues markup to be rendered and inserted at a supplied index.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * @param {string} parentID ID of the parent component.
-	 * @param {string} markup Markup that renders into an element.
-	 * @param {number} toIndex Destination index.
-	 * @private
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
 	 */
-	function enqueueInsertMarkup(parentID, markup, toIndex) {
-	  // NOTE: Null values reduce hidden classes.
-	  updateQueue.push({
-	    parentID: parentID,
-	    parentNode: null,
-	    type: ReactMultiChildUpdateTypes.INSERT_MARKUP,
-	    markupIndex: markupQueue.push(markup) - 1,
-	    content: null,
-	    fromIndex: null,
-	    toIndex: toIndex
-	  });
+
+	'use strict';
+
+	var nextDebugID = 1;
+
+	function getNextDebugID() {
+	  return nextDebugID++;
 	}
 
+	module.exports = getNextDebugID;
+
+/***/ }),
+/* 132 */
+/***/ (function(module, exports) {
+
 	/**
-	 * Enqueues moving an existing element to another index.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * @param {string} parentID ID of the parent component.
-	 * @param {number} fromIndex Source index of the existing element.
-	 * @param {number} toIndex Destination index of the element.
-	 * @private
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
 	 */
-	function enqueueMove(parentID, fromIndex, toIndex) {
-	  // NOTE: Null values reduce hidden classes.
-	  updateQueue.push({
-	    parentID: parentID,
-	    parentNode: null,
-	    type: ReactMultiChildUpdateTypes.MOVE_EXISTING,
-	    markupIndex: null,
-	    content: null,
-	    fromIndex: fromIndex,
-	    toIndex: toIndex
-	  });
-	}
+
+	'use strict';
 
 	/**
-	 * Enqueues removing an element at an index.
+	 * Escape and wrap key so it is safe to use as a reactid
 	 *
-	 * @param {string} parentID ID of the parent component.
-	 * @param {number} fromIndex Index of the element to remove.
-	 * @private
+	 * @param {string} key to be escaped.
+	 * @return {string} the escaped key.
 	 */
-	function enqueueRemove(parentID, fromIndex) {
-	  // NOTE: Null values reduce hidden classes.
-	  updateQueue.push({
-	    parentID: parentID,
-	    parentNode: null,
-	    type: ReactMultiChildUpdateTypes.REMOVE_NODE,
-	    markupIndex: null,
-	    content: null,
-	    fromIndex: fromIndex,
-	    toIndex: null
+
+	function escape(key) {
+	  var escapeRegex = /[=:]/g;
+	  var escaperLookup = {
+	    '=': '=0',
+	    ':': '=2'
+	  };
+	  var escapedString = ('' + key).replace(escapeRegex, function (match) {
+	    return escaperLookup[match];
 	  });
+
+	  return '$' + escapedString;
 	}
 
 	/**
-	 * Enqueues setting the markup of a node.
+	 * Unescape and unwrap key for human-readable display
 	 *
-	 * @param {string} parentID ID of the parent component.
-	 * @param {string} markup Markup that renders into an element.
-	 * @private
+	 * @param {string} key to unescape.
+	 * @return {string} the unescaped key.
 	 */
-	function enqueueSetMarkup(parentID, markup) {
-	  // NOTE: Null values reduce hidden classes.
-	  updateQueue.push({
-	    parentID: parentID,
-	    parentNode: null,
-	    type: ReactMultiChildUpdateTypes.SET_MARKUP,
-	    markupIndex: null,
-	    content: markup,
-	    fromIndex: null,
-	    toIndex: null
+	function unescape(key) {
+	  var unescapeRegex = /(=0|=2)/g;
+	  var unescaperLookup = {
+	    '=0': '=',
+	    '=2': ':'
+	  };
+	  var keySubstring = key[0] === '.' && key[1] === '$' ? key.substring(2) : key.substring(1);
+
+	  return ('' + keySubstring).replace(unescapeRegex, function (match) {
+	    return unescaperLookup[match];
 	  });
 	}
 
-	/**
-	 * Enqueues setting the text content.
+	var KeyEscapeUtils = {
+	  escape: escape,
+	  unescape: unescape
+	};
+
+	module.exports = KeyEscapeUtils;
+
+/***/ }),
+/* 133 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {string} parentID ID of the parent component.
-	 * @param {string} textContent Text content to set.
-	 * @private
 	 */
-	function enqueueTextContent(parentID, textContent) {
-	  // NOTE: Null values reduce hidden classes.
-	  updateQueue.push({
-	    parentID: parentID,
-	    parentNode: null,
-	    type: ReactMultiChildUpdateTypes.TEXT_CONTENT,
-	    markupIndex: null,
-	    content: textContent,
-	    fromIndex: null,
-	    toIndex: null
-	  });
-	}
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var ReactCurrentOwner = __webpack_require__(10);
+	var REACT_ELEMENT_TYPE = __webpack_require__(134);
+
+	var getIteratorFn = __webpack_require__(135);
+	var invariant = __webpack_require__(8);
+	var KeyEscapeUtils = __webpack_require__(132);
+	var warning = __webpack_require__(11);
+
+	var SEPARATOR = '.';
+	var SUBSEPARATOR = ':';
 
 	/**
-	 * Processes any enqueued updates.
+	 * This is inlined from ReactElement since this file is shared between
+	 * isomorphic and renderers. We could extract this to a
 	 *
-	 * @private
 	 */
-	function processQueue() {
-	  if (updateQueue.length) {
-	    ReactComponentEnvironment.processChildrenUpdates(updateQueue, markupQueue);
-	    clearQueue();
-	  }
-	}
 
 	/**
-	 * Clears any enqueued updates.
-	 *
-	 * @private
+	 * TODO: Test that a single child and an array with one item have the same key
+	 * pattern.
 	 */
-	function clearQueue() {
-	  updateQueue.length = 0;
-	  markupQueue.length = 0;
-	}
+
+	var didWarnAboutMaps = false;
 
 	/**
-	 * ReactMultiChild are capable of reconciling multiple children.
+	 * Generate a key string that identifies a component within a set.
 	 *
-	 * @class ReactMultiChild
-	 * @internal
+	 * @param {*} component A component that could contain a manual key.
+	 * @param {number} index Index that is used if a manual key is not provided.
+	 * @return {string}
+	 */
+	function getComponentKey(component, index) {
+	  // Do some typechecking here since we call this blindly. We want to ensure
+	  // that we don't block potential future ES APIs.
+	  if (component && typeof component === 'object' && component.key != null) {
+	    // Explicit key
+	    return KeyEscapeUtils.escape(component.key);
+	  }
+	  // Implicit key determined by the index in the set
+	  return index.toString(36);
+	}
+
+	/**
+	 * @param {?*} children Children tree container.
+	 * @param {!string} nameSoFar Name of the key path so far.
+	 * @param {!function} callback Callback to invoke with each child found.
+	 * @param {?*} traverseContext Used to pass information throughout the traversal
+	 * process.
+	 * @return {!number} The number of children in this subtree.
 	 */
-	var ReactMultiChild = {
+	function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
+	  var type = typeof children;
 
-	  /**
-	   * Provides common functionality for components that must reconcile multiple
-	   * children. This is used by `ReactDOMComponent` to mount, update, and
-	   * unmount child components.
-	   *
-	   * @lends {ReactMultiChild.prototype}
-	   */
-	  Mixin: {
+	  if (type === 'undefined' || type === 'boolean') {
+	    // All of the above are perceived as null.
+	    children = null;
+	  }
 
-	    _reconcilerInstantiateChildren: function (nestedChildren, transaction, context) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (this._currentElement) {
-	          try {
-	            ReactCurrentOwner.current = this._currentElement._owner;
-	            return ReactChildReconciler.instantiateChildren(nestedChildren, transaction, context);
-	          } finally {
-	            ReactCurrentOwner.current = null;
-	          }
-	        }
-	      }
-	      return ReactChildReconciler.instantiateChildren(nestedChildren, transaction, context);
-	    },
+	  if (children === null || type === 'string' || type === 'number' ||
+	  // The following is inlined from ReactElement. This means we can optimize
+	  // some checks. React Fiber also inlines this logic for similar purposes.
+	  type === 'object' && children.$$typeof === REACT_ELEMENT_TYPE) {
+	    callback(traverseContext, children,
+	    // If it's the only child, treat the name as if it was wrapped in an array
+	    // so that it's consistent if the number of children grows.
+	    nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
+	    return 1;
+	  }
 
-	    _reconcilerUpdateChildren: function (prevChildren, nextNestedChildrenElements, transaction, context) {
-	      var nextChildren;
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (this._currentElement) {
-	          try {
-	            ReactCurrentOwner.current = this._currentElement._owner;
-	            nextChildren = flattenChildren(nextNestedChildrenElements);
-	          } finally {
-	            ReactCurrentOwner.current = null;
-	          }
-	          return ReactChildReconciler.updateChildren(prevChildren, nextChildren, transaction, context);
-	        }
-	      }
-	      nextChildren = flattenChildren(nextNestedChildrenElements);
-	      return ReactChildReconciler.updateChildren(prevChildren, nextChildren, transaction, context);
-	    },
+	  var child;
+	  var nextName;
+	  var subtreeCount = 0; // Count of children found in the current subtree.
+	  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
-	    /**
-	     * Generates a "mount image" for each of the supplied children. In the case
-	     * of `ReactDOMComponent`, a mount image is a string of markup.
-	     *
-	     * @param {?object} nestedChildren Nested child maps.
-	     * @return {array} An array of mounted representations.
-	     * @internal
-	     */
-	    mountChildren: function (nestedChildren, transaction, context) {
-	      var children = this._reconcilerInstantiateChildren(nestedChildren, transaction, context);
-	      this._renderedChildren = children;
-	      var mountImages = [];
-	      var index = 0;
-	      for (var name in children) {
-	        if (children.hasOwnProperty(name)) {
-	          var child = children[name];
-	          // Inlined for performance, see `ReactInstanceHandles.createReactID`.
-	          var rootID = this._rootNodeID + name;
-	          var mountImage = ReactReconciler.mountComponent(child, rootID, transaction, context);
-	          child._mountIndex = index++;
-	          mountImages.push(mountImage);
+	  if (Array.isArray(children)) {
+	    for (var i = 0; i < children.length; i++) {
+	      child = children[i];
+	      nextName = nextNamePrefix + getComponentKey(child, i);
+	      subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
+	    }
+	  } else {
+	    var iteratorFn = getIteratorFn(children);
+	    if (iteratorFn) {
+	      var iterator = iteratorFn.call(children);
+	      var step;
+	      if (iteratorFn !== children.entries) {
+	        var ii = 0;
+	        while (!(step = iterator.next()).done) {
+	          child = step.value;
+	          nextName = nextNamePrefix + getComponentKey(child, ii++);
+	          subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
 	        }
-	      }
-	      return mountImages;
-	    },
-
-	    /**
-	     * Replaces any rendered children with a text content string.
-	     *
-	     * @param {string} nextContent String of content.
-	     * @internal
-	     */
-	    updateTextContent: function (nextContent) {
-	      updateDepth++;
-	      var errorThrown = true;
-	      try {
-	        var prevChildren = this._renderedChildren;
-	        // Remove any rendered children.
-	        ReactChildReconciler.unmountChildren(prevChildren);
-	        // TODO: The setTextContent operation should be enough
-	        for (var name in prevChildren) {
-	          if (prevChildren.hasOwnProperty(name)) {
-	            this._unmountChild(prevChildren[name]);
+	      } else {
+	        if (process.env.NODE_ENV !== 'production') {
+	          var mapsAsChildrenAddendum = '';
+	          if (ReactCurrentOwner.current) {
+	            var mapsAsChildrenOwnerName = ReactCurrentOwner.current.getName();
+	            if (mapsAsChildrenOwnerName) {
+	              mapsAsChildrenAddendum = ' Check the render method of `' + mapsAsChildrenOwnerName + '`.';
+	            }
 	          }
+	          process.env.NODE_ENV !== 'production' ? warning(didWarnAboutMaps, 'Using Maps as children is not yet fully supported. It is an ' + 'experimental feature that might be removed. Convert it to a ' + 'sequence / iterable of keyed ReactElements instead.%s', mapsAsChildrenAddendum) : void 0;
+	          didWarnAboutMaps = true;
 	        }
-	        // Set new text content.
-	        this.setTextContent(nextContent);
-	        errorThrown = false;
-	      } finally {
-	        updateDepth--;
-	        if (!updateDepth) {
-	          if (errorThrown) {
-	            clearQueue();
-	          } else {
-	            processQueue();
+	        // Iterator will provide entry [k,v] tuples rather than values.
+	        while (!(step = iterator.next()).done) {
+	          var entry = step.value;
+	          if (entry) {
+	            child = entry[1];
+	            nextName = nextNamePrefix + KeyEscapeUtils.escape(entry[0]) + SUBSEPARATOR + getComponentKey(child, 0);
+	            subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
 	          }
 	        }
 	      }
-	    },
-
-	    /**
-	     * Replaces any rendered children with a markup string.
-	     *
-	     * @param {string} nextMarkup String of markup.
-	     * @internal
-	     */
-	    updateMarkup: function (nextMarkup) {
-	      updateDepth++;
-	      var errorThrown = true;
-	      try {
-	        var prevChildren = this._renderedChildren;
-	        // Remove any rendered children.
-	        ReactChildReconciler.unmountChildren(prevChildren);
-	        for (var name in prevChildren) {
-	          if (prevChildren.hasOwnProperty(name)) {
-	            this._unmountChildByName(prevChildren[name], name);
-	          }
+	    } else if (type === 'object') {
+	      var addendum = '';
+	      if (process.env.NODE_ENV !== 'production') {
+	        addendum = ' If you meant to render a collection of children, use an array ' + 'instead or wrap the object using createFragment(object) from the ' + 'React add-ons.';
+	        if (children._isReactElement) {
+	          addendum = ' It looks like you\'re using an element created by a different ' + 'version of React. Make sure to use only one copy of React.';
 	        }
-	        this.setMarkup(nextMarkup);
-	        errorThrown = false;
-	      } finally {
-	        updateDepth--;
-	        if (!updateDepth) {
-	          if (errorThrown) {
-	            clearQueue();
-	          } else {
-	            processQueue();
+	        if (ReactCurrentOwner.current) {
+	          var name = ReactCurrentOwner.current.getName();
+	          if (name) {
+	            addendum += ' Check the render method of `' + name + '`.';
 	          }
 	        }
 	      }
-	    },
+	      var childrenString = String(children);
+	       true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum) : _prodInvariant('31', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum) : void 0;
+	    }
+	  }
 
-	    /**
-	     * Updates the rendered children with new children.
-	     *
-	     * @param {?object} nextNestedChildrenElements Nested child element maps.
-	     * @param {ReactReconcileTransaction} transaction
-	     * @internal
-	     */
-	    updateChildren: function (nextNestedChildrenElements, transaction, context) {
-	      updateDepth++;
-	      var errorThrown = true;
-	      try {
-	        this._updateChildren(nextNestedChildrenElements, transaction, context);
-	        errorThrown = false;
-	      } finally {
-	        updateDepth--;
-	        if (!updateDepth) {
-	          if (errorThrown) {
-	            clearQueue();
-	          } else {
-	            processQueue();
-	          }
-	        }
-	      }
-	    },
+	  return subtreeCount;
+	}
 
-	    /**
-	     * Improve performance by isolating this hot code path from the try/catch
-	     * block in `updateChildren`.
-	     *
-	     * @param {?object} nextNestedChildrenElements Nested child element maps.
-	     * @param {ReactReconcileTransaction} transaction
-	     * @final
-	     * @protected
-	     */
-	    _updateChildren: function (nextNestedChildrenElements, transaction, context) {
-	      var prevChildren = this._renderedChildren;
-	      var nextChildren = this._reconcilerUpdateChildren(prevChildren, nextNestedChildrenElements, transaction, context);
-	      this._renderedChildren = nextChildren;
-	      if (!nextChildren && !prevChildren) {
-	        return;
-	      }
-	      var name;
-	      // `nextIndex` will increment for each child in `nextChildren`, but
-	      // `lastIndex` will be the last index visited in `prevChildren`.
-	      var lastIndex = 0;
-	      var nextIndex = 0;
-	      for (name in nextChildren) {
-	        if (!nextChildren.hasOwnProperty(name)) {
-	          continue;
-	        }
-	        var prevChild = prevChildren && prevChildren[name];
-	        var nextChild = nextChildren[name];
-	        if (prevChild === nextChild) {
-	          this.moveChild(prevChild, nextIndex, lastIndex);
-	          lastIndex = Math.max(prevChild._mountIndex, lastIndex);
-	          prevChild._mountIndex = nextIndex;
-	        } else {
-	          if (prevChild) {
-	            // Update `lastIndex` before `_mountIndex` gets unset by unmounting.
-	            lastIndex = Math.max(prevChild._mountIndex, lastIndex);
-	            this._unmountChild(prevChild);
-	          }
-	          // The child must be instantiated before it's mounted.
-	          this._mountChildByNameAtIndex(nextChild, name, nextIndex, transaction, context);
-	        }
-	        nextIndex++;
-	      }
-	      // Remove children that are no longer present.
-	      for (name in prevChildren) {
-	        if (prevChildren.hasOwnProperty(name) && !(nextChildren && nextChildren.hasOwnProperty(name))) {
-	          this._unmountChild(prevChildren[name]);
-	        }
-	      }
-	    },
+	/**
+	 * Traverses children that are typically specified as `props.children`, but
+	 * might also be specified through attributes:
+	 *
+	 * - `traverseAllChildren(this.props.children, ...)`
+	 * - `traverseAllChildren(this.props.leftPanelChildren, ...)`
+	 *
+	 * The `traverseContext` is an optional argument that is passed through the
+	 * entire traversal. It can be used to store accumulations or anything else that
+	 * the callback might find relevant.
+	 *
+	 * @param {?*} children Children tree object.
+	 * @param {!function} callback To invoke upon traversing each child.
+	 * @param {?*} traverseContext Context for traversal.
+	 * @return {!number} The number of children in this subtree.
+	 */
+	function traverseAllChildren(children, callback, traverseContext) {
+	  if (children == null) {
+	    return 0;
+	  }
 
-	    /**
-	     * Unmounts all rendered children. This should be used to clean up children
-	     * when this component is unmounted.
-	     *
-	     * @internal
-	     */
-	    unmountChildren: function () {
-	      var renderedChildren = this._renderedChildren;
-	      ReactChildReconciler.unmountChildren(renderedChildren);
-	      this._renderedChildren = null;
-	    },
+	  return traverseAllChildrenImpl(children, '', callback, traverseContext);
+	}
 
-	    /**
-	     * Moves a child component to the supplied index.
-	     *
-	     * @param {ReactComponent} child Component to move.
-	     * @param {number} toIndex Destination index of the element.
-	     * @param {number} lastIndex Last index visited of the siblings of `child`.
-	     * @protected
-	     */
-	    moveChild: function (child, toIndex, lastIndex) {
-	      // If the index of `child` is less than `lastIndex`, then it needs to
-	      // be moved. Otherwise, we do not need to move it because a child will be
-	      // inserted or moved before `child`.
-	      if (child._mountIndex < lastIndex) {
-	        enqueueMove(this._rootNodeID, child._mountIndex, toIndex);
-	      }
-	    },
+	module.exports = traverseAllChildren;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 134 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright 2014-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	    /**
-	     * Creates a child component.
-	     *
-	     * @param {ReactComponent} child Component to create.
-	     * @param {string} mountImage Markup to insert.
-	     * @protected
-	     */
-	    createChild: function (child, mountImage) {
-	      enqueueInsertMarkup(this._rootNodeID, mountImage, child._mountIndex);
-	    },
+	'use strict';
 
-	    /**
-	     * Removes a child component.
-	     *
-	     * @param {ReactComponent} child Child to remove.
-	     * @protected
-	     */
-	    removeChild: function (child) {
-	      enqueueRemove(this._rootNodeID, child._mountIndex);
-	    },
+	// The Symbol used to tag the ReactElement type. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
 
-	    /**
-	     * Sets this text content string.
-	     *
-	     * @param {string} textContent Text content to set.
-	     * @protected
-	     */
-	    setTextContent: function (textContent) {
-	      enqueueTextContent(this._rootNodeID, textContent);
-	    },
+	var REACT_ELEMENT_TYPE = typeof Symbol === 'function' && Symbol['for'] && Symbol['for']('react.element') || 0xeac7;
 
-	    /**
-	     * Sets this markup string.
-	     *
-	     * @param {string} markup Markup to set.
-	     * @protected
-	     */
-	    setMarkup: function (markup) {
-	      enqueueSetMarkup(this._rootNodeID, markup);
-	    },
+	module.exports = REACT_ELEMENT_TYPE;
 
-	    /**
-	     * Mounts a child with the supplied name.
-	     *
-	     * NOTE: This is part of `updateChildren` and is here for readability.
-	     *
-	     * @param {ReactComponent} child Component to mount.
-	     * @param {string} name Name of the child.
-	     * @param {number} index Index at which to insert the child.
-	     * @param {ReactReconcileTransaction} transaction
-	     * @private
-	     */
-	    _mountChildByNameAtIndex: function (child, name, index, transaction, context) {
-	      // Inlined for performance, see `ReactInstanceHandles.createReactID`.
-	      var rootID = this._rootNodeID + name;
-	      var mountImage = ReactReconciler.mountComponent(child, rootID, transaction, context);
-	      child._mountIndex = index;
-	      this.createChild(child, mountImage);
-	    },
+/***/ }),
+/* 135 */
+/***/ (function(module, exports) {
 
-	    /**
-	     * Unmounts a rendered child.
-	     *
-	     * NOTE: This is part of `updateChildren` and is here for readability.
-	     *
-	     * @param {ReactComponent} child Component to unmount.
-	     * @private
-	     */
-	    _unmountChild: function (child) {
-	      this.removeChild(child);
-	      child._mountIndex = null;
-	    }
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
 
-	  }
+	'use strict';
 
-	};
+	/* global Symbol */
 
-	module.exports = ReactMultiChild;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
 
-/***/ },
-/* 115 */
-/***/ function(module, exports, __webpack_require__) {
+	/**
+	 * Returns the iterator method function contained on the iterable object.
+	 *
+	 * Be sure to invoke the function with the iterable as context:
+	 *
+	 *     var iteratorFn = getIteratorFn(myIterable);
+	 *     if (iteratorFn) {
+	 *       var iterator = iteratorFn.call(myIterable);
+	 *       ...
+	 *     }
+	 *
+	 * @param {?object} maybeIterable
+	 * @return {?function}
+	 */
+	function getIteratorFn(maybeIterable) {
+	  var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	  if (typeof iteratorFn === 'function') {
+	    return iteratorFn;
+	  }
+	}
+
+	module.exports = getIteratorFn;
+
+/***/ }),
+/* 136 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactChildReconciler
-	 * @typechecks static-only
+	 * 
 	 */
 
 	'use strict';
 
-	var ReactReconciler = __webpack_require__(50);
+	var KeyEscapeUtils = __webpack_require__(132);
+	var traverseAllChildren = __webpack_require__(133);
+	var warning = __webpack_require__(11);
 
-	var instantiateReactComponent = __webpack_require__(62);
-	var shouldUpdateReactComponent = __webpack_require__(67);
-	var traverseAllChildren = __webpack_require__(111);
-	var warning = __webpack_require__(25);
+	var ReactComponentTreeHook;
 
-	function instantiateChild(childInstances, child, name) {
-	  // We found a component instance.
-	  var keyUnique = childInstances[name] === undefined;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(keyUnique, 'flattenChildren(...): Encountered two children with the same key, ' + '`%s`. Child keys must be unique; when two children share a key, only ' + 'the first child will be used.', name) : undefined;
-	  }
-	  if (child != null && keyUnique) {
-	    childInstances[name] = instantiateReactComponent(child, null);
-	  }
+	if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'test') {
+	  // Temporary hack.
+	  // Inline requires don't work well with Jest:
+	  // https://github.com/facebook/react/issues/7240
+	  // Remove the inline requires when we don't need them anymore:
+	  // https://github.com/facebook/react/pull/7178
+	  ReactComponentTreeHook = __webpack_require__(26);
 	}
 
 	/**
-	 * ReactChildReconciler provides helpers for initializing or updating a set of
-	 * children. Its output is suitable for passing it onto ReactMultiChild which
-	 * does diffed reordering and insertion.
+	 * @param {function} traverseContext Context passed through traversal.
+	 * @param {?ReactComponent} child React child component.
+	 * @param {!string} name String name of key path to child.
+	 * @param {number=} selfDebugID Optional debugID of the current internal instance.
 	 */
-	var ReactChildReconciler = {
-	  /**
-	   * Generates a "mount image" for each of the supplied children. In the case
-	   * of `ReactDOMComponent`, a mount image is a string of markup.
-	   *
-	   * @param {?object} nestedChildNodes Nested child maps.
-	   * @return {?object} A set of child instances.
-	   * @internal
-	   */
-	  instantiateChildren: function (nestedChildNodes, transaction, context) {
-	    if (nestedChildNodes == null) {
-	      return null;
-	    }
-	    var childInstances = {};
-	    traverseAllChildren(nestedChildNodes, instantiateChild, childInstances);
-	    return childInstances;
-	  },
-
-	  /**
-	   * Updates the rendered children and returns a new set of children.
-	   *
-	   * @param {?object} prevChildren Previously initialized set of children.
-	   * @param {?object} nextChildren Flat child element maps.
-	   * @param {ReactReconcileTransaction} transaction
-	   * @param {object} context
-	   * @return {?object} A new set of child instances.
-	   * @internal
-	   */
-	  updateChildren: function (prevChildren, nextChildren, transaction, context) {
-	    // We currently don't have a way to track moves here but if we use iterators
-	    // instead of for..in we can zip the iterators and check if an item has
-	    // moved.
-	    // TODO: If nothing has changed, return the prevChildren object so that we
-	    // can quickly bailout if nothing has changed.
-	    if (!nextChildren && !prevChildren) {
-	      return null;
-	    }
-	    var name;
-	    for (name in nextChildren) {
-	      if (!nextChildren.hasOwnProperty(name)) {
-	        continue;
+	function flattenSingleChildIntoContext(traverseContext, child, name, selfDebugID) {
+	  // We found a component instance.
+	  if (traverseContext && typeof traverseContext === 'object') {
+	    var result = traverseContext;
+	    var keyUnique = result[name] === undefined;
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (!ReactComponentTreeHook) {
+	        ReactComponentTreeHook = __webpack_require__(26);
 	      }
-	      var prevChild = prevChildren && prevChildren[name];
-	      var prevElement = prevChild && prevChild._currentElement;
-	      var nextElement = nextChildren[name];
-	      if (prevChild != null && shouldUpdateReactComponent(prevElement, nextElement)) {
-	        ReactReconciler.receiveComponent(prevChild, nextElement, transaction, context);
-	        nextChildren[name] = prevChild;
-	      } else {
-	        if (prevChild) {
-	          ReactReconciler.unmountComponent(prevChild, name);
-	        }
-	        // The child must be instantiated before it's mounted.
-	        var nextChildInstance = instantiateReactComponent(nextElement, null);
-	        nextChildren[name] = nextChildInstance;
+	      if (!keyUnique) {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'flattenChildren(...): Encountered two children with the same key, ' + '`%s`. Child keys must be unique; when two children share a key, only ' + 'the first child will be used.%s', KeyEscapeUtils.unescape(name), ReactComponentTreeHook.getStackAddendumByID(selfDebugID)) : void 0;
 	      }
 	    }
-	    // Unmount children that are no longer present.
-	    for (name in prevChildren) {
-	      if (prevChildren.hasOwnProperty(name) && !(nextChildren && nextChildren.hasOwnProperty(name))) {
-	        ReactReconciler.unmountComponent(prevChildren[name]);
-	      }
+	    if (keyUnique && child != null) {
+	      result[name] = child;
 	    }
-	    return nextChildren;
-	  },
+	  }
+	}
 
-	  /**
-	   * Unmounts all rendered children. This should be used to clean up children
-	   * when this component is unmounted.
-	   *
-	   * @param {?object} renderedChildren Previously initialized set of children.
-	   * @internal
-	   */
-	  unmountChildren: function (renderedChildren) {
-	    for (var name in renderedChildren) {
-	      if (renderedChildren.hasOwnProperty(name)) {
-	        var renderedChild = renderedChildren[name];
-	        ReactReconciler.unmountComponent(renderedChild);
-	      }
-	    }
+	/**
+	 * Flattens children that are typically specified as `props.children`. Any null
+	 * children will not be included in the resulting object.
+	 * @return {!object} flattened children keyed by name.
+	 */
+	function flattenChildren(children, selfDebugID) {
+	  if (children == null) {
+	    return children;
 	  }
+	  var result = {};
 
-	};
+	  if (process.env.NODE_ENV !== 'production') {
+	    traverseAllChildren(children, function (traverseContext, child, name) {
+	      return flattenSingleChildIntoContext(traverseContext, child, name, selfDebugID);
+	    }, result);
+	  } else {
+	    traverseAllChildren(children, flattenSingleChildIntoContext, result);
+	  }
+	  return result;
+	}
 
-	module.exports = ReactChildReconciler;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = flattenChildren;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 116 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 137 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2014-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule flattenChildren
 	 */
 
 	'use strict';
 
-	var traverseAllChildren = __webpack_require__(111);
-	var warning = __webpack_require__(25);
+	var _assign = __webpack_require__(4);
+
+	var PooledClass = __webpack_require__(54);
+	var Transaction = __webpack_require__(72);
+	var ReactInstrumentation = __webpack_require__(66);
+	var ReactServerUpdateQueue = __webpack_require__(138);
 
 	/**
-	 * @param {function} traverseContext Context passed through traversal.
-	 * @param {?ReactComponent} child React child component.
-	 * @param {!string} name String name of key path to child.
+	 * Executed within the scope of the `Transaction` instance. Consider these as
+	 * being member methods, but with an implied ordering while being isolated from
+	 * each other.
 	 */
-	function flattenSingleChildIntoContext(traverseContext, child, name) {
-	  // We found a component instance.
-	  var result = traverseContext;
-	  var keyUnique = result[name] === undefined;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(keyUnique, 'flattenChildren(...): Encountered two children with the same key, ' + '`%s`. Child keys must be unique; when two children share a key, only ' + 'the first child will be used.', name) : undefined;
-	  }
-	  if (keyUnique && child != null) {
-	    result[name] = child;
-	  }
+	var TRANSACTION_WRAPPERS = [];
+
+	if (process.env.NODE_ENV !== 'production') {
+	  TRANSACTION_WRAPPERS.push({
+	    initialize: ReactInstrumentation.debugTool.onBeginFlush,
+	    close: ReactInstrumentation.debugTool.onEndFlush
+	  });
+	}
+
+	var noopCallbackQueue = {
+	  enqueue: function () {}
+	};
+
+	/**
+	 * @class ReactServerRenderingTransaction
+	 * @param {boolean} renderToStaticMarkup
+	 */
+	function ReactServerRenderingTransaction(renderToStaticMarkup) {
+	  this.reinitializeTransaction();
+	  this.renderToStaticMarkup = renderToStaticMarkup;
+	  this.useCreateElement = false;
+	  this.updateQueue = new ReactServerUpdateQueue(this);
 	}
 
-	/**
-	 * Flattens children that are typically specified as `props.children`. Any null
-	 * children will not be included in the resulting object.
-	 * @return {!object} flattened children keyed by name.
-	 */
-	function flattenChildren(children) {
-	  if (children == null) {
-	    return children;
-	  }
-	  var result = {};
-	  traverseAllChildren(children, flattenSingleChildIntoContext, result);
-	  return result;
-	}
+	var Mixin = {
+	  /**
+	   * @see Transaction
+	   * @abstract
+	   * @final
+	   * @return {array} Empty list of operation wrap procedures.
+	   */
+	  getTransactionWrappers: function () {
+	    return TRANSACTION_WRAPPERS;
+	  },
+
+	  /**
+	   * @return {object} The queue to collect `onDOMReady` callbacks with.
+	   */
+	  getReactMountReady: function () {
+	    return noopCallbackQueue;
+	  },
+
+	  /**
+	   * @return {object} The queue to collect React async events.
+	   */
+	  getUpdateQueue: function () {
+	    return this.updateQueue;
+	  },
+
+	  /**
+	   * `PooledClass` looks for this, and will invoke this before allowing this
+	   * instance to be reused.
+	   */
+	  destructor: function () {},
+
+	  checkpoint: function () {},
+
+	  rollback: function () {}
+	};
+
+	_assign(ReactServerRenderingTransaction.prototype, Transaction, Mixin);
+
+	PooledClass.addPoolingTo(ReactServerRenderingTransaction);
 
-	module.exports = flattenChildren;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactServerRenderingTransaction;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 117 */
-/***/ function(module, exports) {
+/***/ }),
+/* 138 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2015-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule shallowEqual
-	 * @typechecks
 	 * 
 	 */
 
 	'use strict';
 
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	var ReactUpdateQueue = __webpack_require__(139);
+
+	var warning = __webpack_require__(11);
+
+	function warnNoop(publicInstance, callerName) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    var constructor = publicInstance.constructor;
+	    process.env.NODE_ENV !== 'production' ? warning(false, '%s(...): Can only update a mounting component. ' + 'This usually means you called %s() outside componentWillMount() on the server. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, constructor && (constructor.displayName || constructor.name) || 'ReactClass') : void 0;
+	  }
+	}
 
 	/**
-	 * Performs equality by iterating through keys on an object and returning false
-	 * when any key has values which are not strictly equal between the arguments.
-	 * Returns true when the values of all keys are strictly equal.
+	 * This is the update queue used for server rendering.
+	 * It delegates to ReactUpdateQueue while server rendering is in progress and
+	 * switches to ReactNoopUpdateQueue after the transaction has completed.
+	 * @class ReactServerUpdateQueue
+	 * @param {Transaction} transaction
 	 */
-	function shallowEqual(objA, objB) {
-	  if (objA === objB) {
-	    return true;
-	  }
 
-	  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-	    return false;
+	var ReactServerUpdateQueue = function () {
+	  function ReactServerUpdateQueue(transaction) {
+	    _classCallCheck(this, ReactServerUpdateQueue);
+
+	    this.transaction = transaction;
 	  }
 
-	  var keysA = Object.keys(objA);
-	  var keysB = Object.keys(objB);
+	  /**
+	   * Checks whether or not this composite component is mounted.
+	   * @param {ReactClass} publicInstance The instance we want to test.
+	   * @return {boolean} True if mounted, false otherwise.
+	   * @protected
+	   * @final
+	   */
 
-	  if (keysA.length !== keysB.length) {
+
+	  ReactServerUpdateQueue.prototype.isMounted = function isMounted(publicInstance) {
 	    return false;
-	  }
+	  };
 
-	  // Test for A's keys different from B.
-	  var bHasOwnProperty = hasOwnProperty.bind(objB);
-	  for (var i = 0; i < keysA.length; i++) {
-	    if (!bHasOwnProperty(keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
-	      return false;
+	  /**
+	   * Enqueue a callback that will be executed after all the pending updates
+	   * have processed.
+	   *
+	   * @param {ReactClass} publicInstance The instance to use as `this` context.
+	   * @param {?function} callback Called after state is updated.
+	   * @internal
+	   */
+
+
+	  ReactServerUpdateQueue.prototype.enqueueCallback = function enqueueCallback(publicInstance, callback, callerName) {
+	    if (this.transaction.isInTransaction()) {
+	      ReactUpdateQueue.enqueueCallback(publicInstance, callback, callerName);
 	    }
-	  }
+	  };
 
-	  return true;
-	}
+	  /**
+	   * Forces an update. This should only be invoked when it is known with
+	   * certainty that we are **not** in a DOM transaction.
+	   *
+	   * You may want to call this when you know that some deeper aspect of the
+	   * component's state has changed but `setState` was not called.
+	   *
+	   * This will not invoke `shouldComponentUpdate`, but it will invoke
+	   * `componentWillUpdate` and `componentDidUpdate`.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @internal
+	   */
 
-	module.exports = shallowEqual;
 
-/***/ },
-/* 118 */
-/***/ function(module, exports, __webpack_require__) {
+	  ReactServerUpdateQueue.prototype.enqueueForceUpdate = function enqueueForceUpdate(publicInstance) {
+	    if (this.transaction.isInTransaction()) {
+	      ReactUpdateQueue.enqueueForceUpdate(publicInstance);
+	    } else {
+	      warnNoop(publicInstance, 'forceUpdate');
+	    }
+	  };
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	  /**
+	   * Replaces all of the state. Always use this or `setState` to mutate state.
+	   * You should treat `this.state` as immutable.
+	   *
+	   * There is no guarantee that `this.state` will be immediately updated, so
+	   * accessing `this.state` after calling this method may return the old value.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object|function} completeState Next state.
+	   * @internal
+	   */
+
+
+	  ReactServerUpdateQueue.prototype.enqueueReplaceState = function enqueueReplaceState(publicInstance, completeState) {
+	    if (this.transaction.isInTransaction()) {
+	      ReactUpdateQueue.enqueueReplaceState(publicInstance, completeState);
+	    } else {
+	      warnNoop(publicInstance, 'replaceState');
+	    }
+	  };
+
+	  /**
+	   * Sets a subset of the state. This only exists because _pendingState is
+	   * internal. This provides a merging strategy that is not available to deep
+	   * properties which is confusing. TODO: Expose pendingState or don't use it
+	   * during the merge.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object|function} partialState Next partial state to be merged with state.
+	   * @internal
+	   */
+
+
+	  ReactServerUpdateQueue.prototype.enqueueSetState = function enqueueSetState(publicInstance, partialState) {
+	    if (this.transaction.isInTransaction()) {
+	      ReactUpdateQueue.enqueueSetState(publicInstance, partialState);
+	    } else {
+	      warnNoop(publicInstance, 'setState');
+	    }
+	  };
+
+	  return ReactServerUpdateQueue;
+	}();
+
+	module.exports = ReactServerUpdateQueue;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 139 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2015-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactEventListener
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var EventListener = __webpack_require__(119);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var PooledClass = __webpack_require__(56);
-	var ReactInstanceHandles = __webpack_require__(45);
-	var ReactMount = __webpack_require__(28);
-	var ReactUpdates = __webpack_require__(54);
+	var _prodInvariant = __webpack_require__(39);
 
-	var assign = __webpack_require__(39);
-	var getEventTarget = __webpack_require__(81);
-	var getUnboundedScrollPosition = __webpack_require__(120);
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactInstanceMap = __webpack_require__(120);
+	var ReactInstrumentation = __webpack_require__(66);
+	var ReactUpdates = __webpack_require__(60);
 
-	var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * Finds the parent React component of `node`.
-	 *
-	 * @param {*} node
-	 * @return {?DOMEventTarget} Parent container, or `null` if the specified node
-	 *                           is not nested.
-	 */
-	function findParent(node) {
-	  // TODO: It may be a good idea to cache this to prevent unnecessary DOM
-	  // traversal, but caching is difficult to do correctly without using a
-	  // mutation observer to listen for all DOM changes.
-	  var nodeID = ReactMount.getID(node);
-	  var rootID = ReactInstanceHandles.getReactRootIDFromNodeID(nodeID);
-	  var container = ReactMount.findReactContainerForID(rootID);
-	  var parent = ReactMount.getFirstReactDOM(container);
-	  return parent;
+	function enqueueUpdate(internalInstance) {
+	  ReactUpdates.enqueueUpdate(internalInstance);
 	}
 
-	// Used to store ancestor hierarchy in top level callback
-	function TopLevelCallbackBookKeeping(topLevelType, nativeEvent) {
-	  this.topLevelType = topLevelType;
-	  this.nativeEvent = nativeEvent;
-	  this.ancestors = [];
-	}
-	assign(TopLevelCallbackBookKeeping.prototype, {
-	  destructor: function () {
-	    this.topLevelType = null;
-	    this.nativeEvent = null;
-	    this.ancestors.length = 0;
+	function formatUnexpectedArgument(arg) {
+	  var type = typeof arg;
+	  if (type !== 'object') {
+	    return type;
 	  }
-	});
-	PooledClass.addPoolingTo(TopLevelCallbackBookKeeping, PooledClass.twoArgumentPooler);
-
-	function handleTopLevelImpl(bookKeeping) {
-	  // TODO: Re-enable event.path handling
-	  //
-	  // if (bookKeeping.nativeEvent.path && bookKeeping.nativeEvent.path.length > 1) {
-	  //   // New browsers have a path attribute on native events
-	  //   handleTopLevelWithPath(bookKeeping);
-	  // } else {
-	  //   // Legacy browsers don't have a path attribute on native events
-	  //   handleTopLevelWithoutPath(bookKeeping);
-	  // }
-
-	  void handleTopLevelWithPath; // temporarily unused
-	  handleTopLevelWithoutPath(bookKeeping);
+	  var displayName = arg.constructor && arg.constructor.name || type;
+	  var keys = Object.keys(arg);
+	  if (keys.length > 0 && keys.length < 20) {
+	    return displayName + ' (keys: ' + keys.join(', ') + ')';
+	  }
+	  return displayName;
 	}
 
-	// Legacy browsers don't have a path attribute on native events
-	function handleTopLevelWithoutPath(bookKeeping) {
-	  var topLevelTarget = ReactMount.getFirstReactDOM(getEventTarget(bookKeeping.nativeEvent)) || window;
-
-	  // Loop through the hierarchy, in case there's any nested components.
-	  // It's important that we build the array of ancestors before calling any
-	  // event handlers, because event handlers can modify the DOM, leading to
-	  // inconsistencies with ReactMount's node cache. See #1105.
-	  var ancestor = topLevelTarget;
-	  while (ancestor) {
-	    bookKeeping.ancestors.push(ancestor);
-	    ancestor = findParent(ancestor);
+	function getInternalInstanceReadyForUpdate(publicInstance, callerName) {
+	  var internalInstance = ReactInstanceMap.get(publicInstance);
+	  if (!internalInstance) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var ctor = publicInstance.constructor;
+	      // Only warn when we have a callerName. Otherwise we should be silent.
+	      // We're probably calling from enqueueCallback. We don't want to warn
+	      // there because we already warned for the corresponding lifecycle method.
+	      process.env.NODE_ENV !== 'production' ? warning(!callerName, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, ctor && (ctor.displayName || ctor.name) || 'ReactClass') : void 0;
+	    }
+	    return null;
 	  }
 
-	  for (var i = 0; i < bookKeeping.ancestors.length; i++) {
-	    topLevelTarget = bookKeeping.ancestors[i];
-	    var topLevelTargetID = ReactMount.getID(topLevelTarget) || '';
-	    ReactEventListener._handleTopLevel(bookKeeping.topLevelType, topLevelTarget, topLevelTargetID, bookKeeping.nativeEvent, getEventTarget(bookKeeping.nativeEvent));
+	  if (process.env.NODE_ENV !== 'production') {
+	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, '%s(...): Cannot update during an existing state transition (such as ' + 'within `render` or another component\'s constructor). Render methods ' + 'should be a pure function of props and state; constructor ' + 'side-effects are an anti-pattern, but can be moved to ' + '`componentWillMount`.', callerName) : void 0;
 	  }
+
+	  return internalInstance;
 	}
 
-	// New browsers have a path attribute on native events
-	function handleTopLevelWithPath(bookKeeping) {
-	  var path = bookKeeping.nativeEvent.path;
-	  var currentNativeTarget = path[0];
-	  var eventsFired = 0;
-	  for (var i = 0; i < path.length; i++) {
-	    var currentPathElement = path[i];
-	    if (currentPathElement.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE) {
-	      currentNativeTarget = path[i + 1];
+	/**
+	 * ReactUpdateQueue allows for state updates to be scheduled into a later
+	 * reconciliation step.
+	 */
+	var ReactUpdateQueue = {
+
+	  /**
+	   * Checks whether or not this composite component is mounted.
+	   * @param {ReactClass} publicInstance The instance we want to test.
+	   * @return {boolean} True if mounted, false otherwise.
+	   * @protected
+	   * @final
+	   */
+	  isMounted: function (publicInstance) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var owner = ReactCurrentOwner.current;
+	      if (owner !== null) {
+	        process.env.NODE_ENV !== 'production' ? warning(owner._warnedAboutRefsInRender, '%s is accessing isMounted inside its render() function. ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', owner.getName() || 'A component') : void 0;
+	        owner._warnedAboutRefsInRender = true;
+	      }
+	    }
+	    var internalInstance = ReactInstanceMap.get(publicInstance);
+	    if (internalInstance) {
+	      // During componentWillMount and render this will still be null but after
+	      // that will always render to something. At least for now. So we can use
+	      // this hack.
+	      return !!internalInstance._renderedComponent;
+	    } else {
+	      return false;
 	    }
-	    // TODO: slow
-	    var reactParent = ReactMount.getFirstReactDOM(currentPathElement);
-	    if (reactParent === currentPathElement) {
-	      var currentPathElementID = ReactMount.getID(currentPathElement);
-	      var newRootID = ReactInstanceHandles.getReactRootIDFromNodeID(currentPathElementID);
-	      bookKeeping.ancestors.push(currentPathElement);
+	  },
 
-	      var topLevelTargetID = ReactMount.getID(currentPathElement) || '';
-	      eventsFired++;
-	      ReactEventListener._handleTopLevel(bookKeeping.topLevelType, currentPathElement, topLevelTargetID, bookKeeping.nativeEvent, currentNativeTarget);
+	  /**
+	   * Enqueue a callback that will be executed after all the pending updates
+	   * have processed.
+	   *
+	   * @param {ReactClass} publicInstance The instance to use as `this` context.
+	   * @param {?function} callback Called after state is updated.
+	   * @param {string} callerName Name of the calling function in the public API.
+	   * @internal
+	   */
+	  enqueueCallback: function (publicInstance, callback, callerName) {
+	    ReactUpdateQueue.validateCallback(callback, callerName);
+	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance);
 
-	      // Jump to the root of this React render tree
-	      while (currentPathElementID !== newRootID) {
-	        i++;
-	        currentPathElement = path[i];
-	        currentPathElementID = ReactMount.getID(currentPathElement);
-	      }
+	    // Previously we would throw an error if we didn't have an internal
+	    // instance. Since we want to make it a no-op instead, we mirror the same
+	    // behavior we have in other enqueue* methods.
+	    // We also need to ignore callbacks in componentWillMount. See
+	    // enqueueUpdates.
+	    if (!internalInstance) {
+	      return null;
 	    }
-	  }
-	  if (eventsFired === 0) {
-	    ReactEventListener._handleTopLevel(bookKeeping.topLevelType, window, '', bookKeeping.nativeEvent, getEventTarget(bookKeeping.nativeEvent));
-	  }
-	}
 
-	function scrollValueMonitor(cb) {
-	  var scrollPosition = getUnboundedScrollPosition(window);
-	  cb(scrollPosition);
-	}
+	    if (internalInstance._pendingCallbacks) {
+	      internalInstance._pendingCallbacks.push(callback);
+	    } else {
+	      internalInstance._pendingCallbacks = [callback];
+	    }
+	    // TODO: The callback here is ignored when setState is called from
+	    // componentWillMount. Either fix it or disallow doing so completely in
+	    // favor of getInitialState. Alternatively, we can disallow
+	    // componentWillMount during server-side rendering.
+	    enqueueUpdate(internalInstance);
+	  },
 
-	var ReactEventListener = {
-	  _enabled: true,
-	  _handleTopLevel: null,
+	  enqueueCallbackInternal: function (internalInstance, callback) {
+	    if (internalInstance._pendingCallbacks) {
+	      internalInstance._pendingCallbacks.push(callback);
+	    } else {
+	      internalInstance._pendingCallbacks = [callback];
+	    }
+	    enqueueUpdate(internalInstance);
+	  },
 
-	  WINDOW_HANDLE: ExecutionEnvironment.canUseDOM ? window : null,
+	  /**
+	   * Forces an update. This should only be invoked when it is known with
+	   * certainty that we are **not** in a DOM transaction.
+	   *
+	   * You may want to call this when you know that some deeper aspect of the
+	   * component's state has changed but `setState` was not called.
+	   *
+	   * This will not invoke `shouldComponentUpdate`, but it will invoke
+	   * `componentWillUpdate` and `componentDidUpdate`.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @internal
+	   */
+	  enqueueForceUpdate: function (publicInstance) {
+	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'forceUpdate');
 
-	  setHandleTopLevel: function (handleTopLevel) {
-	    ReactEventListener._handleTopLevel = handleTopLevel;
-	  },
+	    if (!internalInstance) {
+	      return;
+	    }
 
-	  setEnabled: function (enabled) {
-	    ReactEventListener._enabled = !!enabled;
-	  },
+	    internalInstance._pendingForceUpdate = true;
 
-	  isEnabled: function () {
-	    return ReactEventListener._enabled;
+	    enqueueUpdate(internalInstance);
 	  },
 
 	  /**
-	   * Traps top-level events by using event bubbling.
+	   * Replaces all of the state. Always use this or `setState` to mutate state.
+	   * You should treat `this.state` as immutable.
 	   *
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {string} handlerBaseName Event name (e.g. "click").
-	   * @param {object} handle Element on which to attach listener.
-	   * @return {?object} An object with a remove function which will forcefully
-	   *                  remove the listener.
+	   * There is no guarantee that `this.state` will be immediately updated, so
+	   * accessing `this.state` after calling this method may return the old value.
+	   *
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object} completeState Next state.
 	   * @internal
 	   */
-	  trapBubbledEvent: function (topLevelType, handlerBaseName, handle) {
-	    var element = handle;
-	    if (!element) {
-	      return null;
+	  enqueueReplaceState: function (publicInstance, completeState, callback) {
+	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'replaceState');
+
+	    if (!internalInstance) {
+	      return;
 	    }
-	    return EventListener.listen(element, handlerBaseName, ReactEventListener.dispatchEvent.bind(null, topLevelType));
+
+	    internalInstance._pendingStateQueue = [completeState];
+	    internalInstance._pendingReplaceState = true;
+
+	    // Future-proof 15.5
+	    if (callback !== undefined && callback !== null) {
+	      ReactUpdateQueue.validateCallback(callback, 'replaceState');
+	      if (internalInstance._pendingCallbacks) {
+	        internalInstance._pendingCallbacks.push(callback);
+	      } else {
+	        internalInstance._pendingCallbacks = [callback];
+	      }
+	    }
+
+	    enqueueUpdate(internalInstance);
 	  },
 
 	  /**
-	   * Traps a top-level event by using event capturing.
+	   * Sets a subset of the state. This only exists because _pendingState is
+	   * internal. This provides a merging strategy that is not available to deep
+	   * properties which is confusing. TODO: Expose pendingState or don't use it
+	   * during the merge.
 	   *
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {string} handlerBaseName Event name (e.g. "click").
-	   * @param {object} handle Element on which to attach listener.
-	   * @return {?object} An object with a remove function which will forcefully
-	   *                  remove the listener.
+	   * @param {ReactClass} publicInstance The instance that should rerender.
+	   * @param {object} partialState Next partial state to be merged with state.
 	   * @internal
 	   */
-	  trapCapturedEvent: function (topLevelType, handlerBaseName, handle) {
-	    var element = handle;
-	    if (!element) {
-	      return null;
+	  enqueueSetState: function (publicInstance, partialState) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      ReactInstrumentation.debugTool.onSetState();
+	      process.env.NODE_ENV !== 'production' ? warning(partialState != null, 'setState(...): You passed an undefined or null state object; ' + 'instead, use forceUpdate().') : void 0;
 	    }
-	    return EventListener.capture(element, handlerBaseName, ReactEventListener.dispatchEvent.bind(null, topLevelType));
-	  },
 
-	  monitorScrollValue: function (refresh) {
-	    var callback = scrollValueMonitor.bind(null, refresh);
-	    EventListener.listen(window, 'scroll', callback);
-	  },
+	    var internalInstance = getInternalInstanceReadyForUpdate(publicInstance, 'setState');
 
-	  dispatchEvent: function (topLevelType, nativeEvent) {
-	    if (!ReactEventListener._enabled) {
+	    if (!internalInstance) {
 	      return;
 	    }
 
-	    var bookKeeping = TopLevelCallbackBookKeeping.getPooled(topLevelType, nativeEvent);
-	    try {
-	      // Event queue being processed in the same cycle allows
-	      // `preventDefault`.
-	      ReactUpdates.batchedUpdates(handleTopLevelImpl, bookKeeping);
-	    } finally {
-	      TopLevelCallbackBookKeeping.release(bookKeeping);
-	    }
+	    var queue = internalInstance._pendingStateQueue || (internalInstance._pendingStateQueue = []);
+	    queue.push(partialState);
+
+	    enqueueUpdate(internalInstance);
+	  },
+
+	  enqueueElementInternal: function (internalInstance, nextElement, nextContext) {
+	    internalInstance._pendingElement = nextElement;
+	    // TODO: introduce _pendingContext instead of setting it directly.
+	    internalInstance._context = nextContext;
+	    enqueueUpdate(internalInstance);
+	  },
+
+	  validateCallback: function (callback, callerName) {
+	    !(!callback || typeof callback === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.', callerName, formatUnexpectedArgument(callback)) : _prodInvariant('122', callerName, formatUnexpectedArgument(callback)) : void 0;
 	  }
+
 	};
 
-	module.exports = ReactEventListener;
+	module.exports = ReactUpdateQueue;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 119 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 140 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 *
-	 * Licensed under the Apache License, Version 2.0 (the "License");
-	 * you may not use this file except in compliance with the License.
-	 * You may obtain a copy of the License at
-	 *
-	 * http://www.apache.org/licenses/LICENSE-2.0
+	 * Copyright 2015-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * Unless required by applicable law or agreed to in writing, software
-	 * distributed under the License is distributed on an "AS IS" BASIS,
-	 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-	 * See the License for the specific language governing permissions and
-	 * limitations under the License.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule EventListener
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var emptyFunction = __webpack_require__(15);
+	var _assign = __webpack_require__(4);
 
-	/**
-	 * Upstream version of event listener. Does not take into account specific
-	 * nature of platform.
-	 */
-	var EventListener = {
-	  /**
-	   * Listen to DOM events during the bubble phase.
-	   *
-	   * @param {DOMEventTarget} target DOM element to register listener on.
-	   * @param {string} eventType Event type, e.g. 'click' or 'mouseover'.
-	   * @param {function} callback Callback function.
-	   * @return {object} Object with a `remove` method.
-	   */
-	  listen: function (target, eventType, callback) {
-	    if (target.addEventListener) {
-	      target.addEventListener(eventType, callback, false);
-	      return {
-	        remove: function () {
-	          target.removeEventListener(eventType, callback, false);
-	        }
-	      };
-	    } else if (target.attachEvent) {
-	      target.attachEvent('on' + eventType, callback);
-	      return {
-	        remove: function () {
-	          target.detachEvent('on' + eventType, callback);
-	        }
-	      };
-	    }
-	  },
+	var emptyFunction = __webpack_require__(12);
+	var warning = __webpack_require__(11);
 
-	  /**
-	   * Listen to DOM events during the capture phase.
-	   *
-	   * @param {DOMEventTarget} target DOM element to register listener on.
-	   * @param {string} eventType Event type, e.g. 'click' or 'mouseover'.
-	   * @param {function} callback Callback function.
-	   * @return {object} Object with a `remove` method.
-	   */
-	  capture: function (target, eventType, callback) {
-	    if (target.addEventListener) {
-	      target.addEventListener(eventType, callback, true);
-	      return {
-	        remove: function () {
-	          target.removeEventListener(eventType, callback, true);
-	        }
-	      };
-	    } else {
-	      if (process.env.NODE_ENV !== 'production') {
-	        console.error('Attempted to listen to events during the capture phase on a ' + 'browser that does not support the capture phase. Your application ' + 'will not receive some events.');
-	      }
-	      return {
-	        remove: emptyFunction
-	      };
-	    }
-	  },
+	var validateDOMNesting = emptyFunction;
 
-	  registerDefault: function () {}
-	};
+	if (process.env.NODE_ENV !== 'production') {
+	  // This validation code was written based on the HTML5 parsing spec:
+	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
+	  //
+	  // Note: this does not catch all invalid nesting, nor does it try to (as it's
+	  // not clear what practical benefit doing so provides); instead, we warn only
+	  // for cases where the parser will give a parse tree differing from what React
+	  // intended. For example, <b><div></div></b> is invalid but we don't warn
+	  // because it still parses correctly; we do warn for other cases like nested
+	  // <p> tags where the beginning of the second element implicitly closes the
+	  // first, causing a confusing mess.
 
-	module.exports = EventListener;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  // https://html.spec.whatwg.org/multipage/syntax.html#special
+	  var specialTags = ['address', 'applet', 'area', 'article', 'aside', 'base', 'basefont', 'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col', 'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe', 'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee', 'menu', 'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript', 'object', 'ol', 'p', 'param', 'plaintext', 'pre', 'script', 'section', 'select', 'source', 'style', 'summary', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr', 'xmp'];
 
-/***/ },
-/* 120 */
-/***/ function(module, exports) {
+	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
+	  var inScopeTags = ['applet', 'caption', 'html', 'table', 'td', 'th', 'marquee', 'object', 'template',
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule getUnboundedScrollPosition
-	 * @typechecks
-	 */
+	  // https://html.spec.whatwg.org/multipage/syntax.html#html-integration-point
+	  // TODO: Distinguish by namespace here -- for <title>, including it here
+	  // errs on the side of fewer warnings
+	  'foreignObject', 'desc', 'title'];
 
-	'use strict';
+	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-button-scope
+	  var buttonScopeTags = inScopeTags.concat(['button']);
 
-	/**
-	 * Gets the scroll position of the supplied element or window.
-	 *
-	 * The return values are unbounded, unlike `getScrollPosition`. This means they
-	 * may be negative or exceed the element boundaries (which is possible using
-	 * inertial scrolling).
-	 *
-	 * @param {DOMWindow|DOMElement} scrollable
-	 * @return {object} Map with `x` and `y` keys.
-	 */
-	function getUnboundedScrollPosition(scrollable) {
-	  if (scrollable === window) {
-	    return {
-	      x: window.pageXOffset || document.documentElement.scrollLeft,
-	      y: window.pageYOffset || document.documentElement.scrollTop
-	    };
-	  }
-	  return {
-	    x: scrollable.scrollLeft,
-	    y: scrollable.scrollTop
-	  };
-	}
+	  // https://html.spec.whatwg.org/multipage/syntax.html#generate-implied-end-tags
+	  var impliedEndTags = ['dd', 'dt', 'li', 'option', 'optgroup', 'p', 'rp', 'rt'];
 
-	module.exports = getUnboundedScrollPosition;
+	  var emptyAncestorInfo = {
+	    current: null,
 
-/***/ },
-/* 121 */
-/***/ function(module, exports, __webpack_require__) {
+	    formTag: null,
+	    aTagInScope: null,
+	    buttonTagInScope: null,
+	    nobrTagInScope: null,
+	    pTagInButtonScope: null,
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactInjection
-	 */
+	    listItemTagAutoclosing: null,
+	    dlItemTagAutoclosing: null
+	  };
 
-	'use strict';
+	  var updatedAncestorInfo = function (oldInfo, tag, instance) {
+	    var ancestorInfo = _assign({}, oldInfo || emptyAncestorInfo);
+	    var info = { tag: tag, instance: instance };
 
-	var DOMProperty = __webpack_require__(23);
-	var EventPluginHub = __webpack_require__(31);
-	var ReactComponentEnvironment = __webpack_require__(64);
-	var ReactClass = __webpack_require__(122);
-	var ReactEmptyComponent = __webpack_require__(68);
-	var ReactBrowserEventEmitter = __webpack_require__(29);
-	var ReactNativeComponent = __webpack_require__(69);
-	var ReactPerf = __webpack_require__(18);
-	var ReactRootIndex = __webpack_require__(46);
-	var ReactUpdates = __webpack_require__(54);
+	    if (inScopeTags.indexOf(tag) !== -1) {
+	      ancestorInfo.aTagInScope = null;
+	      ancestorInfo.buttonTagInScope = null;
+	      ancestorInfo.nobrTagInScope = null;
+	    }
+	    if (buttonScopeTags.indexOf(tag) !== -1) {
+	      ancestorInfo.pTagInButtonScope = null;
+	    }
 
-	var ReactInjection = {
-	  Component: ReactComponentEnvironment.injection,
-	  Class: ReactClass.injection,
-	  DOMProperty: DOMProperty.injection,
-	  EmptyComponent: ReactEmptyComponent.injection,
-	  EventPluginHub: EventPluginHub.injection,
-	  EventEmitter: ReactBrowserEventEmitter.injection,
-	  NativeComponent: ReactNativeComponent.injection,
-	  Perf: ReactPerf.injection,
-	  RootIndex: ReactRootIndex.injection,
-	  Updates: ReactUpdates.injection
-	};
+	    // See rules for 'li', 'dd', 'dt' start tags in
+	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
+	    if (specialTags.indexOf(tag) !== -1 && tag !== 'address' && tag !== 'div' && tag !== 'p') {
+	      ancestorInfo.listItemTagAutoclosing = null;
+	      ancestorInfo.dlItemTagAutoclosing = null;
+	    }
 
-	module.exports = ReactInjection;
+	    ancestorInfo.current = info;
 
-/***/ },
-/* 122 */
-/***/ function(module, exports, __webpack_require__) {
+	    if (tag === 'form') {
+	      ancestorInfo.formTag = info;
+	    }
+	    if (tag === 'a') {
+	      ancestorInfo.aTagInScope = info;
+	    }
+	    if (tag === 'button') {
+	      ancestorInfo.buttonTagInScope = info;
+	    }
+	    if (tag === 'nobr') {
+	      ancestorInfo.nobrTagInScope = info;
+	    }
+	    if (tag === 'p') {
+	      ancestorInfo.pTagInButtonScope = info;
+	    }
+	    if (tag === 'li') {
+	      ancestorInfo.listItemTagAutoclosing = info;
+	    }
+	    if (tag === 'dd' || tag === 'dt') {
+	      ancestorInfo.dlItemTagAutoclosing = info;
+	    }
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactClass
-	 */
+	    return ancestorInfo;
+	  };
 
-	'use strict';
+	  /**
+	   * Returns whether
+	   */
+	  var isTagValidWithParent = function (tag, parentTag) {
+	    // First, let's check if we're in an unusual parsing mode...
+	    switch (parentTag) {
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inselect
+	      case 'select':
+	        return tag === 'option' || tag === 'optgroup' || tag === '#text';
+	      case 'optgroup':
+	        return tag === 'option' || tag === '#text';
+	      // Strictly speaking, seeing an <option> doesn't mean we're in a <select>
+	      // but
+	      case 'option':
+	        return tag === '#text';
 
-	var ReactComponent = __webpack_require__(123);
-	var ReactElement = __webpack_require__(42);
-	var ReactPropTypeLocations = __webpack_require__(65);
-	var ReactPropTypeLocationNames = __webpack_require__(66);
-	var ReactNoopUpdateQueue = __webpack_require__(124);
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intd
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incaption
+	      // No special behavior since these rules fall back to "in body" mode for
+	      // all except special table nodes which cause bad parsing behavior anyway.
 
-	var assign = __webpack_require__(39);
-	var emptyObject = __webpack_require__(58);
-	var invariant = __webpack_require__(13);
-	var keyMirror = __webpack_require__(17);
-	var keyOf = __webpack_require__(79);
-	var warning = __webpack_require__(25);
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intr
+	      case 'tr':
+	        return tag === 'th' || tag === 'td' || tag === 'style' || tag === 'script' || tag === 'template';
 
-	var MIXINS_KEY = keyOf({ mixins: null });
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intbody
+	      case 'tbody':
+	      case 'thead':
+	      case 'tfoot':
+	        return tag === 'tr' || tag === 'style' || tag === 'script' || tag === 'template';
 
-	/**
-	 * Policies that describe methods in `ReactClassInterface`.
-	 */
-	var SpecPolicy = keyMirror({
-	  /**
-	   * These methods may be defined only once by the class specification or mixin.
-	   */
-	  DEFINE_ONCE: null,
-	  /**
-	   * These methods may be defined by both the class specification and mixins.
-	   * Subsequent definitions will be chained. These methods must return void.
-	   */
-	  DEFINE_MANY: null,
-	  /**
-	   * These methods are overriding the base class.
-	   */
-	  OVERRIDE_BASE: null,
-	  /**
-	   * These methods are similar to DEFINE_MANY, except we assume they return
-	   * objects. We try to merge the keys of the return values of all the mixed in
-	   * functions. If there is a key conflict we throw.
-	   */
-	  DEFINE_MANY_MERGED: null
-	});
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incolgroup
+	      case 'colgroup':
+	        return tag === 'col' || tag === 'template';
 
-	var injectedMixins = [];
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intable
+	      case 'table':
+	        return tag === 'caption' || tag === 'colgroup' || tag === 'tbody' || tag === 'tfoot' || tag === 'thead' || tag === 'style' || tag === 'script' || tag === 'template';
 
-	var warnedSetProps = false;
-	function warnSetProps() {
-	  if (!warnedSetProps) {
-	    warnedSetProps = true;
-	    process.env.NODE_ENV !== 'production' ? warning(false, 'setProps(...) and replaceProps(...) are deprecated. ' + 'Instead, call render again at the top level.') : undefined;
-	  }
-	}
+	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inhead
+	      case 'head':
+	        return tag === 'base' || tag === 'basefont' || tag === 'bgsound' || tag === 'link' || tag === 'meta' || tag === 'title' || tag === 'noscript' || tag === 'noframes' || tag === 'style' || tag === 'script' || tag === 'template';
 
-	/**
-	 * Composite components are higher-level components that compose other composite
-	 * or native components.
-	 *
-	 * To create a new type of `ReactClass`, pass a specification of
-	 * your new class to `React.createClass`. The only requirement of your class
-	 * specification is that you implement a `render` method.
-	 *
-	 *   var MyComponent = React.createClass({
-	 *     render: function() {
-	 *       return <div>Hello World</div>;
-	 *     }
-	 *   });
-	 *
-	 * The class specification supports a specific protocol of methods that have
-	 * special meaning (e.g. `render`). See `ReactClassInterface` for
-	 * more the comprehensive protocol. Any other properties and methods in the
-	 * class specification will be available on the prototype.
-	 *
-	 * @interface ReactClassInterface
-	 * @internal
-	 */
-	var ReactClassInterface = {
+	      // https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
+	      case 'html':
+	        return tag === 'head' || tag === 'body';
+	      case '#document':
+	        return tag === 'html';
+	    }
 
-	  /**
-	   * An array of Mixin objects to include when defining your component.
-	   *
-	   * @type {array}
-	   * @optional
-	   */
-	  mixins: SpecPolicy.DEFINE_MANY,
+	    // Probably in the "in body" parsing mode, so we outlaw only tag combos
+	    // where the parsing rules cause implicit opens or closes to be added.
+	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
+	    switch (tag) {
+	      case 'h1':
+	      case 'h2':
+	      case 'h3':
+	      case 'h4':
+	      case 'h5':
+	      case 'h6':
+	        return parentTag !== 'h1' && parentTag !== 'h2' && parentTag !== 'h3' && parentTag !== 'h4' && parentTag !== 'h5' && parentTag !== 'h6';
 
-	  /**
-	   * An object containing properties and methods that should be defined on
-	   * the component's constructor instead of its prototype (static methods).
-	   *
-	   * @type {object}
-	   * @optional
-	   */
-	  statics: SpecPolicy.DEFINE_MANY,
+	      case 'rp':
+	      case 'rt':
+	        return impliedEndTags.indexOf(parentTag) === -1;
 
-	  /**
-	   * Definition of prop types for this component.
-	   *
-	   * @type {object}
-	   * @optional
-	   */
-	  propTypes: SpecPolicy.DEFINE_MANY,
+	      case 'body':
+	      case 'caption':
+	      case 'col':
+	      case 'colgroup':
+	      case 'frame':
+	      case 'head':
+	      case 'html':
+	      case 'tbody':
+	      case 'td':
+	      case 'tfoot':
+	      case 'th':
+	      case 'thead':
+	      case 'tr':
+	        // These tags are only valid with a few parents that have special child
+	        // parsing rules -- if we're down here, then none of those matched and
+	        // so we allow it only if we don't know what the parent is, as all other
+	        // cases are invalid.
+	        return parentTag == null;
+	    }
 
-	  /**
-	   * Definition of context types for this component.
-	   *
-	   * @type {object}
-	   * @optional
-	   */
-	  contextTypes: SpecPolicy.DEFINE_MANY,
+	    return true;
+	  };
 
 	  /**
-	   * Definition of context types this component sets for its children.
-	   *
-	   * @type {object}
-	   * @optional
+	   * Returns whether
 	   */
-	  childContextTypes: SpecPolicy.DEFINE_MANY,
+	  var findInvalidAncestorForTag = function (tag, ancestorInfo) {
+	    switch (tag) {
+	      case 'address':
+	      case 'article':
+	      case 'aside':
+	      case 'blockquote':
+	      case 'center':
+	      case 'details':
+	      case 'dialog':
+	      case 'dir':
+	      case 'div':
+	      case 'dl':
+	      case 'fieldset':
+	      case 'figcaption':
+	      case 'figure':
+	      case 'footer':
+	      case 'header':
+	      case 'hgroup':
+	      case 'main':
+	      case 'menu':
+	      case 'nav':
+	      case 'ol':
+	      case 'p':
+	      case 'section':
+	      case 'summary':
+	      case 'ul':
+	      case 'pre':
+	      case 'listing':
+	      case 'table':
+	      case 'hr':
+	      case 'xmp':
+	      case 'h1':
+	      case 'h2':
+	      case 'h3':
+	      case 'h4':
+	      case 'h5':
+	      case 'h6':
+	        return ancestorInfo.pTagInButtonScope;
 
-	  // ==== Definition methods ====
+	      case 'form':
+	        return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
 
-	  /**
-	   * Invoked when the component is mounted. Values in the mapping will be set on
-	   * `this.props` if that prop is not specified (i.e. using an `in` check).
-	   *
-	   * This method is invoked before `getInitialState` and therefore cannot rely
-	   * on `this.state` or use `this.setState`.
-	   *
-	   * @return {object}
-	   * @optional
-	   */
-	  getDefaultProps: SpecPolicy.DEFINE_MANY_MERGED,
+	      case 'li':
+	        return ancestorInfo.listItemTagAutoclosing;
 
-	  /**
-	   * Invoked once before the component is mounted. The return value will be used
-	   * as the initial value of `this.state`.
-	   *
-	   *   getInitialState: function() {
-	   *     return {
-	   *       isOn: false,
-	   *       fooBaz: new BazFoo()
-	   *     }
-	   *   }
-	   *
-	   * @return {object}
-	   * @optional
-	   */
-	  getInitialState: SpecPolicy.DEFINE_MANY_MERGED,
+	      case 'dd':
+	      case 'dt':
+	        return ancestorInfo.dlItemTagAutoclosing;
+
+	      case 'button':
+	        return ancestorInfo.buttonTagInScope;
+
+	      case 'a':
+	        // Spec says something about storing a list of markers, but it sounds
+	        // equivalent to this check.
+	        return ancestorInfo.aTagInScope;
 
-	  /**
-	   * @return {object}
-	   * @optional
-	   */
-	  getChildContext: SpecPolicy.DEFINE_MANY_MERGED,
+	      case 'nobr':
+	        return ancestorInfo.nobrTagInScope;
+	    }
+
+	    return null;
+	  };
 
 	  /**
-	   * Uses props from `this.props` and state from `this.state` to render the
-	   * structure of the component.
-	   *
-	   * No guarantees are made about when or how often this method is invoked, so
-	   * it must not have side effects.
-	   *
-	   *   render: function() {
-	   *     var name = this.props.name;
-	   *     return <div>Hello, {name}!</div>;
-	   *   }
-	   *
-	   * @return {ReactComponent}
-	   * @nosideeffects
-	   * @required
+	   * Given a ReactCompositeComponent instance, return a list of its recursive
+	   * owners, starting at the root and ending with the instance itself.
 	   */
-	  render: SpecPolicy.DEFINE_ONCE,
+	  var findOwnerStack = function (instance) {
+	    if (!instance) {
+	      return [];
+	    }
 
-	  // ==== Delegate methods ====
+	    var stack = [];
+	    do {
+	      stack.push(instance);
+	    } while (instance = instance._currentElement._owner);
+	    stack.reverse();
+	    return stack;
+	  };
 
-	  /**
-	   * Invoked when the component is initially created and about to be mounted.
-	   * This may have side effects, but any external subscriptions or data created
-	   * by this method must be cleaned up in `componentWillUnmount`.
-	   *
-	   * @optional
-	   */
-	  componentWillMount: SpecPolicy.DEFINE_MANY,
+	  var didWarn = {};
 
-	  /**
-	   * Invoked when the component has been mounted and has a DOM representation.
-	   * However, there is no guarantee that the DOM node is in the document.
-	   *
-	   * Use this as an opportunity to operate on the DOM when the component has
-	   * been mounted (initialized and rendered) for the first time.
-	   *
-	   * @param {DOMElement} rootNode DOM element representing the component.
-	   * @optional
-	   */
-	  componentDidMount: SpecPolicy.DEFINE_MANY,
+	  validateDOMNesting = function (childTag, childText, childInstance, ancestorInfo) {
+	    ancestorInfo = ancestorInfo || emptyAncestorInfo;
+	    var parentInfo = ancestorInfo.current;
+	    var parentTag = parentInfo && parentInfo.tag;
 
-	  /**
-	   * Invoked before the component receives new props.
-	   *
-	   * Use this as an opportunity to react to a prop transition by updating the
-	   * state using `this.setState`. Current props are accessed via `this.props`.
-	   *
-	   *   componentWillReceiveProps: function(nextProps, nextContext) {
-	   *     this.setState({
-	   *       likesIncreasing: nextProps.likeCount > this.props.likeCount
-	   *     });
-	   *   }
-	   *
-	   * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop
-	   * transition may cause a state change, but the opposite is not true. If you
-	   * need it, you are probably looking for `componentWillUpdate`.
-	   *
-	   * @param {object} nextProps
-	   * @optional
-	   */
-	  componentWillReceiveProps: SpecPolicy.DEFINE_MANY,
+	    if (childText != null) {
+	      process.env.NODE_ENV !== 'production' ? warning(childTag == null, 'validateDOMNesting: when childText is passed, childTag should be null') : void 0;
+	      childTag = '#text';
+	    }
 
-	  /**
-	   * Invoked while deciding if the component should be updated as a result of
-	   * receiving new props, state and/or context.
-	   *
-	   * Use this as an opportunity to `return false` when you're certain that the
-	   * transition to the new props/state/context will not require a component
-	   * update.
-	   *
-	   *   shouldComponentUpdate: function(nextProps, nextState, nextContext) {
-	   *     return !equal(nextProps, this.props) ||
-	   *       !equal(nextState, this.state) ||
-	   *       !equal(nextContext, this.context);
-	   *   }
-	   *
-	   * @param {object} nextProps
-	   * @param {?object} nextState
-	   * @param {?object} nextContext
-	   * @return {boolean} True if the component should update.
-	   * @optional
-	   */
-	  shouldComponentUpdate: SpecPolicy.DEFINE_ONCE,
+	    var invalidParent = isTagValidWithParent(childTag, parentTag) ? null : parentInfo;
+	    var invalidAncestor = invalidParent ? null : findInvalidAncestorForTag(childTag, ancestorInfo);
+	    var problematic = invalidParent || invalidAncestor;
 
-	  /**
-	   * Invoked when the component is about to update due to a transition from
-	   * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`
-	   * and `nextContext`.
-	   *
-	   * Use this as an opportunity to perform preparation before an update occurs.
-	   *
-	   * NOTE: You **cannot** use `this.setState()` in this method.
-	   *
-	   * @param {object} nextProps
-	   * @param {?object} nextState
-	   * @param {?object} nextContext
-	   * @param {ReactReconcileTransaction} transaction
-	   * @optional
-	   */
-	  componentWillUpdate: SpecPolicy.DEFINE_MANY,
+	    if (problematic) {
+	      var ancestorTag = problematic.tag;
+	      var ancestorInstance = problematic.instance;
 
-	  /**
-	   * Invoked when the component's DOM representation has been updated.
-	   *
-	   * Use this as an opportunity to operate on the DOM when the component has
-	   * been updated.
-	   *
-	   * @param {object} prevProps
-	   * @param {?object} prevState
-	   * @param {?object} prevContext
-	   * @param {DOMElement} rootNode DOM element representing the component.
-	   * @optional
-	   */
-	  componentDidUpdate: SpecPolicy.DEFINE_MANY,
+	      var childOwner = childInstance && childInstance._currentElement._owner;
+	      var ancestorOwner = ancestorInstance && ancestorInstance._currentElement._owner;
 
-	  /**
-	   * Invoked when the component is about to be removed from its parent and have
-	   * its DOM representation destroyed.
-	   *
-	   * Use this as an opportunity to deallocate any external resources.
-	   *
-	   * NOTE: There is no `componentDidUnmount` since your component will have been
-	   * destroyed by that point.
-	   *
-	   * @optional
-	   */
-	  componentWillUnmount: SpecPolicy.DEFINE_MANY,
+	      var childOwners = findOwnerStack(childOwner);
+	      var ancestorOwners = findOwnerStack(ancestorOwner);
 
-	  // ==== Advanced methods ====
+	      var minStackLen = Math.min(childOwners.length, ancestorOwners.length);
+	      var i;
 
-	  /**
-	   * Updates the component's currently mounted DOM representation.
-	   *
-	   * By default, this implements React's rendering and reconciliation algorithm.
-	   * Sophisticated clients may wish to override this.
-	   *
-	   * @param {ReactReconcileTransaction} transaction
-	   * @internal
-	   * @overridable
-	   */
-	  updateComponent: SpecPolicy.OVERRIDE_BASE
+	      var deepestCommon = -1;
+	      for (i = 0; i < minStackLen; i++) {
+	        if (childOwners[i] === ancestorOwners[i]) {
+	          deepestCommon = i;
+	        } else {
+	          break;
+	        }
+	      }
 
-	};
+	      var UNKNOWN = '(unknown)';
+	      var childOwnerNames = childOwners.slice(deepestCommon + 1).map(function (inst) {
+	        return inst.getName() || UNKNOWN;
+	      });
+	      var ancestorOwnerNames = ancestorOwners.slice(deepestCommon + 1).map(function (inst) {
+	        return inst.getName() || UNKNOWN;
+	      });
+	      var ownerInfo = [].concat(
+	      // If the parent and child instances have a common owner ancestor, start
+	      // with that -- otherwise we just start with the parent's owners.
+	      deepestCommon !== -1 ? childOwners[deepestCommon].getName() || UNKNOWN : [], ancestorOwnerNames, ancestorTag,
+	      // If we're warning about an invalid (non-parent) ancestry, add '...'
+	      invalidAncestor ? ['...'] : [], childOwnerNames, childTag).join(' > ');
 
-	/**
-	 * Mapping from class specification keys to special processing functions.
-	 *
-	 * Although these are declared like instance properties in the specification
-	 * when defining classes using `React.createClass`, they are actually static
-	 * and are accessible on the constructor instead of the prototype. Despite
-	 * being static, they must be defined outside of the "statics" key under
-	 * which all other static methods are defined.
-	 */
-	var RESERVED_SPEC_KEYS = {
-	  displayName: function (Constructor, displayName) {
-	    Constructor.displayName = displayName;
-	  },
-	  mixins: function (Constructor, mixins) {
-	    if (mixins) {
-	      for (var i = 0; i < mixins.length; i++) {
-	        mixSpecIntoComponent(Constructor, mixins[i]);
+	      var warnKey = !!invalidParent + '|' + childTag + '|' + ancestorTag + '|' + ownerInfo;
+	      if (didWarn[warnKey]) {
+	        return;
 	      }
-	    }
-	  },
-	  childContextTypes: function (Constructor, childContextTypes) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      validateTypeDef(Constructor, childContextTypes, ReactPropTypeLocations.childContext);
-	    }
-	    Constructor.childContextTypes = assign({}, Constructor.childContextTypes, childContextTypes);
-	  },
-	  contextTypes: function (Constructor, contextTypes) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      validateTypeDef(Constructor, contextTypes, ReactPropTypeLocations.context);
-	    }
-	    Constructor.contextTypes = assign({}, Constructor.contextTypes, contextTypes);
-	  },
-	  /**
-	   * Special case getDefaultProps which should move into statics but requires
-	   * automatic merging.
-	   */
-	  getDefaultProps: function (Constructor, getDefaultProps) {
-	    if (Constructor.getDefaultProps) {
-	      Constructor.getDefaultProps = createMergedResultFunction(Constructor.getDefaultProps, getDefaultProps);
-	    } else {
-	      Constructor.getDefaultProps = getDefaultProps;
-	    }
-	  },
-	  propTypes: function (Constructor, propTypes) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      validateTypeDef(Constructor, propTypes, ReactPropTypeLocations.prop);
-	    }
-	    Constructor.propTypes = assign({}, Constructor.propTypes, propTypes);
-	  },
-	  statics: function (Constructor, statics) {
-	    mixStaticSpecIntoComponent(Constructor, statics);
-	  },
-	  autobind: function () {} };
+	      didWarn[warnKey] = true;
 
-	// noop
-	function validateTypeDef(Constructor, typeDef, location) {
-	  for (var propName in typeDef) {
-	    if (typeDef.hasOwnProperty(propName)) {
-	      // use a warning instead of an invariant so components
-	      // don't show up in prod but not in __DEV__
-	      process.env.NODE_ENV !== 'production' ? warning(typeof typeDef[propName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', Constructor.displayName || 'ReactClass', ReactPropTypeLocationNames[location], propName) : undefined;
+	      var tagDisplayName = childTag;
+	      var whitespaceInfo = '';
+	      if (childTag === '#text') {
+	        if (/\S/.test(childText)) {
+	          tagDisplayName = 'Text nodes';
+	        } else {
+	          tagDisplayName = 'Whitespace text nodes';
+	          whitespaceInfo = ' Make sure you don\'t have any extra whitespace between tags on ' + 'each line of your source code.';
+	        }
+	      } else {
+	        tagDisplayName = '<' + childTag + '>';
+	      }
+
+	      if (invalidParent) {
+	        var info = '';
+	        if (ancestorTag === 'table' && childTag === 'tr') {
+	          info += ' Add a <tbody> to your code to match the DOM tree generated by ' + 'the browser.';
+	        }
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'validateDOMNesting(...): %s cannot appear as a child of <%s>.%s ' + 'See %s.%s', tagDisplayName, ancestorTag, whitespaceInfo, ownerInfo, info) : void 0;
+	      } else {
+	        process.env.NODE_ENV !== 'production' ? warning(false, 'validateDOMNesting(...): %s cannot appear as a descendant of ' + '<%s>. See %s.', tagDisplayName, ancestorTag, ownerInfo) : void 0;
+	      }
 	    }
-	  }
+	  };
+
+	  validateDOMNesting.updatedAncestorInfo = updatedAncestorInfo;
+
+	  // For testing
+	  validateDOMNesting.isTagValidInContext = function (tag, ancestorInfo) {
+	    ancestorInfo = ancestorInfo || emptyAncestorInfo;
+	    var parentInfo = ancestorInfo.current;
+	    var parentTag = parentInfo && parentInfo.tag;
+	    return isTagValidWithParent(tag, parentTag) && !findInvalidAncestorForTag(tag, ancestorInfo);
+	  };
 	}
 
-	function validateMethodOverride(proto, name) {
-	  var specPolicy = ReactClassInterface.hasOwnProperty(name) ? ReactClassInterface[name] : null;
-
-	  // Disallow overriding of base class methods unless explicitly allowed.
-	  if (ReactClassMixin.hasOwnProperty(name)) {
-	    !(specPolicy === SpecPolicy.OVERRIDE_BASE) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClassInterface: You are attempting to override ' + '`%s` from your class specification. Ensure that your method names ' + 'do not overlap with React methods.', name) : invariant(false) : undefined;
-	  }
+	module.exports = validateDOMNesting;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	  // Disallow defining methods more than once unless explicitly allowed.
-	  if (proto.hasOwnProperty(name)) {
-	    !(specPolicy === SpecPolicy.DEFINE_MANY || specPolicy === SpecPolicy.DEFINE_MANY_MERGED) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClassInterface: You are attempting to define ' + '`%s` on your component more than once. This conflict may be due ' + 'to a mixin.', name) : invariant(false) : undefined;
-	  }
-	}
+/***/ }),
+/* 141 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Mixin helper which handles policy validation and reserved
-	 * specification keys when building React classses.
+	 * Copyright 2014-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
 	 */
-	function mixSpecIntoComponent(Constructor, spec) {
-	  if (!spec) {
-	    return;
-	  }
 
-	  !(typeof spec !== 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You\'re attempting to ' + 'use a component class as a mixin. Instead, just use a regular object.') : invariant(false) : undefined;
-	  !!ReactElement.isValidElement(spec) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You\'re attempting to ' + 'use a component as a mixin. Instead, just use a regular object.') : invariant(false) : undefined;
+	'use strict';
 
-	  var proto = Constructor.prototype;
+	var _assign = __webpack_require__(4);
 
-	  // By handling mixins before any other properties, we ensure the same
-	  // chaining order is applied to methods with DEFINE_MANY policy, whether
-	  // mixins are listed before or after these methods in the spec.
-	  if (spec.hasOwnProperty(MIXINS_KEY)) {
-	    RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);
-	  }
+	var DOMLazyTree = __webpack_require__(85);
+	var ReactDOMComponentTree = __webpack_require__(38);
 
-	  for (var name in spec) {
-	    if (!spec.hasOwnProperty(name)) {
-	      continue;
+	var ReactDOMEmptyComponent = function (instantiate) {
+	  // ReactCompositeComponent uses this:
+	  this._currentElement = null;
+	  // ReactDOMComponentTree uses these:
+	  this._hostNode = null;
+	  this._hostParent = null;
+	  this._hostContainerInfo = null;
+	  this._domID = 0;
+	};
+	_assign(ReactDOMEmptyComponent.prototype, {
+	  mountComponent: function (transaction, hostParent, hostContainerInfo, context) {
+	    var domID = hostContainerInfo._idCounter++;
+	    this._domID = domID;
+	    this._hostParent = hostParent;
+	    this._hostContainerInfo = hostContainerInfo;
+
+	    var nodeValue = ' react-empty: ' + this._domID + ' ';
+	    if (transaction.useCreateElement) {
+	      var ownerDocument = hostContainerInfo._ownerDocument;
+	      var node = ownerDocument.createComment(nodeValue);
+	      ReactDOMComponentTree.precacheNode(this, node);
+	      return DOMLazyTree(node);
+	    } else {
+	      if (transaction.renderToStaticMarkup) {
+	        // Normally we'd insert a comment node, but since this is a situation
+	        // where React won't take over (static pages), we can simply return
+	        // nothing.
+	        return '';
+	      }
+	      return '<!--' + nodeValue + '-->';
 	    }
+	  },
+	  receiveComponent: function () {},
+	  getHostNode: function () {
+	    return ReactDOMComponentTree.getNodeFromInstance(this);
+	  },
+	  unmountComponent: function () {
+	    ReactDOMComponentTree.uncacheNode(this);
+	  }
+	});
 
-	    if (name === MIXINS_KEY) {
-	      // We have already handled mixins in a special case above.
-	      continue;
-	    }
+	module.exports = ReactDOMEmptyComponent;
 
-	    var property = spec[name];
-	    validateMethodOverride(proto, name);
+/***/ }),
+/* 142 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {
-	      RESERVED_SPEC_KEYS[name](Constructor, property);
-	    } else {
-	      // Setup methods on prototype:
-	      // The following member methods should not be automatically bound:
-	      // 1. Expected ReactClass methods (in the "interface").
-	      // 2. Overridden methods (that were mixed in).
-	      var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
-	      var isAlreadyDefined = proto.hasOwnProperty(name);
-	      var isFunction = typeof property === 'function';
-	      var shouldAutoBind = isFunction && !isReactClassMethod && !isAlreadyDefined && spec.autobind !== false;
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2015-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	      if (shouldAutoBind) {
-	        if (!proto.__reactAutoBindMap) {
-	          proto.__reactAutoBindMap = {};
-	        }
-	        proto.__reactAutoBindMap[name] = property;
-	        proto[name] = property;
-	      } else {
-	        if (isAlreadyDefined) {
-	          var specPolicy = ReactClassInterface[name];
+	'use strict';
 
-	          // These cases should already be caught by validateMethodOverride.
-	          !(isReactClassMethod && (specPolicy === SpecPolicy.DEFINE_MANY_MERGED || specPolicy === SpecPolicy.DEFINE_MANY)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: Unexpected spec policy %s for key %s ' + 'when mixing in component specs.', specPolicy, name) : invariant(false) : undefined;
+	var _prodInvariant = __webpack_require__(39);
 
-	          // For methods which are defined more than once, call the existing
-	          // methods before calling the new property, merging if appropriate.
-	          if (specPolicy === SpecPolicy.DEFINE_MANY_MERGED) {
-	            proto[name] = createMergedResultFunction(proto[name], property);
-	          } else if (specPolicy === SpecPolicy.DEFINE_MANY) {
-	            proto[name] = createChainedFunction(proto[name], property);
-	          }
-	        } else {
-	          proto[name] = property;
-	          if (process.env.NODE_ENV !== 'production') {
-	            // Add verbose displayName to the function, which helps when looking
-	            // at profiling tools.
-	            if (typeof property === 'function' && spec.displayName) {
-	              proto[name].displayName = spec.displayName + '_' + name;
-	            }
-	          }
-	        }
-	      }
-	    }
+	var invariant = __webpack_require__(8);
+
+	/**
+	 * Return the lowest common ancestor of A and B, or null if they are in
+	 * different trees.
+	 */
+	function getLowestCommonAncestor(instA, instB) {
+	  !('_hostNode' in instA) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getNodeFromInstance: Invalid argument.') : _prodInvariant('33') : void 0;
+	  !('_hostNode' in instB) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getNodeFromInstance: Invalid argument.') : _prodInvariant('33') : void 0;
+
+	  var depthA = 0;
+	  for (var tempA = instA; tempA; tempA = tempA._hostParent) {
+	    depthA++;
+	  }
+	  var depthB = 0;
+	  for (var tempB = instB; tempB; tempB = tempB._hostParent) {
+	    depthB++;
 	  }
-	}
 
-	function mixStaticSpecIntoComponent(Constructor, statics) {
-	  if (!statics) {
-	    return;
+	  // If A is deeper, crawl up.
+	  while (depthA - depthB > 0) {
+	    instA = instA._hostParent;
+	    depthA--;
 	  }
-	  for (var name in statics) {
-	    var property = statics[name];
-	    if (!statics.hasOwnProperty(name)) {
-	      continue;
-	    }
 
-	    var isReserved = (name in RESERVED_SPEC_KEYS);
-	    !!isReserved ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You are attempting to define a reserved ' + 'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' + 'as an instance property instead; it will still be accessible on the ' + 'constructor.', name) : invariant(false) : undefined;
+	  // If B is deeper, crawl up.
+	  while (depthB - depthA > 0) {
+	    instB = instB._hostParent;
+	    depthB--;
+	  }
 
-	    var isInherited = (name in Constructor);
-	    !!isInherited ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactClass: You are attempting to define ' + '`%s` on your component more than once. This conflict may be ' + 'due to a mixin.', name) : invariant(false) : undefined;
-	    Constructor[name] = property;
+	  // Walk in lockstep until we find a match.
+	  var depth = depthA;
+	  while (depth--) {
+	    if (instA === instB) {
+	      return instA;
+	    }
+	    instA = instA._hostParent;
+	    instB = instB._hostParent;
 	  }
+	  return null;
 	}
 
 	/**
-	 * Merge two objects, but throw if both contain the same key.
-	 *
-	 * @param {object} one The first object, which is mutated.
-	 * @param {object} two The second object
-	 * @return {object} one after it has been mutated to contain everything in two.
+	 * Return if A is an ancestor of B.
 	 */
-	function mergeIntoWithNoDuplicateKeys(one, two) {
-	  !(one && two && typeof one === 'object' && typeof two === 'object') ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.') : invariant(false) : undefined;
+	function isAncestor(instA, instB) {
+	  !('_hostNode' in instA) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'isAncestor: Invalid argument.') : _prodInvariant('35') : void 0;
+	  !('_hostNode' in instB) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'isAncestor: Invalid argument.') : _prodInvariant('35') : void 0;
 
-	  for (var key in two) {
-	    if (two.hasOwnProperty(key)) {
-	      !(one[key] === undefined) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mergeIntoWithNoDuplicateKeys(): ' + 'Tried to merge two objects with the same key: `%s`. This conflict ' + 'may be due to a mixin; in particular, this may be caused by two ' + 'getInitialState() or getDefaultProps() methods returning objects ' + 'with clashing keys.', key) : invariant(false) : undefined;
-	      one[key] = two[key];
+	  while (instB) {
+	    if (instB === instA) {
+	      return true;
 	    }
+	    instB = instB._hostParent;
 	  }
-	  return one;
+	  return false;
 	}
 
 	/**
-	 * Creates a function that invokes two functions and merges their return values.
-	 *
-	 * @param {function} one Function to invoke first.
-	 * @param {function} two Function to invoke second.
-	 * @return {function} Function that invokes the two argument functions.
-	 * @private
+	 * Return the parent instance of the passed-in instance.
 	 */
-	function createMergedResultFunction(one, two) {
-	  return function mergedResult() {
-	    var a = one.apply(this, arguments);
-	    var b = two.apply(this, arguments);
-	    if (a == null) {
-	      return b;
-	    } else if (b == null) {
-	      return a;
-	    }
-	    var c = {};
-	    mergeIntoWithNoDuplicateKeys(c, a);
-	    mergeIntoWithNoDuplicateKeys(c, b);
-	    return c;
-	  };
+	function getParentInstance(inst) {
+	  !('_hostNode' in inst) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'getParentInstance: Invalid argument.') : _prodInvariant('36') : void 0;
+
+	  return inst._hostParent;
 	}
 
 	/**
-	 * Creates a function that invokes two functions and ignores their return vales.
+	 * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+	 */
+	function traverseTwoPhase(inst, fn, arg) {
+	  var path = [];
+	  while (inst) {
+	    path.push(inst);
+	    inst = inst._hostParent;
+	  }
+	  var i;
+	  for (i = path.length; i-- > 0;) {
+	    fn(path[i], 'captured', arg);
+	  }
+	  for (i = 0; i < path.length; i++) {
+	    fn(path[i], 'bubbled', arg);
+	  }
+	}
+
+	/**
+	 * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+	 * should would receive a `mouseEnter` or `mouseLeave` event.
 	 *
-	 * @param {function} one Function to invoke first.
-	 * @param {function} two Function to invoke second.
-	 * @return {function} Function that invokes the two argument functions.
-	 * @private
+	 * Does not invoke the callback on the nearest common ancestor because nothing
+	 * "entered" or "left" that element.
 	 */
-	function createChainedFunction(one, two) {
-	  return function chainedFunction() {
-	    one.apply(this, arguments);
-	    two.apply(this, arguments);
-	  };
+	function traverseEnterLeave(from, to, fn, argFrom, argTo) {
+	  var common = from && to ? getLowestCommonAncestor(from, to) : null;
+	  var pathFrom = [];
+	  while (from && from !== common) {
+	    pathFrom.push(from);
+	    from = from._hostParent;
+	  }
+	  var pathTo = [];
+	  while (to && to !== common) {
+	    pathTo.push(to);
+	    to = to._hostParent;
+	  }
+	  var i;
+	  for (i = 0; i < pathFrom.length; i++) {
+	    fn(pathFrom[i], 'bubbled', argFrom);
+	  }
+	  for (i = pathTo.length; i-- > 0;) {
+	    fn(pathTo[i], 'captured', argTo);
+	  }
 	}
 
+	module.exports = {
+	  isAncestor: isAncestor,
+	  getLowestCommonAncestor: getLowestCommonAncestor,
+	  getParentInstance: getParentInstance,
+	  traverseTwoPhase: traverseTwoPhase,
+	  traverseEnterLeave: traverseEnterLeave
+	};
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 143 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39),
+	    _assign = __webpack_require__(4);
+
+	var DOMChildrenOperations = __webpack_require__(84);
+	var DOMLazyTree = __webpack_require__(85);
+	var ReactDOMComponentTree = __webpack_require__(38);
+
+	var escapeTextContentForBrowser = __webpack_require__(90);
+	var invariant = __webpack_require__(8);
+	var validateDOMNesting = __webpack_require__(140);
+
 	/**
-	 * Binds a method to the component.
+	 * Text nodes violate a couple assumptions that React makes about components:
 	 *
-	 * @param {object} component Component whose method is going to be bound.
-	 * @param {function} method Method to be bound.
-	 * @return {function} The bound method.
+	 *  - When mounting text into the DOM, adjacent text nodes are merged.
+	 *  - Text nodes cannot be assigned a React root ID.
+	 *
+	 * This component is used to wrap strings between comment nodes so that they
+	 * can undergo the same reconciliation that is applied to elements.
+	 *
+	 * TODO: Investigate representing React components in the DOM with text nodes.
+	 *
+	 * @class ReactDOMTextComponent
+	 * @extends ReactComponent
+	 * @internal
 	 */
-	function bindAutoBindMethod(component, method) {
-	  var boundMethod = method.bind(component);
-	  if (process.env.NODE_ENV !== 'production') {
-	    boundMethod.__reactBoundContext = component;
-	    boundMethod.__reactBoundMethod = method;
-	    boundMethod.__reactBoundArguments = null;
-	    var componentName = component.constructor.displayName;
-	    var _bind = boundMethod.bind;
-	    /* eslint-disable block-scoped-var, no-undef */
-	    boundMethod.bind = function (newThis) {
-	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	        args[_key - 1] = arguments[_key];
+	var ReactDOMTextComponent = function (text) {
+	  // TODO: This is really a ReactText (ReactNode), not a ReactElement
+	  this._currentElement = text;
+	  this._stringText = '' + text;
+	  // ReactDOMComponentTree uses these:
+	  this._hostNode = null;
+	  this._hostParent = null;
+
+	  // Properties
+	  this._domID = 0;
+	  this._mountIndex = 0;
+	  this._closingComment = null;
+	  this._commentNodes = null;
+	};
+
+	_assign(ReactDOMTextComponent.prototype, {
+
+	  /**
+	   * Creates the markup for this text node. This node is not intended to have
+	   * any features besides containing text content.
+	   *
+	   * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction
+	   * @return {string} Markup for this text node.
+	   * @internal
+	   */
+	  mountComponent: function (transaction, hostParent, hostContainerInfo, context) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var parentInfo;
+	      if (hostParent != null) {
+	        parentInfo = hostParent._ancestorInfo;
+	      } else if (hostContainerInfo != null) {
+	        parentInfo = hostContainerInfo._ancestorInfo;
+	      }
+	      if (parentInfo) {
+	        // parentInfo should always be present except for the top-level
+	        // component when server rendering
+	        validateDOMNesting(null, this._stringText, this, parentInfo);
+	      }
+	    }
+
+	    var domID = hostContainerInfo._idCounter++;
+	    var openingValue = ' react-text: ' + domID + ' ';
+	    var closingValue = ' /react-text ';
+	    this._domID = domID;
+	    this._hostParent = hostParent;
+	    if (transaction.useCreateElement) {
+	      var ownerDocument = hostContainerInfo._ownerDocument;
+	      var openingComment = ownerDocument.createComment(openingValue);
+	      var closingComment = ownerDocument.createComment(closingValue);
+	      var lazyTree = DOMLazyTree(ownerDocument.createDocumentFragment());
+	      DOMLazyTree.queueChild(lazyTree, DOMLazyTree(openingComment));
+	      if (this._stringText) {
+	        DOMLazyTree.queueChild(lazyTree, DOMLazyTree(ownerDocument.createTextNode(this._stringText)));
+	      }
+	      DOMLazyTree.queueChild(lazyTree, DOMLazyTree(closingComment));
+	      ReactDOMComponentTree.precacheNode(this, openingComment);
+	      this._closingComment = closingComment;
+	      return lazyTree;
+	    } else {
+	      var escapedText = escapeTextContentForBrowser(this._stringText);
+
+	      if (transaction.renderToStaticMarkup) {
+	        // Normally we'd wrap this between comment nodes for the reasons stated
+	        // above, but since this is a situation where React won't take over
+	        // (static pages), we can simply return the text as it is.
+	        return escapedText;
+	      }
+
+	      return '<!--' + openingValue + '-->' + escapedText + '<!--' + closingValue + '-->';
+	    }
+	  },
+
+	  /**
+	   * Updates this component by updating the text content.
+	   *
+	   * @param {ReactText} nextText The next text content
+	   * @param {ReactReconcileTransaction} transaction
+	   * @internal
+	   */
+	  receiveComponent: function (nextText, transaction) {
+	    if (nextText !== this._currentElement) {
+	      this._currentElement = nextText;
+	      var nextStringText = '' + nextText;
+	      if (nextStringText !== this._stringText) {
+	        // TODO: Save this as pending props and use performUpdateIfNecessary
+	        // and/or updateComponent to do the actual update for consistency with
+	        // other component types?
+	        this._stringText = nextStringText;
+	        var commentNodes = this.getHostNode();
+	        DOMChildrenOperations.replaceDelimitedText(commentNodes[0], commentNodes[1], nextStringText);
 	      }
+	    }
+	  },
 
-	      // User is trying to bind() an autobound method; we effectively will
-	      // ignore the value of "this" that the user is trying to use, so
-	      // let's warn.
-	      if (newThis !== component && newThis !== null) {
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'bind(): React component methods may only be bound to the ' + 'component instance. See %s', componentName) : undefined;
-	      } else if (!args.length) {
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'bind(): You are binding a component method to the component. ' + 'React does this for you automatically in a high-performance ' + 'way, so you can safely remove this call. See %s', componentName) : undefined;
-	        return boundMethod;
+	  getHostNode: function () {
+	    var hostNode = this._commentNodes;
+	    if (hostNode) {
+	      return hostNode;
+	    }
+	    if (!this._closingComment) {
+	      var openingComment = ReactDOMComponentTree.getNodeFromInstance(this);
+	      var node = openingComment.nextSibling;
+	      while (true) {
+	        !(node != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Missing closing comment for text component %s', this._domID) : _prodInvariant('67', this._domID) : void 0;
+	        if (node.nodeType === 8 && node.nodeValue === ' /react-text ') {
+	          this._closingComment = node;
+	          break;
+	        }
+	        node = node.nextSibling;
 	      }
-	      var reboundMethod = _bind.apply(boundMethod, arguments);
-	      reboundMethod.__reactBoundContext = component;
-	      reboundMethod.__reactBoundMethod = method;
-	      reboundMethod.__reactBoundArguments = args;
-	      return reboundMethod;
-	      /* eslint-enable */
-	    };
+	    }
+	    hostNode = [this._hostNode, this._closingComment];
+	    this._commentNodes = hostNode;
+	    return hostNode;
+	  },
+
+	  unmountComponent: function () {
+	    this._closingComment = null;
+	    this._commentNodes = null;
+	    ReactDOMComponentTree.uncacheNode(this);
 	  }
-	  return boundMethod;
-	}
+
+	});
+
+	module.exports = ReactDOMTextComponent;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 144 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Binds all auto-bound methods in a component.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {object} component Component whose method is going to be bound.
 	 */
-	function bindAutoBindMethods(component) {
-	  for (var autoBindKey in component.__reactAutoBindMap) {
-	    if (component.__reactAutoBindMap.hasOwnProperty(autoBindKey)) {
-	      var method = component.__reactAutoBindMap[autoBindKey];
-	      component[autoBindKey] = bindAutoBindMethod(component, method);
-	    }
+
+	'use strict';
+
+	var _assign = __webpack_require__(4);
+
+	var ReactUpdates = __webpack_require__(60);
+	var Transaction = __webpack_require__(72);
+
+	var emptyFunction = __webpack_require__(12);
+
+	var RESET_BATCHED_UPDATES = {
+	  initialize: emptyFunction,
+	  close: function () {
+	    ReactDefaultBatchingStrategy.isBatchingUpdates = false;
 	  }
+	};
+
+	var FLUSH_BATCHED_UPDATES = {
+	  initialize: emptyFunction,
+	  close: ReactUpdates.flushBatchedUpdates.bind(ReactUpdates)
+	};
+
+	var TRANSACTION_WRAPPERS = [FLUSH_BATCHED_UPDATES, RESET_BATCHED_UPDATES];
+
+	function ReactDefaultBatchingStrategyTransaction() {
+	  this.reinitializeTransaction();
 	}
 
-	/**
-	 * Add more to the ReactClass base class. These are all legacy features and
-	 * therefore not already part of the modern ReactComponent.
-	 */
-	var ReactClassMixin = {
+	_assign(ReactDefaultBatchingStrategyTransaction.prototype, Transaction, {
+	  getTransactionWrappers: function () {
+	    return TRANSACTION_WRAPPERS;
+	  }
+	});
 
-	  /**
-	   * TODO: This will be deprecated because state should always keep a consistent
-	   * type signature and the only use case for this, is to avoid that.
-	   */
-	  replaceState: function (newState, callback) {
-	    this.updater.enqueueReplaceState(this, newState);
-	    if (callback) {
-	      this.updater.enqueueCallback(this, callback);
-	    }
-	  },
+	var transaction = new ReactDefaultBatchingStrategyTransaction();
 
-	  /**
-	   * Checks whether or not this composite component is mounted.
-	   * @return {boolean} True if mounted, false otherwise.
-	   * @protected
-	   * @final
-	   */
-	  isMounted: function () {
-	    return this.updater.isMounted(this);
-	  },
+	var ReactDefaultBatchingStrategy = {
+	  isBatchingUpdates: false,
 
 	  /**
-	   * Sets a subset of the props.
-	   *
-	   * @param {object} partialProps Subset of the next props.
-	   * @param {?function} callback Called after props are updated.
-	   * @final
-	   * @public
-	   * @deprecated
+	   * Call the provided function in a context within which calls to `setState`
+	   * and friends are batched such that components aren't updated unnecessarily.
 	   */
-	  setProps: function (partialProps, callback) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      warnSetProps();
-	    }
-	    this.updater.enqueueSetProps(this, partialProps);
-	    if (callback) {
-	      this.updater.enqueueCallback(this, callback);
-	    }
-	  },
+	  batchedUpdates: function (callback, a, b, c, d, e) {
+	    var alreadyBatchingUpdates = ReactDefaultBatchingStrategy.isBatchingUpdates;
 
-	  /**
-	   * Replace all the props.
-	   *
-	   * @param {object} newProps Subset of the next props.
-	   * @param {?function} callback Called after props are updated.
-	   * @final
-	   * @public
-	   * @deprecated
-	   */
-	  replaceProps: function (newProps, callback) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      warnSetProps();
-	    }
-	    this.updater.enqueueReplaceProps(this, newProps);
-	    if (callback) {
-	      this.updater.enqueueCallback(this, callback);
+	    ReactDefaultBatchingStrategy.isBatchingUpdates = true;
+
+	    // The code is written this way to avoid extra allocations
+	    if (alreadyBatchingUpdates) {
+	      return callback(a, b, c, d, e);
+	    } else {
+	      return transaction.perform(callback, null, a, b, c, d, e);
 	    }
 	  }
 	};
 
-	var ReactClassComponent = function () {};
-	assign(ReactClassComponent.prototype, ReactComponent.prototype, ReactClassMixin);
+	module.exports = ReactDefaultBatchingStrategy;
+
+/***/ }),
+/* 145 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Module for creating composite components.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @class ReactClass
 	 */
-	var ReactClass = {
 
-	  /**
-	   * Creates a composite component class given a class specification.
-	   *
-	   * @param {object} spec Class specification (which must define `render`).
-	   * @return {function} Component constructor function.
-	   * @public
-	   */
-	  createClass: function (spec) {
-	    var Constructor = function (props, context, updater) {
-	      // This constructor is overridden by mocks. The argument is used
-	      // by mocks to assert on what gets mounted.
+	'use strict';
 
-	      if (process.env.NODE_ENV !== 'production') {
-	        process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : undefined;
-	      }
+	var _assign = __webpack_require__(4);
 
-	      // Wire up auto-binding
-	      if (this.__reactAutoBindMap) {
-	        bindAutoBindMethods(this);
-	      }
+	var EventListener = __webpack_require__(146);
+	var ExecutionEnvironment = __webpack_require__(52);
+	var PooledClass = __webpack_require__(54);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactUpdates = __webpack_require__(60);
 
-	      this.props = props;
-	      this.context = context;
-	      this.refs = emptyObject;
-	      this.updater = updater || ReactNoopUpdateQueue;
+	var getEventTarget = __webpack_require__(73);
+	var getUnboundedScrollPosition = __webpack_require__(147);
 
-	      this.state = null;
+	/**
+	 * Find the deepest React component completely containing the root of the
+	 * passed-in instance (for use when entire React trees are nested within each
+	 * other). If React trees are not nested, returns null.
+	 */
+	function findParent(inst) {
+	  // TODO: It may be a good idea to cache this to prevent unnecessary DOM
+	  // traversal, but caching is difficult to do correctly without using a
+	  // mutation observer to listen for all DOM changes.
+	  while (inst._hostParent) {
+	    inst = inst._hostParent;
+	  }
+	  var rootNode = ReactDOMComponentTree.getNodeFromInstance(inst);
+	  var container = rootNode.parentNode;
+	  return ReactDOMComponentTree.getClosestInstanceFromNode(container);
+	}
 
-	      // ReactClasses doesn't have constructors. Instead, they use the
-	      // getInitialState and componentWillMount methods for initialization.
+	// Used to store ancestor hierarchy in top level callback
+	function TopLevelCallbackBookKeeping(topLevelType, nativeEvent) {
+	  this.topLevelType = topLevelType;
+	  this.nativeEvent = nativeEvent;
+	  this.ancestors = [];
+	}
+	_assign(TopLevelCallbackBookKeeping.prototype, {
+	  destructor: function () {
+	    this.topLevelType = null;
+	    this.nativeEvent = null;
+	    this.ancestors.length = 0;
+	  }
+	});
+	PooledClass.addPoolingTo(TopLevelCallbackBookKeeping, PooledClass.twoArgumentPooler);
 
-	      var initialState = this.getInitialState ? this.getInitialState() : null;
-	      if (process.env.NODE_ENV !== 'production') {
-	        // We allow auto-mocks to proceed as if they're returning null.
-	        if (typeof initialState === 'undefined' && this.getInitialState._isMockFunction) {
-	          // This is probably bad practice. Consider warning here and
-	          // deprecating this convenience.
-	          initialState = null;
-	        }
-	      }
-	      !(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : invariant(false) : undefined;
+	function handleTopLevelImpl(bookKeeping) {
+	  var nativeEventTarget = getEventTarget(bookKeeping.nativeEvent);
+	  var targetInst = ReactDOMComponentTree.getClosestInstanceFromNode(nativeEventTarget);
 
-	      this.state = initialState;
-	    };
-	    Constructor.prototype = new ReactClassComponent();
-	    Constructor.prototype.constructor = Constructor;
+	  // Loop through the hierarchy, in case there's any nested components.
+	  // It's important that we build the array of ancestors before calling any
+	  // event handlers, because event handlers can modify the DOM, leading to
+	  // inconsistencies with ReactMount's node cache. See #1105.
+	  var ancestor = targetInst;
+	  do {
+	    bookKeeping.ancestors.push(ancestor);
+	    ancestor = ancestor && findParent(ancestor);
+	  } while (ancestor);
 
-	    injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));
+	  for (var i = 0; i < bookKeeping.ancestors.length; i++) {
+	    targetInst = bookKeeping.ancestors[i];
+	    ReactEventListener._handleTopLevel(bookKeeping.topLevelType, targetInst, bookKeeping.nativeEvent, getEventTarget(bookKeeping.nativeEvent));
+	  }
+	}
 
-	    mixSpecIntoComponent(Constructor, spec);
+	function scrollValueMonitor(cb) {
+	  var scrollPosition = getUnboundedScrollPosition(window);
+	  cb(scrollPosition);
+	}
 
-	    // Initialize the defaultProps property after all mixins have been merged.
-	    if (Constructor.getDefaultProps) {
-	      Constructor.defaultProps = Constructor.getDefaultProps();
-	    }
+	var ReactEventListener = {
+	  _enabled: true,
+	  _handleTopLevel: null,
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      // This is a tag to indicate that the use of these method names is ok,
-	      // since it's used with createClass. If it's not, then it's likely a
-	      // mistake so we'll warn you to use the static property, property
-	      // initializer or constructor respectively.
-	      if (Constructor.getDefaultProps) {
-	        Constructor.getDefaultProps.isReactClassApproved = {};
-	      }
-	      if (Constructor.prototype.getInitialState) {
-	        Constructor.prototype.getInitialState.isReactClassApproved = {};
-	      }
-	    }
+	  WINDOW_HANDLE: ExecutionEnvironment.canUseDOM ? window : null,
 
-	    !Constructor.prototype.render ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createClass(...): Class specification must implement a `render` method.') : invariant(false) : undefined;
+	  setHandleTopLevel: function (handleTopLevel) {
+	    ReactEventListener._handleTopLevel = handleTopLevel;
+	  },
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      process.env.NODE_ENV !== 'production' ? warning(!Constructor.prototype.componentShouldUpdate, '%s has a method called ' + 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' + 'The name is phrased as a question because the function is ' + 'expected to return a value.', spec.displayName || 'A component') : undefined;
-	      process.env.NODE_ENV !== 'production' ? warning(!Constructor.prototype.componentWillRecieveProps, '%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', spec.displayName || 'A component') : undefined;
+	  setEnabled: function (enabled) {
+	    ReactEventListener._enabled = !!enabled;
+	  },
+
+	  isEnabled: function () {
+	    return ReactEventListener._enabled;
+	  },
+
+	  /**
+	   * Traps top-level events by using event bubbling.
+	   *
+	   * @param {string} topLevelType Record from `EventConstants`.
+	   * @param {string} handlerBaseName Event name (e.g. "click").
+	   * @param {object} element Element on which to attach listener.
+	   * @return {?object} An object with a remove function which will forcefully
+	   *                  remove the listener.
+	   * @internal
+	   */
+	  trapBubbledEvent: function (topLevelType, handlerBaseName, element) {
+	    if (!element) {
+	      return null;
 	    }
+	    return EventListener.listen(element, handlerBaseName, ReactEventListener.dispatchEvent.bind(null, topLevelType));
+	  },
 
-	    // Reduce time spent doing lookups by setting these on the prototype.
-	    for (var methodName in ReactClassInterface) {
-	      if (!Constructor.prototype[methodName]) {
-	        Constructor.prototype[methodName] = null;
-	      }
+	  /**
+	   * Traps a top-level event by using event capturing.
+	   *
+	   * @param {string} topLevelType Record from `EventConstants`.
+	   * @param {string} handlerBaseName Event name (e.g. "click").
+	   * @param {object} element Element on which to attach listener.
+	   * @return {?object} An object with a remove function which will forcefully
+	   *                  remove the listener.
+	   * @internal
+	   */
+	  trapCapturedEvent: function (topLevelType, handlerBaseName, element) {
+	    if (!element) {
+	      return null;
 	    }
+	    return EventListener.capture(element, handlerBaseName, ReactEventListener.dispatchEvent.bind(null, topLevelType));
+	  },
 
-	    return Constructor;
+	  monitorScrollValue: function (refresh) {
+	    var callback = scrollValueMonitor.bind(null, refresh);
+	    EventListener.listen(window, 'scroll', callback);
 	  },
 
-	  injection: {
-	    injectMixin: function (mixin) {
-	      injectedMixins.push(mixin);
+	  dispatchEvent: function (topLevelType, nativeEvent) {
+	    if (!ReactEventListener._enabled) {
+	      return;
 	    }
-	  }
 
+	    var bookKeeping = TopLevelCallbackBookKeeping.getPooled(topLevelType, nativeEvent);
+	    try {
+	      // Event queue being processed in the same cycle allows
+	      // `preventDefault`.
+	      ReactUpdates.batchedUpdates(handleTopLevelImpl, bookKeeping);
+	    } finally {
+	      TopLevelCallbackBookKeeping.release(bookKeeping);
+	    }
+	  }
 	};
 
-	module.exports = ReactClass;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
-
-/***/ },
-/* 123 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactComponent
-	 */
-
-	'use strict';
-
-	var ReactNoopUpdateQueue = __webpack_require__(124);
-
-	var canDefineProperty = __webpack_require__(43);
-	var emptyObject = __webpack_require__(58);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	module.exports = ReactEventListener;
 
-	/**
-	 * Base class helpers for the updating state of a component.
-	 */
-	function ReactComponent(props, context, updater) {
-	  this.props = props;
-	  this.context = context;
-	  this.refs = emptyObject;
-	  // We initialize the default updater but the real one gets injected by the
-	  // renderer.
-	  this.updater = updater || ReactNoopUpdateQueue;
-	}
+/***/ }),
+/* 146 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	ReactComponent.prototype.isReactComponent = {};
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
 
 	/**
-	 * Sets a subset of the state. Always use this to mutate
-	 * state. You should treat `this.state` as immutable.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 *
-	 * There is no guarantee that `this.state` will be immediately updated, so
-	 * accessing `this.state` after calling this method may return the old value.
+	 * Licensed under the Apache License, Version 2.0 (the "License");
+	 * you may not use this file except in compliance with the License.
+	 * You may obtain a copy of the License at
 	 *
-	 * There is no guarantee that calls to `setState` will run synchronously,
-	 * as they may eventually be batched together.  You can provide an optional
-	 * callback that will be executed when the call to setState is actually
-	 * completed.
+	 * http://www.apache.org/licenses/LICENSE-2.0
 	 *
-	 * When a function is provided to setState, it will be called at some point in
-	 * the future (not synchronously). It will be called with the up to date
-	 * component arguments (state, props, context). These values can be different
-	 * from this.* because your function may be called after receiveProps but before
-	 * shouldComponentUpdate, and this new state, props, and context will not yet be
-	 * assigned to this.
+	 * Unless required by applicable law or agreed to in writing, software
+	 * distributed under the License is distributed on an "AS IS" BASIS,
+	 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+	 * See the License for the specific language governing permissions and
+	 * limitations under the License.
 	 *
-	 * @param {object|function} partialState Next partial state or function to
-	 *        produce next partial state to be merged with current state.
-	 * @param {?function} callback Called after state is updated.
-	 * @final
-	 * @protected
+	 * @typechecks
 	 */
-	ReactComponent.prototype.setState = function (partialState, callback) {
-	  !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.') : invariant(false) : undefined;
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(partialState != null, 'setState(...): You passed an undefined or null state object; ' + 'instead, use forceUpdate().') : undefined;
-	  }
-	  this.updater.enqueueSetState(this, partialState);
-	  if (callback) {
-	    this.updater.enqueueCallback(this, callback);
-	  }
-	};
 
-	/**
-	 * Forces an update. This should only be invoked when it is known with
-	 * certainty that we are **not** in a DOM transaction.
-	 *
-	 * You may want to call this when you know that some deeper aspect of the
-	 * component's state has changed but `setState` was not called.
-	 *
-	 * This will not invoke `shouldComponentUpdate`, but it will invoke
-	 * `componentWillUpdate` and `componentDidUpdate`.
-	 *
-	 * @param {?function} callback Called after update is complete.
-	 * @final
-	 * @protected
-	 */
-	ReactComponent.prototype.forceUpdate = function (callback) {
-	  this.updater.enqueueForceUpdate(this);
-	  if (callback) {
-	    this.updater.enqueueCallback(this, callback);
-	  }
-	};
+	var emptyFunction = __webpack_require__(12);
 
 	/**
-	 * Deprecated APIs. These APIs used to exist on classic React classes but since
-	 * we would like to deprecate them, we're not going to move them over to this
-	 * modern base class. Instead, we define a getter that warns if it's accessed.
+	 * Upstream version of event listener. Does not take into account specific
+	 * nature of platform.
 	 */
-	if (process.env.NODE_ENV !== 'production') {
-	  var deprecatedAPIs = {
-	    getDOMNode: ['getDOMNode', 'Use ReactDOM.findDOMNode(component) instead.'],
-	    isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
-	    replaceProps: ['replaceProps', 'Instead, call render again at the top level.'],
-	    replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).'],
-	    setProps: ['setProps', 'Instead, call render again at the top level.']
-	  };
-	  var defineDeprecationWarning = function (methodName, info) {
-	    if (canDefineProperty) {
-	      Object.defineProperty(ReactComponent.prototype, methodName, {
-	        get: function () {
-	          process.env.NODE_ENV !== 'production' ? warning(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]) : undefined;
-	          return undefined;
+	var EventListener = {
+	  /**
+	   * Listen to DOM events during the bubble phase.
+	   *
+	   * @param {DOMEventTarget} target DOM element to register listener on.
+	   * @param {string} eventType Event type, e.g. 'click' or 'mouseover'.
+	   * @param {function} callback Callback function.
+	   * @return {object} Object with a `remove` method.
+	   */
+	  listen: function listen(target, eventType, callback) {
+	    if (target.addEventListener) {
+	      target.addEventListener(eventType, callback, false);
+	      return {
+	        remove: function remove() {
+	          target.removeEventListener(eventType, callback, false);
 	        }
-	      });
+	      };
+	    } else if (target.attachEvent) {
+	      target.attachEvent('on' + eventType, callback);
+	      return {
+	        remove: function remove() {
+	          target.detachEvent('on' + eventType, callback);
+	        }
+	      };
 	    }
-	  };
-	  for (var fnName in deprecatedAPIs) {
-	    if (deprecatedAPIs.hasOwnProperty(fnName)) {
-	      defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+	  },
+
+	  /**
+	   * Listen to DOM events during the capture phase.
+	   *
+	   * @param {DOMEventTarget} target DOM element to register listener on.
+	   * @param {string} eventType Event type, e.g. 'click' or 'mouseover'.
+	   * @param {function} callback Callback function.
+	   * @return {object} Object with a `remove` method.
+	   */
+	  capture: function capture(target, eventType, callback) {
+	    if (target.addEventListener) {
+	      target.addEventListener(eventType, callback, true);
+	      return {
+	        remove: function remove() {
+	          target.removeEventListener(eventType, callback, true);
+	        }
+	      };
+	    } else {
+	      if (process.env.NODE_ENV !== 'production') {
+	        console.error('Attempted to listen to events during the capture phase on a ' + 'browser that does not support the capture phase. Your application ' + 'will not receive some events.');
+	      }
+	      return {
+	        remove: emptyFunction
+	      };
 	    }
-	  }
-	}
+	  },
 
-	module.exports = ReactComponent;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	  registerDefault: function registerDefault() {}
+	};
 
-/***/ },
-/* 124 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = EventListener;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2015, Facebook, Inc.
+/***/ }),
+/* 147 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactNoopUpdateQueue
+	 * @typechecks
 	 */
 
 	'use strict';
 
-	var warning = __webpack_require__(25);
-
-	function warnTDZ(publicInstance, callerName) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    process.env.NODE_ENV !== 'production' ? warning(false, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, publicInstance.constructor && publicInstance.constructor.displayName || '') : undefined;
-	  }
-	}
-
 	/**
-	 * This is the abstract API for an update queue.
+	 * Gets the scroll position of the supplied element or window.
+	 *
+	 * The return values are unbounded, unlike `getScrollPosition`. This means they
+	 * may be negative or exceed the element boundaries (which is possible using
+	 * inertial scrolling).
+	 *
+	 * @param {DOMWindow|DOMElement} scrollable
+	 * @return {object} Map with `x` and `y` keys.
 	 */
-	var ReactNoopUpdateQueue = {
-
-	  /**
-	   * Checks whether or not this composite component is mounted.
-	   * @param {ReactClass} publicInstance The instance we want to test.
-	   * @return {boolean} True if mounted, false otherwise.
-	   * @protected
-	   * @final
-	   */
-	  isMounted: function (publicInstance) {
-	    return false;
-	  },
 
-	  /**
-	   * Enqueue a callback that will be executed after all the pending updates
-	   * have processed.
-	   *
-	   * @param {ReactClass} publicInstance The instance to use as `this` context.
-	   * @param {?function} callback Called after state is updated.
-	   * @internal
-	   */
-	  enqueueCallback: function (publicInstance, callback) {},
+	function getUnboundedScrollPosition(scrollable) {
+	  if (scrollable.Window && scrollable instanceof scrollable.Window) {
+	    return {
+	      x: scrollable.pageXOffset || scrollable.document.documentElement.scrollLeft,
+	      y: scrollable.pageYOffset || scrollable.document.documentElement.scrollTop
+	    };
+	  }
+	  return {
+	    x: scrollable.scrollLeft,
+	    y: scrollable.scrollTop
+	  };
+	}
 
-	  /**
-	   * Forces an update. This should only be invoked when it is known with
-	   * certainty that we are **not** in a DOM transaction.
-	   *
-	   * You may want to call this when you know that some deeper aspect of the
-	   * component's state has changed but `setState` was not called.
-	   *
-	   * This will not invoke `shouldComponentUpdate`, but it will invoke
-	   * `componentWillUpdate` and `componentDidUpdate`.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @internal
-	   */
-	  enqueueForceUpdate: function (publicInstance) {
-	    warnTDZ(publicInstance, 'forceUpdate');
-	  },
+	module.exports = getUnboundedScrollPosition;
 
-	  /**
-	   * Replaces all of the state. Always use this or `setState` to mutate state.
-	   * You should treat `this.state` as immutable.
-	   *
-	   * There is no guarantee that `this.state` will be immediately updated, so
-	   * accessing `this.state` after calling this method may return the old value.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} completeState Next state.
-	   * @internal
-	   */
-	  enqueueReplaceState: function (publicInstance, completeState) {
-	    warnTDZ(publicInstance, 'replaceState');
-	  },
+/***/ }),
+/* 148 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	  /**
-	   * Sets a subset of the state. This only exists because _pendingState is
-	   * internal. This provides a merging strategy that is not available to deep
-	   * properties which is confusing. TODO: Expose pendingState or don't use it
-	   * during the merge.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} partialState Next partial state to be merged with state.
-	   * @internal
-	   */
-	  enqueueSetState: function (publicInstance, partialState) {
-	    warnTDZ(publicInstance, 'setState');
-	  },
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	  /**
-	   * Sets a subset of the props.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} partialProps Subset of the next props.
-	   * @internal
-	   */
-	  enqueueSetProps: function (publicInstance, partialProps) {
-	    warnTDZ(publicInstance, 'setProps');
-	  },
+	'use strict';
 
-	  /**
-	   * Replaces all of the props.
-	   *
-	   * @param {ReactClass} publicInstance The instance that should rerender.
-	   * @param {object} props New props.
-	   * @internal
-	   */
-	  enqueueReplaceProps: function (publicInstance, props) {
-	    warnTDZ(publicInstance, 'replaceProps');
-	  }
+	var DOMProperty = __webpack_require__(40);
+	var EventPluginHub = __webpack_require__(46);
+	var EventPluginUtils = __webpack_require__(48);
+	var ReactComponentEnvironment = __webpack_require__(119);
+	var ReactEmptyComponent = __webpack_require__(129);
+	var ReactBrowserEventEmitter = __webpack_require__(109);
+	var ReactHostComponent = __webpack_require__(130);
+	var ReactUpdates = __webpack_require__(60);
 
+	var ReactInjection = {
+	  Component: ReactComponentEnvironment.injection,
+	  DOMProperty: DOMProperty.injection,
+	  EmptyComponent: ReactEmptyComponent.injection,
+	  EventPluginHub: EventPluginHub.injection,
+	  EventPluginUtils: EventPluginUtils.injection,
+	  EventEmitter: ReactBrowserEventEmitter.injection,
+	  HostComponent: ReactHostComponent.injection,
+	  Updates: ReactUpdates.injection
 	};
 
-	module.exports = ReactNoopUpdateQueue;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactInjection;
 
-/***/ },
-/* 125 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 149 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactReconcileTransaction
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var CallbackQueue = __webpack_require__(55);
-	var PooledClass = __webpack_require__(56);
-	var ReactBrowserEventEmitter = __webpack_require__(29);
-	var ReactDOMFeatureFlags = __webpack_require__(41);
-	var ReactInputSelection = __webpack_require__(126);
-	var Transaction = __webpack_require__(57);
+	var _assign = __webpack_require__(4);
 
-	var assign = __webpack_require__(39);
+	var CallbackQueue = __webpack_require__(61);
+	var PooledClass = __webpack_require__(54);
+	var ReactBrowserEventEmitter = __webpack_require__(109);
+	var ReactInputSelection = __webpack_require__(150);
+	var ReactInstrumentation = __webpack_require__(66);
+	var Transaction = __webpack_require__(72);
+	var ReactUpdateQueue = __webpack_require__(139);
 
 	/**
 	 * Ensures that, when possible, the selection range (currently selected text
@@ -16234,7 +18696,7 @@
 
 	/**
 	 * Provides a queue for collecting `componentDidMount` and
-	 * `componentDidUpdate` callbacks during the the transaction.
+	 * `componentDidUpdate` callbacks during the transaction.
 	 */
 	var ON_DOM_READY_QUEUEING = {
 	  /**
@@ -16259,6 +18721,13 @@
 	 */
 	var TRANSACTION_WRAPPERS = [SELECTION_RESTORATION, EVENT_SUPPRESSION, ON_DOM_READY_QUEUEING];
 
+	if (process.env.NODE_ENV !== 'production') {
+	  TRANSACTION_WRAPPERS.push({
+	    initialize: ReactInstrumentation.debugTool.onBeginFlush,
+	    close: ReactInstrumentation.debugTool.onEndFlush
+	  });
+	}
+
 	/**
 	 * Currently:
 	 * - The order that these are listed in the transaction is critical:
@@ -16273,16 +18742,16 @@
 	 *
 	 * @class ReactReconcileTransaction
 	 */
-	function ReactReconcileTransaction(forceHTML) {
+	function ReactReconcileTransaction(useCreateElement) {
 	  this.reinitializeTransaction();
 	  // Only server-side rendering really needs this option (see
 	  // `ReactServerRendering`), but server-side uses
 	  // `ReactServerRenderingTransaction` instead. This option is here so that it's
 	  // accessible and defaults to false when `ReactDOMComponent` and
-	  // `ReactTextComponent` checks it in `mountComponent`.`
+	  // `ReactDOMTextComponent` checks it in `mountComponent`.`
 	  this.renderToStaticMarkup = false;
 	  this.reactMountReady = CallbackQueue.getPooled(null);
-	  this.useCreateElement = !forceHTML && ReactDOMFeatureFlags.useCreateElement;
+	  this.useCreateElement = useCreateElement;
 	}
 
 	var Mixin = {
@@ -16304,6 +18773,26 @@
 	    return this.reactMountReady;
 	  },
 
+	  /**
+	   * @return {object} The queue to collect React async events.
+	   */
+	  getUpdateQueue: function () {
+	    return ReactUpdateQueue;
+	  },
+
+	  /**
+	   * Save current transaction state -- if the return value from this method is
+	   * passed to `rollback`, the transaction will be reset to that state.
+	   */
+	  checkpoint: function () {
+	    // reactMountReady is the our only stateful wrapper
+	    return this.reactMountReady.checkpoint();
+	  },
+
+	  rollback: function (checkpoint) {
+	    this.reactMountReady.rollback(checkpoint);
+	  },
+
 	  /**
 	   * `PooledClass` looks for this, and will invoke this before allowing this
 	   * instance to be reused.
@@ -16314,34 +18803,34 @@
 	  }
 	};
 
-	assign(ReactReconcileTransaction.prototype, Transaction.Mixin, Mixin);
+	_assign(ReactReconcileTransaction.prototype, Transaction, Mixin);
 
 	PooledClass.addPoolingTo(ReactReconcileTransaction);
 
 	module.exports = ReactReconcileTransaction;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 126 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 150 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactInputSelection
 	 */
 
 	'use strict';
 
-	var ReactDOMSelection = __webpack_require__(127);
+	var ReactDOMSelection = __webpack_require__(151);
 
-	var containsNode = __webpack_require__(59);
-	var focusNode = __webpack_require__(95);
-	var getActiveElement = __webpack_require__(129);
+	var containsNode = __webpack_require__(153);
+	var focusNode = __webpack_require__(98);
+	var getActiveElement = __webpack_require__(156);
 
 	function isInDocument(node) {
 	  return containsNode(document.documentElement, node);
@@ -16400,7 +18889,7 @@
 	        start: input.selectionStart,
 	        end: input.selectionEnd
 	      };
-	    } else if (document.selection && (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
+	    } else if (document.selection && input.nodeName && input.nodeName.toLowerCase() === 'input') {
 	      // IE8 input.
 	      var range = document.selection.createRange();
 	      // There can only be one selection per document in IE, so it must
@@ -16428,14 +18917,14 @@
 	  setSelection: function (input, offsets) {
 	    var start = offsets.start;
 	    var end = offsets.end;
-	    if (typeof end === 'undefined') {
+	    if (end === undefined) {
 	      end = start;
 	    }
 
 	    if ('selectionStart' in input) {
 	      input.selectionStart = start;
 	      input.selectionEnd = Math.min(end, input.value.length);
-	    } else if (document.selection && (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
+	    } else if (document.selection && input.nodeName && input.nodeName.toLowerCase() === 'input') {
 	      var range = input.createTextRange();
 	      range.collapse(true);
 	      range.moveStart('character', start);
@@ -16449,27 +18938,26 @@
 
 	module.exports = ReactInputSelection;
 
-/***/ },
-/* 127 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 151 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMSelection
 	 */
 
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
+	var ExecutionEnvironment = __webpack_require__(52);
 
-	var getNodeForCharacterOffset = __webpack_require__(128);
-	var getTextContentAccessor = __webpack_require__(75);
+	var getNodeForCharacterOffset = __webpack_require__(152);
+	var getTextContentAccessor = __webpack_require__(55);
 
 	/**
 	 * While `isCollapsed` is available on the Selection object and `collapsed`
@@ -16583,7 +19071,7 @@
 	  var range = document.selection.createRange().duplicate();
 	  var start, end;
 
-	  if (typeof offsets.end === 'undefined') {
+	  if (offsets.end === undefined) {
 	    start = offsets.start;
 	    end = start;
 	  } else if (offsets.start > offsets.end) {
@@ -16607,7 +19095,7 @@
 	 *
 	 * Note: IE10+ supports the Selection object, but it does not support
 	 * the `extend` method, which means that even in modern IE, it's not possible
-	 * to programatically create a backward selection. Thus, for all IE
+	 * to programmatically create a backward selection. Thus, for all IE
 	 * versions, we use the old IE API to create our selections.
 	 *
 	 * @param {DOMElement|DOMTextNode} node
@@ -16621,7 +19109,7 @@
 	  var selection = window.getSelection();
 	  var length = node[getTextContentAccessor()].length;
 	  var start = Math.min(offsets.start, length);
-	  var end = typeof offsets.end === 'undefined' ? start : Math.min(offsets.end, length);
+	  var end = offsets.end === undefined ? start : Math.min(offsets.end, length);
 
 	  // IE 11 uses modern selection, but doesn't support the extend method.
 	  // Flip backward selections, so we can set with a single range.
@@ -16666,19 +19154,18 @@
 
 	module.exports = ReactDOMSelection;
 
-/***/ },
-/* 128 */
-/***/ function(module, exports) {
+/***/ }),
+/* 152 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getNodeForCharacterOffset
 	 */
 
 	'use strict';
@@ -16689,6 +19176,7 @@
 	 * @param {DOMElement|DOMTextNode} node
 	 * @return {DOMElement|DOMTextNode}
 	 */
+
 	function getLeafNode(node) {
 	  while (node && node.firstChild) {
 	    node = node.firstChild;
@@ -16744,898 +19232,945 @@
 
 	module.exports = getNodeForCharacterOffset;
 
-/***/ },
-/* 129 */
-/***/ function(module, exports) {
+/***/ }),
+/* 153 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getActiveElement
-	 * @typechecks
+	 * 
 	 */
 
-	/* eslint-disable fb-www/typeof-undefined */
+	var isTextNode = __webpack_require__(154);
+
+	/*eslint-disable no-bitwise */
 
 	/**
-	 * Same as document.activeElement but wraps in a try-catch block. In IE it is
-	 * not safe to call document.activeElement if there is nothing focused.
-	 *
-	 * The activeElement will be null only if the document or document body is not
-	 * yet defined.
+	 * Checks if a given DOM node contains or is another DOM node.
 	 */
-	'use strict';
-
-	function getActiveElement() /*?DOMElement*/{
-	  if (typeof document === 'undefined') {
-	    return null;
-	  }
-	  try {
-	    return document.activeElement || document.body;
-	  } catch (e) {
-	    return document.body;
+	function containsNode(outerNode, innerNode) {
+	  if (!outerNode || !innerNode) {
+	    return false;
+	  } else if (outerNode === innerNode) {
+	    return true;
+	  } else if (isTextNode(outerNode)) {
+	    return false;
+	  } else if (isTextNode(innerNode)) {
+	    return containsNode(outerNode, innerNode.parentNode);
+	  } else if ('contains' in outerNode) {
+	    return outerNode.contains(innerNode);
+	  } else if (outerNode.compareDocumentPosition) {
+	    return !!(outerNode.compareDocumentPosition(innerNode) & 16);
+	  } else {
+	    return false;
 	  }
 	}
 
-	module.exports = getActiveElement;
+	module.exports = containsNode;
 
-/***/ },
-/* 130 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 154 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SelectEventPlugin
+	 * @typechecks
 	 */
 
-	'use strict';
-
-	var EventConstants = __webpack_require__(30);
-	var EventPropagators = __webpack_require__(73);
-	var ExecutionEnvironment = __webpack_require__(9);
-	var ReactInputSelection = __webpack_require__(126);
-	var SyntheticEvent = __webpack_require__(77);
-
-	var getActiveElement = __webpack_require__(129);
-	var isTextInputElement = __webpack_require__(82);
-	var keyOf = __webpack_require__(79);
-	var shallowEqual = __webpack_require__(117);
+	var isNode = __webpack_require__(155);
 
-	var topLevelTypes = EventConstants.topLevelTypes;
-
-	var skipSelectionChangeEvent = ExecutionEnvironment.canUseDOM && 'documentMode' in document && document.documentMode <= 11;
+	/**
+	 * @param {*} object The object to check.
+	 * @return {boolean} Whether or not the object is a DOM text node.
+	 */
+	function isTextNode(object) {
+	  return isNode(object) && object.nodeType == 3;
+	}
 
-	var eventTypes = {
-	  select: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onSelect: null }),
-	      captured: keyOf({ onSelectCapture: null })
-	    },
-	    dependencies: [topLevelTypes.topBlur, topLevelTypes.topContextMenu, topLevelTypes.topFocus, topLevelTypes.topKeyDown, topLevelTypes.topMouseDown, topLevelTypes.topMouseUp, topLevelTypes.topSelectionChange]
-	  }
-	};
+	module.exports = isTextNode;
 
-	var activeElement = null;
-	var activeElementID = null;
-	var lastSelection = null;
-	var mouseDown = false;
+/***/ }),
+/* 155 */
+/***/ (function(module, exports) {
 
-	// Track whether a listener exists for this plugin. If none exist, we do
-	// not extract events.
-	var hasListener = false;
-	var ON_SELECT_KEY = keyOf({ onSelect: null });
+	'use strict';
 
 	/**
-	 * Get an object which is a unique representation of the current selection.
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * The return value will not be consistent across nodes or browsers, but
-	 * two identical selections on the same node will return identical objects.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {DOMElement} node
-	 * @return {object}
+	 * @typechecks
 	 */
-	function getSelection(node) {
-	  if ('selectionStart' in node && ReactInputSelection.hasSelectionCapabilities(node)) {
-	    return {
-	      start: node.selectionStart,
-	      end: node.selectionEnd
-	    };
-	  } else if (window.getSelection) {
-	    var selection = window.getSelection();
-	    return {
-	      anchorNode: selection.anchorNode,
-	      anchorOffset: selection.anchorOffset,
-	      focusNode: selection.focusNode,
-	      focusOffset: selection.focusOffset
-	    };
-	  } else if (document.selection) {
-	    var range = document.selection.createRange();
-	    return {
-	      parentElement: range.parentElement(),
-	      text: range.text,
-	      top: range.boundingTop,
-	      left: range.boundingLeft
-	    };
-	  }
-	}
 
 	/**
-	 * Poll selection to see whether it's changed.
-	 *
-	 * @param {object} nativeEvent
-	 * @return {?SyntheticEvent}
+	 * @param {*} object The object to check.
+	 * @return {boolean} Whether or not the object is a DOM node.
 	 */
-	function constructSelectEvent(nativeEvent, nativeEventTarget) {
-	  // Ensure we have the right element, and that the user is not dragging a
-	  // selection (this matches native `select` event behavior). In HTML5, select
-	  // fires only on input and textarea thus if there's no focused element we
-	  // won't dispatch.
-	  if (mouseDown || activeElement == null || activeElement !== getActiveElement()) {
-	    return null;
-	  }
-
-	  // Only fire when selection has actually changed.
-	  var currentSelection = getSelection(activeElement);
-	  if (!lastSelection || !shallowEqual(lastSelection, currentSelection)) {
-	    lastSelection = currentSelection;
-
-	    var syntheticEvent = SyntheticEvent.getPooled(eventTypes.select, activeElementID, nativeEvent, nativeEventTarget);
-
-	    syntheticEvent.type = 'select';
-	    syntheticEvent.target = activeElement;
+	function isNode(object) {
+	  var doc = object ? object.ownerDocument || object : document;
+	  var defaultView = doc.defaultView || window;
+	  return !!(object && (typeof defaultView.Node === 'function' ? object instanceof defaultView.Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));
+	}
 
-	    EventPropagators.accumulateTwoPhaseDispatches(syntheticEvent);
+	module.exports = isNode;
 
-	    return syntheticEvent;
-	  }
+/***/ }),
+/* 156 */
+/***/ (function(module, exports) {
 
-	  return null;
-	}
+	'use strict';
 
 	/**
-	 * This plugin creates an `onSelect` event that normalizes select events
-	 * across form elements.
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * Supported elements are:
-	 * - input (see `isTextInputElement`)
-	 * - textarea
-	 * - contentEditable
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * This differs from native browser implementations in the following ways:
-	 * - Fires on contentEditable fields as well as inputs.
-	 * - Fires for collapsed selection.
-	 * - Fires after user input.
+	 * @typechecks
 	 */
-	var SelectEventPlugin = {
-
-	  eventTypes: eventTypes,
-
-	  /**
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @see {EventPluginHub.extractEvents}
-	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
-	    if (!hasListener) {
-	      return null;
-	    }
-
-	    switch (topLevelType) {
-	      // Track the input node that has focus.
-	      case topLevelTypes.topFocus:
-	        if (isTextInputElement(topLevelTarget) || topLevelTarget.contentEditable === 'true') {
-	          activeElement = topLevelTarget;
-	          activeElementID = topLevelTargetID;
-	          lastSelection = null;
-	        }
-	        break;
-	      case topLevelTypes.topBlur:
-	        activeElement = null;
-	        activeElementID = null;
-	        lastSelection = null;
-	        break;
-
-	      // Don't fire the event while the user is dragging. This matches the
-	      // semantics of the native select event.
-	      case topLevelTypes.topMouseDown:
-	        mouseDown = true;
-	        break;
-	      case topLevelTypes.topContextMenu:
-	      case topLevelTypes.topMouseUp:
-	        mouseDown = false;
-	        return constructSelectEvent(nativeEvent, nativeEventTarget);
 
-	      // Chrome and IE fire non-standard event when selection is changed (and
-	      // sometimes when it hasn't). IE's event fires out of order with respect
-	      // to key and input events on deletion, so we discard it.
-	      //
-	      // Firefox doesn't support selectionchange, so check selection status
-	      // after each key entry. The selection changes after keydown and before
-	      // keyup, but we check on keydown as well in the case of holding down a
-	      // key, when multiple keydown events are fired but only one keyup is.
-	      // This is also our approach for IE handling, for the reason above.
-	      case topLevelTypes.topSelectionChange:
-	        if (skipSelectionChangeEvent) {
-	          break;
-	        }
-	      // falls through
-	      case topLevelTypes.topKeyDown:
-	      case topLevelTypes.topKeyUp:
-	        return constructSelectEvent(nativeEvent, nativeEventTarget);
-	    }
+	/* eslint-disable fb-www/typeof-undefined */
 
+	/**
+	 * Same as document.activeElement but wraps in a try-catch block. In IE it is
+	 * not safe to call document.activeElement if there is nothing focused.
+	 *
+	 * The activeElement will be null only if the document or document body is not
+	 * yet defined.
+	 *
+	 * @param {?DOMDocument} doc Defaults to current document.
+	 * @return {?DOMElement}
+	 */
+	function getActiveElement(doc) /*?DOMElement*/{
+	  doc = doc || (typeof document !== 'undefined' ? document : undefined);
+	  if (typeof doc === 'undefined') {
 	    return null;
-	  },
-
-	  didPutListener: function (id, registrationName, listener) {
-	    if (registrationName === ON_SELECT_KEY) {
-	      hasListener = true;
-	    }
 	  }
-	};
+	  try {
+	    return doc.activeElement || doc.body;
+	  } catch (e) {
+	    return doc.body;
+	  }
+	}
 
-	module.exports = SelectEventPlugin;
+	module.exports = getActiveElement;
 
-/***/ },
-/* 131 */
-/***/ function(module, exports) {
+/***/ }),
+/* 157 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ServerReactRootIndex
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	/**
-	 * Size of the reactRoot ID space. We generate random numbers for React root
-	 * IDs and if there's a collision the events and DOM update system will
-	 * get confused. In the future we need a way to generate GUIDs but for
-	 * now this will work on a smaller scale.
-	 */
-	var GLOBAL_MOUNT_POINT_MAX = Math.pow(2, 53);
+	var NS = {
+	  xlink: 'http://www.w3.org/1999/xlink',
+	  xml: 'http://www.w3.org/XML/1998/namespace'
+	};
 
-	var ServerReactRootIndex = {
-	  createReactRootIndex: function () {
-	    return Math.ceil(Math.random() * GLOBAL_MOUNT_POINT_MAX);
-	  }
+	// We use attributes for everything SVG so let's avoid some duplication and run
+	// code instead.
+	// The following are all specified in the HTML config already so we exclude here.
+	// - class (as className)
+	// - color
+	// - height
+	// - id
+	// - lang
+	// - max
+	// - media
+	// - method
+	// - min
+	// - name
+	// - style
+	// - target
+	// - type
+	// - width
+	var ATTRS = {
+	  accentHeight: 'accent-height',
+	  accumulate: 0,
+	  additive: 0,
+	  alignmentBaseline: 'alignment-baseline',
+	  allowReorder: 'allowReorder',
+	  alphabetic: 0,
+	  amplitude: 0,
+	  arabicForm: 'arabic-form',
+	  ascent: 0,
+	  attributeName: 'attributeName',
+	  attributeType: 'attributeType',
+	  autoReverse: 'autoReverse',
+	  azimuth: 0,
+	  baseFrequency: 'baseFrequency',
+	  baseProfile: 'baseProfile',
+	  baselineShift: 'baseline-shift',
+	  bbox: 0,
+	  begin: 0,
+	  bias: 0,
+	  by: 0,
+	  calcMode: 'calcMode',
+	  capHeight: 'cap-height',
+	  clip: 0,
+	  clipPath: 'clip-path',
+	  clipRule: 'clip-rule',
+	  clipPathUnits: 'clipPathUnits',
+	  colorInterpolation: 'color-interpolation',
+	  colorInterpolationFilters: 'color-interpolation-filters',
+	  colorProfile: 'color-profile',
+	  colorRendering: 'color-rendering',
+	  contentScriptType: 'contentScriptType',
+	  contentStyleType: 'contentStyleType',
+	  cursor: 0,
+	  cx: 0,
+	  cy: 0,
+	  d: 0,
+	  decelerate: 0,
+	  descent: 0,
+	  diffuseConstant: 'diffuseConstant',
+	  direction: 0,
+	  display: 0,
+	  divisor: 0,
+	  dominantBaseline: 'dominant-baseline',
+	  dur: 0,
+	  dx: 0,
+	  dy: 0,
+	  edgeMode: 'edgeMode',
+	  elevation: 0,
+	  enableBackground: 'enable-background',
+	  end: 0,
+	  exponent: 0,
+	  externalResourcesRequired: 'externalResourcesRequired',
+	  fill: 0,
+	  fillOpacity: 'fill-opacity',
+	  fillRule: 'fill-rule',
+	  filter: 0,
+	  filterRes: 'filterRes',
+	  filterUnits: 'filterUnits',
+	  floodColor: 'flood-color',
+	  floodOpacity: 'flood-opacity',
+	  focusable: 0,
+	  fontFamily: 'font-family',
+	  fontSize: 'font-size',
+	  fontSizeAdjust: 'font-size-adjust',
+	  fontStretch: 'font-stretch',
+	  fontStyle: 'font-style',
+	  fontVariant: 'font-variant',
+	  fontWeight: 'font-weight',
+	  format: 0,
+	  from: 0,
+	  fx: 0,
+	  fy: 0,
+	  g1: 0,
+	  g2: 0,
+	  glyphName: 'glyph-name',
+	  glyphOrientationHorizontal: 'glyph-orientation-horizontal',
+	  glyphOrientationVertical: 'glyph-orientation-vertical',
+	  glyphRef: 'glyphRef',
+	  gradientTransform: 'gradientTransform',
+	  gradientUnits: 'gradientUnits',
+	  hanging: 0,
+	  horizAdvX: 'horiz-adv-x',
+	  horizOriginX: 'horiz-origin-x',
+	  ideographic: 0,
+	  imageRendering: 'image-rendering',
+	  'in': 0,
+	  in2: 0,
+	  intercept: 0,
+	  k: 0,
+	  k1: 0,
+	  k2: 0,
+	  k3: 0,
+	  k4: 0,
+	  kernelMatrix: 'kernelMatrix',
+	  kernelUnitLength: 'kernelUnitLength',
+	  kerning: 0,
+	  keyPoints: 'keyPoints',
+	  keySplines: 'keySplines',
+	  keyTimes: 'keyTimes',
+	  lengthAdjust: 'lengthAdjust',
+	  letterSpacing: 'letter-spacing',
+	  lightingColor: 'lighting-color',
+	  limitingConeAngle: 'limitingConeAngle',
+	  local: 0,
+	  markerEnd: 'marker-end',
+	  markerMid: 'marker-mid',
+	  markerStart: 'marker-start',
+	  markerHeight: 'markerHeight',
+	  markerUnits: 'markerUnits',
+	  markerWidth: 'markerWidth',
+	  mask: 0,
+	  maskContentUnits: 'maskContentUnits',
+	  maskUnits: 'maskUnits',
+	  mathematical: 0,
+	  mode: 0,
+	  numOctaves: 'numOctaves',
+	  offset: 0,
+	  opacity: 0,
+	  operator: 0,
+	  order: 0,
+	  orient: 0,
+	  orientation: 0,
+	  origin: 0,
+	  overflow: 0,
+	  overlinePosition: 'overline-position',
+	  overlineThickness: 'overline-thickness',
+	  paintOrder: 'paint-order',
+	  panose1: 'panose-1',
+	  pathLength: 'pathLength',
+	  patternContentUnits: 'patternContentUnits',
+	  patternTransform: 'patternTransform',
+	  patternUnits: 'patternUnits',
+	  pointerEvents: 'pointer-events',
+	  points: 0,
+	  pointsAtX: 'pointsAtX',
+	  pointsAtY: 'pointsAtY',
+	  pointsAtZ: 'pointsAtZ',
+	  preserveAlpha: 'preserveAlpha',
+	  preserveAspectRatio: 'preserveAspectRatio',
+	  primitiveUnits: 'primitiveUnits',
+	  r: 0,
+	  radius: 0,
+	  refX: 'refX',
+	  refY: 'refY',
+	  renderingIntent: 'rendering-intent',
+	  repeatCount: 'repeatCount',
+	  repeatDur: 'repeatDur',
+	  requiredExtensions: 'requiredExtensions',
+	  requiredFeatures: 'requiredFeatures',
+	  restart: 0,
+	  result: 0,
+	  rotate: 0,
+	  rx: 0,
+	  ry: 0,
+	  scale: 0,
+	  seed: 0,
+	  shapeRendering: 'shape-rendering',
+	  slope: 0,
+	  spacing: 0,
+	  specularConstant: 'specularConstant',
+	  specularExponent: 'specularExponent',
+	  speed: 0,
+	  spreadMethod: 'spreadMethod',
+	  startOffset: 'startOffset',
+	  stdDeviation: 'stdDeviation',
+	  stemh: 0,
+	  stemv: 0,
+	  stitchTiles: 'stitchTiles',
+	  stopColor: 'stop-color',
+	  stopOpacity: 'stop-opacity',
+	  strikethroughPosition: 'strikethrough-position',
+	  strikethroughThickness: 'strikethrough-thickness',
+	  string: 0,
+	  stroke: 0,
+	  strokeDasharray: 'stroke-dasharray',
+	  strokeDashoffset: 'stroke-dashoffset',
+	  strokeLinecap: 'stroke-linecap',
+	  strokeLinejoin: 'stroke-linejoin',
+	  strokeMiterlimit: 'stroke-miterlimit',
+	  strokeOpacity: 'stroke-opacity',
+	  strokeWidth: 'stroke-width',
+	  surfaceScale: 'surfaceScale',
+	  systemLanguage: 'systemLanguage',
+	  tableValues: 'tableValues',
+	  targetX: 'targetX',
+	  targetY: 'targetY',
+	  textAnchor: 'text-anchor',
+	  textDecoration: 'text-decoration',
+	  textRendering: 'text-rendering',
+	  textLength: 'textLength',
+	  to: 0,
+	  transform: 0,
+	  u1: 0,
+	  u2: 0,
+	  underlinePosition: 'underline-position',
+	  underlineThickness: 'underline-thickness',
+	  unicode: 0,
+	  unicodeBidi: 'unicode-bidi',
+	  unicodeRange: 'unicode-range',
+	  unitsPerEm: 'units-per-em',
+	  vAlphabetic: 'v-alphabetic',
+	  vHanging: 'v-hanging',
+	  vIdeographic: 'v-ideographic',
+	  vMathematical: 'v-mathematical',
+	  values: 0,
+	  vectorEffect: 'vector-effect',
+	  version: 0,
+	  vertAdvY: 'vert-adv-y',
+	  vertOriginX: 'vert-origin-x',
+	  vertOriginY: 'vert-origin-y',
+	  viewBox: 'viewBox',
+	  viewTarget: 'viewTarget',
+	  visibility: 0,
+	  widths: 0,
+	  wordSpacing: 'word-spacing',
+	  writingMode: 'writing-mode',
+	  x: 0,
+	  xHeight: 'x-height',
+	  x1: 0,
+	  x2: 0,
+	  xChannelSelector: 'xChannelSelector',
+	  xlinkActuate: 'xlink:actuate',
+	  xlinkArcrole: 'xlink:arcrole',
+	  xlinkHref: 'xlink:href',
+	  xlinkRole: 'xlink:role',
+	  xlinkShow: 'xlink:show',
+	  xlinkTitle: 'xlink:title',
+	  xlinkType: 'xlink:type',
+	  xmlBase: 'xml:base',
+	  xmlns: 0,
+	  xmlnsXlink: 'xmlns:xlink',
+	  xmlLang: 'xml:lang',
+	  xmlSpace: 'xml:space',
+	  y: 0,
+	  y1: 0,
+	  y2: 0,
+	  yChannelSelector: 'yChannelSelector',
+	  z: 0,
+	  zoomAndPan: 'zoomAndPan'
+	};
+
+	var SVGDOMPropertyConfig = {
+	  Properties: {},
+	  DOMAttributeNamespaces: {
+	    xlinkActuate: NS.xlink,
+	    xlinkArcrole: NS.xlink,
+	    xlinkHref: NS.xlink,
+	    xlinkRole: NS.xlink,
+	    xlinkShow: NS.xlink,
+	    xlinkTitle: NS.xlink,
+	    xlinkType: NS.xlink,
+	    xmlBase: NS.xml,
+	    xmlLang: NS.xml,
+	    xmlSpace: NS.xml
+	  },
+	  DOMAttributeNames: {}
 	};
 
-	module.exports = ServerReactRootIndex;
+	Object.keys(ATTRS).forEach(function (key) {
+	  SVGDOMPropertyConfig.Properties[key] = 0;
+	  if (ATTRS[key]) {
+	    SVGDOMPropertyConfig.DOMAttributeNames[key] = ATTRS[key];
+	  }
+	});
 
-/***/ },
-/* 132 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = SVGDOMPropertyConfig;
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+/***/ }),
+/* 158 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SimpleEventPlugin
 	 */
 
 	'use strict';
 
-	var EventConstants = __webpack_require__(30);
-	var EventListener = __webpack_require__(119);
-	var EventPropagators = __webpack_require__(73);
-	var ReactMount = __webpack_require__(28);
-	var SyntheticClipboardEvent = __webpack_require__(133);
-	var SyntheticEvent = __webpack_require__(77);
-	var SyntheticFocusEvent = __webpack_require__(134);
-	var SyntheticKeyboardEvent = __webpack_require__(135);
-	var SyntheticMouseEvent = __webpack_require__(86);
-	var SyntheticDragEvent = __webpack_require__(138);
-	var SyntheticTouchEvent = __webpack_require__(139);
-	var SyntheticUIEvent = __webpack_require__(87);
-	var SyntheticWheelEvent = __webpack_require__(140);
-
-	var emptyFunction = __webpack_require__(15);
-	var getEventCharCode = __webpack_require__(136);
-	var invariant = __webpack_require__(13);
-	var keyOf = __webpack_require__(79);
-
-	var topLevelTypes = EventConstants.topLevelTypes;
+	var EventPropagators = __webpack_require__(45);
+	var ExecutionEnvironment = __webpack_require__(52);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactInputSelection = __webpack_require__(150);
+	var SyntheticEvent = __webpack_require__(57);
+
+	var getActiveElement = __webpack_require__(156);
+	var isTextInputElement = __webpack_require__(75);
+	var shallowEqual = __webpack_require__(127);
+
+	var skipSelectionChangeEvent = ExecutionEnvironment.canUseDOM && 'documentMode' in document && document.documentMode <= 11;
 
 	var eventTypes = {
-	  abort: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onAbort: true }),
-	      captured: keyOf({ onAbortCapture: true })
-	    }
-	  },
-	  blur: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onBlur: true }),
-	      captured: keyOf({ onBlurCapture: true })
-	    }
-	  },
-	  canPlay: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCanPlay: true }),
-	      captured: keyOf({ onCanPlayCapture: true })
-	    }
-	  },
-	  canPlayThrough: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCanPlayThrough: true }),
-	      captured: keyOf({ onCanPlayThroughCapture: true })
-	    }
-	  },
-	  click: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onClick: true }),
-	      captured: keyOf({ onClickCapture: true })
-	    }
-	  },
-	  contextMenu: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onContextMenu: true }),
-	      captured: keyOf({ onContextMenuCapture: true })
-	    }
-	  },
-	  copy: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCopy: true }),
-	      captured: keyOf({ onCopyCapture: true })
-	    }
-	  },
-	  cut: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onCut: true }),
-	      captured: keyOf({ onCutCapture: true })
-	    }
-	  },
-	  doubleClick: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDoubleClick: true }),
-	      captured: keyOf({ onDoubleClickCapture: true })
-	    }
-	  },
-	  drag: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDrag: true }),
-	      captured: keyOf({ onDragCapture: true })
-	    }
-	  },
-	  dragEnd: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragEnd: true }),
-	      captured: keyOf({ onDragEndCapture: true })
-	    }
-	  },
-	  dragEnter: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragEnter: true }),
-	      captured: keyOf({ onDragEnterCapture: true })
-	    }
-	  },
-	  dragExit: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragExit: true }),
-	      captured: keyOf({ onDragExitCapture: true })
-	    }
-	  },
-	  dragLeave: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragLeave: true }),
-	      captured: keyOf({ onDragLeaveCapture: true })
-	    }
-	  },
-	  dragOver: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragOver: true }),
-	      captured: keyOf({ onDragOverCapture: true })
-	    }
-	  },
-	  dragStart: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDragStart: true }),
-	      captured: keyOf({ onDragStartCapture: true })
-	    }
-	  },
-	  drop: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDrop: true }),
-	      captured: keyOf({ onDropCapture: true })
-	    }
-	  },
-	  durationChange: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onDurationChange: true }),
-	      captured: keyOf({ onDurationChangeCapture: true })
-	    }
-	  },
-	  emptied: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onEmptied: true }),
-	      captured: keyOf({ onEmptiedCapture: true })
-	    }
-	  },
-	  encrypted: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onEncrypted: true }),
-	      captured: keyOf({ onEncryptedCapture: true })
-	    }
-	  },
-	  ended: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onEnded: true }),
-	      captured: keyOf({ onEndedCapture: true })
-	    }
-	  },
-	  error: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onError: true }),
-	      captured: keyOf({ onErrorCapture: true })
-	    }
-	  },
-	  focus: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onFocus: true }),
-	      captured: keyOf({ onFocusCapture: true })
-	    }
-	  },
-	  input: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onInput: true }),
-	      captured: keyOf({ onInputCapture: true })
-	    }
-	  },
-	  keyDown: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onKeyDown: true }),
-	      captured: keyOf({ onKeyDownCapture: true })
-	    }
-	  },
-	  keyPress: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onKeyPress: true }),
-	      captured: keyOf({ onKeyPressCapture: true })
-	    }
-	  },
-	  keyUp: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onKeyUp: true }),
-	      captured: keyOf({ onKeyUpCapture: true })
-	    }
-	  },
-	  load: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onLoad: true }),
-	      captured: keyOf({ onLoadCapture: true })
-	    }
-	  },
-	  loadedData: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onLoadedData: true }),
-	      captured: keyOf({ onLoadedDataCapture: true })
-	    }
-	  },
-	  loadedMetadata: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onLoadedMetadata: true }),
-	      captured: keyOf({ onLoadedMetadataCapture: true })
-	    }
-	  },
-	  loadStart: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onLoadStart: true }),
-	      captured: keyOf({ onLoadStartCapture: true })
-	    }
-	  },
-	  // Note: We do not allow listening to mouseOver events. Instead, use the
-	  // onMouseEnter/onMouseLeave created by `EnterLeaveEventPlugin`.
-	  mouseDown: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onMouseDown: true }),
-	      captured: keyOf({ onMouseDownCapture: true })
-	    }
-	  },
-	  mouseMove: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onMouseMove: true }),
-	      captured: keyOf({ onMouseMoveCapture: true })
-	    }
-	  },
-	  mouseOut: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onMouseOut: true }),
-	      captured: keyOf({ onMouseOutCapture: true })
-	    }
-	  },
-	  mouseOver: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onMouseOver: true }),
-	      captured: keyOf({ onMouseOverCapture: true })
-	    }
-	  },
-	  mouseUp: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onMouseUp: true }),
-	      captured: keyOf({ onMouseUpCapture: true })
-	    }
-	  },
-	  paste: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onPaste: true }),
-	      captured: keyOf({ onPasteCapture: true })
-	    }
-	  },
-	  pause: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onPause: true }),
-	      captured: keyOf({ onPauseCapture: true })
-	    }
-	  },
-	  play: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onPlay: true }),
-	      captured: keyOf({ onPlayCapture: true })
-	    }
-	  },
-	  playing: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onPlaying: true }),
-	      captured: keyOf({ onPlayingCapture: true })
-	    }
-	  },
-	  progress: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onProgress: true }),
-	      captured: keyOf({ onProgressCapture: true })
-	    }
-	  },
-	  rateChange: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onRateChange: true }),
-	      captured: keyOf({ onRateChangeCapture: true })
-	    }
-	  },
-	  reset: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onReset: true }),
-	      captured: keyOf({ onResetCapture: true })
-	    }
-	  },
-	  scroll: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onScroll: true }),
-	      captured: keyOf({ onScrollCapture: true })
-	    }
-	  },
-	  seeked: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onSeeked: true }),
-	      captured: keyOf({ onSeekedCapture: true })
-	    }
-	  },
-	  seeking: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onSeeking: true }),
-	      captured: keyOf({ onSeekingCapture: true })
-	    }
-	  },
-	  stalled: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onStalled: true }),
-	      captured: keyOf({ onStalledCapture: true })
-	    }
-	  },
-	  submit: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onSubmit: true }),
-	      captured: keyOf({ onSubmitCapture: true })
-	    }
-	  },
-	  suspend: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onSuspend: true }),
-	      captured: keyOf({ onSuspendCapture: true })
-	    }
-	  },
-	  timeUpdate: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onTimeUpdate: true }),
-	      captured: keyOf({ onTimeUpdateCapture: true })
-	    }
-	  },
-	  touchCancel: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onTouchCancel: true }),
-	      captured: keyOf({ onTouchCancelCapture: true })
-	    }
-	  },
-	  touchEnd: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onTouchEnd: true }),
-	      captured: keyOf({ onTouchEndCapture: true })
-	    }
-	  },
-	  touchMove: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onTouchMove: true }),
-	      captured: keyOf({ onTouchMoveCapture: true })
-	    }
-	  },
-	  touchStart: {
+	  select: {
 	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onTouchStart: true }),
-	      captured: keyOf({ onTouchStartCapture: true })
+	      bubbled: 'onSelect',
+	      captured: 'onSelectCapture'
+	    },
+	    dependencies: ['topBlur', 'topContextMenu', 'topFocus', 'topKeyDown', 'topKeyUp', 'topMouseDown', 'topMouseUp', 'topSelectionChange']
+	  }
+	};
+
+	var activeElement = null;
+	var activeElementInst = null;
+	var lastSelection = null;
+	var mouseDown = false;
+
+	// Track whether a listener exists for this plugin. If none exist, we do
+	// not extract events. See #3639.
+	var hasListener = false;
+
+	/**
+	 * Get an object which is a unique representation of the current selection.
+	 *
+	 * The return value will not be consistent across nodes or browsers, but
+	 * two identical selections on the same node will return identical objects.
+	 *
+	 * @param {DOMElement} node
+	 * @return {object}
+	 */
+	function getSelection(node) {
+	  if ('selectionStart' in node && ReactInputSelection.hasSelectionCapabilities(node)) {
+	    return {
+	      start: node.selectionStart,
+	      end: node.selectionEnd
+	    };
+	  } else if (window.getSelection) {
+	    var selection = window.getSelection();
+	    return {
+	      anchorNode: selection.anchorNode,
+	      anchorOffset: selection.anchorOffset,
+	      focusNode: selection.focusNode,
+	      focusOffset: selection.focusOffset
+	    };
+	  } else if (document.selection) {
+	    var range = document.selection.createRange();
+	    return {
+	      parentElement: range.parentElement(),
+	      text: range.text,
+	      top: range.boundingTop,
+	      left: range.boundingLeft
+	    };
+	  }
+	}
+
+	/**
+	 * Poll selection to see whether it's changed.
+	 *
+	 * @param {object} nativeEvent
+	 * @return {?SyntheticEvent}
+	 */
+	function constructSelectEvent(nativeEvent, nativeEventTarget) {
+	  // Ensure we have the right element, and that the user is not dragging a
+	  // selection (this matches native `select` event behavior). In HTML5, select
+	  // fires only on input and textarea thus if there's no focused element we
+	  // won't dispatch.
+	  if (mouseDown || activeElement == null || activeElement !== getActiveElement()) {
+	    return null;
+	  }
+
+	  // Only fire when selection has actually changed.
+	  var currentSelection = getSelection(activeElement);
+	  if (!lastSelection || !shallowEqual(lastSelection, currentSelection)) {
+	    lastSelection = currentSelection;
+
+	    var syntheticEvent = SyntheticEvent.getPooled(eventTypes.select, activeElementInst, nativeEvent, nativeEventTarget);
+
+	    syntheticEvent.type = 'select';
+	    syntheticEvent.target = activeElement;
+
+	    EventPropagators.accumulateTwoPhaseDispatches(syntheticEvent);
+
+	    return syntheticEvent;
+	  }
+
+	  return null;
+	}
+
+	/**
+	 * This plugin creates an `onSelect` event that normalizes select events
+	 * across form elements.
+	 *
+	 * Supported elements are:
+	 * - input (see `isTextInputElement`)
+	 * - textarea
+	 * - contentEditable
+	 *
+	 * This differs from native browser implementations in the following ways:
+	 * - Fires on contentEditable fields as well as inputs.
+	 * - Fires for collapsed selection.
+	 * - Fires after user input.
+	 */
+	var SelectEventPlugin = {
+
+	  eventTypes: eventTypes,
+
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	    if (!hasListener) {
+	      return null;
 	    }
-	  },
-	  volumeChange: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onVolumeChange: true }),
-	      captured: keyOf({ onVolumeChangeCapture: true })
+
+	    var targetNode = targetInst ? ReactDOMComponentTree.getNodeFromInstance(targetInst) : window;
+
+	    switch (topLevelType) {
+	      // Track the input node that has focus.
+	      case 'topFocus':
+	        if (isTextInputElement(targetNode) || targetNode.contentEditable === 'true') {
+	          activeElement = targetNode;
+	          activeElementInst = targetInst;
+	          lastSelection = null;
+	        }
+	        break;
+	      case 'topBlur':
+	        activeElement = null;
+	        activeElementInst = null;
+	        lastSelection = null;
+	        break;
+
+	      // Don't fire the event while the user is dragging. This matches the
+	      // semantics of the native select event.
+	      case 'topMouseDown':
+	        mouseDown = true;
+	        break;
+	      case 'topContextMenu':
+	      case 'topMouseUp':
+	        mouseDown = false;
+	        return constructSelectEvent(nativeEvent, nativeEventTarget);
+
+	      // Chrome and IE fire non-standard event when selection is changed (and
+	      // sometimes when it hasn't). IE's event fires out of order with respect
+	      // to key and input events on deletion, so we discard it.
+	      //
+	      // Firefox doesn't support selectionchange, so check selection status
+	      // after each key entry. The selection changes after keydown and before
+	      // keyup, but we check on keydown as well in the case of holding down a
+	      // key, when multiple keydown events are fired but only one keyup is.
+	      // This is also our approach for IE handling, for the reason above.
+	      case 'topSelectionChange':
+	        if (skipSelectionChangeEvent) {
+	          break;
+	        }
+	      // falls through
+	      case 'topKeyDown':
+	      case 'topKeyUp':
+	        return constructSelectEvent(nativeEvent, nativeEventTarget);
 	    }
+
+	    return null;
 	  },
-	  waiting: {
-	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onWaiting: true }),
-	      captured: keyOf({ onWaitingCapture: true })
+
+	  didPutListener: function (inst, registrationName, listener) {
+	    if (registrationName === 'onSelect') {
+	      hasListener = true;
 	    }
-	  },
-	  wheel: {
+	  }
+	};
+
+	module.exports = SelectEventPlugin;
+
+/***/ }),
+/* 159 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var EventListener = __webpack_require__(146);
+	var EventPropagators = __webpack_require__(45);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var SyntheticAnimationEvent = __webpack_require__(160);
+	var SyntheticClipboardEvent = __webpack_require__(161);
+	var SyntheticEvent = __webpack_require__(57);
+	var SyntheticFocusEvent = __webpack_require__(162);
+	var SyntheticKeyboardEvent = __webpack_require__(163);
+	var SyntheticMouseEvent = __webpack_require__(78);
+	var SyntheticDragEvent = __webpack_require__(166);
+	var SyntheticTouchEvent = __webpack_require__(167);
+	var SyntheticTransitionEvent = __webpack_require__(168);
+	var SyntheticUIEvent = __webpack_require__(79);
+	var SyntheticWheelEvent = __webpack_require__(169);
+
+	var emptyFunction = __webpack_require__(12);
+	var getEventCharCode = __webpack_require__(164);
+	var invariant = __webpack_require__(8);
+
+	/**
+	 * Turns
+	 * ['abort', ...]
+	 * into
+	 * eventTypes = {
+	 *   'abort': {
+	 *     phasedRegistrationNames: {
+	 *       bubbled: 'onAbort',
+	 *       captured: 'onAbortCapture',
+	 *     },
+	 *     dependencies: ['topAbort'],
+	 *   },
+	 *   ...
+	 * };
+	 * topLevelEventsToDispatchConfig = {
+	 *   'topAbort': { sameConfig }
+	 * };
+	 */
+	var eventTypes = {};
+	var topLevelEventsToDispatchConfig = {};
+	['abort', 'animationEnd', 'animationIteration', 'animationStart', 'blur', 'canPlay', 'canPlayThrough', 'click', 'contextMenu', 'copy', 'cut', 'doubleClick', 'drag', 'dragEnd', 'dragEnter', 'dragExit', 'dragLeave', 'dragOver', 'dragStart', 'drop', 'durationChange', 'emptied', 'encrypted', 'ended', 'error', 'focus', 'input', 'invalid', 'keyDown', 'keyPress', 'keyUp', 'load', 'loadedData', 'loadedMetadata', 'loadStart', 'mouseDown', 'mouseMove', 'mouseOut', 'mouseOver', 'mouseUp', 'paste', 'pause', 'play', 'playing', 'progress', 'rateChange', 'reset', 'scroll', 'seeked', 'seeking', 'stalled', 'submit', 'suspend', 'timeUpdate', 'touchCancel', 'touchEnd', 'touchMove', 'touchStart', 'transitionEnd', 'volumeChange', 'waiting', 'wheel'].forEach(function (event) {
+	  var capitalizedEvent = event[0].toUpperCase() + event.slice(1);
+	  var onEvent = 'on' + capitalizedEvent;
+	  var topEvent = 'top' + capitalizedEvent;
+
+	  var type = {
 	    phasedRegistrationNames: {
-	      bubbled: keyOf({ onWheel: true }),
-	      captured: keyOf({ onWheelCapture: true })
-	    }
-	  }
-	};
-
-	var topLevelEventsToDispatchConfig = {
-	  topAbort: eventTypes.abort,
-	  topBlur: eventTypes.blur,
-	  topCanPlay: eventTypes.canPlay,
-	  topCanPlayThrough: eventTypes.canPlayThrough,
-	  topClick: eventTypes.click,
-	  topContextMenu: eventTypes.contextMenu,
-	  topCopy: eventTypes.copy,
-	  topCut: eventTypes.cut,
-	  topDoubleClick: eventTypes.doubleClick,
-	  topDrag: eventTypes.drag,
-	  topDragEnd: eventTypes.dragEnd,
-	  topDragEnter: eventTypes.dragEnter,
-	  topDragExit: eventTypes.dragExit,
-	  topDragLeave: eventTypes.dragLeave,
-	  topDragOver: eventTypes.dragOver,
-	  topDragStart: eventTypes.dragStart,
-	  topDrop: eventTypes.drop,
-	  topDurationChange: eventTypes.durationChange,
-	  topEmptied: eventTypes.emptied,
-	  topEncrypted: eventTypes.encrypted,
-	  topEnded: eventTypes.ended,
-	  topError: eventTypes.error,
-	  topFocus: eventTypes.focus,
-	  topInput: eventTypes.input,
-	  topKeyDown: eventTypes.keyDown,
-	  topKeyPress: eventTypes.keyPress,
-	  topKeyUp: eventTypes.keyUp,
-	  topLoad: eventTypes.load,
-	  topLoadedData: eventTypes.loadedData,
-	  topLoadedMetadata: eventTypes.loadedMetadata,
-	  topLoadStart: eventTypes.loadStart,
-	  topMouseDown: eventTypes.mouseDown,
-	  topMouseMove: eventTypes.mouseMove,
-	  topMouseOut: eventTypes.mouseOut,
-	  topMouseOver: eventTypes.mouseOver,
-	  topMouseUp: eventTypes.mouseUp,
-	  topPaste: eventTypes.paste,
-	  topPause: eventTypes.pause,
-	  topPlay: eventTypes.play,
-	  topPlaying: eventTypes.playing,
-	  topProgress: eventTypes.progress,
-	  topRateChange: eventTypes.rateChange,
-	  topReset: eventTypes.reset,
-	  topScroll: eventTypes.scroll,
-	  topSeeked: eventTypes.seeked,
-	  topSeeking: eventTypes.seeking,
-	  topStalled: eventTypes.stalled,
-	  topSubmit: eventTypes.submit,
-	  topSuspend: eventTypes.suspend,
-	  topTimeUpdate: eventTypes.timeUpdate,
-	  topTouchCancel: eventTypes.touchCancel,
-	  topTouchEnd: eventTypes.touchEnd,
-	  topTouchMove: eventTypes.touchMove,
-	  topTouchStart: eventTypes.touchStart,
-	  topVolumeChange: eventTypes.volumeChange,
-	  topWaiting: eventTypes.waiting,
-	  topWheel: eventTypes.wheel
-	};
-
-	for (var type in topLevelEventsToDispatchConfig) {
-	  topLevelEventsToDispatchConfig[type].dependencies = [type];
-	}
-
-	var ON_CLICK_KEY = keyOf({ onClick: null });
+	      bubbled: onEvent,
+	      captured: onEvent + 'Capture'
+	    },
+	    dependencies: [topEvent]
+	  };
+	  eventTypes[event] = type;
+	  topLevelEventsToDispatchConfig[topEvent] = type;
+	});
+
 	var onClickListeners = {};
 
+	function getDictionaryKey(inst) {
+	  // Prevents V8 performance issue:
+	  // https://github.com/facebook/react/pull/7232
+	  return '.' + inst._rootNodeID;
+	}
+
+	function isInteractive(tag) {
+	  return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';
+	}
+
 	var SimpleEventPlugin = {
 
 	  eventTypes: eventTypes,
 
-	  /**
-	   * @param {string} topLevelType Record from `EventConstants`.
-	   * @param {DOMEventTarget} topLevelTarget The listening component root node.
-	   * @param {string} topLevelTargetID ID of `topLevelTarget`.
-	   * @param {object} nativeEvent Native browser event.
-	   * @return {*} An accumulation of synthetic events.
-	   * @see {EventPluginHub.extractEvents}
-	   */
-	  extractEvents: function (topLevelType, topLevelTarget, topLevelTargetID, nativeEvent, nativeEventTarget) {
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
 	    var dispatchConfig = topLevelEventsToDispatchConfig[topLevelType];
 	    if (!dispatchConfig) {
 	      return null;
 	    }
 	    var EventConstructor;
 	    switch (topLevelType) {
-	      case topLevelTypes.topAbort:
-	      case topLevelTypes.topCanPlay:
-	      case topLevelTypes.topCanPlayThrough:
-	      case topLevelTypes.topDurationChange:
-	      case topLevelTypes.topEmptied:
-	      case topLevelTypes.topEncrypted:
-	      case topLevelTypes.topEnded:
-	      case topLevelTypes.topError:
-	      case topLevelTypes.topInput:
-	      case topLevelTypes.topLoad:
-	      case topLevelTypes.topLoadedData:
-	      case topLevelTypes.topLoadedMetadata:
-	      case topLevelTypes.topLoadStart:
-	      case topLevelTypes.topPause:
-	      case topLevelTypes.topPlay:
-	      case topLevelTypes.topPlaying:
-	      case topLevelTypes.topProgress:
-	      case topLevelTypes.topRateChange:
-	      case topLevelTypes.topReset:
-	      case topLevelTypes.topSeeked:
-	      case topLevelTypes.topSeeking:
-	      case topLevelTypes.topStalled:
-	      case topLevelTypes.topSubmit:
-	      case topLevelTypes.topSuspend:
-	      case topLevelTypes.topTimeUpdate:
-	      case topLevelTypes.topVolumeChange:
-	      case topLevelTypes.topWaiting:
+	      case 'topAbort':
+	      case 'topCanPlay':
+	      case 'topCanPlayThrough':
+	      case 'topDurationChange':
+	      case 'topEmptied':
+	      case 'topEncrypted':
+	      case 'topEnded':
+	      case 'topError':
+	      case 'topInput':
+	      case 'topInvalid':
+	      case 'topLoad':
+	      case 'topLoadedData':
+	      case 'topLoadedMetadata':
+	      case 'topLoadStart':
+	      case 'topPause':
+	      case 'topPlay':
+	      case 'topPlaying':
+	      case 'topProgress':
+	      case 'topRateChange':
+	      case 'topReset':
+	      case 'topSeeked':
+	      case 'topSeeking':
+	      case 'topStalled':
+	      case 'topSubmit':
+	      case 'topSuspend':
+	      case 'topTimeUpdate':
+	      case 'topVolumeChange':
+	      case 'topWaiting':
 	        // HTML Events
 	        // @see http://www.w3.org/TR/html5/index.html#events-0
 	        EventConstructor = SyntheticEvent;
 	        break;
-	      case topLevelTypes.topKeyPress:
-	        // FireFox creates a keypress event for function keys too. This removes
+	      case 'topKeyPress':
+	        // Firefox creates a keypress event for function keys too. This removes
 	        // the unwanted keypress events. Enter is however both printable and
 	        // non-printable. One would expect Tab to be as well (but it isn't).
 	        if (getEventCharCode(nativeEvent) === 0) {
 	          return null;
 	        }
 	      /* falls through */
-	      case topLevelTypes.topKeyDown:
-	      case topLevelTypes.topKeyUp:
+	      case 'topKeyDown':
+	      case 'topKeyUp':
 	        EventConstructor = SyntheticKeyboardEvent;
 	        break;
-	      case topLevelTypes.topBlur:
-	      case topLevelTypes.topFocus:
+	      case 'topBlur':
+	      case 'topFocus':
 	        EventConstructor = SyntheticFocusEvent;
 	        break;
-	      case topLevelTypes.topClick:
+	      case 'topClick':
 	        // Firefox creates a click event on right mouse clicks. This removes the
 	        // unwanted click events.
 	        if (nativeEvent.button === 2) {
 	          return null;
 	        }
 	      /* falls through */
-	      case topLevelTypes.topContextMenu:
-	      case topLevelTypes.topDoubleClick:
-	      case topLevelTypes.topMouseDown:
-	      case topLevelTypes.topMouseMove:
-	      case topLevelTypes.topMouseOut:
-	      case topLevelTypes.topMouseOver:
-	      case topLevelTypes.topMouseUp:
+	      case 'topDoubleClick':
+	      case 'topMouseDown':
+	      case 'topMouseMove':
+	      case 'topMouseUp':
+	      // TODO: Disabled elements should not respond to mouse events
+	      /* falls through */
+	      case 'topMouseOut':
+	      case 'topMouseOver':
+	      case 'topContextMenu':
 	        EventConstructor = SyntheticMouseEvent;
 	        break;
-	      case topLevelTypes.topDrag:
-	      case topLevelTypes.topDragEnd:
-	      case topLevelTypes.topDragEnter:
-	      case topLevelTypes.topDragExit:
-	      case topLevelTypes.topDragLeave:
-	      case topLevelTypes.topDragOver:
-	      case topLevelTypes.topDragStart:
-	      case topLevelTypes.topDrop:
+	      case 'topDrag':
+	      case 'topDragEnd':
+	      case 'topDragEnter':
+	      case 'topDragExit':
+	      case 'topDragLeave':
+	      case 'topDragOver':
+	      case 'topDragStart':
+	      case 'topDrop':
 	        EventConstructor = SyntheticDragEvent;
 	        break;
-	      case topLevelTypes.topTouchCancel:
-	      case topLevelTypes.topTouchEnd:
-	      case topLevelTypes.topTouchMove:
-	      case topLevelTypes.topTouchStart:
+	      case 'topTouchCancel':
+	      case 'topTouchEnd':
+	      case 'topTouchMove':
+	      case 'topTouchStart':
 	        EventConstructor = SyntheticTouchEvent;
 	        break;
-	      case topLevelTypes.topScroll:
+	      case 'topAnimationEnd':
+	      case 'topAnimationIteration':
+	      case 'topAnimationStart':
+	        EventConstructor = SyntheticAnimationEvent;
+	        break;
+	      case 'topTransitionEnd':
+	        EventConstructor = SyntheticTransitionEvent;
+	        break;
+	      case 'topScroll':
 	        EventConstructor = SyntheticUIEvent;
 	        break;
-	      case topLevelTypes.topWheel:
+	      case 'topWheel':
 	        EventConstructor = SyntheticWheelEvent;
 	        break;
-	      case topLevelTypes.topCopy:
-	      case topLevelTypes.topCut:
-	      case topLevelTypes.topPaste:
+	      case 'topCopy':
+	      case 'topCut':
+	      case 'topPaste':
 	        EventConstructor = SyntheticClipboardEvent;
 	        break;
 	    }
-	    !EventConstructor ? process.env.NODE_ENV !== 'production' ? invariant(false, 'SimpleEventPlugin: Unhandled event type, `%s`.', topLevelType) : invariant(false) : undefined;
-	    var event = EventConstructor.getPooled(dispatchConfig, topLevelTargetID, nativeEvent, nativeEventTarget);
+	    !EventConstructor ? process.env.NODE_ENV !== 'production' ? invariant(false, 'SimpleEventPlugin: Unhandled event type, `%s`.', topLevelType) : _prodInvariant('86', topLevelType) : void 0;
+	    var event = EventConstructor.getPooled(dispatchConfig, targetInst, nativeEvent, nativeEventTarget);
 	    EventPropagators.accumulateTwoPhaseDispatches(event);
 	    return event;
 	  },
 
-	  didPutListener: function (id, registrationName, listener) {
+	  didPutListener: function (inst, registrationName, listener) {
 	    // Mobile Safari does not fire properly bubble click events on
 	    // non-interactive elements, which means delegated click listeners do not
 	    // fire. The workaround for this bug involves attaching an empty click
 	    // listener on the target node.
-	    if (registrationName === ON_CLICK_KEY) {
-	      var node = ReactMount.getNode(id);
-	      if (!onClickListeners[id]) {
-	        onClickListeners[id] = EventListener.listen(node, 'click', emptyFunction);
+	    // http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
+	    if (registrationName === 'onClick' && !isInteractive(inst._tag)) {
+	      var key = getDictionaryKey(inst);
+	      var node = ReactDOMComponentTree.getNodeFromInstance(inst);
+	      if (!onClickListeners[key]) {
+	        onClickListeners[key] = EventListener.listen(node, 'click', emptyFunction);
 	      }
 	    }
 	  },
 
-	  willDeleteListener: function (id, registrationName) {
-	    if (registrationName === ON_CLICK_KEY) {
-	      onClickListeners[id].remove();
-	      delete onClickListeners[id];
+	  willDeleteListener: function (inst, registrationName) {
+	    if (registrationName === 'onClick' && !isInteractive(inst._tag)) {
+	      var key = getDictionaryKey(inst);
+	      onClickListeners[key].remove();
+	      delete onClickListeners[key];
 	    }
 	  }
 
 	};
 
 	module.exports = SimpleEventPlugin;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 133 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 160 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	'use strict';
+
+	var SyntheticEvent = __webpack_require__(57);
+
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/css3-animations/#AnimationEvent-interface
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent
+	 */
+	var AnimationEventInterface = {
+	  animationName: null,
+	  elapsedTime: null,
+	  pseudoElement: null
+	};
+
+	/**
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticEvent}
+	 */
+	function SyntheticAnimationEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	}
+
+	SyntheticEvent.augmentClass(SyntheticAnimationEvent, AnimationEventInterface);
+
+	module.exports = SyntheticAnimationEvent;
+
+/***/ }),
+/* 161 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticClipboardEvent
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticEvent = __webpack_require__(77);
+	var SyntheticEvent = __webpack_require__(57);
 
 	/**
 	 * @interface Event
@@ -17654,32 +20189,30 @@
 	 * @extends {SyntheticUIEvent}
 	 */
 	function SyntheticClipboardEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
 	SyntheticEvent.augmentClass(SyntheticClipboardEvent, ClipboardEventInterface);
 
 	module.exports = SyntheticClipboardEvent;
 
-/***/ },
-/* 134 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 162 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticFocusEvent
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticUIEvent = __webpack_require__(87);
+	var SyntheticUIEvent = __webpack_require__(79);
 
 	/**
 	 * @interface FocusEvent
@@ -17696,36 +20229,34 @@
 	 * @extends {SyntheticUIEvent}
 	 */
 	function SyntheticFocusEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
 	SyntheticUIEvent.augmentClass(SyntheticFocusEvent, FocusEventInterface);
 
 	module.exports = SyntheticFocusEvent;
 
-/***/ },
-/* 135 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 163 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticKeyboardEvent
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticUIEvent = __webpack_require__(87);
+	var SyntheticUIEvent = __webpack_require__(79);
 
-	var getEventCharCode = __webpack_require__(136);
-	var getEventKey = __webpack_require__(137);
-	var getEventModifierState = __webpack_require__(88);
+	var getEventCharCode = __webpack_require__(164);
+	var getEventKey = __webpack_require__(165);
+	var getEventModifierState = __webpack_require__(81);
 
 	/**
 	 * @interface KeyboardEvent
@@ -17786,27 +20317,25 @@
 	 * @extends {SyntheticUIEvent}
 	 */
 	function SyntheticKeyboardEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
 	SyntheticUIEvent.augmentClass(SyntheticKeyboardEvent, KeyboardEventInterface);
 
 	module.exports = SyntheticKeyboardEvent;
 
-/***/ },
-/* 136 */
-/***/ function(module, exports) {
+/***/ }),
+/* 164 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getEventCharCode
-	 * @typechecks static-only
 	 */
 
 	'use strict';
@@ -17821,6 +20350,7 @@
 	 * @param {object} nativeEvent Native browser event.
 	 * @return {number} Normalized `charCode` property.
 	 */
+
 	function getEventCharCode(nativeEvent) {
 	  var charCode;
 	  var keyCode = nativeEvent.keyCode;
@@ -17848,25 +20378,23 @@
 
 	module.exports = getEventCharCode;
 
-/***/ },
-/* 137 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 165 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule getEventKey
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var getEventCharCode = __webpack_require__(136);
+	var getEventCharCode = __webpack_require__(164);
 
 	/**
 	 * Normalization of deprecated HTML5 `key` values
@@ -17946,1812 +20474,1320 @@
 	    // thus be captured by `keypress`, no other non-printable key should.
 	    return charCode === 13 ? 'Enter' : String.fromCharCode(charCode);
 	  }
-	  if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
-	    // While user keyboard layout determines the actual meaning of each
-	    // `keyCode` value, almost all function keys have a universal value.
-	    return translateToKey[nativeEvent.keyCode] || 'Unidentified';
-	  }
-	  return '';
-	}
-
-	module.exports = getEventKey;
-
-/***/ },
-/* 138 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule SyntheticDragEvent
-	 * @typechecks static-only
-	 */
-
-	'use strict';
-
-	var SyntheticMouseEvent = __webpack_require__(86);
-
-	/**
-	 * @interface DragEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var DragEventInterface = {
-	  dataTransfer: null
-	};
-
-	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticUIEvent}
-	 */
-	function SyntheticDragEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
-	}
-
-	SyntheticMouseEvent.augmentClass(SyntheticDragEvent, DragEventInterface);
-
-	module.exports = SyntheticDragEvent;
-
-/***/ },
-/* 139 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule SyntheticTouchEvent
-	 * @typechecks static-only
-	 */
-
-	'use strict';
-
-	var SyntheticUIEvent = __webpack_require__(87);
-
-	var getEventModifierState = __webpack_require__(88);
-
-	/**
-	 * @interface TouchEvent
-	 * @see http://www.w3.org/TR/touch-events/
-	 */
-	var TouchEventInterface = {
-	  touches: null,
-	  targetTouches: null,
-	  changedTouches: null,
-	  altKey: null,
-	  metaKey: null,
-	  ctrlKey: null,
-	  shiftKey: null,
-	  getModifierState: getEventModifierState
-	};
-
-	/**
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {string} dispatchMarker Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticUIEvent}
-	 */
-	function SyntheticTouchEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	  if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
+	    // While user keyboard layout determines the actual meaning of each
+	    // `keyCode` value, almost all function keys have a universal value.
+	    return translateToKey[nativeEvent.keyCode] || 'Unidentified';
+	  }
+	  return '';
 	}
 
-	SyntheticUIEvent.augmentClass(SyntheticTouchEvent, TouchEventInterface);
-
-	module.exports = SyntheticTouchEvent;
+	module.exports = getEventKey;
 
-/***/ },
-/* 140 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 166 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SyntheticWheelEvent
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var SyntheticMouseEvent = __webpack_require__(86);
+	var SyntheticMouseEvent = __webpack_require__(78);
 
 	/**
-	 * @interface WheelEvent
+	 * @interface DragEvent
 	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
 	 */
-	var WheelEventInterface = {
-	  deltaX: function (event) {
-	    return 'deltaX' in event ? event.deltaX :
-	    // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
-	    'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
-	  },
-	  deltaY: function (event) {
-	    return 'deltaY' in event ? event.deltaY :
-	    // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
-	    'wheelDeltaY' in event ? -event.wheelDeltaY :
-	    // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
-	    'wheelDelta' in event ? -event.wheelDelta : 0;
-	  },
-	  deltaZ: null,
-
-	  // Browsers without "deltaMode" is reporting in raw wheel delta where one
-	  // notch on the scroll is always +/- 120, roughly equivalent to pixels.
-	  // A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
-	  // ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
-	  deltaMode: null
+	var DragEventInterface = {
+	  dataTransfer: null
 	};
 
 	/**
 	 * @param {object} dispatchConfig Configuration used to dispatch this event.
 	 * @param {string} dispatchMarker Marker identifying the event target.
 	 * @param {object} nativeEvent Native browser event.
-	 * @extends {SyntheticMouseEvent}
+	 * @extends {SyntheticUIEvent}
 	 */
-	function SyntheticWheelEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-	  SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+	function SyntheticDragEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
-	SyntheticMouseEvent.augmentClass(SyntheticWheelEvent, WheelEventInterface);
+	SyntheticMouseEvent.augmentClass(SyntheticDragEvent, DragEventInterface);
 
-	module.exports = SyntheticWheelEvent;
+	module.exports = SyntheticDragEvent;
 
-/***/ },
-/* 141 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 167 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule SVGDOMPropertyConfig
 	 */
 
 	'use strict';
 
-	var DOMProperty = __webpack_require__(23);
-
-	var MUST_USE_ATTRIBUTE = DOMProperty.injection.MUST_USE_ATTRIBUTE;
-
-	var NS = {
-	  xlink: 'http://www.w3.org/1999/xlink',
-	  xml: 'http://www.w3.org/XML/1998/namespace'
-	};
-
-	var SVGDOMPropertyConfig = {
-	  Properties: {
-	    clipPath: MUST_USE_ATTRIBUTE,
-	    cx: MUST_USE_ATTRIBUTE,
-	    cy: MUST_USE_ATTRIBUTE,
-	    d: MUST_USE_ATTRIBUTE,
-	    dx: MUST_USE_ATTRIBUTE,
-	    dy: MUST_USE_ATTRIBUTE,
-	    fill: MUST_USE_ATTRIBUTE,
-	    fillOpacity: MUST_USE_ATTRIBUTE,
-	    fontFamily: MUST_USE_ATTRIBUTE,
-	    fontSize: MUST_USE_ATTRIBUTE,
-	    fx: MUST_USE_ATTRIBUTE,
-	    fy: MUST_USE_ATTRIBUTE,
-	    gradientTransform: MUST_USE_ATTRIBUTE,
-	    gradientUnits: MUST_USE_ATTRIBUTE,
-	    markerEnd: MUST_USE_ATTRIBUTE,
-	    markerMid: MUST_USE_ATTRIBUTE,
-	    markerStart: MUST_USE_ATTRIBUTE,
-	    offset: MUST_USE_ATTRIBUTE,
-	    opacity: MUST_USE_ATTRIBUTE,
-	    patternContentUnits: MUST_USE_ATTRIBUTE,
-	    patternUnits: MUST_USE_ATTRIBUTE,
-	    points: MUST_USE_ATTRIBUTE,
-	    preserveAspectRatio: MUST_USE_ATTRIBUTE,
-	    r: MUST_USE_ATTRIBUTE,
-	    rx: MUST_USE_ATTRIBUTE,
-	    ry: MUST_USE_ATTRIBUTE,
-	    spreadMethod: MUST_USE_ATTRIBUTE,
-	    stopColor: MUST_USE_ATTRIBUTE,
-	    stopOpacity: MUST_USE_ATTRIBUTE,
-	    stroke: MUST_USE_ATTRIBUTE,
-	    strokeDasharray: MUST_USE_ATTRIBUTE,
-	    strokeLinecap: MUST_USE_ATTRIBUTE,
-	    strokeOpacity: MUST_USE_ATTRIBUTE,
-	    strokeWidth: MUST_USE_ATTRIBUTE,
-	    textAnchor: MUST_USE_ATTRIBUTE,
-	    transform: MUST_USE_ATTRIBUTE,
-	    version: MUST_USE_ATTRIBUTE,
-	    viewBox: MUST_USE_ATTRIBUTE,
-	    x1: MUST_USE_ATTRIBUTE,
-	    x2: MUST_USE_ATTRIBUTE,
-	    x: MUST_USE_ATTRIBUTE,
-	    xlinkActuate: MUST_USE_ATTRIBUTE,
-	    xlinkArcrole: MUST_USE_ATTRIBUTE,
-	    xlinkHref: MUST_USE_ATTRIBUTE,
-	    xlinkRole: MUST_USE_ATTRIBUTE,
-	    xlinkShow: MUST_USE_ATTRIBUTE,
-	    xlinkTitle: MUST_USE_ATTRIBUTE,
-	    xlinkType: MUST_USE_ATTRIBUTE,
-	    xmlBase: MUST_USE_ATTRIBUTE,
-	    xmlLang: MUST_USE_ATTRIBUTE,
-	    xmlSpace: MUST_USE_ATTRIBUTE,
-	    y1: MUST_USE_ATTRIBUTE,
-	    y2: MUST_USE_ATTRIBUTE,
-	    y: MUST_USE_ATTRIBUTE
-	  },
-	  DOMAttributeNamespaces: {
-	    xlinkActuate: NS.xlink,
-	    xlinkArcrole: NS.xlink,
-	    xlinkHref: NS.xlink,
-	    xlinkRole: NS.xlink,
-	    xlinkShow: NS.xlink,
-	    xlinkTitle: NS.xlink,
-	    xlinkType: NS.xlink,
-	    xmlBase: NS.xml,
-	    xmlLang: NS.xml,
-	    xmlSpace: NS.xml
-	  },
-	  DOMAttributeNames: {
-	    clipPath: 'clip-path',
-	    fillOpacity: 'fill-opacity',
-	    fontFamily: 'font-family',
-	    fontSize: 'font-size',
-	    gradientTransform: 'gradientTransform',
-	    gradientUnits: 'gradientUnits',
-	    markerEnd: 'marker-end',
-	    markerMid: 'marker-mid',
-	    markerStart: 'marker-start',
-	    patternContentUnits: 'patternContentUnits',
-	    patternUnits: 'patternUnits',
-	    preserveAspectRatio: 'preserveAspectRatio',
-	    spreadMethod: 'spreadMethod',
-	    stopColor: 'stop-color',
-	    stopOpacity: 'stop-opacity',
-	    strokeDasharray: 'stroke-dasharray',
-	    strokeLinecap: 'stroke-linecap',
-	    strokeOpacity: 'stroke-opacity',
-	    strokeWidth: 'stroke-width',
-	    textAnchor: 'text-anchor',
-	    viewBox: 'viewBox',
-	    xlinkActuate: 'xlink:actuate',
-	    xlinkArcrole: 'xlink:arcrole',
-	    xlinkHref: 'xlink:href',
-	    xlinkRole: 'xlink:role',
-	    xlinkShow: 'xlink:show',
-	    xlinkTitle: 'xlink:title',
-	    xlinkType: 'xlink:type',
-	    xmlBase: 'xml:base',
-	    xmlLang: 'xml:lang',
-	    xmlSpace: 'xml:space'
-	  }
-	};
-
-	module.exports = SVGDOMPropertyConfig;
+	var SyntheticUIEvent = __webpack_require__(79);
 
-/***/ },
-/* 142 */
-/***/ function(module, exports, __webpack_require__) {
+	var getEventModifierState = __webpack_require__(81);
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDefaultPerf
-	 * @typechecks static-only
+	 * @interface TouchEvent
+	 * @see http://www.w3.org/TR/touch-events/
 	 */
-
-	'use strict';
-
-	var DOMProperty = __webpack_require__(23);
-	var ReactDefaultPerfAnalysis = __webpack_require__(143);
-	var ReactMount = __webpack_require__(28);
-	var ReactPerf = __webpack_require__(18);
-
-	var performanceNow = __webpack_require__(144);
-
-	function roundFloat(val) {
-	  return Math.floor(val * 100) / 100;
-	}
-
-	function addValue(obj, key, val) {
-	  obj[key] = (obj[key] || 0) + val;
-	}
-
-	var ReactDefaultPerf = {
-	  _allMeasurements: [], // last item in the list is the current one
-	  _mountStack: [0],
-	  _injected: false,
-
-	  start: function () {
-	    if (!ReactDefaultPerf._injected) {
-	      ReactPerf.injection.injectMeasure(ReactDefaultPerf.measure);
-	    }
-
-	    ReactDefaultPerf._allMeasurements.length = 0;
-	    ReactPerf.enableMeasure = true;
-	  },
-
-	  stop: function () {
-	    ReactPerf.enableMeasure = false;
-	  },
-
-	  getLastMeasurements: function () {
-	    return ReactDefaultPerf._allMeasurements;
-	  },
-
-	  printExclusive: function (measurements) {
-	    measurements = measurements || ReactDefaultPerf._allMeasurements;
-	    var summary = ReactDefaultPerfAnalysis.getExclusiveSummary(measurements);
-	    console.table(summary.map(function (item) {
-	      return {
-	        'Component class name': item.componentName,
-	        'Total inclusive time (ms)': roundFloat(item.inclusive),
-	        'Exclusive mount time (ms)': roundFloat(item.exclusive),
-	        'Exclusive render time (ms)': roundFloat(item.render),
-	        'Mount time per instance (ms)': roundFloat(item.exclusive / item.count),
-	        'Render time per instance (ms)': roundFloat(item.render / item.count),
-	        'Instances': item.count
-	      };
-	    }));
-	    // TODO: ReactDefaultPerfAnalysis.getTotalTime() does not return the correct
-	    // number.
-	  },
-
-	  printInclusive: function (measurements) {
-	    measurements = measurements || ReactDefaultPerf._allMeasurements;
-	    var summary = ReactDefaultPerfAnalysis.getInclusiveSummary(measurements);
-	    console.table(summary.map(function (item) {
-	      return {
-	        'Owner > component': item.componentName,
-	        'Inclusive time (ms)': roundFloat(item.time),
-	        'Instances': item.count
-	      };
-	    }));
-	    console.log('Total time:', ReactDefaultPerfAnalysis.getTotalTime(measurements).toFixed(2) + ' ms');
-	  },
-
-	  getMeasurementsSummaryMap: function (measurements) {
-	    var summary = ReactDefaultPerfAnalysis.getInclusiveSummary(measurements, true);
-	    return summary.map(function (item) {
-	      return {
-	        'Owner > component': item.componentName,
-	        'Wasted time (ms)': item.time,
-	        'Instances': item.count
-	      };
-	    });
-	  },
-
-	  printWasted: function (measurements) {
-	    measurements = measurements || ReactDefaultPerf._allMeasurements;
-	    console.table(ReactDefaultPerf.getMeasurementsSummaryMap(measurements));
-	    console.log('Total time:', ReactDefaultPerfAnalysis.getTotalTime(measurements).toFixed(2) + ' ms');
-	  },
-
-	  printDOM: function (measurements) {
-	    measurements = measurements || ReactDefaultPerf._allMeasurements;
-	    var summary = ReactDefaultPerfAnalysis.getDOMSummary(measurements);
-	    console.table(summary.map(function (item) {
-	      var result = {};
-	      result[DOMProperty.ID_ATTRIBUTE_NAME] = item.id;
-	      result.type = item.type;
-	      result.args = JSON.stringify(item.args);
-	      return result;
-	    }));
-	    console.log('Total time:', ReactDefaultPerfAnalysis.getTotalTime(measurements).toFixed(2) + ' ms');
-	  },
-
-	  _recordWrite: function (id, fnName, totalTime, args) {
-	    // TODO: totalTime isn't that useful since it doesn't count paints/reflows
-	    var writes = ReactDefaultPerf._allMeasurements[ReactDefaultPerf._allMeasurements.length - 1].writes;
-	    writes[id] = writes[id] || [];
-	    writes[id].push({
-	      type: fnName,
-	      time: totalTime,
-	      args: args
-	    });
-	  },
-
-	  measure: function (moduleName, fnName, func) {
-	    return function () {
-	      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-	        args[_key] = arguments[_key];
-	      }
-
-	      var totalTime;
-	      var rv;
-	      var start;
-
-	      if (fnName === '_renderNewRootComponent' || fnName === 'flushBatchedUpdates') {
-	        // A "measurement" is a set of metrics recorded for each flush. We want
-	        // to group the metrics for a given flush together so we can look at the
-	        // components that rendered and the DOM operations that actually
-	        // happened to determine the amount of "wasted work" performed.
-	        ReactDefaultPerf._allMeasurements.push({
-	          exclusive: {},
-	          inclusive: {},
-	          render: {},
-	          counts: {},
-	          writes: {},
-	          displayNames: {},
-	          totalTime: 0,
-	          created: {}
-	        });
-	        start = performanceNow();
-	        rv = func.apply(this, args);
-	        ReactDefaultPerf._allMeasurements[ReactDefaultPerf._allMeasurements.length - 1].totalTime = performanceNow() - start;
-	        return rv;
-	      } else if (fnName === '_mountImageIntoNode' || moduleName === 'ReactBrowserEventEmitter' || moduleName === 'ReactDOMIDOperations' || moduleName === 'CSSPropertyOperations' || moduleName === 'DOMChildrenOperations' || moduleName === 'DOMPropertyOperations') {
-	        start = performanceNow();
-	        rv = func.apply(this, args);
-	        totalTime = performanceNow() - start;
-
-	        if (fnName === '_mountImageIntoNode') {
-	          var mountID = ReactMount.getID(args[1]);
-	          ReactDefaultPerf._recordWrite(mountID, fnName, totalTime, args[0]);
-	        } else if (fnName === 'dangerouslyProcessChildrenUpdates') {
-	          // special format
-	          args[0].forEach(function (update) {
-	            var writeArgs = {};
-	            if (update.fromIndex !== null) {
-	              writeArgs.fromIndex = update.fromIndex;
-	            }
-	            if (update.toIndex !== null) {
-	              writeArgs.toIndex = update.toIndex;
-	            }
-	            if (update.textContent !== null) {
-	              writeArgs.textContent = update.textContent;
-	            }
-	            if (update.markupIndex !== null) {
-	              writeArgs.markup = args[1][update.markupIndex];
-	            }
-	            ReactDefaultPerf._recordWrite(update.parentID, update.type, totalTime, writeArgs);
-	          });
-	        } else {
-	          // basic format
-	          var id = args[0];
-	          if (typeof id === 'object') {
-	            id = ReactMount.getID(args[0]);
-	          }
-	          ReactDefaultPerf._recordWrite(id, fnName, totalTime, Array.prototype.slice.call(args, 1));
-	        }
-	        return rv;
-	      } else if (moduleName === 'ReactCompositeComponent' && (fnName === 'mountComponent' || fnName === 'updateComponent' || // TODO: receiveComponent()?
-	      fnName === '_renderValidatedComponent')) {
-
-	        if (this._currentElement.type === ReactMount.TopLevelWrapper) {
-	          return func.apply(this, args);
-	        }
-
-	        var rootNodeID = fnName === 'mountComponent' ? args[0] : this._rootNodeID;
-	        var isRender = fnName === '_renderValidatedComponent';
-	        var isMount = fnName === 'mountComponent';
-
-	        var mountStack = ReactDefaultPerf._mountStack;
-	        var entry = ReactDefaultPerf._allMeasurements[ReactDefaultPerf._allMeasurements.length - 1];
-
-	        if (isRender) {
-	          addValue(entry.counts, rootNodeID, 1);
-	        } else if (isMount) {
-	          entry.created[rootNodeID] = true;
-	          mountStack.push(0);
-	        }
-
-	        start = performanceNow();
-	        rv = func.apply(this, args);
-	        totalTime = performanceNow() - start;
-
-	        if (isRender) {
-	          addValue(entry.render, rootNodeID, totalTime);
-	        } else if (isMount) {
-	          var subMountTime = mountStack.pop();
-	          mountStack[mountStack.length - 1] += totalTime;
-	          addValue(entry.exclusive, rootNodeID, totalTime - subMountTime);
-	          addValue(entry.inclusive, rootNodeID, totalTime);
-	        } else {
-	          addValue(entry.inclusive, rootNodeID, totalTime);
-	        }
-
-	        entry.displayNames[rootNodeID] = {
-	          current: this.getName(),
-	          owner: this._currentElement._owner ? this._currentElement._owner.getName() : '<root>'
-	        };
-
-	        return rv;
-	      } else {
-	        return func.apply(this, args);
-	      }
-	    };
-	  }
+	var TouchEventInterface = {
+	  touches: null,
+	  targetTouches: null,
+	  changedTouches: null,
+	  altKey: null,
+	  metaKey: null,
+	  ctrlKey: null,
+	  shiftKey: null,
+	  getModifierState: getEventModifierState
 	};
 
-	module.exports = ReactDefaultPerf;
-
-/***/ },
-/* 143 */
-/***/ function(module, exports, __webpack_require__) {
-
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactDefaultPerfAnalysis
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticUIEvent}
 	 */
-
-	'use strict';
-
-	var assign = __webpack_require__(39);
-
-	// Don't try to save users less than 1.2ms (a number I made up)
-	var DONT_CARE_THRESHOLD = 1.2;
-	var DOM_OPERATION_TYPES = {
-	  '_mountImageIntoNode': 'set innerHTML',
-	  INSERT_MARKUP: 'set innerHTML',
-	  MOVE_EXISTING: 'move',
-	  REMOVE_NODE: 'remove',
-	  SET_MARKUP: 'set innerHTML',
-	  TEXT_CONTENT: 'set textContent',
-	  'setValueForProperty': 'update attribute',
-	  'setValueForAttribute': 'update attribute',
-	  'deleteValueForProperty': 'remove attribute',
-	  'setValueForStyles': 'update styles',
-	  'replaceNodeWithMarkup': 'replace',
-	  'updateTextContent': 'set textContent'
-	};
-
-	function getTotalTime(measurements) {
-	  // TODO: return number of DOM ops? could be misleading.
-	  // TODO: measure dropped frames after reconcile?
-	  // TODO: log total time of each reconcile and the top-level component
-	  // class that triggered it.
-	  var totalTime = 0;
-	  for (var i = 0; i < measurements.length; i++) {
-	    var measurement = measurements[i];
-	    totalTime += measurement.totalTime;
-	  }
-	  return totalTime;
-	}
-
-	function getDOMSummary(measurements) {
-	  var items = [];
-	  measurements.forEach(function (measurement) {
-	    Object.keys(measurement.writes).forEach(function (id) {
-	      measurement.writes[id].forEach(function (write) {
-	        items.push({
-	          id: id,
-	          type: DOM_OPERATION_TYPES[write.type] || write.type,
-	          args: write.args
-	        });
-	      });
-	    });
-	  });
-	  return items;
-	}
-
-	function getExclusiveSummary(measurements) {
-	  var candidates = {};
-	  var displayName;
-
-	  for (var i = 0; i < measurements.length; i++) {
-	    var measurement = measurements[i];
-	    var allIDs = assign({}, measurement.exclusive, measurement.inclusive);
-
-	    for (var id in allIDs) {
-	      displayName = measurement.displayNames[id].current;
-
-	      candidates[displayName] = candidates[displayName] || {
-	        componentName: displayName,
-	        inclusive: 0,
-	        exclusive: 0,
-	        render: 0,
-	        count: 0
-	      };
-	      if (measurement.render[id]) {
-	        candidates[displayName].render += measurement.render[id];
-	      }
-	      if (measurement.exclusive[id]) {
-	        candidates[displayName].exclusive += measurement.exclusive[id];
-	      }
-	      if (measurement.inclusive[id]) {
-	        candidates[displayName].inclusive += measurement.inclusive[id];
-	      }
-	      if (measurement.counts[id]) {
-	        candidates[displayName].count += measurement.counts[id];
-	      }
-	    }
-	  }
-
-	  // Now make a sorted array with the results.
-	  var arr = [];
-	  for (displayName in candidates) {
-	    if (candidates[displayName].exclusive >= DONT_CARE_THRESHOLD) {
-	      arr.push(candidates[displayName]);
-	    }
-	  }
-
-	  arr.sort(function (a, b) {
-	    return b.exclusive - a.exclusive;
-	  });
-
-	  return arr;
-	}
-
-	function getInclusiveSummary(measurements, onlyClean) {
-	  var candidates = {};
-	  var inclusiveKey;
-
-	  for (var i = 0; i < measurements.length; i++) {
-	    var measurement = measurements[i];
-	    var allIDs = assign({}, measurement.exclusive, measurement.inclusive);
-	    var cleanComponents;
-
-	    if (onlyClean) {
-	      cleanComponents = getUnchangedComponents(measurement);
-	    }
-
-	    for (var id in allIDs) {
-	      if (onlyClean && !cleanComponents[id]) {
-	        continue;
-	      }
-
-	      var displayName = measurement.displayNames[id];
-
-	      // Inclusive time is not useful for many components without knowing where
-	      // they are instantiated. So we aggregate inclusive time with both the
-	      // owner and current displayName as the key.
-	      inclusiveKey = displayName.owner + ' > ' + displayName.current;
-
-	      candidates[inclusiveKey] = candidates[inclusiveKey] || {
-	        componentName: inclusiveKey,
-	        time: 0,
-	        count: 0
-	      };
-
-	      if (measurement.inclusive[id]) {
-	        candidates[inclusiveKey].time += measurement.inclusive[id];
-	      }
-	      if (measurement.counts[id]) {
-	        candidates[inclusiveKey].count += measurement.counts[id];
-	      }
-	    }
-	  }
-
-	  // Now make a sorted array with the results.
-	  var arr = [];
-	  for (inclusiveKey in candidates) {
-	    if (candidates[inclusiveKey].time >= DONT_CARE_THRESHOLD) {
-	      arr.push(candidates[inclusiveKey]);
-	    }
-	  }
-
-	  arr.sort(function (a, b) {
-	    return b.time - a.time;
-	  });
-
-	  return arr;
-	}
-
-	function getUnchangedComponents(measurement) {
-	  // For a given reconcile, look at which components did not actually
-	  // render anything to the DOM and return a mapping of their ID to
-	  // the amount of time it took to render the entire subtree.
-	  var cleanComponents = {};
-	  var dirtyLeafIDs = Object.keys(measurement.writes);
-	  var allIDs = assign({}, measurement.exclusive, measurement.inclusive);
-
-	  for (var id in allIDs) {
-	    var isDirty = false;
-	    // For each component that rendered, see if a component that triggered
-	    // a DOM op is in its subtree.
-	    for (var i = 0; i < dirtyLeafIDs.length; i++) {
-	      if (dirtyLeafIDs[i].indexOf(id) === 0) {
-	        isDirty = true;
-	        break;
-	      }
-	    }
-	    // check if component newly created
-	    if (measurement.created[id]) {
-	      isDirty = true;
-	    }
-	    if (!isDirty && measurement.counts[id] > 0) {
-	      cleanComponents[id] = true;
-	    }
-	  }
-	  return cleanComponents;
+	function SyntheticTouchEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
-	var ReactDefaultPerfAnalysis = {
-	  getExclusiveSummary: getExclusiveSummary,
-	  getInclusiveSummary: getInclusiveSummary,
-	  getDOMSummary: getDOMSummary,
-	  getTotalTime: getTotalTime
-	};
+	SyntheticUIEvent.augmentClass(SyntheticTouchEvent, TouchEventInterface);
 
-	module.exports = ReactDefaultPerfAnalysis;
+	module.exports = SyntheticTouchEvent;
 
-/***/ },
-/* 144 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 168 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule performanceNow
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var performance = __webpack_require__(145);
+	var SyntheticEvent = __webpack_require__(57);
 
-	var performanceNow;
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
+	 */
+	var TransitionEventInterface = {
+	  propertyName: null,
+	  elapsedTime: null,
+	  pseudoElement: null
+	};
 
 	/**
-	 * Detect if we can use `window.performance.now()` and gracefully fallback to
-	 * `Date.now()` if it doesn't exist. We need to support Firefox < 15 for now
-	 * because of Facebook's testing infrastructure.
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticEvent}
 	 */
-	if (performance.now) {
-	  performanceNow = function () {
-	    return performance.now();
-	  };
-	} else {
-	  performanceNow = function () {
-	    return Date.now();
-	  };
+	function SyntheticTransitionEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
-	module.exports = performanceNow;
+	SyntheticEvent.augmentClass(SyntheticTransitionEvent, TransitionEventInterface);
+
+	module.exports = SyntheticTransitionEvent;
 
-/***/ },
-/* 145 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 169 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule performance
-	 * @typechecks
 	 */
 
 	'use strict';
 
-	var ExecutionEnvironment = __webpack_require__(9);
+	var SyntheticMouseEvent = __webpack_require__(78);
 
-	var performance;
+	/**
+	 * @interface WheelEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
+	var WheelEventInterface = {
+	  deltaX: function (event) {
+	    return 'deltaX' in event ? event.deltaX :
+	    // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
+	    'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
+	  },
+	  deltaY: function (event) {
+	    return 'deltaY' in event ? event.deltaY :
+	    // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
+	    'wheelDeltaY' in event ? -event.wheelDeltaY :
+	    // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
+	    'wheelDelta' in event ? -event.wheelDelta : 0;
+	  },
+	  deltaZ: null,
 
-	if (ExecutionEnvironment.canUseDOM) {
-	  performance = window.performance || window.msPerformance || window.webkitPerformance;
+	  // Browsers without "deltaMode" is reporting in raw wheel delta where one
+	  // notch on the scroll is always +/- 120, roughly equivalent to pixels.
+	  // A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
+	  // ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
+	  deltaMode: null
+	};
+
+	/**
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {string} dispatchMarker Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @extends {SyntheticMouseEvent}
+	 */
+	function SyntheticWheelEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
+	  return SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
 	}
 
-	module.exports = performance || {};
+	SyntheticMouseEvent.augmentClass(SyntheticWheelEvent, WheelEventInterface);
 
-/***/ },
-/* 146 */
-/***/ function(module, exports) {
+	module.exports = SyntheticWheelEvent;
 
-	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+/***/ }),
+/* 170 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactVersion
 	 */
 
 	'use strict';
 
-	module.exports = '0.14.8';
+	var _prodInvariant = __webpack_require__(39);
+
+	var DOMLazyTree = __webpack_require__(85);
+	var DOMProperty = __webpack_require__(40);
+	var React = __webpack_require__(2);
+	var ReactBrowserEventEmitter = __webpack_require__(109);
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactDOMContainerInfo = __webpack_require__(171);
+	var ReactDOMFeatureFlags = __webpack_require__(172);
+	var ReactFeatureFlags = __webpack_require__(62);
+	var ReactInstanceMap = __webpack_require__(120);
+	var ReactInstrumentation = __webpack_require__(66);
+	var ReactMarkupChecksum = __webpack_require__(173);
+	var ReactReconciler = __webpack_require__(63);
+	var ReactUpdateQueue = __webpack_require__(139);
+	var ReactUpdates = __webpack_require__(60);
+
+	var emptyObject = __webpack_require__(20);
+	var instantiateReactComponent = __webpack_require__(122);
+	var invariant = __webpack_require__(8);
+	var setInnerHTML = __webpack_require__(87);
+	var shouldUpdateReactComponent = __webpack_require__(128);
+	var warning = __webpack_require__(11);
 
-/***/ },
-/* 147 */
-/***/ function(module, exports, __webpack_require__) {
+	var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME;
+	var ROOT_ATTR_NAME = DOMProperty.ROOT_ATTRIBUTE_NAME;
+
+	var ELEMENT_NODE_TYPE = 1;
+	var DOC_NODE_TYPE = 9;
+	var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
+
+	var instancesByReactRootID = {};
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Finds the index of the first character
+	 * that's not common between the two given strings.
 	 *
-	* @providesModule renderSubtreeIntoContainer
-	*/
-
-	'use strict';
+	 * @return {number} the index of the character where the strings diverge
+	 */
+	function firstDifferenceIndex(string1, string2) {
+	  var minLen = Math.min(string1.length, string2.length);
+	  for (var i = 0; i < minLen; i++) {
+	    if (string1.charAt(i) !== string2.charAt(i)) {
+	      return i;
+	    }
+	  }
+	  return string1.length === string2.length ? -1 : minLen;
+	}
 
-	var ReactMount = __webpack_require__(28);
+	/**
+	 * @param {DOMElement|DOMDocument} container DOM element that may contain
+	 * a React component
+	 * @return {?*} DOM element that may have the reactRoot ID, or null.
+	 */
+	function getReactRootElementInContainer(container) {
+	  if (!container) {
+	    return null;
+	  }
 
-	module.exports = ReactMount.renderSubtreeIntoContainer;
+	  if (container.nodeType === DOC_NODE_TYPE) {
+	    return container.documentElement;
+	  } else {
+	    return container.firstChild;
+	  }
+	}
 
-/***/ },
-/* 148 */
-/***/ function(module, exports, __webpack_require__) {
+	function internalGetID(node) {
+	  // If node is something like a window, document, or text node, none of
+	  // which support attributes or a .getAttribute method, gracefully return
+	  // the empty string, as if the attribute were missing.
+	  return node.getAttribute && node.getAttribute(ATTR_NAME) || '';
+	}
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	 * Mounts this component and inserts it into the DOM.
 	 *
-	 * @providesModule ReactDOMServer
+	 * @param {ReactComponent} componentInstance The instance to mount.
+	 * @param {DOMElement} container DOM element to mount into.
+	 * @param {ReactReconcileTransaction} transaction
+	 * @param {boolean} shouldReuseMarkup If true, do not insert markup
 	 */
+	function mountComponentIntoNode(wrapperInstance, container, transaction, shouldReuseMarkup, context) {
+	  var markerName;
+	  if (ReactFeatureFlags.logTopLevelRenders) {
+	    var wrappedElement = wrapperInstance._currentElement.props.child;
+	    var type = wrappedElement.type;
+	    markerName = 'React mount: ' + (typeof type === 'string' ? type : type.displayName || type.name);
+	    console.time(markerName);
+	  }
 
-	'use strict';
+	  var markup = ReactReconciler.mountComponent(wrapperInstance, transaction, null, ReactDOMContainerInfo(wrapperInstance, container), context, 0 /* parentDebugID */
+	  );
+
+	  if (markerName) {
+	    console.timeEnd(markerName);
+	  }
 
-	var ReactDefaultInjection = __webpack_require__(71);
-	var ReactServerRendering = __webpack_require__(149);
-	var ReactVersion = __webpack_require__(146);
+	  wrapperInstance._renderedComponent._topLevelWrapper = wrapperInstance;
+	  ReactMount._mountImageIntoNode(markup, container, wrapperInstance, shouldReuseMarkup, transaction);
+	}
 
-	ReactDefaultInjection.inject();
+	/**
+	 * Batched mount.
+	 *
+	 * @param {ReactComponent} componentInstance The instance to mount.
+	 * @param {DOMElement} container DOM element to mount into.
+	 * @param {boolean} shouldReuseMarkup If true, do not insert markup
+	 */
+	function batchedMountComponentIntoNode(componentInstance, container, shouldReuseMarkup, context) {
+	  var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(
+	  /* useCreateElement */
+	  !shouldReuseMarkup && ReactDOMFeatureFlags.useCreateElement);
+	  transaction.perform(mountComponentIntoNode, null, componentInstance, container, transaction, shouldReuseMarkup, context);
+	  ReactUpdates.ReactReconcileTransaction.release(transaction);
+	}
 
-	var ReactDOMServer = {
-	  renderToString: ReactServerRendering.renderToString,
-	  renderToStaticMarkup: ReactServerRendering.renderToStaticMarkup,
-	  version: ReactVersion
-	};
+	/**
+	 * Unmounts a component and removes it from the DOM.
+	 *
+	 * @param {ReactComponent} instance React component instance.
+	 * @param {DOMElement} container DOM element to unmount from.
+	 * @final
+	 * @internal
+	 * @see {ReactMount.unmountComponentAtNode}
+	 */
+	function unmountComponentFromNode(instance, container, safely) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    ReactInstrumentation.debugTool.onBeginFlush();
+	  }
+	  ReactReconciler.unmountComponent(instance, safely);
+	  if (process.env.NODE_ENV !== 'production') {
+	    ReactInstrumentation.debugTool.onEndFlush();
+	  }
 
-	module.exports = ReactDOMServer;
+	  if (container.nodeType === DOC_NODE_TYPE) {
+	    container = container.documentElement;
+	  }
 
-/***/ },
-/* 149 */
-/***/ function(module, exports, __webpack_require__) {
+	  // http://jsperf.com/emptying-a-node
+	  while (container.lastChild) {
+	    container.removeChild(container.lastChild);
+	  }
+	}
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
+	/**
+	 * True if the supplied DOM node has a direct React-rendered child that is
+	 * not a React root element. Useful for warning in `render`,
+	 * `unmountComponentAtNode`, etc.
 	 *
-	 * @typechecks static-only
-	 * @providesModule ReactServerRendering
+	 * @param {?DOMElement} node The candidate DOM node.
+	 * @return {boolean} True if the DOM element contains a direct child that was
+	 * rendered by React but is not a root element.
+	 * @internal
 	 */
-	'use strict';
+	function hasNonRootReactChild(container) {
+	  var rootEl = getReactRootElementInContainer(container);
+	  if (rootEl) {
+	    var inst = ReactDOMComponentTree.getInstanceFromNode(rootEl);
+	    return !!(inst && inst._hostParent);
+	  }
+	}
 
-	var ReactDefaultBatchingStrategy = __webpack_require__(92);
-	var ReactElement = __webpack_require__(42);
-	var ReactInstanceHandles = __webpack_require__(45);
-	var ReactMarkupChecksum = __webpack_require__(48);
-	var ReactServerBatchingStrategy = __webpack_require__(150);
-	var ReactServerRenderingTransaction = __webpack_require__(151);
-	var ReactUpdates = __webpack_require__(54);
+	/**
+	 * True if the supplied DOM node is a React DOM element and
+	 * it has been rendered by another copy of React.
+	 *
+	 * @param {?DOMElement} node The candidate DOM node.
+	 * @return {boolean} True if the DOM has been rendered by another copy of React
+	 * @internal
+	 */
+	function nodeIsRenderedByOtherInstance(container) {
+	  var rootEl = getReactRootElementInContainer(container);
+	  return !!(rootEl && isReactNode(rootEl) && !ReactDOMComponentTree.getInstanceFromNode(rootEl));
+	}
 
-	var emptyObject = __webpack_require__(58);
-	var instantiateReactComponent = __webpack_require__(62);
-	var invariant = __webpack_require__(13);
+	/**
+	 * True if the supplied DOM node is a valid node element.
+	 *
+	 * @param {?DOMElement} node The candidate DOM node.
+	 * @return {boolean} True if the DOM is a valid DOM node.
+	 * @internal
+	 */
+	function isValidContainer(node) {
+	  return !!(node && (node.nodeType === ELEMENT_NODE_TYPE || node.nodeType === DOC_NODE_TYPE || node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE));
+	}
 
 	/**
-	 * @param {ReactElement} element
-	 * @return {string} the HTML markup
+	 * True if the supplied DOM node is a valid React node element.
+	 *
+	 * @param {?DOMElement} node The candidate DOM node.
+	 * @return {boolean} True if the DOM is a valid React DOM node.
+	 * @internal
 	 */
-	function renderToString(element) {
-	  !ReactElement.isValidElement(element) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'renderToString(): You must pass a valid ReactElement.') : invariant(false) : undefined;
+	function isReactNode(node) {
+	  return isValidContainer(node) && (node.hasAttribute(ROOT_ATTR_NAME) || node.hasAttribute(ATTR_NAME));
+	}
 
-	  var transaction;
-	  try {
-	    ReactUpdates.injection.injectBatchingStrategy(ReactServerBatchingStrategy);
+	function getHostRootInstanceInContainer(container) {
+	  var rootEl = getReactRootElementInContainer(container);
+	  var prevHostInstance = rootEl && ReactDOMComponentTree.getInstanceFromNode(rootEl);
+	  return prevHostInstance && !prevHostInstance._hostParent ? prevHostInstance : null;
+	}
 
-	    var id = ReactInstanceHandles.createReactRootID();
-	    transaction = ReactServerRenderingTransaction.getPooled(false);
+	function getTopLevelWrapperInContainer(container) {
+	  var root = getHostRootInstanceInContainer(container);
+	  return root ? root._hostContainerInfo._topLevelWrapper : null;
+	}
 
-	    return transaction.perform(function () {
-	      var componentInstance = instantiateReactComponent(element, null);
-	      var markup = componentInstance.mountComponent(id, transaction, emptyObject);
-	      return ReactMarkupChecksum.addChecksumToMarkup(markup);
-	    }, null);
-	  } finally {
-	    ReactServerRenderingTransaction.release(transaction);
-	    // Revert to the DOM batching strategy since these two renderers
-	    // currently share these stateful modules.
-	    ReactUpdates.injection.injectBatchingStrategy(ReactDefaultBatchingStrategy);
-	  }
+	/**
+	 * Temporary (?) hack so that we can store all top-level pending updates on
+	 * composites instead of having to worry about different types of components
+	 * here.
+	 */
+	var topLevelRootCounter = 1;
+	var TopLevelWrapper = function () {
+	  this.rootID = topLevelRootCounter++;
+	};
+	TopLevelWrapper.prototype.isReactComponent = {};
+	if (process.env.NODE_ENV !== 'production') {
+	  TopLevelWrapper.displayName = 'TopLevelWrapper';
 	}
+	TopLevelWrapper.prototype.render = function () {
+	  return this.props.child;
+	};
+	TopLevelWrapper.isReactTopLevelWrapper = true;
 
 	/**
-	 * @param {ReactElement} element
-	 * @return {string} the HTML markup, without the extra React ID and checksum
-	 * (for generating static pages)
+	 * Mounting is the process of initializing a React component by creating its
+	 * representative DOM elements and inserting them into a supplied `container`.
+	 * Any prior content inside `container` is destroyed in the process.
+	 *
+	 *   ReactMount.render(
+	 *     component,
+	 *     document.getElementById('container')
+	 *   );
+	 *
+	 *   <div id="container">                   <-- Supplied `container`.
+	 *     <div data-reactid=".3">              <-- Rendered reactRoot of React
+	 *       // ...                                 component.
+	 *     </div>
+	 *   </div>
+	 *
+	 * Inside of `container`, the first element rendered is the "reactRoot".
 	 */
-	function renderToStaticMarkup(element) {
-	  !ReactElement.isValidElement(element) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'renderToStaticMarkup(): You must pass a valid ReactElement.') : invariant(false) : undefined;
+	var ReactMount = {
 
-	  var transaction;
-	  try {
-	    ReactUpdates.injection.injectBatchingStrategy(ReactServerBatchingStrategy);
+	  TopLevelWrapper: TopLevelWrapper,
+
+	  /**
+	   * Used by devtools. The keys are not important.
+	   */
+	  _instancesByReactRootID: instancesByReactRootID,
+
+	  /**
+	   * This is a hook provided to support rendering React components while
+	   * ensuring that the apparent scroll position of its `container` does not
+	   * change.
+	   *
+	   * @param {DOMElement} container The `container` being rendered into.
+	   * @param {function} renderCallback This must be called once to do the render.
+	   */
+	  scrollMonitor: function (container, renderCallback) {
+	    renderCallback();
+	  },
+
+	  /**
+	   * Take a component that's already mounted into the DOM and replace its props
+	   * @param {ReactComponent} prevComponent component instance already in the DOM
+	   * @param {ReactElement} nextElement component instance to render
+	   * @param {DOMElement} container container to render into
+	   * @param {?function} callback function triggered on completion
+	   */
+	  _updateRootComponent: function (prevComponent, nextElement, nextContext, container, callback) {
+	    ReactMount.scrollMonitor(container, function () {
+	      ReactUpdateQueue.enqueueElementInternal(prevComponent, nextElement, nextContext);
+	      if (callback) {
+	        ReactUpdateQueue.enqueueCallbackInternal(prevComponent, callback);
+	      }
+	    });
 
-	    var id = ReactInstanceHandles.createReactRootID();
-	    transaction = ReactServerRenderingTransaction.getPooled(true);
+	    return prevComponent;
+	  },
+
+	  /**
+	   * Render a new component into the DOM. Hooked by hooks!
+	   *
+	   * @param {ReactElement} nextElement element to render
+	   * @param {DOMElement} container container to render into
+	   * @param {boolean} shouldReuseMarkup if we should skip the markup insertion
+	   * @return {ReactComponent} nextComponent
+	   */
+	  _renderNewRootComponent: function (nextElement, container, shouldReuseMarkup, context) {
+	    // Various parts of our code (such as ReactCompositeComponent's
+	    // _renderValidatedComponent) assume that calls to render aren't nested;
+	    // verify that that's the case.
+	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, '_renderNewRootComponent(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from ' + 'render is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : void 0;
 
-	    return transaction.perform(function () {
-	      var componentInstance = instantiateReactComponent(element, null);
-	      return componentInstance.mountComponent(id, transaction, emptyObject);
-	    }, null);
-	  } finally {
-	    ReactServerRenderingTransaction.release(transaction);
-	    // Revert to the DOM batching strategy since these two renderers
-	    // currently share these stateful modules.
-	    ReactUpdates.injection.injectBatchingStrategy(ReactDefaultBatchingStrategy);
-	  }
-	}
+	    !isValidContainer(container) ? process.env.NODE_ENV !== 'production' ? invariant(false, '_registerComponent(...): Target container is not a DOM element.') : _prodInvariant('37') : void 0;
 
-	module.exports = {
-	  renderToString: renderToString,
-	  renderToStaticMarkup: renderToStaticMarkup
-	};
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	    ReactBrowserEventEmitter.ensureScrollValueMonitoring();
+	    var componentInstance = instantiateReactComponent(nextElement, false);
 
-/***/ },
-/* 150 */
-/***/ function(module, exports) {
+	    // The initial render is synchronous but any updates that happen during
+	    // rendering, in componentWillMount or componentDidMount, will be batched
+	    // according to the current batching strategy.
 
-	/**
-	 * Copyright 2014-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactServerBatchingStrategy
-	 * @typechecks
-	 */
+	    ReactUpdates.batchedUpdates(batchedMountComponentIntoNode, componentInstance, container, shouldReuseMarkup, context);
 
-	'use strict';
+	    var wrapperID = componentInstance._instance.rootID;
+	    instancesByReactRootID[wrapperID] = componentInstance;
 
-	var ReactServerBatchingStrategy = {
-	  isBatchingUpdates: false,
-	  batchedUpdates: function (callback) {
-	    // Don't do anything here. During the server rendering we don't want to
-	    // schedule any updates. We will simply ignore them.
-	  }
-	};
+	    return componentInstance;
+	  },
 
-	module.exports = ReactServerBatchingStrategy;
+	  /**
+	   * Renders a React component into the DOM in the supplied `container`.
+	   *
+	   * If the React component was previously rendered into `container`, this will
+	   * perform an update on it and only mutate the DOM as necessary to reflect the
+	   * latest React component.
+	   *
+	   * @param {ReactComponent} parentComponent The conceptual parent of this render tree.
+	   * @param {ReactElement} nextElement Component element to render.
+	   * @param {DOMElement} container DOM element to render into.
+	   * @param {?function} callback function triggered on completion
+	   * @return {ReactComponent} Component instance rendered in `container`.
+	   */
+	  renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) {
+	    !(parentComponent != null && ReactInstanceMap.has(parentComponent)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'parentComponent must be a valid React Component') : _prodInvariant('38') : void 0;
+	    return ReactMount._renderSubtreeIntoContainer(parentComponent, nextElement, container, callback);
+	  },
 
-/***/ },
-/* 151 */
-/***/ function(module, exports, __webpack_require__) {
+	  _renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) {
+	    ReactUpdateQueue.validateCallback(callback, 'ReactDOM.render');
+	    !React.isValidElement(nextElement) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOM.render(): Invalid component element.%s', typeof nextElement === 'string' ? ' Instead of passing a string like \'div\', pass ' + 'React.createElement(\'div\') or <div />.' : typeof nextElement === 'function' ? ' Instead of passing a class like Foo, pass ' + 'React.createElement(Foo) or <Foo />.' :
+	    // Check if it quacks like an element
+	    nextElement != null && nextElement.props !== undefined ? ' This may be caused by unintentionally loading two independent ' + 'copies of React.' : '') : _prodInvariant('39', typeof nextElement === 'string' ? ' Instead of passing a string like \'div\', pass ' + 'React.createElement(\'div\') or <div />.' : typeof nextElement === 'function' ? ' Instead of passing a class like Foo, pass ' + 'React.createElement(Foo) or <Foo />.' : nextElement != null && nextElement.props !== undefined ? ' This may be caused by unintentionally loading two independent ' + 'copies of React.' : '') : void 0;
 
-	/**
-	 * Copyright 2014-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactServerRenderingTransaction
-	 * @typechecks
-	 */
+	    process.env.NODE_ENV !== 'production' ? warning(!container || !container.tagName || container.tagName.toUpperCase() !== 'BODY', 'render(): Rendering components directly into document.body is ' + 'discouraged, since its children are often manipulated by third-party ' + 'scripts and browser extensions. This may lead to subtle ' + 'reconciliation issues. Try rendering into a container element created ' + 'for your app.') : void 0;
 
-	'use strict';
+	    var nextWrappedElement = React.createElement(TopLevelWrapper, { child: nextElement });
 
-	var PooledClass = __webpack_require__(56);
-	var CallbackQueue = __webpack_require__(55);
-	var Transaction = __webpack_require__(57);
+	    var nextContext;
+	    if (parentComponent) {
+	      var parentInst = ReactInstanceMap.get(parentComponent);
+	      nextContext = parentInst._processChildContext(parentInst._context);
+	    } else {
+	      nextContext = emptyObject;
+	    }
 
-	var assign = __webpack_require__(39);
-	var emptyFunction = __webpack_require__(15);
+	    var prevComponent = getTopLevelWrapperInContainer(container);
 
-	/**
-	 * Provides a `CallbackQueue` queue for collecting `onDOMReady` callbacks
-	 * during the performing of the transaction.
-	 */
-	var ON_DOM_READY_QUEUEING = {
-	  /**
-	   * Initializes the internal `onDOMReady` queue.
-	   */
-	  initialize: function () {
-	    this.reactMountReady.reset();
-	  },
+	    if (prevComponent) {
+	      var prevWrappedElement = prevComponent._currentElement;
+	      var prevElement = prevWrappedElement.props.child;
+	      if (shouldUpdateReactComponent(prevElement, nextElement)) {
+	        var publicInst = prevComponent._renderedComponent.getPublicInstance();
+	        var updatedCallback = callback && function () {
+	          callback.call(publicInst);
+	        };
+	        ReactMount._updateRootComponent(prevComponent, nextWrappedElement, nextContext, container, updatedCallback);
+	        return publicInst;
+	      } else {
+	        ReactMount.unmountComponentAtNode(container);
+	      }
+	    }
 
-	  close: emptyFunction
-	};
+	    var reactRootElement = getReactRootElementInContainer(container);
+	    var containerHasReactMarkup = reactRootElement && !!internalGetID(reactRootElement);
+	    var containerHasNonRootReactChild = hasNonRootReactChild(container);
 
-	/**
-	 * Executed within the scope of the `Transaction` instance. Consider these as
-	 * being member methods, but with an implied ordering while being isolated from
-	 * each other.
-	 */
-	var TRANSACTION_WRAPPERS = [ON_DOM_READY_QUEUEING];
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.') : void 0;
 
-	/**
-	 * @class ReactServerRenderingTransaction
-	 * @param {boolean} renderToStaticMarkup
-	 */
-	function ReactServerRenderingTransaction(renderToStaticMarkup) {
-	  this.reinitializeTransaction();
-	  this.renderToStaticMarkup = renderToStaticMarkup;
-	  this.reactMountReady = CallbackQueue.getPooled(null);
-	  this.useCreateElement = false;
-	}
+	      if (!containerHasReactMarkup || reactRootElement.nextSibling) {
+	        var rootElementSibling = reactRootElement;
+	        while (rootElementSibling) {
+	          if (internalGetID(rootElementSibling)) {
+	            process.env.NODE_ENV !== 'production' ? warning(false, 'render(): Target node has markup rendered by React, but there ' + 'are unrelated nodes as well. This is most commonly caused by ' + 'white-space inserted around server-rendered markup.') : void 0;
+	            break;
+	          }
+	          rootElementSibling = rootElementSibling.nextSibling;
+	        }
+	      }
+	    }
 
-	var Mixin = {
-	  /**
-	   * @see Transaction
-	   * @abstract
-	   * @final
-	   * @return {array} Empty list of operation wrap procedures.
-	   */
-	  getTransactionWrappers: function () {
-	    return TRANSACTION_WRAPPERS;
+	    var shouldReuseMarkup = containerHasReactMarkup && !prevComponent && !containerHasNonRootReactChild;
+	    var component = ReactMount._renderNewRootComponent(nextWrappedElement, container, shouldReuseMarkup, nextContext)._renderedComponent.getPublicInstance();
+	    if (callback) {
+	      callback.call(component);
+	    }
+	    return component;
 	  },
 
 	  /**
-	   * @return {object} The queue to collect `onDOMReady` callbacks with.
+	   * Renders a React component into the DOM in the supplied `container`.
+	   * See https://facebook.github.io/react/docs/top-level-api.html#reactdom.render
+	   *
+	   * If the React component was previously rendered into `container`, this will
+	   * perform an update on it and only mutate the DOM as necessary to reflect the
+	   * latest React component.
+	   *
+	   * @param {ReactElement} nextElement Component element to render.
+	   * @param {DOMElement} container DOM element to render into.
+	   * @param {?function} callback function triggered on completion
+	   * @return {ReactComponent} Component instance rendered in `container`.
 	   */
-	  getReactMountReady: function () {
-	    return this.reactMountReady;
+	  render: function (nextElement, container, callback) {
+	    return ReactMount._renderSubtreeIntoContainer(null, nextElement, container, callback);
 	  },
 
 	  /**
-	   * `PooledClass` looks for this, and will invoke this before allowing this
-	   * instance to be reused.
+	   * Unmounts and destroys the React component rendered in the `container`.
+	   * See https://facebook.github.io/react/docs/top-level-api.html#reactdom.unmountcomponentatnode
+	   *
+	   * @param {DOMElement} container DOM element containing a React component.
+	   * @return {boolean} True if a component was found in and unmounted from
+	   *                   `container`
 	   */
-	  destructor: function () {
-	    CallbackQueue.release(this.reactMountReady);
-	    this.reactMountReady = null;
-	  }
-	};
-
-	assign(ReactServerRenderingTransaction.prototype, Transaction.Mixin, Mixin);
-
-	PooledClass.addPoolingTo(ReactServerRenderingTransaction);
-
-	module.exports = ReactServerRenderingTransaction;
-
-/***/ },
-/* 152 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 *
-	 * @providesModule ReactIsomorphic
-	 */
+	  unmountComponentAtNode: function (container) {
+	    // Various parts of our code (such as ReactCompositeComponent's
+	    // _renderValidatedComponent) assume that calls to render aren't nested;
+	    // verify that that's the case. (Strictly speaking, unmounting won't cause a
+	    // render but we still don't expect to be in a render call here.)
+	    process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, 'unmountComponentAtNode(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from render ' + 'is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : void 0;
 
-	'use strict';
+	    !isValidContainer(container) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'unmountComponentAtNode(...): Target container is not a DOM element.') : _prodInvariant('40') : void 0;
 
-	var ReactChildren = __webpack_require__(110);
-	var ReactComponent = __webpack_require__(123);
-	var ReactClass = __webpack_require__(122);
-	var ReactDOMFactories = __webpack_require__(153);
-	var ReactElement = __webpack_require__(42);
-	var ReactElementValidator = __webpack_require__(154);
-	var ReactPropTypes = __webpack_require__(107);
-	var ReactVersion = __webpack_require__(146);
+	    if (process.env.NODE_ENV !== 'production') {
+	      process.env.NODE_ENV !== 'production' ? warning(!nodeIsRenderedByOtherInstance(container), 'unmountComponentAtNode(): The node you\'re attempting to unmount ' + 'was rendered by another copy of React.') : void 0;
+	    }
 
-	var assign = __webpack_require__(39);
-	var onlyChild = __webpack_require__(156);
+	    var prevComponent = getTopLevelWrapperInContainer(container);
+	    if (!prevComponent) {
+	      // Check if the node being unmounted was rendered by React, but isn't a
+	      // root node.
+	      var containerHasNonRootReactChild = hasNonRootReactChild(container);
 
-	var createElement = ReactElement.createElement;
-	var createFactory = ReactElement.createFactory;
-	var cloneElement = ReactElement.cloneElement;
+	      // Check if the container itself is a React root node.
+	      var isContainerReactRoot = container.nodeType === 1 && container.hasAttribute(ROOT_ATTR_NAME);
 
-	if (process.env.NODE_ENV !== 'production') {
-	  createElement = ReactElementValidator.createElement;
-	  createFactory = ReactElementValidator.createFactory;
-	  cloneElement = ReactElementValidator.cloneElement;
-	}
+	      if (process.env.NODE_ENV !== 'production') {
+	        process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'unmountComponentAtNode(): The node you\'re attempting to unmount ' + 'was rendered by React and is not a top-level container. %s', isContainerReactRoot ? 'You may have accidentally passed in a React root node instead ' + 'of its container.' : 'Instead, have the parent component update its state and ' + 'rerender in order to remove this component.') : void 0;
+	      }
 
-	var React = {
+	      return false;
+	    }
+	    delete instancesByReactRootID[prevComponent._instance.rootID];
+	    ReactUpdates.batchedUpdates(unmountComponentFromNode, prevComponent, container, false);
+	    return true;
+	  },
 
-	  // Modern
+	  _mountImageIntoNode: function (markup, container, instance, shouldReuseMarkup, transaction) {
+	    !isValidContainer(container) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mountComponentIntoNode(...): Target container is not valid.') : _prodInvariant('41') : void 0;
 
-	  Children: {
-	    map: ReactChildren.map,
-	    forEach: ReactChildren.forEach,
-	    count: ReactChildren.count,
-	    toArray: ReactChildren.toArray,
-	    only: onlyChild
-	  },
+	    if (shouldReuseMarkup) {
+	      var rootElement = getReactRootElementInContainer(container);
+	      if (ReactMarkupChecksum.canReuseMarkup(markup, rootElement)) {
+	        ReactDOMComponentTree.precacheNode(instance, rootElement);
+	        return;
+	      } else {
+	        var checksum = rootElement.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
+	        rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
 
-	  Component: ReactComponent,
+	        var rootMarkup = rootElement.outerHTML;
+	        rootElement.setAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME, checksum);
 
-	  createElement: createElement,
-	  cloneElement: cloneElement,
-	  isValidElement: ReactElement.isValidElement,
+	        var normalizedMarkup = markup;
+	        if (process.env.NODE_ENV !== 'production') {
+	          // because rootMarkup is retrieved from the DOM, various normalizations
+	          // will have occurred which will not be present in `markup`. Here,
+	          // insert markup into a <div> or <iframe> depending on the container
+	          // type to perform the same normalizations before comparing.
+	          var normalizer;
+	          if (container.nodeType === ELEMENT_NODE_TYPE) {
+	            normalizer = document.createElement('div');
+	            normalizer.innerHTML = markup;
+	            normalizedMarkup = normalizer.innerHTML;
+	          } else {
+	            normalizer = document.createElement('iframe');
+	            document.body.appendChild(normalizer);
+	            normalizer.contentDocument.write(markup);
+	            normalizedMarkup = normalizer.contentDocument.documentElement.outerHTML;
+	            document.body.removeChild(normalizer);
+	          }
+	        }
 
-	  // Classic
+	        var diffIndex = firstDifferenceIndex(normalizedMarkup, rootMarkup);
+	        var difference = ' (client) ' + normalizedMarkup.substring(diffIndex - 20, diffIndex + 20) + '\n (server) ' + rootMarkup.substring(diffIndex - 20, diffIndex + 20);
 
-	  PropTypes: ReactPropTypes,
-	  createClass: ReactClass.createClass,
-	  createFactory: createFactory,
-	  createMixin: function (mixin) {
-	    // Currently a noop. Will be used to validate and trace mixins.
-	    return mixin;
-	  },
+	        !(container.nodeType !== DOC_NODE_TYPE) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'You\'re trying to render a component to the document using server rendering but the checksum was invalid. This usually means you rendered a different component type or props on the client from the one on the server, or your render() methods are impure. React cannot handle this case due to cross-browser quirks by rendering at the document root. You should look for environment dependent code in your components and ensure the props are the same client and server side:\n%s', difference) : _prodInvariant('42', difference) : void 0;
 
-	  // This looks DOM specific but these are actually isomorphic helpers
-	  // since they are just generating DOM strings.
-	  DOM: ReactDOMFactories,
+	        if (process.env.NODE_ENV !== 'production') {
+	          process.env.NODE_ENV !== 'production' ? warning(false, 'React attempted to reuse markup in a container but the ' + 'checksum was invalid. This generally means that you are ' + 'using server rendering and the markup generated on the ' + 'server was not what the client was expecting. React injected ' + 'new markup to compensate which works but you have lost many ' + 'of the benefits of server rendering. Instead, figure out ' + 'why the markup being generated is different on the client ' + 'or server:\n%s', difference) : void 0;
+	        }
+	      }
+	    }
 
-	  version: ReactVersion,
+	    !(container.nodeType !== DOC_NODE_TYPE) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'You\'re trying to render a component to the document but you didn\'t use server rendering. We can\'t do this without using server rendering due to cross-browser quirks. See ReactDOMServer.renderToString() for server rendering.') : _prodInvariant('43') : void 0;
+
+	    if (transaction.useCreateElement) {
+	      while (container.lastChild) {
+	        container.removeChild(container.lastChild);
+	      }
+	      DOMLazyTree.insertTreeBefore(container, markup, null);
+	    } else {
+	      setInnerHTML(container, markup);
+	      ReactDOMComponentTree.precacheNode(instance, container.firstChild);
+	    }
 
-	  // Hook for JSX spread, don't use this for anything else.
-	  __spread: assign
+	    if (process.env.NODE_ENV !== 'production') {
+	      var hostNode = ReactDOMComponentTree.getInstanceFromNode(container.firstChild);
+	      if (hostNode._debugID !== 0) {
+	        ReactInstrumentation.debugTool.onHostOperation({
+	          instanceID: hostNode._debugID,
+	          type: 'mount',
+	          payload: markup.toString()
+	        });
+	      }
+	    }
+	  }
 	};
 
-	module.exports = React;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = ReactMount;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 153 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 171 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactDOMFactories
-	 * @typechecks static-only
 	 */
 
 	'use strict';
 
-	var ReactElement = __webpack_require__(42);
-	var ReactElementValidator = __webpack_require__(154);
+	var validateDOMNesting = __webpack_require__(140);
 
-	var mapObject = __webpack_require__(155);
+	var DOC_NODE_TYPE = 9;
 
-	/**
-	 * Create a factory that creates HTML tag elements.
-	 *
-	 * @param {string} tag Tag name (e.g. `div`).
-	 * @private
-	 */
-	function createDOMFactory(tag) {
+	function ReactDOMContainerInfo(topLevelWrapper, node) {
+	  var info = {
+	    _topLevelWrapper: topLevelWrapper,
+	    _idCounter: 1,
+	    _ownerDocument: node ? node.nodeType === DOC_NODE_TYPE ? node : node.ownerDocument : null,
+	    _node: node,
+	    _tag: node ? node.nodeName.toLowerCase() : null,
+	    _namespaceURI: node ? node.namespaceURI : null
+	  };
 	  if (process.env.NODE_ENV !== 'production') {
-	    return ReactElementValidator.createFactory(tag);
+	    info._ancestorInfo = node ? validateDOMNesting.updatedAncestorInfo(null, info._tag, null) : null;
 	  }
-	  return ReactElement.createFactory(tag);
+	  return info;
 	}
 
+	module.exports = ReactDOMContainerInfo;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 172 */
+/***/ (function(module, exports) {
+
 	/**
-	 * Creates a mapping from supported HTML tags to `ReactDOMComponent` classes.
-	 * This is also accessible via `React.DOM`.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @public
 	 */
-	var ReactDOMFactories = mapObject({
-	  a: 'a',
-	  abbr: 'abbr',
-	  address: 'address',
-	  area: 'area',
-	  article: 'article',
-	  aside: 'aside',
-	  audio: 'audio',
-	  b: 'b',
-	  base: 'base',
-	  bdi: 'bdi',
-	  bdo: 'bdo',
-	  big: 'big',
-	  blockquote: 'blockquote',
-	  body: 'body',
-	  br: 'br',
-	  button: 'button',
-	  canvas: 'canvas',
-	  caption: 'caption',
-	  cite: 'cite',
-	  code: 'code',
-	  col: 'col',
-	  colgroup: 'colgroup',
-	  data: 'data',
-	  datalist: 'datalist',
-	  dd: 'dd',
-	  del: 'del',
-	  details: 'details',
-	  dfn: 'dfn',
-	  dialog: 'dialog',
-	  div: 'div',
-	  dl: 'dl',
-	  dt: 'dt',
-	  em: 'em',
-	  embed: 'embed',
-	  fieldset: 'fieldset',
-	  figcaption: 'figcaption',
-	  figure: 'figure',
-	  footer: 'footer',
-	  form: 'form',
-	  h1: 'h1',
-	  h2: 'h2',
-	  h3: 'h3',
-	  h4: 'h4',
-	  h5: 'h5',
-	  h6: 'h6',
-	  head: 'head',
-	  header: 'header',
-	  hgroup: 'hgroup',
-	  hr: 'hr',
-	  html: 'html',
-	  i: 'i',
-	  iframe: 'iframe',
-	  img: 'img',
-	  input: 'input',
-	  ins: 'ins',
-	  kbd: 'kbd',
-	  keygen: 'keygen',
-	  label: 'label',
-	  legend: 'legend',
-	  li: 'li',
-	  link: 'link',
-	  main: 'main',
-	  map: 'map',
-	  mark: 'mark',
-	  menu: 'menu',
-	  menuitem: 'menuitem',
-	  meta: 'meta',
-	  meter: 'meter',
-	  nav: 'nav',
-	  noscript: 'noscript',
-	  object: 'object',
-	  ol: 'ol',
-	  optgroup: 'optgroup',
-	  option: 'option',
-	  output: 'output',
-	  p: 'p',
-	  param: 'param',
-	  picture: 'picture',
-	  pre: 'pre',
-	  progress: 'progress',
-	  q: 'q',
-	  rp: 'rp',
-	  rt: 'rt',
-	  ruby: 'ruby',
-	  s: 's',
-	  samp: 'samp',
-	  script: 'script',
-	  section: 'section',
-	  select: 'select',
-	  small: 'small',
-	  source: 'source',
-	  span: 'span',
-	  strong: 'strong',
-	  style: 'style',
-	  sub: 'sub',
-	  summary: 'summary',
-	  sup: 'sup',
-	  table: 'table',
-	  tbody: 'tbody',
-	  td: 'td',
-	  textarea: 'textarea',
-	  tfoot: 'tfoot',
-	  th: 'th',
-	  thead: 'thead',
-	  time: 'time',
-	  title: 'title',
-	  tr: 'tr',
-	  track: 'track',
-	  u: 'u',
-	  ul: 'ul',
-	  'var': 'var',
-	  video: 'video',
-	  wbr: 'wbr',
 
-	  // SVG
-	  circle: 'circle',
-	  clipPath: 'clipPath',
-	  defs: 'defs',
-	  ellipse: 'ellipse',
-	  g: 'g',
-	  image: 'image',
-	  line: 'line',
-	  linearGradient: 'linearGradient',
-	  mask: 'mask',
-	  path: 'path',
-	  pattern: 'pattern',
-	  polygon: 'polygon',
-	  polyline: 'polyline',
-	  radialGradient: 'radialGradient',
-	  rect: 'rect',
-	  stop: 'stop',
-	  svg: 'svg',
-	  text: 'text',
-	  tspan: 'tspan'
-
-	}, createDOMFactory);
+	'use strict';
 
-	module.exports = ReactDOMFactories;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var ReactDOMFeatureFlags = {
+	  useCreateElement: true,
+	  useFiber: false
+	};
 
-/***/ },
-/* 154 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = ReactDOMFeatureFlags;
 
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2014-2015, Facebook, Inc.
+/***/ }),
+/* 173 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule ReactElementValidator
-	 */
-
-	/**
-	 * ReactElementValidator provides a wrapper around a element factory
-	 * which validates the props passed to the element. This is intended to be
-	 * used only in DEV and could be replaced by a static type checker for languages
-	 * that support it.
 	 */
 
 	'use strict';
 
-	var ReactElement = __webpack_require__(42);
-	var ReactPropTypeLocations = __webpack_require__(65);
-	var ReactPropTypeLocationNames = __webpack_require__(66);
-	var ReactCurrentOwner = __webpack_require__(5);
+	var adler32 = __webpack_require__(174);
 
-	var canDefineProperty = __webpack_require__(43);
-	var getIteratorFn = __webpack_require__(108);
-	var invariant = __webpack_require__(13);
-	var warning = __webpack_require__(25);
+	var TAG_END = /\/?>/;
+	var COMMENT_START = /^<\!\-\-/;
 
-	function getDeclarationErrorAddendum() {
-	  if (ReactCurrentOwner.current) {
-	    var name = ReactCurrentOwner.current.getName();
-	    if (name) {
-	      return ' Check the render method of `' + name + '`.';
+	var ReactMarkupChecksum = {
+	  CHECKSUM_ATTR_NAME: 'data-react-checksum',
+
+	  /**
+	   * @param {string} markup Markup string
+	   * @return {string} Markup string with checksum attribute attached
+	   */
+	  addChecksumToMarkup: function (markup) {
+	    var checksum = adler32(markup);
+
+	    // Add checksum (handle both parent tags, comments and self-closing tags)
+	    if (COMMENT_START.test(markup)) {
+	      return markup;
+	    } else {
+	      return markup.replace(TAG_END, ' ' + ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="' + checksum + '"$&');
 	    }
+	  },
+
+	  /**
+	   * @param {string} markup to use
+	   * @param {DOMElement} element root React element
+	   * @returns {boolean} whether or not the markup is the same
+	   */
+	  canReuseMarkup: function (markup, element) {
+	    var existingChecksum = element.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
+	    existingChecksum = existingChecksum && parseInt(existingChecksum, 10);
+	    var markupChecksum = adler32(markup);
+	    return markupChecksum === existingChecksum;
 	  }
-	  return '';
-	}
+	};
 
-	/**
-	 * Warn if there's no key explicitly set on dynamic arrays of children or
-	 * object keys are not valid. This allows us to keep track of children between
-	 * updates.
-	 */
-	var ownerHasKeyUseWarning = {};
+	module.exports = ReactMarkupChecksum;
 
-	var loggedTypeFailures = {};
+/***/ }),
+/* 174 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Warn if the element doesn't have an explicit key assigned to it.
-	 * This element is in an array. The array could grow and shrink or be
-	 * reordered. All children that haven't already been validated are required to
-	 * have a "key" property assigned to it.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * @internal
-	 * @param {ReactElement} element Element that requires a key.
-	 * @param {*} parentType element's parent's type.
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
 	 */
-	function validateExplicitKey(element, parentType) {
-	  if (!element._store || element._store.validated || element.key != null) {
-	    return;
-	  }
-	  element._store.validated = true;
 
-	  var addenda = getAddendaForKeyUse('uniqueKey', element, parentType);
-	  if (addenda === null) {
-	    // we already showed the warning
-	    return;
-	  }
-	  process.env.NODE_ENV !== 'production' ? warning(false, 'Each child in an array or iterator should have a unique "key" prop.' + '%s%s%s', addenda.parentOrOwner || '', addenda.childOwner || '', addenda.url || '') : undefined;
-	}
+	'use strict';
 
-	/**
-	 * Shared warning and monitoring code for the key warnings.
-	 *
-	 * @internal
-	 * @param {string} messageType A key used for de-duping warnings.
-	 * @param {ReactElement} element Component that requires a key.
-	 * @param {*} parentType element's parent's type.
-	 * @returns {?object} A set of addenda to use in the warning message, or null
-	 * if the warning has already been shown before (and shouldn't be shown again).
-	 */
-	function getAddendaForKeyUse(messageType, element, parentType) {
-	  var addendum = getDeclarationErrorAddendum();
-	  if (!addendum) {
-	    var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
-	    if (parentName) {
-	      addendum = ' Check the top-level render call using <' + parentName + '>.';
+	var MOD = 65521;
+
+	// adler32 is not cryptographically strong, and is only used to sanity check that
+	// markup generated on the server matches the markup generated on the client.
+	// This implementation (a modified version of the SheetJS version) has been optimized
+	// for our use case, at the expense of conforming to the adler32 specification
+	// for non-ascii inputs.
+	function adler32(data) {
+	  var a = 1;
+	  var b = 0;
+	  var i = 0;
+	  var l = data.length;
+	  var m = l & ~0x3;
+	  while (i < m) {
+	    var n = Math.min(i + 4096, m);
+	    for (; i < n; i += 4) {
+	      b += (a += data.charCodeAt(i)) + (a += data.charCodeAt(i + 1)) + (a += data.charCodeAt(i + 2)) + (a += data.charCodeAt(i + 3));
 	    }
+	    a %= MOD;
+	    b %= MOD;
 	  }
-
-	  var memoizer = ownerHasKeyUseWarning[messageType] || (ownerHasKeyUseWarning[messageType] = {});
-	  if (memoizer[addendum]) {
-	    return null;
+	  for (; i < l; i++) {
+	    b += a += data.charCodeAt(i);
 	  }
-	  memoizer[addendum] = true;
-
-	  var addenda = {
-	    parentOrOwner: addendum,
-	    url: ' See https://fb.me/react-warning-keys for more information.',
-	    childOwner: null
-	  };
+	  a %= MOD;
+	  b %= MOD;
+	  return a | b << 16;
+	}
 
-	  // Usually the current owner is the offender, but if it accepts children as a
-	  // property, it may be the creator of the child that's responsible for
-	  // assigning it a key.
-	  if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-	    // Give the component that originally created this child.
-	    addenda.childOwner = ' It was passed a child from ' + element._owner.getName() + '.';
-	  }
+	module.exports = adler32;
 
-	  return addenda;
-	}
+/***/ }),
+/* 175 */
+/***/ (function(module, exports) {
 
 	/**
-	 * Ensure that every element either is passed in a static location, in an
-	 * array with an explicit keys property defined, or in an object literal
-	 * with valid key property.
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @internal
-	 * @param {ReactNode} node Statically passed child of any type.
-	 * @param {*} parentType node's parent's type.
 	 */
-	function validateChildKeys(node, parentType) {
-	  if (typeof node !== 'object') {
-	    return;
-	  }
-	  if (Array.isArray(node)) {
-	    for (var i = 0; i < node.length; i++) {
-	      var child = node[i];
-	      if (ReactElement.isValidElement(child)) {
-	        validateExplicitKey(child, parentType);
-	      }
-	    }
-	  } else if (ReactElement.isValidElement(node)) {
-	    // This element was passed in a valid location.
-	    if (node._store) {
-	      node._store.validated = true;
-	    }
-	  } else if (node) {
-	    var iteratorFn = getIteratorFn(node);
-	    // Entry iterators provide implicit keys.
-	    if (iteratorFn) {
-	      if (iteratorFn !== node.entries) {
-	        var iterator = iteratorFn.call(node);
-	        var step;
-	        while (!(step = iterator.next()).done) {
-	          if (ReactElement.isValidElement(step.value)) {
-	            validateExplicitKey(step.value, parentType);
-	          }
-	        }
-	      }
-	    }
-	  }
-	}
 
-	/**
-	 * Assert that the props are valid
+	'use strict';
+
+	module.exports = '15.5.4';
+
+/***/ }),
+/* 176 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {string} componentName Name of the component for error messages.
-	 * @param {object} propTypes Map of prop name to a ReactPropType
-	 * @param {object} props
-	 * @param {string} location e.g. "prop", "context", "child context"
-	 * @private
 	 */
-	function checkPropTypes(componentName, propTypes, props, location) {
-	  for (var propName in propTypes) {
-	    if (propTypes.hasOwnProperty(propName)) {
-	      var error;
-	      // Prop type validation may throw. In case they do, we don't want to
-	      // fail the render phase where it didn't fail before. So we log it.
-	      // After these have been cleaned up, we'll let them throw.
-	      try {
-	        // This is intentionally an invariant that gets caught. It's the same
-	        // behavior as without this statement except with a better message.
-	        !(typeof propTypes[propName] === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', ReactPropTypeLocationNames[location], propName) : invariant(false) : undefined;
-	        error = propTypes[propName](props, propName, componentName, location);
-	      } catch (ex) {
-	        error = ex;
-	      }
-	      process.env.NODE_ENV !== 'production' ? warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', ReactPropTypeLocationNames[location], propName, typeof error) : undefined;
-	      if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-	        // Only monitor this failure once because there tends to be a lot of the
-	        // same error.
-	        loggedTypeFailures[error.message] = true;
 
-	        var addendum = getDeclarationErrorAddendum();
-	        process.env.NODE_ENV !== 'production' ? warning(false, 'Failed propType: %s%s', error.message, addendum) : undefined;
-	      }
-	    }
-	  }
-	}
+	'use strict';
+
+	var _prodInvariant = __webpack_require__(39);
+
+	var ReactCurrentOwner = __webpack_require__(10);
+	var ReactDOMComponentTree = __webpack_require__(38);
+	var ReactInstanceMap = __webpack_require__(120);
+
+	var getHostComponentFromComposite = __webpack_require__(177);
+	var invariant = __webpack_require__(8);
+	var warning = __webpack_require__(11);
 
 	/**
-	 * Given an element, validate that its props follow the propTypes definition,
-	 * provided by the type.
+	 * Returns the DOM node rendered by this element.
 	 *
-	 * @param {ReactElement} element
+	 * See https://facebook.github.io/react/docs/top-level-api.html#reactdom.finddomnode
+	 *
+	 * @param {ReactComponent|DOMElement} componentOrElement
+	 * @return {?DOMElement} The root node of this element.
 	 */
-	function validatePropTypes(element) {
-	  var componentClass = element.type;
-	  if (typeof componentClass !== 'function') {
-	    return;
+	function findDOMNode(componentOrElement) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    var owner = ReactCurrentOwner.current;
+	    if (owner !== null) {
+	      process.env.NODE_ENV !== 'production' ? warning(owner._warnedAboutRefsInRender, '%s is accessing findDOMNode inside its render(). ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', owner.getName() || 'A component') : void 0;
+	      owner._warnedAboutRefsInRender = true;
+	    }
 	  }
-	  var name = componentClass.displayName || componentClass.name;
-	  if (componentClass.propTypes) {
-	    checkPropTypes(name, componentClass.propTypes, element.props, ReactPropTypeLocations.prop);
+	  if (componentOrElement == null) {
+	    return null;
 	  }
-	  if (typeof componentClass.getDefaultProps === 'function') {
-	    process.env.NODE_ENV !== 'production' ? warning(componentClass.getDefaultProps.isReactClassApproved, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : undefined;
+	  if (componentOrElement.nodeType === 1) {
+	    return componentOrElement;
 	  }
-	}
-
-	var ReactElementValidator = {
-
-	  createElement: function (type, props, children) {
-	    var validType = typeof type === 'string' || typeof type === 'function';
-	    // We warn in this case but don't throw. We expect the element creation to
-	    // succeed and there will likely be errors in render.
-	    process.env.NODE_ENV !== 'production' ? warning(validType, 'React.createElement: type should not be null, undefined, boolean, or ' + 'number. It should be a string (for DOM elements) or a ReactClass ' + '(for composite components).%s', getDeclarationErrorAddendum()) : undefined;
 
-	    var element = ReactElement.createElement.apply(this, arguments);
+	  var inst = ReactInstanceMap.get(componentOrElement);
+	  if (inst) {
+	    inst = getHostComponentFromComposite(inst);
+	    return inst ? ReactDOMComponentTree.getNodeFromInstance(inst) : null;
+	  }
 
-	    // The result can be nullish if a mock or a custom function is used.
-	    // TODO: Drop this when these are no longer allowed as the type argument.
-	    if (element == null) {
-	      return element;
-	    }
+	  if (typeof componentOrElement.render === 'function') {
+	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'findDOMNode was called on an unmounted component.') : _prodInvariant('44') : void 0;
+	  } else {
+	     true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Element appears to be neither ReactComponent nor DOMNode (keys: %s)', Object.keys(componentOrElement)) : _prodInvariant('45', Object.keys(componentOrElement)) : void 0;
+	  }
+	}
 
-	    // Skip key warning if the type isn't valid since our key validation logic
-	    // doesn't expect a non-string/function type and can throw confusing errors.
-	    // We don't want exception behavior to differ between dev and prod.
-	    // (Rendering will throw with a helpful message and as soon as the type is
-	    // fixed, the key warnings will appear.)
-	    if (validType) {
-	      for (var i = 2; i < arguments.length; i++) {
-	        validateChildKeys(arguments[i], type);
-	      }
-	    }
+	module.exports = findDOMNode;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-	    validatePropTypes(element);
+/***/ }),
+/* 177 */
+/***/ (function(module, exports, __webpack_require__) {
 
-	    return element;
-	  },
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
 
-	  createFactory: function (type) {
-	    var validatedFactory = ReactElementValidator.createElement.bind(null, type);
-	    // Legacy hook TODO: Warn if this is accessed
-	    validatedFactory.type = type;
+	'use strict';
 
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (canDefineProperty) {
-	        Object.defineProperty(validatedFactory, 'type', {
-	          enumerable: false,
-	          get: function () {
-	            process.env.NODE_ENV !== 'production' ? warning(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.') : undefined;
-	            Object.defineProperty(this, 'type', {
-	              value: type
-	            });
-	            return type;
-	          }
-	        });
-	      }
-	    }
+	var ReactNodeTypes = __webpack_require__(124);
 
-	    return validatedFactory;
-	  },
+	function getHostComponentFromComposite(inst) {
+	  var type;
 
-	  cloneElement: function (element, props, children) {
-	    var newElement = ReactElement.cloneElement.apply(this, arguments);
-	    for (var i = 2; i < arguments.length; i++) {
-	      validateChildKeys(arguments[i], newElement.type);
-	    }
-	    validatePropTypes(newElement);
-	    return newElement;
+	  while ((type = inst._renderedNodeType) === ReactNodeTypes.COMPOSITE) {
+	    inst = inst._renderedComponent;
 	  }
 
-	};
+	  if (type === ReactNodeTypes.HOST) {
+	    return inst._renderedComponent;
+	  } else if (type === ReactNodeTypes.EMPTY) {
+	    return null;
+	  }
+	}
 
-	module.exports = ReactElementValidator;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	module.exports = getHostComponentFromComposite;
 
-/***/ },
-/* 155 */
-/***/ function(module, exports) {
+/***/ }),
+/* 178 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule mapObject
 	 */
 
 	'use strict';
 
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	var ReactMount = __webpack_require__(170);
 
-	/**
-	 * Executes the provided `callback` once for each enumerable own property in the
-	 * object and constructs a new object from the results. The `callback` is
-	 * invoked with three arguments:
-	 *
-	 *  - the property value
-	 *  - the property name
-	 *  - the object being traversed
-	 *
-	 * Properties that are added after the call to `mapObject` will not be visited
-	 * by `callback`. If the values of existing properties are changed, the value
-	 * passed to `callback` will be the value at the time `mapObject` visits them.
-	 * Properties that are deleted before being visited are not visited.
+	module.exports = ReactMount.renderSubtreeIntoContainer;
+
+/***/ }),
+/* 179 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
 	 *
-	 * @grep function objectMap()
-	 * @grep function objMap()
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @param {?object} object
-	 * @param {function} callback
-	 * @param {*} context
-	 * @return {?object}
 	 */
-	function mapObject(object, callback, context) {
-	  if (!object) {
-	    return null;
-	  }
-	  var result = {};
-	  for (var name in object) {
-	    if (hasOwnProperty.call(object, name)) {
-	      result[name] = callback.call(context, object[name], name, object);
+
+	'use strict';
+
+	var DOMProperty = __webpack_require__(40);
+	var EventPluginRegistry = __webpack_require__(47);
+	var ReactComponentTreeHook = __webpack_require__(26);
+
+	var warning = __webpack_require__(11);
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var reactProps = {
+	    children: true,
+	    dangerouslySetInnerHTML: true,
+	    key: true,
+	    ref: true,
+
+	    autoFocus: true,
+	    defaultValue: true,
+	    valueLink: true,
+	    defaultChecked: true,
+	    checkedLink: true,
+	    innerHTML: true,
+	    suppressContentEditableWarning: true,
+	    onFocusIn: true,
+	    onFocusOut: true
+	  };
+	  var warnedProperties = {};
+
+	  var validateProperty = function (tagName, name, debugID) {
+	    if (DOMProperty.properties.hasOwnProperty(name) || DOMProperty.isCustomAttribute(name)) {
+	      return true;
+	    }
+	    if (reactProps.hasOwnProperty(name) && reactProps[name] || warnedProperties.hasOwnProperty(name) && warnedProperties[name]) {
+	      return true;
+	    }
+	    if (EventPluginRegistry.registrationNameModules.hasOwnProperty(name)) {
+	      return true;
+	    }
+	    warnedProperties[name] = true;
+	    var lowerCasedName = name.toLowerCase();
+
+	    // data-* attributes should be lowercase; suggest the lowercase version
+	    var standardName = DOMProperty.isCustomAttribute(lowerCasedName) ? lowerCasedName : DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ? DOMProperty.getPossibleStandardName[lowerCasedName] : null;
+
+	    var registrationName = EventPluginRegistry.possibleRegistrationNames.hasOwnProperty(lowerCasedName) ? EventPluginRegistry.possibleRegistrationNames[lowerCasedName] : null;
+
+	    if (standardName != null) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Unknown DOM property %s. Did you mean %s?%s', name, standardName, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	      return true;
+	    } else if (registrationName != null) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Unknown event handler property %s. Did you mean `%s`?%s', name, registrationName, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	      return true;
+	    } else {
+	      // We were unable to guess which prop the user intended.
+	      // It is likely that the user was just blindly spreading/forwarding props
+	      // Components should be careful to only render valid props/attributes.
+	      // Warning will be invoked in warnUnknownProperties to allow grouping.
+	      return false;
+	    }
+	  };
+	}
+
+	var warnUnknownProperties = function (debugID, element) {
+	  var unknownProps = [];
+	  for (var key in element.props) {
+	    var isValid = validateProperty(element.type, key, debugID);
+	    if (!isValid) {
+	      unknownProps.push(key);
 	    }
 	  }
-	  return result;
+
+	  var unknownPropString = unknownProps.map(function (prop) {
+	    return '`' + prop + '`';
+	  }).join(', ');
+
+	  if (unknownProps.length === 1) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unknown prop %s on <%s> tag. Remove this prop from the element. ' + 'For details, see https://fb.me/react-unknown-prop%s', unknownPropString, element.type, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	  } else if (unknownProps.length > 1) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Unknown props %s on <%s> tag. Remove these props from the element. ' + 'For details, see https://fb.me/react-unknown-prop%s', unknownPropString, element.type, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	  }
+	};
+
+	function handleElement(debugID, element) {
+	  if (element == null || typeof element.type !== 'string') {
+	    return;
+	  }
+	  if (element.type.indexOf('-') >= 0 || element.props.is) {
+	    return;
+	  }
+	  warnUnknownProperties(debugID, element);
 	}
 
-	module.exports = mapObject;
+	var ReactDOMUnknownPropertyHook = {
+	  onBeforeMountComponent: function (debugID, element) {
+	    handleElement(debugID, element);
+	  },
+	  onBeforeUpdateComponent: function (debugID, element) {
+	    handleElement(debugID, element);
+	  }
+	};
+
+	module.exports = ReactDOMUnknownPropertyHook;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
 
-/***/ },
-/* 156 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 180 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule onlyChild
 	 */
+
 	'use strict';
 
-	var ReactElement = __webpack_require__(42);
+	var ReactComponentTreeHook = __webpack_require__(26);
 
-	var invariant = __webpack_require__(13);
+	var warning = __webpack_require__(11);
 
-	/**
-	 * Returns the first child in a collection of children and verifies that there
-	 * is only one child in the collection. The current implementation of this
-	 * function assumes that a single child gets passed without a wrapper, but the
-	 * purpose of this helper function is to abstract away the particular structure
-	 * of children.
-	 *
-	 * @param {?object} children Child collection structure.
-	 * @return {ReactComponent} The first and only `ReactComponent` contained in the
-	 * structure.
-	 */
-	function onlyChild(children) {
-	  !ReactElement.isValidElement(children) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'onlyChild must be passed a children with exactly one child.') : invariant(false) : undefined;
-	  return children;
+	var didWarnValueNull = false;
+
+	function handleElement(debugID, element) {
+	  if (element == null) {
+	    return;
+	  }
+	  if (element.type !== 'input' && element.type !== 'textarea' && element.type !== 'select') {
+	    return;
+	  }
+	  if (element.props != null && element.props.value === null && !didWarnValueNull) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, '`value` prop on `%s` should not be null. ' + 'Consider using the empty string to clear the component or `undefined` ' + 'for uncontrolled components.%s', element.type, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+
+	    didWarnValueNull = true;
+	  }
 	}
 
-	module.exports = onlyChild;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	var ReactDOMNullInputValuePropHook = {
+	  onBeforeMountComponent: function (debugID, element) {
+	    handleElement(debugID, element);
+	  },
+	  onBeforeUpdateComponent: function (debugID, element) {
+	    handleElement(debugID, element);
+	  }
+	};
 
-/***/ },
-/* 157 */
-/***/ function(module, exports, __webpack_require__) {
+	module.exports = ReactDOMNullInputValuePropHook;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 181 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright 2013-2015, Facebook, Inc.
+	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
 	 *
 	 * This source code is licensed under the BSD-style license found in the
 	 * LICENSE file in the root directory of this source tree. An additional grant
 	 * of patent rights can be found in the PATENTS file in the same directory.
 	 *
-	 * @providesModule deprecated
 	 */
 
 	'use strict';
 
-	var assign = __webpack_require__(39);
-	var warning = __webpack_require__(25);
+	var DOMProperty = __webpack_require__(40);
+	var ReactComponentTreeHook = __webpack_require__(26);
 
-	/**
-	 * This will log a single deprecation notice per function and forward the call
-	 * on to the new API.
-	 *
-	 * @param {string} fnName The name of the function
-	 * @param {string} newModule The module that fn will exist in
-	 * @param {string} newPackage The module that fn will exist in
-	 * @param {*} ctx The context this forwarded call should run in
-	 * @param {function} fn The function to forward on to
-	 * @return {function} The function that will warn once and then call fn
-	 */
-	function deprecated(fnName, newModule, newPackage, ctx, fn) {
-	  var warned = false;
-	  if (process.env.NODE_ENV !== 'production') {
-	    var newFn = function () {
-	      process.env.NODE_ENV !== 'production' ? warning(warned,
-	      // Require examples in this string must be split to prevent React's
-	      // build tools from mistaking them for real requires.
-	      // Otherwise the build tools will attempt to build a '%s' module.
-	      'React.%s is deprecated. Please use %s.%s from require' + '(\'%s\') ' + 'instead.', fnName, newModule, fnName, newPackage) : undefined;
-	      warned = true;
-	      return fn.apply(ctx, arguments);
-	    };
-	    // We need to make sure all properties of the original fn are copied over.
-	    // In particular, this is needed to support PropTypes
-	    return assign(newFn, fn);
+	var warning = __webpack_require__(11);
+
+	var warnedProperties = {};
+	var rARIA = new RegExp('^(aria)-[' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$');
+
+	function validateProperty(tagName, name, debugID) {
+	  if (warnedProperties.hasOwnProperty(name) && warnedProperties[name]) {
+	    return true;
 	  }
 
-	  return fn;
+	  if (rARIA.test(name)) {
+	    var lowerCasedName = name.toLowerCase();
+	    var standardName = DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ? DOMProperty.getPossibleStandardName[lowerCasedName] : null;
+
+	    // If this is an aria-* attribute, but is not listed in the known DOM
+	    // DOM properties, then it is an invalid aria-* attribute.
+	    if (standardName == null) {
+	      warnedProperties[name] = true;
+	      return false;
+	    }
+	    // aria-* attributes should be lowercase; suggest the lowercase version.
+	    if (name !== standardName) {
+	      process.env.NODE_ENV !== 'production' ? warning(false, 'Unknown ARIA attribute %s. Did you mean %s?%s', name, standardName, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	      warnedProperties[name] = true;
+	      return true;
+	    }
+	  }
+
+	  return true;
 	}
 
-	module.exports = deprecated;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+	function warnInvalidARIAProps(debugID, element) {
+	  var invalidProps = [];
 
-/***/ },
-/* 158 */
-/***/ function(module, exports, __webpack_require__) {
+	  for (var key in element.props) {
+	    var isValid = validateProperty(element.type, key, debugID);
+	    if (!isValid) {
+	      invalidProps.push(key);
+	    }
+	  }
 
-	'use strict';
+	  var unknownPropString = invalidProps.map(function (prop) {
+	    return '`' + prop + '`';
+	  }).join(', ');
+
+	  if (invalidProps.length === 1) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid aria prop %s on <%s> tag. ' + 'For details, see https://fb.me/invalid-aria-prop%s', unknownPropString, element.type, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	  } else if (invalidProps.length > 1) {
+	    process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid aria props %s on <%s> tag. ' + 'For details, see https://fb.me/invalid-aria-prop%s', unknownPropString, element.type, ReactComponentTreeHook.getStackAddendumByID(debugID)) : void 0;
+	  }
+	}
 
-	module.exports = __webpack_require__(3);
+	function handleElement(debugID, element) {
+	  if (element == null || typeof element.type !== 'string') {
+	    return;
+	  }
+	  if (element.type.indexOf('-') >= 0 || element.props.is) {
+	    return;
+	  }
 
+	  warnInvalidARIAProps(debugID, element);
+	}
 
-/***/ },
-/* 159 */
-/***/ function(module, exports, __webpack_require__) {
+	var ReactDOMInvalidARIAHook = {
+	  onBeforeMountComponent: function (debugID, element) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      handleElement(debugID, element);
+	    }
+	  },
+	  onBeforeUpdateComponent: function (debugID, element) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      handleElement(debugID, element);
+	    }
+	  }
+	};
+
+	module.exports = ReactDOMInvalidARIAHook;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
+
+/***/ }),
+/* 182 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	var React = __webpack_require__(1);
-	var ReactDOM = __webpack_require__(158);
-	var SimpleMDEReact = __webpack_require__(160);
-	var Editor = __webpack_require__(183);
+	var ReactDOM = __webpack_require__(36);
+	var SimpleMDEReact = __webpack_require__(183);
+	var Editor = __webpack_require__(207);
 
 	let counter = 1;
 
@@ -19843,13 +21879,13 @@
 	  }
 	});
 
-/***/ },
-/* 160 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 183 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	const React = __webpack_require__(1);
-	const generateId = __webpack_require__(161);
-	const NOOP = __webpack_require__(162);
+	const generateId = __webpack_require__(184);
+	const NOOP = __webpack_require__(185);
 
 	module.exports = React.createClass({
 	  displayName: 'exports',
@@ -19884,7 +21920,7 @@
 	  },
 
 	  componentWillReceiveProps: function (nextProps) {
-	    if (!this.state.keyChange) {
+	    if (!this.state.keyChange && nextProps.value !== this.simplemde.value()) {
 	      this.simplemde.value(nextProps.value);
 	    }
 
@@ -19898,10 +21934,21 @@
 	  },
 
 	  createEditor: function () {
-	    const SimpleMDE = __webpack_require__(163);
+	    const SimpleMDE = __webpack_require__(186);
 	    const initialOptions = {
 	      element: document.getElementById(this.id),
-	      initialValue: this.props.value
+	      initialValue: this.props.value,
+	      autoSuggest: {
+	        mode: 'markdown',
+	        triggers: {
+	          '@': function (stringToTest) {
+	            return [];
+	          },
+	          '#': function (stringToTest) {
+	            return [{ text: 'Two Sum ', displayText: 'Two Sum' }, { text: '3Sum ', displayText: '3Sum' }, { text: '4Sum ', displayText: '4Sum' }];
+	          }
+	        }
+	      }
 	    };
 
 	    const allOptions = Object.assign({}, initialOptions, this.props.options);
@@ -19938,47 +21985,132 @@
 	    }
 	  },
 
-	  render: function () {
-	    const textarea = React.createElement('textarea', { id: this.id });
-	    const label = this.props.label ? React.createElement('label', { htmlFor: this.id }, [this.props.label]) : false;
-	    return React.createElement('div', { id: `${this.id}-wrapper`, className: this.props.className }, [label, textarea]);
-	  }
-	});
+	  render: function () {
+	    const textarea = React.createElement('textarea', { id: this.id });
+	    const label = this.props.label ? React.createElement('label', { htmlFor: this.id }, [this.props.label]) : false;
+	    return React.createElement('div', { id: `${this.id}-wrapper`, className: this.props.className }, [label, textarea]);
+	  }
+	});
+
+/***/ }),
+/* 184 */
+/***/ (function(module, exports) {
+
+	let _id = 0;
+
+	module.exports = function generateId() {
+	  return `simplepostmd-editor-${++_id}`;
+	};
+
+/***/ }),
+/* 185 */
+/***/ (function(module, exports) {
+
+	module.exports = function () {};
+
+/***/ }),
+/* 186 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* eslint-disable no-useless-escape */
+	/*global require,module*/
+	"use strict";
+	var CodeMirror = __webpack_require__(187);
+	__webpack_require__(188);
+	__webpack_require__(189);
+	__webpack_require__(190);
+	__webpack_require__(191);
+	__webpack_require__(194);
+	__webpack_require__(195);
+	__webpack_require__(196);
+	__webpack_require__(197);
+	__webpack_require__(198);
+	__webpack_require__(192);
+	var CodeMirrorSpellChecker = __webpack_require__(199);
+	var marked = __webpack_require__(206);
+
+
+	var currentEditorHelperHint;
+
+	CodeMirror.defineOption("autoSuggest", [], function(cm, autoSuggestOptions) {
+		cm.on("inputRead", function(cm, change) {
+			var mode = cm.getModeAt(cm.getCursor());
+
+			var currentTrigger = undefined;
+			for(var trigger in autoSuggestOptions.triggers) {
+				if(trigger === change.text[0]) {
+					currentTrigger = trigger;
+				}
+			}
+
+			var forEachHint = function(action) {
+				var hintsElement = document.querySelector(".CodeMirror-hints");
+				if(hintsElement) {
+					var hints = hintsElement.querySelectorAll(".CodeMirror-hint");
+					for(var i = 0; i < hints.length; i++) {
+						var hint = hints[i];
+						console.log(hint);
+						action(hint);
+					}
+				}
+			};
+
+			var setHintActive = function(event) {
+				forEachHint(function(hint) {
+					hint.classList.remove("CodeMirror-hint-active");
+				});
+				event.target.classList.add("CodeMirror-hint-active");
+			};
+
+			forEachHint(function(hint) {
+				console.log(hint);
+				hint.removeEventListener("mouseenter", setHintActive);
+			});
+
+			if(mode.name === autoSuggestOptions.mode && currentTrigger) {
 
-/***/ },
-/* 161 */
-/***/ function(module, exports) {
+				currentEditorHelperHint = autoSuggestOptions;
+				currentEditorHelperHint.startChar = change.text[0];
 
-	let _id = 0;
+				cm.showHint({
+					completeSingle: false,
+					closeCharacters: /[\v()\[\]{};:>,]/,
+					className: "hints",
+					hint: function(cm) {
+						var cur = cm.getCursor(),
+							token = cm.getTokenAt(cur);
+						var start = token.start + 1,
+							end = token.end;
 
-	module.exports = function generateId() {
-	  return `simplepostmd-editor-${++_id}`;
-	};
+						var line = cm.getCursor().line,
+							lineToStarChar = cm.getLine(line).substring(0, start),
+							charBeforeStarChar = lineToStarChar.substring(cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar) - 1, cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar)),
+							stringToTest = lineToStarChar.substring(cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar), start);
 
-/***/ },
-/* 162 */
-/***/ function(module, exports) {
+						if(charBeforeStarChar != " " && charBeforeStarChar != "") {
+							return false;
+						}
 
-	module.exports = function () {};
+						var callbackResult = currentEditorHelperHint.triggers[currentTrigger](stringToTest);
 
-/***/ },
-/* 163 */
-/***/ function(module, exports, __webpack_require__) {
+						if(callbackResult.length == 0) {
+							return false;
+						}
 
-	/*global require,module*/
-	"use strict";
-	var CodeMirror = __webpack_require__(164);
-	__webpack_require__(165);
-	__webpack_require__(166);
-	__webpack_require__(167);
-	__webpack_require__(168);
-	__webpack_require__(171);
-	__webpack_require__(172);
-	__webpack_require__(173);
-	__webpack_require__(174);
-	__webpack_require__(169);
-	var CodeMirrorSpellChecker = __webpack_require__(175);
-	var marked = __webpack_require__(182);
+						return {
+							list: callbackResult,
+							from: CodeMirror.Pos(cur.line, cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar)),
+							to: CodeMirror.Pos(cur.line, end)
+						};
+					}
+				});
+
+				forEachHint(function(hint) {
+					hint.addEventListener("mouseenter", setHintActive);
+				});
+			}
+		});
+	});
 
 
 	// Some variables
@@ -21294,6 +23426,12 @@
 			}
 		}
 
+		// Add custom toolbar actions
+		if(options.additionalToolbarButtons !== undefined) {
+			for(var index in options.additionalToolbarButtons) {
+				options.toolbar.push(options.additionalToolbarButtons[index]);
+			}
+		}
 
 		// Handle status bar
 		if(!options.hasOwnProperty("status")) {
@@ -21459,7 +23597,8 @@
 			lineWrapping: (options.lineWrapping === false) ? false : true,
 			allowDropFileTypes: ["text/plain"],
 			placeholder: options.placeholder || el.getAttribute("placeholder") || "",
-			styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true
+			styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true,
+			autoSuggest: (options.autoSuggest != undefined) ? options.autoSuggest : null,
 		});
 
 		if(options.forceSync === true) {
@@ -21653,11 +23792,9 @@
 			// Don't include trailing separators
 			if(items[i] === "|") {
 				var nonSeparatorIconsFollow = false;
-
-				for(var x = (i + 1); x < items.length; x++) {
-					if(items[x] !== "|" && (!self.options.hideIcons || self.options.hideIcons.indexOf(items[x].name) == -1)) {
-						nonSeparatorIconsFollow = true;
-					}
+				var x = Math.min(i + 1, items.length - 1);
+				if(items[x] !== "|" && (!self.options.hideIcons || self.options.hideIcons.indexOf(items[x].name) == -1)) {
+					nonSeparatorIconsFollow = true;
 				}
 
 				if(!nonSeparatorIconsFollow)
@@ -21994,9 +24131,9 @@
 
 	module.exports = SimpleMDE;
 
-/***/ },
-/* 164 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 187 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
@@ -22008,57 +24145,59 @@
 	// at http://marijnhaverbeke.nl/blog/#cm-internals .
 
 	(function (global, factory) {
-	   true ? module.exports = factory() :
-	  typeof define === 'function' && define.amd ? define(factory) :
-	  (global.CodeMirror = factory());
+		 true ? module.exports = factory() :
+		typeof define === 'function' && define.amd ? define(factory) :
+		(global.CodeMirror = factory());
 	}(this, (function () { 'use strict';
 
 	// Kludges for bugs and behavior differences that can't be feature
 	// detected are enabled based on userAgent etc sniffing.
-	var userAgent = navigator.userAgent
-	var platform = navigator.platform
-
-	var gecko = /gecko\/\d/i.test(userAgent)
-	var ie_upto10 = /MSIE \d/.test(userAgent)
-	var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(userAgent)
-	var ie = ie_upto10 || ie_11up
-	var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : ie_11up[1])
-	var webkit = /WebKit\//.test(userAgent)
-	var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(userAgent)
-	var chrome = /Chrome\//.test(userAgent)
-	var presto = /Opera\//.test(userAgent)
-	var safari = /Apple Computer/.test(navigator.vendor)
-	var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(userAgent)
-	var phantom = /PhantomJS/.test(userAgent)
-
-	var ios = /AppleWebKit/.test(userAgent) && /Mobile\/\w+/.test(userAgent)
+	var userAgent = navigator.userAgent;
+	var platform = navigator.platform;
+
+	var gecko = /gecko\/\d/i.test(userAgent);
+	var ie_upto10 = /MSIE \d/.test(userAgent);
+	var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(userAgent);
+	var edge = /Edge\/(\d+)/.exec(userAgent);
+	var ie = ie_upto10 || ie_11up || edge;
+	var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : +(edge || ie_11up)[1]);
+	var webkit = !edge && /WebKit\//.test(userAgent);
+	var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(userAgent);
+	var chrome = !edge && /Chrome\//.test(userAgent);
+	var presto = /Opera\//.test(userAgent);
+	var safari = /Apple Computer/.test(navigator.vendor);
+	var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(userAgent);
+	var phantom = /PhantomJS/.test(userAgent);
+
+	var ios = !edge && /AppleWebKit/.test(userAgent) && /Mobile\/\w+/.test(userAgent);
+	var android = /Android/.test(userAgent);
 	// This is woefully incomplete. Suggestions for alternative methods welcome.
-	var mobile = ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent)
-	var mac = ios || /Mac/.test(platform)
-	var chromeOS = /\bCrOS\b/.test(userAgent)
-	var windows = /win/i.test(platform)
-
-	var presto_version = presto && userAgent.match(/Version\/(\d*\.\d*)/)
-	if (presto_version) { presto_version = Number(presto_version[1]) }
-	if (presto_version && presto_version >= 15) { presto = false; webkit = true }
+	var mobile = ios || android || /webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent);
+	var mac = ios || /Mac/.test(platform);
+	var chromeOS = /\bCrOS\b/.test(userAgent);
+	var windows = /win/i.test(platform);
+
+	var presto_version = presto && userAgent.match(/Version\/(\d*\.\d*)/);
+	if (presto_version) { presto_version = Number(presto_version[1]); }
+	if (presto_version && presto_version >= 15) { presto = false; webkit = true; }
 	// Some browsers use the wrong event properties to signal cmd/ctrl on OS X
-	var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11))
-	var captureRightClick = gecko || (ie && ie_version >= 9)
+	var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11));
+	var captureRightClick = gecko || (ie && ie_version >= 9);
 
 	function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*") }
 
 	var rmClass = function(node, cls) {
-	  var current = node.className
-	  var match = classTest(cls).exec(current)
+	  var current = node.className;
+	  var match = classTest(cls).exec(current);
 	  if (match) {
-	    var after = current.slice(match.index + match[0].length)
-	    node.className = current.slice(0, match.index) + (after ? match[1] + after : "")
+	    var after = current.slice(match.index + match[0].length);
+	    node.className = current.slice(0, match.index) + (after ? match[1] + after : "");
 	  }
-	}
+	};
 
 	function removeChildren(e) {
 	  for (var count = e.childNodes.length; count > 0; --count)
-	    { e.removeChild(e.firstChild) }
+	    { e.removeChild(e.firstChild); }
 	  return e
 	}
 
@@ -22067,38 +24206,44 @@
 	}
 
 	function elt(tag, content, className, style) {
-	  var e = document.createElement(tag)
-	  if (className) { e.className = className }
-	  if (style) { e.style.cssText = style }
-	  if (typeof content == "string") { e.appendChild(document.createTextNode(content)) }
-	  else if (content) { for (var i = 0; i < content.length; ++i) { e.appendChild(content[i]) } }
+	  var e = document.createElement(tag);
+	  if (className) { e.className = className; }
+	  if (style) { e.style.cssText = style; }
+	  if (typeof content == "string") { e.appendChild(document.createTextNode(content)); }
+	  else if (content) { for (var i = 0; i < content.length; ++i) { e.appendChild(content[i]); } }
+	  return e
+	}
+	// wrapper for elt, which removes the elt from the accessibility tree
+	function eltP(tag, content, className, style) {
+	  var e = elt(tag, content, className, style);
+	  e.setAttribute("role", "presentation");
 	  return e
 	}
 
-	var range
+	var range;
 	if (document.createRange) { range = function(node, start, end, endNode) {
-	  var r = document.createRange()
-	  r.setEnd(endNode || node, end)
-	  r.setStart(node, start)
+	  var r = document.createRange();
+	  r.setEnd(endNode || node, end);
+	  r.setStart(node, start);
 	  return r
-	} }
+	}; }
 	else { range = function(node, start, end) {
-	  var r = document.body.createTextRange()
-	  try { r.moveToElementText(node.parentNode) }
+	  var r = document.body.createTextRange();
+	  try { r.moveToElementText(node.parentNode); }
 	  catch(e) { return r }
-	  r.collapse(true)
-	  r.moveEnd("character", end)
-	  r.moveStart("character", start)
+	  r.collapse(true);
+	  r.moveEnd("character", end);
+	  r.moveStart("character", start);
 	  return r
-	} }
+	}; }
 
 	function contains(parent, child) {
 	  if (child.nodeType == 3) // Android browser always returns false when child is a textnode
-	    { child = child.parentNode }
+	    { child = child.parentNode; }
 	  if (parent.contains)
 	    { return parent.contains(child) }
 	  do {
-	    if (child.nodeType == 11) { child = child.host }
+	    if (child.nodeType == 11) { child = child.host; }
 	    if (child == parent) { return true }
 	  } while (child = child.parentNode)
 	}
@@ -22107,44 +24252,44 @@
 	  // IE and Edge may throw an "Unspecified Error" when accessing document.activeElement.
 	  // IE < 10 will throw when accessed while the page is loading or in an iframe.
 	  // IE > 9 and Edge will throw when accessed in an iframe if document.body is unavailable.
-	  var activeElement
+	  var activeElement;
 	  try {
-	    activeElement = document.activeElement
+	    activeElement = document.activeElement;
 	  } catch(e) {
-	    activeElement = document.body || null
+	    activeElement = document.body || null;
 	  }
-	  while (activeElement && activeElement.root && activeElement.root.activeElement)
-	    { activeElement = activeElement.root.activeElement }
+	  while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)
+	    { activeElement = activeElement.shadowRoot.activeElement; }
 	  return activeElement
 	}
 
 	function addClass(node, cls) {
-	  var current = node.className
-	  if (!classTest(cls).test(current)) { node.className += (current ? " " : "") + cls }
+	  var current = node.className;
+	  if (!classTest(cls).test(current)) { node.className += (current ? " " : "") + cls; }
 	}
 	function joinClasses(a, b) {
-	  var as = a.split(" ")
+	  var as = a.split(" ");
 	  for (var i = 0; i < as.length; i++)
-	    { if (as[i] && !classTest(as[i]).test(b)) { b += " " + as[i] } }
+	    { if (as[i] && !classTest(as[i]).test(b)) { b += " " + as[i]; } }
 	  return b
 	}
 
-	var selectInput = function(node) { node.select() }
+	var selectInput = function(node) { node.select(); };
 	if (ios) // Mobile Safari apparently has a bug where select() is broken.
-	  { selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length } }
+	  { selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; }; }
 	else if (ie) // Suppress mysterious IE10 errors
-	  { selectInput = function(node) { try { node.select() } catch(_e) {} } }
+	  { selectInput = function(node) { try { node.select(); } catch(_e) {} }; }
 
 	function bind(f) {
-	  var args = Array.prototype.slice.call(arguments, 1)
+	  var args = Array.prototype.slice.call(arguments, 1);
 	  return function(){return f.apply(null, args)}
 	}
 
 	function copyObj(obj, target, overwrite) {
-	  if (!target) { target = {} }
+	  if (!target) { target = {}; }
 	  for (var prop in obj)
 	    { if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop)))
-	      { target[prop] = obj[prop] } }
+	      { target[prop] = obj[prop]; } }
 	  return target
 	}
 
@@ -22152,24 +24297,24 @@
 	// Used mostly to find indentation.
 	function countColumn(string, end, tabSize, startIndex, startValue) {
 	  if (end == null) {
-	    end = string.search(/[^\s\u00a0]/)
-	    if (end == -1) { end = string.length }
+	    end = string.search(/[^\s\u00a0]/);
+	    if (end == -1) { end = string.length; }
 	  }
 	  for (var i = startIndex || 0, n = startValue || 0;;) {
-	    var nextTab = string.indexOf("\t", i)
+	    var nextTab = string.indexOf("\t", i);
 	    if (nextTab < 0 || nextTab >= end)
 	      { return n + (end - i) }
-	    n += nextTab - i
-	    n += tabSize - (n % tabSize)
-	    i = nextTab + 1
+	    n += nextTab - i;
+	    n += tabSize - (n % tabSize);
+	    i = nextTab + 1;
 	  }
 	}
 
-	function Delayed() {this.id = null}
-	Delayed.prototype.set = function(ms, f) {
-	  clearTimeout(this.id)
-	  this.id = setTimeout(f, ms)
-	}
+	var Delayed = function() {this.id = null;};
+	Delayed.prototype.set = function (ms, f) {
+	  clearTimeout(this.id);
+	  this.id = setTimeout(f, ms);
+	};
 
 	function indexOf(array, elt) {
 	  for (var i = 0; i < array.length; ++i)
@@ -22178,68 +24323,69 @@
 	}
 
 	// Number of pixels added to scroller and sizer to hide scrollbar
-	var scrollerGap = 30
+	var scrollerGap = 30;
 
 	// Returned or thrown by various protocols to signal 'I'm not
 	// handling this'.
-	var Pass = {toString: function(){return "CodeMirror.Pass"}}
+	var Pass = {toString: function(){return "CodeMirror.Pass"}};
 
 	// Reused option objects for setSelection & friends
 	var sel_dontScroll = {scroll: false};
 	var sel_mouse = {origin: "*mouse"};
 	var sel_move = {origin: "+move"};
+
 	// The inverse of countColumn -- find the offset that corresponds to
 	// a particular column.
 	function findColumn(string, goal, tabSize) {
 	  for (var pos = 0, col = 0;;) {
-	    var nextTab = string.indexOf("\t", pos)
-	    if (nextTab == -1) { nextTab = string.length }
-	    var skipped = nextTab - pos
+	    var nextTab = string.indexOf("\t", pos);
+	    if (nextTab == -1) { nextTab = string.length; }
+	    var skipped = nextTab - pos;
 	    if (nextTab == string.length || col + skipped >= goal)
 	      { return pos + Math.min(skipped, goal - col) }
-	    col += nextTab - pos
-	    col += tabSize - (col % tabSize)
-	    pos = nextTab + 1
+	    col += nextTab - pos;
+	    col += tabSize - (col % tabSize);
+	    pos = nextTab + 1;
 	    if (col >= goal) { return pos }
 	  }
 	}
 
-	var spaceStrs = [""]
+	var spaceStrs = [""];
 	function spaceStr(n) {
 	  while (spaceStrs.length <= n)
-	    { spaceStrs.push(lst(spaceStrs) + " ") }
+	    { spaceStrs.push(lst(spaceStrs) + " "); }
 	  return spaceStrs[n]
 	}
 
 	function lst(arr) { return arr[arr.length-1] }
 
 	function map(array, f) {
-	  var out = []
-	  for (var i = 0; i < array.length; i++) { out[i] = f(array[i], i) }
+	  var out = [];
+	  for (var i = 0; i < array.length; i++) { out[i] = f(array[i], i); }
 	  return out
 	}
 
 	function insertSorted(array, value, score) {
-	  var pos = 0, priority = score(value)
-	  while (pos < array.length && score(array[pos]) <= priority) { pos++ }
-	  array.splice(pos, 0, value)
+	  var pos = 0, priority = score(value);
+	  while (pos < array.length && score(array[pos]) <= priority) { pos++; }
+	  array.splice(pos, 0, value);
 	}
 
 	function nothing() {}
 
 	function createObj(base, props) {
-	  var inst
+	  var inst;
 	  if (Object.create) {
-	    inst = Object.create(base)
+	    inst = Object.create(base);
 	  } else {
-	    nothing.prototype = base
-	    inst = new nothing()
+	    nothing.prototype = base;
+	    inst = new nothing();
 	  }
-	  if (props) { copyObj(props, inst) }
+	  if (props) { copyObj(props, inst); }
 	  return inst
 	}
 
-	var nonASCIISingleCaseWordChar = /[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/
+	var nonASCIISingleCaseWordChar = /[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;
 	function isWordCharBasic(ch) {
 	  return /\w/.test(ch) || ch > "\x80" &&
 	    (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch))
@@ -22260,121 +24406,144 @@
 	// as editing and measuring is concerned. This is not fully correct,
 	// since some scripts/fonts/browsers also treat other configurations
 	// of code points as a group.
-	var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/
+	var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/;
 	function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch) }
 
+	// Returns a number from the range [`0`; `str.length`] unless `pos` is outside that range.
+	function skipExtendingChars(str, pos, dir) {
+	  while ((dir < 0 ? pos > 0 : pos < str.length) && isExtendingChar(str.charAt(pos))) { pos += dir; }
+	  return pos
+	}
+
+	// Returns the value from the range [`from`; `to`] that satisfies
+	// `pred` and is closest to `from`. Assumes that at least `to`
+	// satisfies `pred`. Supports `from` being greater than `to`.
+	function findFirst(pred, from, to) {
+	  // At any point we are certain `to` satisfies `pred`, don't know
+	  // whether `from` does.
+	  var dir = from > to ? -1 : 1;
+	  for (;;) {
+	    if (from == to) { return from }
+	    var midF = (from + to) / 2, mid = dir < 0 ? Math.ceil(midF) : Math.floor(midF);
+	    if (mid == from) { return pred(mid) ? from : to }
+	    if (pred(mid)) { to = mid; }
+	    else { from = mid + dir; }
+	  }
+	}
+
 	// The display handles the DOM integration, both for input reading
 	// and content drawing. It holds references to DOM nodes and
 	// display-related state.
 
 	function Display(place, doc, input) {
-	  var d = this
-	  this.input = input
+	  var d = this;
+	  this.input = input;
 
 	  // Covers bottom-right square when both scrollbars are present.
-	  d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler")
-	  d.scrollbarFiller.setAttribute("cm-not-content", "true")
+	  d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler");
+	  d.scrollbarFiller.setAttribute("cm-not-content", "true");
 	  // Covers bottom of gutter when coverGutterNextToScrollbar is on
 	  // and h scrollbar is present.
-	  d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler")
-	  d.gutterFiller.setAttribute("cm-not-content", "true")
+	  d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler");
+	  d.gutterFiller.setAttribute("cm-not-content", "true");
 	  // Will contain the actual code, positioned to cover the viewport.
-	  d.lineDiv = elt("div", null, "CodeMirror-code")
+	  d.lineDiv = eltP("div", null, "CodeMirror-code");
 	  // Elements are added to these to represent selection and cursors.
-	  d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1")
-	  d.cursorDiv = elt("div", null, "CodeMirror-cursors")
+	  d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1");
+	  d.cursorDiv = elt("div", null, "CodeMirror-cursors");
 	  // A visibility: hidden element used to find the size of things.
-	  d.measure = elt("div", null, "CodeMirror-measure")
+	  d.measure = elt("div", null, "CodeMirror-measure");
 	  // When lines outside of the viewport are measured, they are drawn in this.
-	  d.lineMeasure = elt("div", null, "CodeMirror-measure")
+	  d.lineMeasure = elt("div", null, "CodeMirror-measure");
 	  // Wraps everything that needs to exist inside the vertically-padded coordinate system
-	  d.lineSpace = elt("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv],
-	                    null, "position: relative; outline: none")
+	  d.lineSpace = eltP("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv],
+	                    null, "position: relative; outline: none");
+	  var lines = eltP("div", [d.lineSpace], "CodeMirror-lines");
 	  // Moved around its parent to cover visible view.
-	  d.mover = elt("div", [elt("div", [d.lineSpace], "CodeMirror-lines")], null, "position: relative")
+	  d.mover = elt("div", [lines], null, "position: relative");
 	  // Set to the height of the document, allowing scrolling.
-	  d.sizer = elt("div", [d.mover], "CodeMirror-sizer")
-	  d.sizerWidth = null
+	  d.sizer = elt("div", [d.mover], "CodeMirror-sizer");
+	  d.sizerWidth = null;
 	  // Behavior of elts with overflow: auto and padding is
 	  // inconsistent across browsers. This is used to ensure the
 	  // scrollable area is big enough.
-	  d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerGap + "px; width: 1px;")
+	  d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerGap + "px; width: 1px;");
 	  // Will contain the gutters, if any.
-	  d.gutters = elt("div", null, "CodeMirror-gutters")
-	  d.lineGutter = null
+	  d.gutters = elt("div", null, "CodeMirror-gutters");
+	  d.lineGutter = null;
 	  // Actual scrollable element.
-	  d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll")
-	  d.scroller.setAttribute("tabIndex", "-1")
+	  d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll");
+	  d.scroller.setAttribute("tabIndex", "-1");
 	  // The element in which the editor lives.
-	  d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror")
+	  d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror");
 
 	  // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported)
-	  if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0 }
-	  if (!webkit && !(gecko && mobile)) { d.scroller.draggable = true }
+	  if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; }
+	  if (!webkit && !(gecko && mobile)) { d.scroller.draggable = true; }
 
 	  if (place) {
-	    if (place.appendChild) { place.appendChild(d.wrapper) }
-	    else { place(d.wrapper) }
+	    if (place.appendChild) { place.appendChild(d.wrapper); }
+	    else { place(d.wrapper); }
 	  }
 
 	  // Current rendered range (may be bigger than the view window).
-	  d.viewFrom = d.viewTo = doc.first
-	  d.reportedViewFrom = d.reportedViewTo = doc.first
+	  d.viewFrom = d.viewTo = doc.first;
+	  d.reportedViewFrom = d.reportedViewTo = doc.first;
 	  // Information about the rendered lines.
-	  d.view = []
-	  d.renderedView = null
+	  d.view = [];
+	  d.renderedView = null;
 	  // Holds info about a single rendered line when it was rendered
 	  // for measurement, while not in view.
-	  d.externalMeasured = null
+	  d.externalMeasured = null;
 	  // Empty space (in pixels) above the view
-	  d.viewOffset = 0
-	  d.lastWrapHeight = d.lastWrapWidth = 0
-	  d.updateLineNumbers = null
+	  d.viewOffset = 0;
+	  d.lastWrapHeight = d.lastWrapWidth = 0;
+	  d.updateLineNumbers = null;
 
-	  d.nativeBarWidth = d.barHeight = d.barWidth = 0
-	  d.scrollbarsClipped = false
+	  d.nativeBarWidth = d.barHeight = d.barWidth = 0;
+	  d.scrollbarsClipped = false;
 
 	  // Used to only resize the line number gutter when necessary (when
 	  // the amount of lines crosses a boundary that makes its width change)
-	  d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null
+	  d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null;
 	  // Set to true when a non-horizontal-scrolling line widget is
 	  // added. As an optimization, line widget aligning is skipped when
 	  // this is false.
-	  d.alignWidgets = false
+	  d.alignWidgets = false;
 
-	  d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null
+	  d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
 
 	  // Tracks the maximum line length so that the horizontal scrollbar
 	  // can be kept static when scrolling.
-	  d.maxLine = null
-	  d.maxLineLength = 0
-	  d.maxLineChanged = false
+	  d.maxLine = null;
+	  d.maxLineLength = 0;
+	  d.maxLineChanged = false;
 
 	  // Used for measuring wheel scrolling granularity
-	  d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null
+	  d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null;
 
 	  // True when shift is held down.
-	  d.shift = false
+	  d.shift = false;
 
 	  // Used to track whether anything happened since the context menu
 	  // was opened.
-	  d.selForContextMenu = null
+	  d.selForContextMenu = null;
 
-	  d.activeTouch = null
+	  d.activeTouch = null;
 
-	  input.init(d)
+	  input.init(d);
 	}
 
 	// Find the line object corresponding to the given line number.
 	function getLine(doc, n) {
-	  n -= doc.first
+	  n -= doc.first;
 	  if (n < 0 || n >= doc.size) { throw new Error("There is no line " + (n + doc.first) + " in the document.") }
-	  var chunk = doc
+	  var chunk = doc;
 	  while (!chunk.lines) {
 	    for (var i = 0;; ++i) {
-	      var child = chunk.children[i], sz = child.chunkSize()
+	      var child = chunk.children[i], sz = child.chunkSize();
 	      if (n < sz) { chunk = child; break }
-	      n -= sz
+	      n -= sz;
 	    }
 	  }
 	  return chunk.lines[n]
@@ -22383,39 +24552,39 @@
 	// Get the part of a document between two positions, as an array of
 	// strings.
 	function getBetween(doc, start, end) {
-	  var out = [], n = start.line
+	  var out = [], n = start.line;
 	  doc.iter(start.line, end.line + 1, function (line) {
-	    var text = line.text
-	    if (n == end.line) { text = text.slice(0, end.ch) }
-	    if (n == start.line) { text = text.slice(start.ch) }
-	    out.push(text)
-	    ++n
-	  })
+	    var text = line.text;
+	    if (n == end.line) { text = text.slice(0, end.ch); }
+	    if (n == start.line) { text = text.slice(start.ch); }
+	    out.push(text);
+	    ++n;
+	  });
 	  return out
 	}
 	// Get the lines between from and to, as array of strings.
 	function getLines(doc, from, to) {
-	  var out = []
-	  doc.iter(from, to, function (line) { out.push(line.text) }) // iter aborts when callback returns truthy value
+	  var out = [];
+	  doc.iter(from, to, function (line) { out.push(line.text); }); // iter aborts when callback returns truthy value
 	  return out
 	}
 
 	// Update the height of a line, propagating the height change
 	// upwards to parent nodes.
 	function updateLineHeight(line, height) {
-	  var diff = height - line.height
-	  if (diff) { for (var n = line; n; n = n.parent) { n.height += diff } }
+	  var diff = height - line.height;
+	  if (diff) { for (var n = line; n; n = n.parent) { n.height += diff; } }
 	}
 
 	// Given a line object, find its line number by walking up through
 	// its parent links.
 	function lineNo(line) {
 	  if (line.parent == null) { return null }
-	  var cur = line.parent, no = indexOf(cur.lines, line)
+	  var cur = line.parent, no = indexOf(cur.lines, line);
 	  for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {
 	    for (var i = 0;; ++i) {
 	      if (chunk.children[i] == cur) { break }
-	      no += chunk.children[i].chunkSize()
+	      no += chunk.children[i].chunkSize();
 	    }
 	  }
 	  return no + cur.first
@@ -22424,21 +24593,21 @@
 	// Find the line at the given vertical position, using the height
 	// information in the document tree.
 	function lineAtHeight(chunk, h) {
-	  var n = chunk.first
+	  var n = chunk.first;
 	  outer: do {
 	    for (var i$1 = 0; i$1 < chunk.children.length; ++i$1) {
-	      var child = chunk.children[i$1], ch = child.height
+	      var child = chunk.children[i$1], ch = child.height;
 	      if (h < ch) { chunk = child; continue outer }
-	      h -= ch
-	      n += child.chunkSize()
+	      h -= ch;
+	      n += child.chunkSize();
 	    }
 	    return n
 	  } while (!chunk.lines)
-	  var i = 0
+	  var i = 0;
 	  for (; i < chunk.lines.length; ++i) {
-	    var line = chunk.lines[i], lh = line.height
+	    var line = chunk.lines[i], lh = line.height;
 	    if (h < lh) { break }
-	    h -= lh
+	    h -= lh;
 	  }
 	  return n + i
 	}
@@ -22450,15 +24619,21 @@
 	}
 
 	// A Pos instance represents a position within the text.
-	function Pos (line, ch) {
-	  if (!(this instanceof Pos)) { return new Pos(line, ch) }
-	  this.line = line; this.ch = ch
+	function Pos(line, ch, sticky) {
+	  if ( sticky === void 0 ) sticky = null;
+
+	  if (!(this instanceof Pos)) { return new Pos(line, ch, sticky) }
+	  this.line = line;
+	  this.ch = ch;
+	  this.sticky = sticky;
 	}
 
 	// Compare two positions, return 0 if they are the same, a negative
 	// number when a is less, and a positive number otherwise.
 	function cmp(a, b) { return a.line - b.line || a.ch - b.ch }
 
+	function equalCursorPos(a, b) { return a.sticky == b.sticky && cmp(a, b) == 0 }
+
 	function copyPos(x) {return Pos(x.line, x.ch)}
 	function maxPos(a, b) { return cmp(a, b) < 0 ? b : a }
 	function minPos(a, b) { return cmp(a, b) < 0 ? a : b }
@@ -22468,59 +24643,60 @@
 	function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1))}
 	function clipPos(doc, pos) {
 	  if (pos.line < doc.first) { return Pos(doc.first, 0) }
-	  var last = doc.first + doc.size - 1
+	  var last = doc.first + doc.size - 1;
 	  if (pos.line > last) { return Pos(last, getLine(doc, last).text.length) }
 	  return clipToLen(pos, getLine(doc, pos.line).text.length)
 	}
 	function clipToLen(pos, linelen) {
-	  var ch = pos.ch
+	  var ch = pos.ch;
 	  if (ch == null || ch > linelen) { return Pos(pos.line, linelen) }
 	  else if (ch < 0) { return Pos(pos.line, 0) }
 	  else { return pos }
 	}
 	function clipPosArray(doc, array) {
-	  var out = []
-	  for (var i = 0; i < array.length; i++) { out[i] = clipPos(doc, array[i]) }
+	  var out = [];
+	  for (var i = 0; i < array.length; i++) { out[i] = clipPos(doc, array[i]); }
 	  return out
 	}
 
 	// Optimize some code when these features are not used.
 	var sawReadOnlySpans = false;
 	var sawCollapsedSpans = false;
+
 	function seeReadOnlySpans() {
-	  sawReadOnlySpans = true
+	  sawReadOnlySpans = true;
 	}
 
 	function seeCollapsedSpans() {
-	  sawCollapsedSpans = true
+	  sawCollapsedSpans = true;
 	}
 
 	// TEXTMARKER SPANS
 
 	function MarkedSpan(marker, from, to) {
-	  this.marker = marker
-	  this.from = from; this.to = to
+	  this.marker = marker;
+	  this.from = from; this.to = to;
 	}
 
 	// Search an array of spans for a span matching the given marker.
 	function getMarkedSpanFor(spans, marker) {
 	  if (spans) { for (var i = 0; i < spans.length; ++i) {
-	    var span = spans[i]
+	    var span = spans[i];
 	    if (span.marker == marker) { return span }
 	  } }
 	}
 	// Remove a span from an array, returning undefined if no spans are
 	// left (we don't store arrays for lines without spans).
 	function removeMarkedSpan(spans, span) {
-	  var r
+	  var r;
 	  for (var i = 0; i < spans.length; ++i)
-	    { if (spans[i] != span) { (r || (r = [])).push(spans[i]) } }
+	    { if (spans[i] != span) { (r || (r = [])).push(spans[i]); } }
 	  return r
 	}
 	// Add a span to a line.
 	function addMarkedSpan(line, span) {
-	  line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span]
-	  span.marker.attachLine(line)
+	  line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span];
+	  span.marker.attachLine(line);
 	}
 
 	// Used for the algorithm that adjusts markers for a change in the
@@ -22528,26 +24704,24 @@
 	// character position, returning an array of remaining chunks (or
 	// undefined if nothing remains).
 	function markedSpansBefore(old, startCh, isInsert) {
-	  var nw
+	  var nw;
 	  if (old) { for (var i = 0; i < old.length; ++i) {
-	    var span = old[i], marker = span.marker
-	    var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh)
+	    var span = old[i], marker = span.marker;
+	    var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh);
 	    if (startsBefore || span.from == startCh && marker.type == "bookmark" && (!isInsert || !span.marker.insertLeft)) {
-	      var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh)
-	      ;(nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to))
+	      var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh);(nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to));
 	    }
 	  } }
 	  return nw
 	}
 	function markedSpansAfter(old, endCh, isInsert) {
-	  var nw
+	  var nw;
 	  if (old) { for (var i = 0; i < old.length; ++i) {
-	    var span = old[i], marker = span.marker
-	    var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh)
+	    var span = old[i], marker = span.marker;
+	    var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh);
 	    if (endsAfter || span.from == endCh && marker.type == "bookmark" && (!isInsert || span.marker.insertLeft)) {
-	      var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh)
-	      ;(nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh,
-	                                            span.to == null ? null : span.to - endCh))
+	      var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh);(nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh,
+	                                            span.to == null ? null : span.to - endCh));
 	    }
 	  } }
 	  return nw
@@ -22561,60 +24735,60 @@
 	// arrays with one element for each line in (after) the change.
 	function stretchSpansOverChange(doc, change) {
 	  if (change.full) { return null }
-	  var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans
-	  var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans
+	  var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans;
+	  var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans;
 	  if (!oldFirst && !oldLast) { return null }
 
-	  var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0
+	  var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0;
 	  // Get the spans that 'stick out' on both sides
-	  var first = markedSpansBefore(oldFirst, startCh, isInsert)
-	  var last = markedSpansAfter(oldLast, endCh, isInsert)
+	  var first = markedSpansBefore(oldFirst, startCh, isInsert);
+	  var last = markedSpansAfter(oldLast, endCh, isInsert);
 
 	  // Next, merge those two ends
-	  var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0)
+	  var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0);
 	  if (first) {
 	    // Fix up .to properties of first
 	    for (var i = 0; i < first.length; ++i) {
-	      var span = first[i]
+	      var span = first[i];
 	      if (span.to == null) {
-	        var found = getMarkedSpanFor(last, span.marker)
-	        if (!found) { span.to = startCh }
-	        else if (sameLine) { span.to = found.to == null ? null : found.to + offset }
+	        var found = getMarkedSpanFor(last, span.marker);
+	        if (!found) { span.to = startCh; }
+	        else if (sameLine) { span.to = found.to == null ? null : found.to + offset; }
 	      }
 	    }
 	  }
 	  if (last) {
 	    // Fix up .from in last (or move them into first in case of sameLine)
 	    for (var i$1 = 0; i$1 < last.length; ++i$1) {
-	      var span$1 = last[i$1]
-	      if (span$1.to != null) { span$1.to += offset }
+	      var span$1 = last[i$1];
+	      if (span$1.to != null) { span$1.to += offset; }
 	      if (span$1.from == null) {
-	        var found$1 = getMarkedSpanFor(first, span$1.marker)
+	        var found$1 = getMarkedSpanFor(first, span$1.marker);
 	        if (!found$1) {
-	          span$1.from = offset
-	          if (sameLine) { (first || (first = [])).push(span$1) }
+	          span$1.from = offset;
+	          if (sameLine) { (first || (first = [])).push(span$1); }
 	        }
 	      } else {
-	        span$1.from += offset
-	        if (sameLine) { (first || (first = [])).push(span$1) }
+	        span$1.from += offset;
+	        if (sameLine) { (first || (first = [])).push(span$1); }
 	      }
 	    }
 	  }
 	  // Make sure we didn't create any zero-length spans
-	  if (first) { first = clearEmptySpans(first) }
-	  if (last && last != first) { last = clearEmptySpans(last) }
+	  if (first) { first = clearEmptySpans(first); }
+	  if (last && last != first) { last = clearEmptySpans(last); }
 
-	  var newMarkers = [first]
+	  var newMarkers = [first];
 	  if (!sameLine) {
 	    // Fill gap with whole-line-spans
-	    var gap = change.text.length - 2, gapMarkers
+	    var gap = change.text.length - 2, gapMarkers;
 	    if (gap > 0 && first)
 	      { for (var i$2 = 0; i$2 < first.length; ++i$2)
 	        { if (first[i$2].to == null)
-	          { (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i$2].marker, null, null)) } } }
+	          { (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i$2].marker, null, null)); } } }
 	    for (var i$3 = 0; i$3 < gap; ++i$3)
-	      { newMarkers.push(gapMarkers) }
-	    newMarkers.push(last)
+	      { newMarkers.push(gapMarkers); }
+	    newMarkers.push(last);
 	  }
 	  return newMarkers
 	}
@@ -22623,9 +24797,9 @@
 	// option of false.
 	function clearEmptySpans(spans) {
 	  for (var i = 0; i < spans.length; ++i) {
-	    var span = spans[i]
+	    var span = spans[i];
 	    if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false)
-	      { spans.splice(i--, 1) }
+	      { spans.splice(i--, 1); }
 	  }
 	  if (!spans.length) { return null }
 	  return spans
@@ -22633,28 +24807,28 @@
 
 	// Used to 'clip' out readOnly ranges when making a change.
 	function removeReadOnlyRanges(doc, from, to) {
-	  var markers = null
+	  var markers = null;
 	  doc.iter(from.line, to.line + 1, function (line) {
 	    if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {
-	      var mark = line.markedSpans[i].marker
+	      var mark = line.markedSpans[i].marker;
 	      if (mark.readOnly && (!markers || indexOf(markers, mark) == -1))
-	        { (markers || (markers = [])).push(mark) }
+	        { (markers || (markers = [])).push(mark); }
 	    } }
-	  })
+	  });
 	  if (!markers) { return null }
-	  var parts = [{from: from, to: to}]
+	  var parts = [{from: from, to: to}];
 	  for (var i = 0; i < markers.length; ++i) {
-	    var mk = markers[i], m = mk.find(0)
+	    var mk = markers[i], m = mk.find(0);
 	    for (var j = 0; j < parts.length; ++j) {
-	      var p = parts[j]
+	      var p = parts[j];
 	      if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) { continue }
-	      var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to)
+	      var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to);
 	      if (dfrom < 0 || !mk.inclusiveLeft && !dfrom)
-	        { newParts.push({from: p.from, to: m.from}) }
+	        { newParts.push({from: p.from, to: m.from}); }
 	      if (dto > 0 || !mk.inclusiveRight && !dto)
-	        { newParts.push({from: m.to, to: p.to}) }
-	      parts.splice.apply(parts, newParts)
-	      j += newParts.length - 1
+	        { newParts.push({from: m.to, to: p.to}); }
+	      parts.splice.apply(parts, newParts);
+	      j += newParts.length - 3;
 	    }
 	  }
 	  return parts
@@ -22662,17 +24836,17 @@
 
 	// Connect or disconnect spans from a line.
 	function detachMarkedSpans(line) {
-	  var spans = line.markedSpans
+	  var spans = line.markedSpans;
 	  if (!spans) { return }
 	  for (var i = 0; i < spans.length; ++i)
-	    { spans[i].marker.detachLine(line) }
-	  line.markedSpans = null
+	    { spans[i].marker.detachLine(line); }
+	  line.markedSpans = null;
 	}
 	function attachMarkedSpans(line, spans) {
 	  if (!spans) { return }
 	  for (var i = 0; i < spans.length; ++i)
-	    { spans[i].marker.attachLine(line) }
-	  line.markedSpans = spans
+	    { spans[i].marker.attachLine(line); }
+	  line.markedSpans = spans;
 	}
 
 	// Helpers used when computing which overlapping collapsed span
@@ -22684,12 +24858,12 @@
 	// spans is larger (and thus includes the other). Falls back to
 	// comparing ids when the spans cover exactly the same range.
 	function compareCollapsedMarkers(a, b) {
-	  var lenDiff = a.lines.length - b.lines.length
+	  var lenDiff = a.lines.length - b.lines.length;
 	  if (lenDiff != 0) { return lenDiff }
-	  var aPos = a.find(), bPos = b.find()
-	  var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b)
+	  var aPos = a.find(), bPos = b.find();
+	  var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b);
 	  if (fromCmp) { return -fromCmp }
-	  var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b)
+	  var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b);
 	  if (toCmp) { return toCmp }
 	  return b.id - a.id
 	}
@@ -22697,30 +24871,40 @@
 	// Find out whether a line ends or starts in a collapsed span. If
 	// so, return the marker for that span.
 	function collapsedSpanAtSide(line, start) {
-	  var sps = sawCollapsedSpans && line.markedSpans, found
+	  var sps = sawCollapsedSpans && line.markedSpans, found;
 	  if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {
-	    sp = sps[i]
+	    sp = sps[i];
 	    if (sp.marker.collapsed && (start ? sp.from : sp.to) == null &&
 	        (!found || compareCollapsedMarkers(found, sp.marker) < 0))
-	      { found = sp.marker }
+	      { found = sp.marker; }
 	  } }
 	  return found
 	}
 	function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true) }
 	function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false) }
 
+	function collapsedSpanAround(line, ch) {
+	  var sps = sawCollapsedSpans && line.markedSpans, found;
+	  if (sps) { for (var i = 0; i < sps.length; ++i) {
+	    var sp = sps[i];
+	    if (sp.marker.collapsed && (sp.from == null || sp.from < ch) && (sp.to == null || sp.to > ch) &&
+	        (!found || compareCollapsedMarkers(found, sp.marker) < 0)) { found = sp.marker; }
+	  } }
+	  return found
+	}
+
 	// Test whether there exists a collapsed span that partially
 	// overlaps (covers the start or end, but not both) of a new span.
 	// Such overlap is not allowed.
-	function conflictingCollapsedRange(doc, lineNo, from, to, marker) {
-	  var line = getLine(doc, lineNo)
-	  var sps = sawCollapsedSpans && line.markedSpans
+	function conflictingCollapsedRange(doc, lineNo$$1, from, to, marker) {
+	  var line = getLine(doc, lineNo$$1);
+	  var sps = sawCollapsedSpans && line.markedSpans;
 	  if (sps) { for (var i = 0; i < sps.length; ++i) {
-	    var sp = sps[i]
+	    var sp = sps[i];
 	    if (!sp.marker.collapsed) { continue }
-	    var found = sp.marker.find(0)
-	    var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker)
-	    var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker)
+	    var found = sp.marker.find(0);
+	    var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker);
+	    var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker);
 	    if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) { continue }
 	    if (fromCmp <= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.to, from) >= 0 : cmp(found.to, from) > 0) ||
 	        fromCmp >= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.from, to) <= 0 : cmp(found.from, to) < 0))
@@ -22733,19 +24917,26 @@
 	// visual line. This finds the start of the visual line that the
 	// given line is part of (usually that is the line itself).
 	function visualLine(line) {
-	  var merged
+	  var merged;
 	  while (merged = collapsedSpanAtStart(line))
-	    { line = merged.find(-1, true).line }
+	    { line = merged.find(-1, true).line; }
+	  return line
+	}
+
+	function visualLineEnd(line) {
+	  var merged;
+	  while (merged = collapsedSpanAtEnd(line))
+	    { line = merged.find(1, true).line; }
 	  return line
 	}
 
 	// Returns an array of logical lines that continue the visual line
 	// started by the argument, or undefined if there are no such lines.
 	function visualLineContinued(line) {
-	  var merged, lines
+	  var merged, lines;
 	  while (merged = collapsedSpanAtEnd(line)) {
 	    line = merged.find(1, true).line
-	    ;(lines || (lines = [])).push(line)
+	    ;(lines || (lines = [])).push(line);
 	  }
 	  return lines
 	}
@@ -22753,7 +24944,7 @@
 	// Get the line number of the start of the visual line that the
 	// given line number is part of.
 	function visualLineNo(doc, lineN) {
-	  var line = getLine(doc, lineN), vis = visualLine(line)
+	  var line = getLine(doc, lineN), vis = visualLine(line);
 	  if (line == vis) { return lineN }
 	  return lineNo(vis)
 	}
@@ -22762,10 +24953,10 @@
 	// the given line.
 	function visualLineEndNo(doc, lineN) {
 	  if (lineN > doc.lastLine()) { return lineN }
-	  var line = getLine(doc, lineN), merged
+	  var line = getLine(doc, lineN), merged;
 	  if (!lineIsHidden(doc, line)) { return lineN }
 	  while (merged = collapsedSpanAtEnd(line))
-	    { line = merged.find(1, true).line }
+	    { line = merged.find(1, true).line; }
 	  return lineNo(line) + 1
 	}
 
@@ -22773,9 +24964,9 @@
 	// are part of a visual line that starts with another line, or when
 	// they are entirely covered by collapsed, non-widget span.
 	function lineIsHidden(doc, line) {
-	  var sps = sawCollapsedSpans && line.markedSpans
+	  var sps = sawCollapsedSpans && line.markedSpans;
 	  if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {
-	    sp = sps[i]
+	    sp = sps[i];
 	    if (!sp.marker.collapsed) { continue }
 	    if (sp.from == null) { return true }
 	    if (sp.marker.widgetNode) { continue }
@@ -22785,13 +24976,13 @@
 	}
 	function lineIsHiddenInner(doc, line, span) {
 	  if (span.to == null) {
-	    var end = span.marker.find(1, true)
+	    var end = span.marker.find(1, true);
 	    return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker))
 	  }
 	  if (span.marker.inclusiveRight && span.to == line.text.length)
 	    { return true }
 	  for (var sp = (void 0), i = 0; i < line.markedSpans.length; ++i) {
-	    sp = line.markedSpans[i]
+	    sp = line.markedSpans[i];
 	    if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to &&
 	        (sp.to == null || sp.to != span.from) &&
 	        (sp.marker.inclusiveLeft || span.marker.inclusiveRight) &&
@@ -22801,19 +24992,19 @@
 
 	// Find the height above the given line.
 	function heightAtLine(lineObj) {
-	  lineObj = visualLine(lineObj)
+	  lineObj = visualLine(lineObj);
 
-	  var h = 0, chunk = lineObj.parent
+	  var h = 0, chunk = lineObj.parent;
 	  for (var i = 0; i < chunk.lines.length; ++i) {
-	    var line = chunk.lines[i]
+	    var line = chunk.lines[i];
 	    if (line == lineObj) { break }
-	    else { h += line.height }
+	    else { h += line.height; }
 	  }
 	  for (var p = chunk.parent; p; chunk = p, p = chunk.parent) {
 	    for (var i$1 = 0; i$1 < p.children.length; ++i$1) {
-	      var cur = p.children[i$1]
+	      var cur = p.children[i$1];
 	      if (cur == chunk) { break }
-	      else { h += cur.height }
+	      else { h += cur.height; }
 	    }
 	  }
 	  return h
@@ -22824,130 +25015,69 @@
 	// other lines onto it.
 	function lineLength(line) {
 	  if (line.height == 0) { return 0 }
-	  var len = line.text.length, merged, cur = line
+	  var len = line.text.length, merged, cur = line;
 	  while (merged = collapsedSpanAtStart(cur)) {
-	    var found = merged.find(0, true)
-	    cur = found.from.line
-	    len += found.from.ch - found.to.ch
+	    var found = merged.find(0, true);
+	    cur = found.from.line;
+	    len += found.from.ch - found.to.ch;
 	  }
-	  cur = line
+	  cur = line;
 	  while (merged = collapsedSpanAtEnd(cur)) {
-	    var found$1 = merged.find(0, true)
-	    len -= cur.text.length - found$1.from.ch
-	    cur = found$1.to.line
-	    len += cur.text.length - found$1.to.ch
+	    var found$1 = merged.find(0, true);
+	    len -= cur.text.length - found$1.from.ch;
+	    cur = found$1.to.line;
+	    len += cur.text.length - found$1.to.ch;
 	  }
 	  return len
 	}
 
 	// Find the longest line in the document.
 	function findMaxLine(cm) {
-	  var d = cm.display, doc = cm.doc
-	  d.maxLine = getLine(doc, doc.first)
-	  d.maxLineLength = lineLength(d.maxLine)
-	  d.maxLineChanged = true
+	  var d = cm.display, doc = cm.doc;
+	  d.maxLine = getLine(doc, doc.first);
+	  d.maxLineLength = lineLength(d.maxLine);
+	  d.maxLineChanged = true;
 	  doc.iter(function (line) {
-	    var len = lineLength(line)
+	    var len = lineLength(line);
 	    if (len > d.maxLineLength) {
-	      d.maxLineLength = len
-	      d.maxLine = line
+	      d.maxLineLength = len;
+	      d.maxLine = line;
 	    }
-	  })
+	  });
 	}
 
 	// BIDI HELPERS
 
 	function iterateBidiSections(order, from, to, f) {
-	  if (!order) { return f(from, to, "ltr") }
-	  var found = false
+	  if (!order) { return f(from, to, "ltr", 0) }
+	  var found = false;
 	  for (var i = 0; i < order.length; ++i) {
-	    var part = order[i]
+	    var part = order[i];
 	    if (part.from < to && part.to > from || from == to && part.to == from) {
-	      f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr")
-	      found = true
+	      f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr", i);
+	      found = true;
 	    }
 	  }
-	  if (!found) { f(from, to, "ltr") }
-	}
-
-	function bidiLeft(part) { return part.level % 2 ? part.to : part.from }
-	function bidiRight(part) { return part.level % 2 ? part.from : part.to }
-
-	function lineLeft(line) { var order = getOrder(line); return order ? bidiLeft(order[0]) : 0 }
-	function lineRight(line) {
-	  var order = getOrder(line)
-	  if (!order) { return line.text.length }
-	  return bidiRight(lst(order))
+	  if (!found) { f(from, to, "ltr"); }
 	}
 
-	function compareBidiLevel(order, a, b) {
-	  var linedir = order[0].level
-	  if (a == linedir) { return true }
-	  if (b == linedir) { return false }
-	  return a < b
-	}
-
-	var bidiOther = null
-	function getBidiPartAt(order, pos) {
-	  var found
-	  bidiOther = null
+	var bidiOther = null;
+	function getBidiPartAt(order, ch, sticky) {
+	  var found;
+	  bidiOther = null;
 	  for (var i = 0; i < order.length; ++i) {
-	    var cur = order[i]
-	    if (cur.from < pos && cur.to > pos) { return i }
-	    if ((cur.from == pos || cur.to == pos)) {
-	      if (found == null) {
-	        found = i
-	      } else if (compareBidiLevel(order, cur.level, order[found].level)) {
-	        if (cur.from != cur.to) { bidiOther = found }
-	        return i
-	      } else {
-	        if (cur.from != cur.to) { bidiOther = i }
-	        return found
-	      }
+	    var cur = order[i];
+	    if (cur.from < ch && cur.to > ch) { return i }
+	    if (cur.to == ch) {
+	      if (cur.from != cur.to && sticky == "before") { found = i; }
+	      else { bidiOther = i; }
 	    }
-	  }
-	  return found
-	}
-
-	function moveInLine(line, pos, dir, byUnit) {
-	  if (!byUnit) { return pos + dir }
-	  do { pos += dir }
-	  while (pos > 0 && isExtendingChar(line.text.charAt(pos)))
-	  return pos
-	}
-
-	// This is needed in order to move 'visually' through bi-directional
-	// text -- i.e., pressing left should make the cursor go left, even
-	// when in RTL text. The tricky part is the 'jumps', where RTL and
-	// LTR text touch each other. This often requires the cursor offset
-	// to move more than one unit, in order to visually move one unit.
-	function moveVisually(line, start, dir, byUnit) {
-	  var bidi = getOrder(line)
-	  if (!bidi) { return moveLogically(line, start, dir, byUnit) }
-	  var pos = getBidiPartAt(bidi, start), part = bidi[pos]
-	  var target = moveInLine(line, start, part.level % 2 ? -dir : dir, byUnit)
-
-	  for (;;) {
-	    if (target > part.from && target < part.to) { return target }
-	    if (target == part.from || target == part.to) {
-	      if (getBidiPartAt(bidi, target) == pos) { return target }
-	      part = bidi[pos += dir]
-	      return (dir > 0) == part.level % 2 ? part.to : part.from
-	    } else {
-	      part = bidi[pos += dir]
-	      if (!part) { return null }
-	      if ((dir > 0) == part.level % 2)
-	        { target = moveInLine(line, part.to, -1, byUnit) }
-	      else
-	        { target = moveInLine(line, part.from, 1, byUnit) }
+	    if (cur.from == ch) {
+	      if (cur.from != cur.to && sticky != "before") { found = i; }
+	      else { bidiOther = i; }
 	    }
 	  }
-	}
-
-	function moveLogically(line, start, dir, byUnit) {
-	  var target = start + dir
-	  if (byUnit) { while (target > 0 && isExtendingChar(line.text.charAt(target))) { target += dir } }
-	  return target < 0 || target > line.text.length ? null : target
+	  return found != null ? found : bidiOther
 	}
 
 	// Bidirectional ordering algorithm
@@ -22975,9 +25105,9 @@
 	// objects) in the order in which they occur visually.
 	var bidiOrdering = (function() {
 	  // Character types for codepoints 0 to 0xff
-	  var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN"
+	  var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN";
 	  // Character types for codepoints 0x600 to 0x6f9
-	  var arabicTypes = "nnnnnnNNr%%r,rNNmmmmmmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmmmnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmnNmmmmmmrrmmNmmmmrr1111111111"
+	  var arabicTypes = "nnnnnnNNr%%r,rNNmmmmmmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmmmnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmnNmmmmmmrrmmNmmmmrr1111111111";
 	  function charType(code) {
 	    if (code <= 0xf7) { return lowTypes.charAt(code) }
 	    else if (0x590 <= code && code <= 0x5f4) { return "R" }
@@ -22988,30 +25118,30 @@
 	    else { return "L" }
 	  }
 
-	  var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/
-	  var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/
-	  // Browsers seem to always treat the boundaries of block elements as being L.
-	  var outerType = "L"
+	  var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
+	  var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/;
 
 	  function BidiSpan(level, from, to) {
-	    this.level = level
-	    this.from = from; this.to = to
+	    this.level = level;
+	    this.from = from; this.to = to;
 	  }
 
-	  return function(str) {
-	    if (!bidiRE.test(str)) { return false }
-	    var len = str.length, types = []
+	  return function(str, direction) {
+	    var outerType = direction == "ltr" ? "L" : "R";
+
+	    if (str.length == 0 || direction == "ltr" && !bidiRE.test(str)) { return false }
+	    var len = str.length, types = [];
 	    for (var i = 0; i < len; ++i)
-	      { types.push(charType(str.charCodeAt(i))) }
+	      { types.push(charType(str.charCodeAt(i))); }
 
 	    // W1. Examine each non-spacing mark (NSM) in the level run, and
 	    // change the type of the NSM to the type of the previous
 	    // character. If the NSM is at the start of the level run, it will
 	    // get the type of sor.
 	    for (var i$1 = 0, prev = outerType; i$1 < len; ++i$1) {
-	      var type = types[i$1]
-	      if (type == "m") { types[i$1] = prev }
-	      else { prev = type }
+	      var type = types[i$1];
+	      if (type == "m") { types[i$1] = prev; }
+	      else { prev = type; }
 	    }
 
 	    // W2. Search backwards from each instance of a European number
@@ -23020,20 +25150,20 @@
 	    // number.
 	    // W3. Change all ALs to R.
 	    for (var i$2 = 0, cur = outerType; i$2 < len; ++i$2) {
-	      var type$1 = types[i$2]
-	      if (type$1 == "1" && cur == "r") { types[i$2] = "n" }
-	      else if (isStrong.test(type$1)) { cur = type$1; if (type$1 == "r") { types[i$2] = "R" } }
+	      var type$1 = types[i$2];
+	      if (type$1 == "1" && cur == "r") { types[i$2] = "n"; }
+	      else if (isStrong.test(type$1)) { cur = type$1; if (type$1 == "r") { types[i$2] = "R"; } }
 	    }
 
 	    // W4. A single European separator between two European numbers
 	    // changes to a European number. A single common separator between
 	    // two numbers of the same type changes to that type.
 	    for (var i$3 = 1, prev$1 = types[0]; i$3 < len - 1; ++i$3) {
-	      var type$2 = types[i$3]
-	      if (type$2 == "+" && prev$1 == "1" && types[i$3+1] == "1") { types[i$3] = "1" }
+	      var type$2 = types[i$3];
+	      if (type$2 == "+" && prev$1 == "1" && types[i$3+1] == "1") { types[i$3] = "1"; }
 	      else if (type$2 == "," && prev$1 == types[i$3+1] &&
-	               (prev$1 == "1" || prev$1 == "n")) { types[i$3] = prev$1 }
-	      prev$1 = type$2
+	               (prev$1 == "1" || prev$1 == "n")) { types[i$3] = prev$1; }
+	      prev$1 = type$2;
 	    }
 
 	    // W5. A sequence of European terminators adjacent to European
@@ -23041,14 +25171,14 @@
 	    // W6. Otherwise, separators and terminators change to Other
 	    // Neutral.
 	    for (var i$4 = 0; i$4 < len; ++i$4) {
-	      var type$3 = types[i$4]
-	      if (type$3 == ",") { types[i$4] = "N" }
+	      var type$3 = types[i$4];
+	      if (type$3 == ",") { types[i$4] = "N"; }
 	      else if (type$3 == "%") {
-	        var end = (void 0)
+	        var end = (void 0);
 	        for (end = i$4 + 1; end < len && types[end] == "%"; ++end) {}
-	        var replace = (i$4 && types[i$4-1] == "!") || (end < len && types[end] == "1") ? "1" : "N"
-	        for (var j = i$4; j < end; ++j) { types[j] = replace }
-	        i$4 = end - 1
+	        var replace = (i$4 && types[i$4-1] == "!") || (end < len && types[end] == "1") ? "1" : "N";
+	        for (var j = i$4; j < end; ++j) { types[j] = replace; }
+	        i$4 = end - 1;
 	      }
 	    }
 
@@ -23056,9 +25186,9 @@
 	    // until the first strong type (R, L, or sor) is found. If an L is
 	    // found, then change the type of the European number to L.
 	    for (var i$5 = 0, cur$1 = outerType; i$5 < len; ++i$5) {
-	      var type$4 = types[i$5]
-	      if (cur$1 == "L" && type$4 == "1") { types[i$5] = "L" }
-	      else if (isStrong.test(type$4)) { cur$1 = type$4 }
+	      var type$4 = types[i$5];
+	      if (cur$1 == "L" && type$4 == "1") { types[i$5] = "L"; }
+	      else if (isStrong.test(type$4)) { cur$1 = type$4; }
 	    }
 
 	    // N1. A sequence of neutrals takes the direction of the
@@ -23069,13 +25199,13 @@
 	    // N2. Any remaining neutrals take the embedding direction.
 	    for (var i$6 = 0; i$6 < len; ++i$6) {
 	      if (isNeutral.test(types[i$6])) {
-	        var end$1 = (void 0)
+	        var end$1 = (void 0);
 	        for (end$1 = i$6 + 1; end$1 < len && isNeutral.test(types[end$1]); ++end$1) {}
-	        var before = (i$6 ? types[i$6-1] : outerType) == "L"
-	        var after = (end$1 < len ? types[end$1] : outerType) == "L"
-	        var replace$1 = before || after ? "L" : "R"
-	        for (var j$1 = i$6; j$1 < end$1; ++j$1) { types[j$1] = replace$1 }
-	        i$6 = end$1 - 1
+	        var before = (i$6 ? types[i$6-1] : outerType) == "L";
+	        var after = (end$1 < len ? types[end$1] : outerType) == "L";
+	        var replace$1 = before == after ? (before ? "L" : "R") : outerType;
+	        for (var j$1 = i$6; j$1 < end$1; ++j$1) { types[j$1] = replace$1; }
+	        i$6 = end$1 - 1;
 	      }
 	    }
 
@@ -23084,50 +25214,48 @@
 	    // levels (0, 1, 2) in an implementation that doesn't take
 	    // explicit embedding into account, we can build up the order on
 	    // the fly, without following the level-based algorithm.
-	    var order = [], m
+	    var order = [], m;
 	    for (var i$7 = 0; i$7 < len;) {
 	      if (countsAsLeft.test(types[i$7])) {
-	        var start = i$7
+	        var start = i$7;
 	        for (++i$7; i$7 < len && countsAsLeft.test(types[i$7]); ++i$7) {}
-	        order.push(new BidiSpan(0, start, i$7))
+	        order.push(new BidiSpan(0, start, i$7));
 	      } else {
-	        var pos = i$7, at = order.length
+	        var pos = i$7, at = order.length;
 	        for (++i$7; i$7 < len && types[i$7] != "L"; ++i$7) {}
 	        for (var j$2 = pos; j$2 < i$7;) {
 	          if (countsAsNum.test(types[j$2])) {
-	            if (pos < j$2) { order.splice(at, 0, new BidiSpan(1, pos, j$2)) }
-	            var nstart = j$2
+	            if (pos < j$2) { order.splice(at, 0, new BidiSpan(1, pos, j$2)); }
+	            var nstart = j$2;
 	            for (++j$2; j$2 < i$7 && countsAsNum.test(types[j$2]); ++j$2) {}
-	            order.splice(at, 0, new BidiSpan(2, nstart, j$2))
-	            pos = j$2
-	          } else { ++j$2 }
+	            order.splice(at, 0, new BidiSpan(2, nstart, j$2));
+	            pos = j$2;
+	          } else { ++j$2; }
 	        }
-	        if (pos < i$7) { order.splice(at, 0, new BidiSpan(1, pos, i$7)) }
+	        if (pos < i$7) { order.splice(at, 0, new BidiSpan(1, pos, i$7)); }
 	      }
 	    }
-	    if (order[0].level == 1 && (m = str.match(/^\s+/))) {
-	      order[0].from = m[0].length
-	      order.unshift(new BidiSpan(0, 0, m[0].length))
-	    }
-	    if (lst(order).level == 1 && (m = str.match(/\s+$/))) {
-	      lst(order).to -= m[0].length
-	      order.push(new BidiSpan(0, len - m[0].length, len))
+	    if (direction == "ltr") {
+	      if (order[0].level == 1 && (m = str.match(/^\s+/))) {
+	        order[0].from = m[0].length;
+	        order.unshift(new BidiSpan(0, 0, m[0].length));
+	      }
+	      if (lst(order).level == 1 && (m = str.match(/\s+$/))) {
+	        lst(order).to -= m[0].length;
+	        order.push(new BidiSpan(0, len - m[0].length, len));
+	      }
 	    }
-	    if (order[0].level == 2)
-	      { order.unshift(new BidiSpan(1, order[0].to, order[0].to)) }
-	    if (order[0].level != lst(order).level)
-	      { order.push(new BidiSpan(order[0].level, len, len)) }
 
-	    return order
+	    return direction == "rtl" ? order.reverse() : order
 	  }
-	})()
+	})();
 
 	// Get the bidi ordering for the given line (and cache it). Returns
 	// false for lines that are fully left-to-right, and an array of
 	// BidiSpan objects otherwise.
-	function getOrder(line) {
-	  var order = line.order
-	  if (order == null) { order = line.order = bidiOrdering(line.text) }
+	function getOrder(line, direction) {
+	  var order = line.order;
+	  if (order == null) { order = line.order = bidiOrdering(line.text, direction); }
 	  return order
 	}
 
@@ -23136,18 +25264,18 @@
 	// Lightweight event framework. on/off also work on DOM nodes,
 	// registering native DOM handlers.
 
-	var noHandlers = []
+	var noHandlers = [];
 
 	var on = function(emitter, type, f) {
 	  if (emitter.addEventListener) {
-	    emitter.addEventListener(type, f, false)
+	    emitter.addEventListener(type, f, false);
 	  } else if (emitter.attachEvent) {
-	    emitter.attachEvent("on" + type, f)
+	    emitter.attachEvent("on" + type, f);
 	  } else {
-	    var map = emitter._handlers || (emitter._handlers = {})
-	    map[type] = (map[type] || noHandlers).concat(f)
+	    var map$$1 = emitter._handlers || (emitter._handlers = {});
+	    map$$1[type] = (map$$1[type] || noHandlers).concat(f);
 	  }
-	}
+	};
 
 	function getHandlers(emitter, type) {
 	  return emitter._handlers && emitter._handlers[type] || noHandlers
@@ -23155,24 +25283,24 @@
 
 	function off(emitter, type, f) {
 	  if (emitter.removeEventListener) {
-	    emitter.removeEventListener(type, f, false)
+	    emitter.removeEventListener(type, f, false);
 	  } else if (emitter.detachEvent) {
-	    emitter.detachEvent("on" + type, f)
+	    emitter.detachEvent("on" + type, f);
 	  } else {
-	    var map = emitter._handlers, arr = map && map[type]
+	    var map$$1 = emitter._handlers, arr = map$$1 && map$$1[type];
 	    if (arr) {
-	      var index = indexOf(arr, f)
+	      var index = indexOf(arr, f);
 	      if (index > -1)
-	        { map[type] = arr.slice(0, index).concat(arr.slice(index + 1)) }
+	        { map$$1[type] = arr.slice(0, index).concat(arr.slice(index + 1)); }
 	    }
 	  }
 	}
 
 	function signal(emitter, type /*, values...*/) {
-	  var handlers = getHandlers(emitter, type)
+	  var handlers = getHandlers(emitter, type);
 	  if (!handlers.length) { return }
-	  var args = Array.prototype.slice.call(arguments, 2)
-	  for (var i = 0; i < handlers.length; ++i) { handlers[i].apply(null, args) }
+	  var args = Array.prototype.slice.call(arguments, 2);
+	  for (var i = 0; i < handlers.length; ++i) { handlers[i].apply(null, args); }
 	}
 
 	// The DOM events that CodeMirror handles can be overridden by
@@ -23180,17 +25308,17 @@
 	// and preventDefault-ing the event in that handler.
 	function signalDOMEvent(cm, e, override) {
 	  if (typeof e == "string")
-	    { e = {type: e, preventDefault: function() { this.defaultPrevented = true }} }
-	  signal(cm, override || e.type, cm, e)
+	    { e = {type: e, preventDefault: function() { this.defaultPrevented = true; }}; }
+	  signal(cm, override || e.type, cm, e);
 	  return e_defaultPrevented(e) || e.codemirrorIgnore
 	}
 
 	function signalCursorActivity(cm) {
-	  var arr = cm._handlers && cm._handlers.cursorActivity
+	  var arr = cm._handlers && cm._handlers.cursorActivity;
 	  if (!arr) { return }
-	  var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = [])
+	  var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []);
 	  for (var i = 0; i < arr.length; ++i) { if (indexOf(set, arr[i]) == -1)
-	    { set.push(arr[i]) } }
+	    { set.push(arr[i]); } }
 	}
 
 	function hasHandler(emitter, type) {
@@ -23200,35 +25328,35 @@
 	// Add on and off methods to a constructor's prototype, to make
 	// registering events on such objects more convenient.
 	function eventMixin(ctor) {
-	  ctor.prototype.on = function(type, f) {on(this, type, f)}
-	  ctor.prototype.off = function(type, f) {off(this, type, f)}
+	  ctor.prototype.on = function(type, f) {on(this, type, f);};
+	  ctor.prototype.off = function(type, f) {off(this, type, f);};
 	}
 
 	// Due to the fact that we still support jurassic IE versions, some
 	// compatibility wrappers are needed.
 
 	function e_preventDefault(e) {
-	  if (e.preventDefault) { e.preventDefault() }
-	  else { e.returnValue = false }
+	  if (e.preventDefault) { e.preventDefault(); }
+	  else { e.returnValue = false; }
 	}
 	function e_stopPropagation(e) {
-	  if (e.stopPropagation) { e.stopPropagation() }
-	  else { e.cancelBubble = true }
+	  if (e.stopPropagation) { e.stopPropagation(); }
+	  else { e.cancelBubble = true; }
 	}
 	function e_defaultPrevented(e) {
 	  return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false
 	}
-	function e_stop(e) {e_preventDefault(e); e_stopPropagation(e)}
+	function e_stop(e) {e_preventDefault(e); e_stopPropagation(e);}
 
 	function e_target(e) {return e.target || e.srcElement}
 	function e_button(e) {
-	  var b = e.which
+	  var b = e.which;
 	  if (b == null) {
-	    if (e.button & 1) { b = 1 }
-	    else if (e.button & 2) { b = 3 }
-	    else if (e.button & 4) { b = 2 }
+	    if (e.button & 1) { b = 1; }
+	    else if (e.button & 2) { b = 3; }
+	    else if (e.button & 4) { b = 2; }
 	  }
-	  if (mac && e.ctrlKey && b == 1) { b = 3 }
+	  if (mac && e.ctrlKey && b == 1) { b = 3; }
 	  return b
 	}
 
@@ -23237,32 +25365,32 @@
 	  // There is *some* kind of drag-and-drop support in IE6-8, but I
 	  // couldn't get it to work yet.
 	  if (ie && ie_version < 9) { return false }
-	  var div = elt('div')
+	  var div = elt('div');
 	  return "draggable" in div || "dragDrop" in div
-	}()
+	}();
 
-	var zwspSupported
+	var zwspSupported;
 	function zeroWidthElement(measure) {
 	  if (zwspSupported == null) {
-	    var test = elt("span", "\u200b")
-	    removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")]))
+	    var test = elt("span", "\u200b");
+	    removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")]));
 	    if (measure.firstChild.offsetHeight != 0)
-	      { zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8) }
+	      { zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8); }
 	  }
 	  var node = zwspSupported ? elt("span", "\u200b") :
-	    elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px")
-	  node.setAttribute("cm-text", "")
+	    elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px");
+	  node.setAttribute("cm-text", "");
 	  return node
 	}
 
 	// Feature-detect IE's crummy client rect reporting for bidi text
-	var badBidiRects
+	var badBidiRects;
 	function hasBadBidiRects(measure) {
 	  if (badBidiRects != null) { return badBidiRects }
-	  var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA"))
-	  var r0 = range(txt, 0, 1).getBoundingClientRect()
-	  var r1 = range(txt, 1, 2).getBoundingClientRect()
-	  removeChildren(measure)
+	  var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA"));
+	  var r0 = range(txt, 0, 1).getBoundingClientRect();
+	  var r1 = range(txt, 1, 2).getBoundingClientRect();
+	  removeChildren(measure);
 	  if (!r0 || r0.left == r0.right) { return false } // Safari returns null in some cases (#2780)
 	  return badBidiRects = (r1.right - r0.right < 3)
 	}
@@ -23270,75 +25398,77 @@
 	// See if "".split is the broken IE version, if so, provide an
 	// alternative way to split lines.
 	var splitLinesAuto = "\n\nb".split(/\n/).length != 3 ? function (string) {
-	  var pos = 0, result = [], l = string.length
+	  var pos = 0, result = [], l = string.length;
 	  while (pos <= l) {
-	    var nl = string.indexOf("\n", pos)
-	    if (nl == -1) { nl = string.length }
-	    var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl)
-	    var rt = line.indexOf("\r")
+	    var nl = string.indexOf("\n", pos);
+	    if (nl == -1) { nl = string.length; }
+	    var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl);
+	    var rt = line.indexOf("\r");
 	    if (rt != -1) {
-	      result.push(line.slice(0, rt))
-	      pos += rt + 1
+	      result.push(line.slice(0, rt));
+	      pos += rt + 1;
 	    } else {
-	      result.push(line)
-	      pos = nl + 1
+	      result.push(line);
+	      pos = nl + 1;
 	    }
 	  }
 	  return result
-	} : function (string) { return string.split(/\r\n?|\n/); }
+	} : function (string) { return string.split(/\r\n?|\n/); };
 
 	var hasSelection = window.getSelection ? function (te) {
 	  try { return te.selectionStart != te.selectionEnd }
 	  catch(e) { return false }
 	} : function (te) {
-	  var range
-	  try {range = te.ownerDocument.selection.createRange()}
+	  var range$$1;
+	  try {range$$1 = te.ownerDocument.selection.createRange();}
 	  catch(e) {}
-	  if (!range || range.parentElement() != te) { return false }
-	  return range.compareEndPoints("StartToEnd", range) != 0
-	}
+	  if (!range$$1 || range$$1.parentElement() != te) { return false }
+	  return range$$1.compareEndPoints("StartToEnd", range$$1) != 0
+	};
 
 	var hasCopyEvent = (function () {
-	  var e = elt("div")
+	  var e = elt("div");
 	  if ("oncopy" in e) { return true }
-	  e.setAttribute("oncopy", "return;")
+	  e.setAttribute("oncopy", "return;");
 	  return typeof e.oncopy == "function"
-	})()
+	})();
 
-	var badZoomedRects = null
+	var badZoomedRects = null;
 	function hasBadZoomedRects(measure) {
 	  if (badZoomedRects != null) { return badZoomedRects }
-	  var node = removeChildrenAndAdd(measure, elt("span", "x"))
-	  var normal = node.getBoundingClientRect()
-	  var fromRange = range(node, 0, 1).getBoundingClientRect()
+	  var node = removeChildrenAndAdd(measure, elt("span", "x"));
+	  var normal = node.getBoundingClientRect();
+	  var fromRange = range(node, 0, 1).getBoundingClientRect();
 	  return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1
 	}
 
+	// Known modes, by name and by MIME
 	var modes = {};
 	var mimeModes = {};
+
 	// Extra arguments are stored as the mode's dependencies, which is
 	// used by (legacy) mechanisms like loadmode.js to automatically
 	// load a mode. (Preferred mechanism is the require/define calls.)
 	function defineMode(name, mode) {
 	  if (arguments.length > 2)
-	    { mode.dependencies = Array.prototype.slice.call(arguments, 2) }
-	  modes[name] = mode
+	    { mode.dependencies = Array.prototype.slice.call(arguments, 2); }
+	  modes[name] = mode;
 	}
 
 	function defineMIME(mime, spec) {
-	  mimeModes[mime] = spec
+	  mimeModes[mime] = spec;
 	}
 
 	// Given a MIME type, a {name, ...options} config object, or a name
 	// string, return a mode config object.
 	function resolveMode(spec) {
 	  if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) {
-	    spec = mimeModes[spec]
+	    spec = mimeModes[spec];
 	  } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) {
-	    var found = mimeModes[spec.name]
-	    if (typeof found == "string") { found = {name: found} }
-	    spec = createObj(found, spec)
-	    spec.name = found.name
+	    var found = mimeModes[spec.name];
+	    if (typeof found == "string") { found = {name: found}; }
+	    spec = createObj(found, spec);
+	    spec.name = found.name;
 	  } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) {
 	    return resolveMode("application/xml")
 	  } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+json$/.test(spec)) {
@@ -23351,42 +25481,42 @@
 	// Given a mode spec (anything that resolveMode accepts), find and
 	// initialize an actual mode object.
 	function getMode(options, spec) {
-	  spec = resolveMode(spec)
-	  var mfactory = modes[spec.name]
+	  spec = resolveMode(spec);
+	  var mfactory = modes[spec.name];
 	  if (!mfactory) { return getMode(options, "text/plain") }
-	  var modeObj = mfactory(options, spec)
+	  var modeObj = mfactory(options, spec);
 	  if (modeExtensions.hasOwnProperty(spec.name)) {
-	    var exts = modeExtensions[spec.name]
+	    var exts = modeExtensions[spec.name];
 	    for (var prop in exts) {
 	      if (!exts.hasOwnProperty(prop)) { continue }
-	      if (modeObj.hasOwnProperty(prop)) { modeObj["_" + prop] = modeObj[prop] }
-	      modeObj[prop] = exts[prop]
+	      if (modeObj.hasOwnProperty(prop)) { modeObj["_" + prop] = modeObj[prop]; }
+	      modeObj[prop] = exts[prop];
 	    }
 	  }
-	  modeObj.name = spec.name
-	  if (spec.helperType) { modeObj.helperType = spec.helperType }
+	  modeObj.name = spec.name;
+	  if (spec.helperType) { modeObj.helperType = spec.helperType; }
 	  if (spec.modeProps) { for (var prop$1 in spec.modeProps)
-	    { modeObj[prop$1] = spec.modeProps[prop$1] } }
+	    { modeObj[prop$1] = spec.modeProps[prop$1]; } }
 
 	  return modeObj
 	}
 
 	// This can be used to attach properties to mode objects from
 	// outside the actual mode definition.
-	var modeExtensions = {}
+	var modeExtensions = {};
 	function extendMode(mode, properties) {
-	  var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {})
-	  copyObj(properties, exts)
+	  var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {});
+	  copyObj(properties, exts);
 	}
 
 	function copyState(mode, state) {
 	  if (state === true) { return state }
 	  if (mode.copyState) { return mode.copyState(state) }
-	  var nstate = {}
+	  var nstate = {};
 	  for (var n in state) {
-	    var val = state[n]
-	    if (val instanceof Array) { val = val.concat([]) }
-	    nstate[n] = val
+	    var val = state[n];
+	    if (val instanceof Array) { val = val.concat([]); }
+	    nstate[n] = val;
 	  }
 	  return nstate
 	}
@@ -23394,12 +25524,12 @@
 	// Given a mode and a state (for that mode), find the inner mode and
 	// state at the position that the state refers to.
 	function innerMode(mode, state) {
-	  var info
+	  var info;
 	  while (mode.innerMode) {
-	    info = mode.innerMode(state)
+	    info = mode.innerMode(state);
 	    if (!info || info.mode == mode) { break }
-	    state = info.state
-	    mode = info.mode
+	    state = info.state;
+	    mode = info.mode;
 	  }
 	  return info || {mode: mode, state: state}
 	}
@@ -23413,117 +25543,179 @@
 	// Fed to the mode parsers, provides helper functions to make
 	// parsers more succinct.
 
-	var StringStream = function(string, tabSize) {
-	  this.pos = this.start = 0
-	  this.string = string
-	  this.tabSize = tabSize || 8
-	  this.lastColumnPos = this.lastColumnValue = 0
-	  this.lineStart = 0
-	}
-
-	StringStream.prototype = {
-	  eol: function() {return this.pos >= this.string.length},
-	  sol: function() {return this.pos == this.lineStart},
-	  peek: function() {return this.string.charAt(this.pos) || undefined},
-	  next: function() {
-	    if (this.pos < this.string.length)
-	      { return this.string.charAt(this.pos++) }
-	  },
-	  eat: function(match) {
-	    var ch = this.string.charAt(this.pos)
-	    var ok
-	    if (typeof match == "string") { ok = ch == match }
-	    else { ok = ch && (match.test ? match.test(ch) : match(ch)) }
-	    if (ok) {++this.pos; return ch}
-	  },
-	  eatWhile: function(match) {
-	    var start = this.pos
-	    while (this.eat(match)){}
-	    return this.pos > start
-	  },
-	  eatSpace: function() {
+	var StringStream = function(string, tabSize, lineOracle) {
+	  this.pos = this.start = 0;
+	  this.string = string;
+	  this.tabSize = tabSize || 8;
+	  this.lastColumnPos = this.lastColumnValue = 0;
+	  this.lineStart = 0;
+	  this.lineOracle = lineOracle;
+	};
+
+	StringStream.prototype.eol = function () {return this.pos >= this.string.length};
+	StringStream.prototype.sol = function () {return this.pos == this.lineStart};
+	StringStream.prototype.peek = function () {return this.string.charAt(this.pos) || undefined};
+	StringStream.prototype.next = function () {
+	  if (this.pos < this.string.length)
+	    { return this.string.charAt(this.pos++) }
+	};
+	StringStream.prototype.eat = function (match) {
+	  var ch = this.string.charAt(this.pos);
+	  var ok;
+	  if (typeof match == "string") { ok = ch == match; }
+	  else { ok = ch && (match.test ? match.test(ch) : match(ch)); }
+	  if (ok) {++this.pos; return ch}
+	};
+	StringStream.prototype.eatWhile = function (match) {
+	  var start = this.pos;
+	  while (this.eat(match)){}
+	  return this.pos > start
+	};
+	StringStream.prototype.eatSpace = function () {
 	    var this$1 = this;
 
-	    var start = this.pos
-	    while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) { ++this$1.pos }
-	    return this.pos > start
-	  },
-	  skipToEnd: function() {this.pos = this.string.length},
-	  skipTo: function(ch) {
-	    var found = this.string.indexOf(ch, this.pos)
-	    if (found > -1) {this.pos = found; return true}
-	  },
-	  backUp: function(n) {this.pos -= n},
-	  column: function() {
-	    if (this.lastColumnPos < this.start) {
-	      this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue)
-	      this.lastColumnPos = this.start
-	    }
-	    return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
-	  },
-	  indentation: function() {
-	    return countColumn(this.string, null, this.tabSize) -
-	      (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
-	  },
-	  match: function(pattern, consume, caseInsensitive) {
-	    if (typeof pattern == "string") {
-	      var cased = function (str) { return caseInsensitive ? str.toLowerCase() : str; }
-	      var substr = this.string.substr(this.pos, pattern.length)
-	      if (cased(substr) == cased(pattern)) {
-	        if (consume !== false) { this.pos += pattern.length }
-	        return true
-	      }
-	    } else {
-	      var match = this.string.slice(this.pos).match(pattern)
-	      if (match && match.index > 0) { return null }
-	      if (match && consume !== false) { this.pos += match[0].length }
-	      return match
+	  var start = this.pos;
+	  while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) { ++this$1.pos; }
+	  return this.pos > start
+	};
+	StringStream.prototype.skipToEnd = function () {this.pos = this.string.length;};
+	StringStream.prototype.skipTo = function (ch) {
+	  var found = this.string.indexOf(ch, this.pos);
+	  if (found > -1) {this.pos = found; return true}
+	};
+	StringStream.prototype.backUp = function (n) {this.pos -= n;};
+	StringStream.prototype.column = function () {
+	  if (this.lastColumnPos < this.start) {
+	    this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue);
+	    this.lastColumnPos = this.start;
+	  }
+	  return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
+	};
+	StringStream.prototype.indentation = function () {
+	  return countColumn(this.string, null, this.tabSize) -
+	    (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
+	};
+	StringStream.prototype.match = function (pattern, consume, caseInsensitive) {
+	  if (typeof pattern == "string") {
+	    var cased = function (str) { return caseInsensitive ? str.toLowerCase() : str; };
+	    var substr = this.string.substr(this.pos, pattern.length);
+	    if (cased(substr) == cased(pattern)) {
+	      if (consume !== false) { this.pos += pattern.length; }
+	      return true
 	    }
-	  },
-	  current: function(){return this.string.slice(this.start, this.pos)},
-	  hideFirstChars: function(n, inner) {
-	    this.lineStart += n
-	    try { return inner() }
-	    finally { this.lineStart -= n }
+	  } else {
+	    var match = this.string.slice(this.pos).match(pattern);
+	    if (match && match.index > 0) { return null }
+	    if (match && consume !== false) { this.pos += match[0].length; }
+	    return match
 	  }
-	}
+	};
+	StringStream.prototype.current = function (){return this.string.slice(this.start, this.pos)};
+	StringStream.prototype.hideFirstChars = function (n, inner) {
+	  this.lineStart += n;
+	  try { return inner() }
+	  finally { this.lineStart -= n; }
+	};
+	StringStream.prototype.lookAhead = function (n) {
+	  var oracle = this.lineOracle;
+	  return oracle && oracle.lookAhead(n)
+	};
+	StringStream.prototype.baseToken = function () {
+	  var oracle = this.lineOracle;
+	  return oracle && oracle.baseToken(this.pos)
+	};
+
+	var SavedContext = function(state, lookAhead) {
+	  this.state = state;
+	  this.lookAhead = lookAhead;
+	};
+
+	var Context = function(doc, state, line, lookAhead) {
+	  this.state = state;
+	  this.doc = doc;
+	  this.line = line;
+	  this.maxLookAhead = lookAhead || 0;
+	  this.baseTokens = null;
+	  this.baseTokenPos = 1;
+	};
+
+	Context.prototype.lookAhead = function (n) {
+	  var line = this.doc.getLine(this.line + n);
+	  if (line != null && n > this.maxLookAhead) { this.maxLookAhead = n; }
+	  return line
+	};
+
+	Context.prototype.baseToken = function (n) {
+	    var this$1 = this;
+
+	  if (!this.baseTokens) { return null }
+	  while (this.baseTokens[this.baseTokenPos] <= n)
+	    { this$1.baseTokenPos += 2; }
+	  var type = this.baseTokens[this.baseTokenPos + 1];
+	  return {type: type && type.replace(/( |^)overlay .*/, ""),
+	          size: this.baseTokens[this.baseTokenPos] - n}
+	};
+
+	Context.prototype.nextLine = function () {
+	  this.line++;
+	  if (this.maxLookAhead > 0) { this.maxLookAhead--; }
+	};
+
+	Context.fromSaved = function (doc, saved, line) {
+	  if (saved instanceof SavedContext)
+	    { return new Context(doc, copyState(doc.mode, saved.state), line, saved.lookAhead) }
+	  else
+	    { return new Context(doc, copyState(doc.mode, saved), line) }
+	};
+
+	Context.prototype.save = function (copy) {
+	  var state = copy !== false ? copyState(this.doc.mode, this.state) : this.state;
+	  return this.maxLookAhead > 0 ? new SavedContext(state, this.maxLookAhead) : state
+	};
+
 
 	// Compute a style array (an array starting with a mode generation
 	// -- for invalidation -- followed by pairs of end positions and
 	// style strings), which is used to highlight the tokens on the
 	// line.
-	function highlightLine(cm, line, state, forceToEnd) {
+	function highlightLine(cm, line, context, forceToEnd) {
 	  // A styles array always starts with a number identifying the
 	  // mode/overlays that it is based on (for easy invalidation).
-	  var st = [cm.state.modeGen], lineClasses = {}
+	  var st = [cm.state.modeGen], lineClasses = {};
 	  // Compute the base array of styles
-	  runMode(cm, line.text, cm.doc.mode, state, function (end, style) { return st.push(end, style); },
-	    lineClasses, forceToEnd)
+	  runMode(cm, line.text, cm.doc.mode, context, function (end, style) { return st.push(end, style); },
+	          lineClasses, forceToEnd);
+	  var state = context.state;
 
 	  // Run overlays, adjust style array.
 	  var loop = function ( o ) {
-	    var overlay = cm.state.overlays[o], i = 1, at = 0
-	    runMode(cm, line.text, overlay.mode, true, function (end, style) {
-	      var start = i
+	    context.baseTokens = st;
+	    var overlay = cm.state.overlays[o], i = 1, at = 0;
+	    context.state = true;
+	    runMode(cm, line.text, overlay.mode, context, function (end, style) {
+	      var start = i;
 	      // Ensure there's a token end at the current position, and that i points at it
 	      while (at < end) {
-	        var i_end = st[i]
+	        var i_end = st[i];
 	        if (i_end > end)
-	          { st.splice(i, 1, end, st[i+1], i_end) }
-	        i += 2
-	        at = Math.min(end, i_end)
+	          { st.splice(i, 1, end, st[i+1], i_end); }
+	        i += 2;
+	        at = Math.min(end, i_end);
 	      }
 	      if (!style) { return }
 	      if (overlay.opaque) {
-	        st.splice(start, i - start, end, "overlay " + style)
-	        i = start + 2
+	        st.splice(start, i - start, end, "overlay " + style);
+	        i = start + 2;
 	      } else {
 	        for (; start < i; start += 2) {
-	          var cur = st[start+1]
-	          st[start+1] = (cur ? cur + " " : "") + "overlay " + style
+	          var cur = st[start+1];
+	          st[start+1] = (cur ? cur + " " : "") + "overlay " + style;
 	        }
 	      }
-	    }, lineClasses)
+	    }, lineClasses);
+	    context.state = state;
+	    context.baseTokens = null;
+	    context.baseTokenPos = 1;
 	  };
 
 	  for (var o = 0; o < cm.state.overlays.length; ++o) loop( o );
@@ -23533,136 +25725,140 @@
 
 	function getLineStyles(cm, line, updateFrontier) {
 	  if (!line.styles || line.styles[0] != cm.state.modeGen) {
-	    var state = getStateBefore(cm, lineNo(line))
-	    var result = highlightLine(cm, line, line.text.length > cm.options.maxHighlightLength ? copyState(cm.doc.mode, state) : state)
-	    line.stateAfter = state
-	    line.styles = result.styles
-	    if (result.classes) { line.styleClasses = result.classes }
-	    else if (line.styleClasses) { line.styleClasses = null }
-	    if (updateFrontier === cm.doc.frontier) { cm.doc.frontier++ }
+	    var context = getContextBefore(cm, lineNo(line));
+	    var resetState = line.text.length > cm.options.maxHighlightLength && copyState(cm.doc.mode, context.state);
+	    var result = highlightLine(cm, line, context);
+	    if (resetState) { context.state = resetState; }
+	    line.stateAfter = context.save(!resetState);
+	    line.styles = result.styles;
+	    if (result.classes) { line.styleClasses = result.classes; }
+	    else if (line.styleClasses) { line.styleClasses = null; }
+	    if (updateFrontier === cm.doc.highlightFrontier)
+	      { cm.doc.modeFrontier = Math.max(cm.doc.modeFrontier, ++cm.doc.highlightFrontier); }
 	  }
 	  return line.styles
 	}
 
-	function getStateBefore(cm, n, precise) {
-	  var doc = cm.doc, display = cm.display
-	  if (!doc.mode.startState) { return true }
-	  var pos = findStartLine(cm, n, precise), state = pos > doc.first && getLine(doc, pos-1).stateAfter
-	  if (!state) { state = startState(doc.mode) }
-	  else { state = copyState(doc.mode, state) }
-	  doc.iter(pos, n, function (line) {
-	    processLine(cm, line.text, state)
-	    var save = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo
-	    line.stateAfter = save ? copyState(doc.mode, state) : null
-	    ++pos
-	  })
-	  if (precise) { doc.frontier = pos }
-	  return state
+	function getContextBefore(cm, n, precise) {
+	  var doc = cm.doc, display = cm.display;
+	  if (!doc.mode.startState) { return new Context(doc, true, n) }
+	  var start = findStartLine(cm, n, precise);
+	  var saved = start > doc.first && getLine(doc, start - 1).stateAfter;
+	  var context = saved ? Context.fromSaved(doc, saved, start) : new Context(doc, startState(doc.mode), start);
+
+	  doc.iter(start, n, function (line) {
+	    processLine(cm, line.text, context);
+	    var pos = context.line;
+	    line.stateAfter = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo ? context.save() : null;
+	    context.nextLine();
+	  });
+	  if (precise) { doc.modeFrontier = context.line; }
+	  return context
 	}
 
 	// Lightweight form of highlight -- proceed over this line and
 	// update state, but don't save a style array. Used for lines that
 	// aren't currently visible.
-	function processLine(cm, text, state, startAt) {
-	  var mode = cm.doc.mode
-	  var stream = new StringStream(text, cm.options.tabSize)
-	  stream.start = stream.pos = startAt || 0
-	  if (text == "") { callBlankLine(mode, state) }
+	function processLine(cm, text, context, startAt) {
+	  var mode = cm.doc.mode;
+	  var stream = new StringStream(text, cm.options.tabSize, context);
+	  stream.start = stream.pos = startAt || 0;
+	  if (text == "") { callBlankLine(mode, context.state); }
 	  while (!stream.eol()) {
-	    readToken(mode, stream, state)
-	    stream.start = stream.pos
+	    readToken(mode, stream, context.state);
+	    stream.start = stream.pos;
 	  }
 	}
 
 	function callBlankLine(mode, state) {
 	  if (mode.blankLine) { return mode.blankLine(state) }
 	  if (!mode.innerMode) { return }
-	  var inner = innerMode(mode, state)
+	  var inner = innerMode(mode, state);
 	  if (inner.mode.blankLine) { return inner.mode.blankLine(inner.state) }
 	}
 
 	function readToken(mode, stream, state, inner) {
 	  for (var i = 0; i < 10; i++) {
-	    if (inner) { inner[0] = innerMode(mode, state).mode }
-	    var style = mode.token(stream, state)
+	    if (inner) { inner[0] = innerMode(mode, state).mode; }
+	    var style = mode.token(stream, state);
 	    if (stream.pos > stream.start) { return style }
 	  }
 	  throw new Error("Mode " + mode.name + " failed to advance stream.")
 	}
 
+	var Token = function(stream, type, state) {
+	  this.start = stream.start; this.end = stream.pos;
+	  this.string = stream.current();
+	  this.type = type || null;
+	  this.state = state;
+	};
+
 	// Utility for getTokenAt and getLineTokens
 	function takeToken(cm, pos, precise, asArray) {
-	  var getObj = function (copy) { return ({
-	    start: stream.start, end: stream.pos,
-	    string: stream.current(),
-	    type: style || null,
-	    state: copy ? copyState(doc.mode, state) : state
-	  }); }
-
-	  var doc = cm.doc, mode = doc.mode, style
-	  pos = clipPos(doc, pos)
-	  var line = getLine(doc, pos.line), state = getStateBefore(cm, pos.line, precise)
-	  var stream = new StringStream(line.text, cm.options.tabSize), tokens
-	  if (asArray) { tokens = [] }
+	  var doc = cm.doc, mode = doc.mode, style;
+	  pos = clipPos(doc, pos);
+	  var line = getLine(doc, pos.line), context = getContextBefore(cm, pos.line, precise);
+	  var stream = new StringStream(line.text, cm.options.tabSize, context), tokens;
+	  if (asArray) { tokens = []; }
 	  while ((asArray || stream.pos < pos.ch) && !stream.eol()) {
-	    stream.start = stream.pos
-	    style = readToken(mode, stream, state)
-	    if (asArray) { tokens.push(getObj(true)) }
+	    stream.start = stream.pos;
+	    style = readToken(mode, stream, context.state);
+	    if (asArray) { tokens.push(new Token(stream, style, copyState(doc.mode, context.state))); }
 	  }
-	  return asArray ? tokens : getObj()
+	  return asArray ? tokens : new Token(stream, style, context.state)
 	}
 
 	function extractLineClasses(type, output) {
 	  if (type) { for (;;) {
-	    var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/)
+	    var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/);
 	    if (!lineClass) { break }
-	    type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length)
-	    var prop = lineClass[1] ? "bgClass" : "textClass"
+	    type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length);
+	    var prop = lineClass[1] ? "bgClass" : "textClass";
 	    if (output[prop] == null)
-	      { output[prop] = lineClass[2] }
+	      { output[prop] = lineClass[2]; }
 	    else if (!(new RegExp("(?:^|\s)" + lineClass[2] + "(?:$|\s)")).test(output[prop]))
-	      { output[prop] += " " + lineClass[2] }
+	      { output[prop] += " " + lineClass[2]; }
 	  } }
 	  return type
 	}
 
 	// Run the given mode's parser over a line, calling f for each token.
-	function runMode(cm, text, mode, state, f, lineClasses, forceToEnd) {
-	  var flattenSpans = mode.flattenSpans
-	  if (flattenSpans == null) { flattenSpans = cm.options.flattenSpans }
-	  var curStart = 0, curStyle = null
-	  var stream = new StringStream(text, cm.options.tabSize), style
-	  var inner = cm.options.addModeClass && [null]
-	  if (text == "") { extractLineClasses(callBlankLine(mode, state), lineClasses) }
+	function runMode(cm, text, mode, context, f, lineClasses, forceToEnd) {
+	  var flattenSpans = mode.flattenSpans;
+	  if (flattenSpans == null) { flattenSpans = cm.options.flattenSpans; }
+	  var curStart = 0, curStyle = null;
+	  var stream = new StringStream(text, cm.options.tabSize, context), style;
+	  var inner = cm.options.addModeClass && [null];
+	  if (text == "") { extractLineClasses(callBlankLine(mode, context.state), lineClasses); }
 	  while (!stream.eol()) {
 	    if (stream.pos > cm.options.maxHighlightLength) {
-	      flattenSpans = false
-	      if (forceToEnd) { processLine(cm, text, state, stream.pos) }
-	      stream.pos = text.length
-	      style = null
+	      flattenSpans = false;
+	      if (forceToEnd) { processLine(cm, text, context, stream.pos); }
+	      stream.pos = text.length;
+	      style = null;
 	    } else {
-	      style = extractLineClasses(readToken(mode, stream, state, inner), lineClasses)
+	      style = extractLineClasses(readToken(mode, stream, context.state, inner), lineClasses);
 	    }
 	    if (inner) {
-	      var mName = inner[0].name
-	      if (mName) { style = "m-" + (style ? mName + " " + style : mName) }
+	      var mName = inner[0].name;
+	      if (mName) { style = "m-" + (style ? mName + " " + style : mName); }
 	    }
 	    if (!flattenSpans || curStyle != style) {
 	      while (curStart < stream.start) {
-	        curStart = Math.min(stream.start, curStart + 5000)
-	        f(curStart, curStyle)
+	        curStart = Math.min(stream.start, curStart + 5000);
+	        f(curStart, curStyle);
 	      }
-	      curStyle = style
+	      curStyle = style;
 	    }
-	    stream.start = stream.pos
+	    stream.start = stream.pos;
 	  }
 	  while (curStart < stream.pos) {
 	    // Webkit seems to refuse to render text nodes longer than 57444
 	    // characters, and returns inaccurate measurements in nodes
 	    // starting around 5000 chars.
-	    var pos = Math.min(stream.pos, curStart + 5000)
-	    f(pos, curStyle)
-	    curStart = pos
+	    var pos = Math.min(stream.pos, curStart + 5000);
+	    f(pos, curStyle);
+	    curStart = pos;
 	  }
 	}
 
@@ -23672,51 +25868,70 @@
 	// smallest indentation, which tends to need the least context to
 	// parse correctly.
 	function findStartLine(cm, n, precise) {
-	  var minindent, minline, doc = cm.doc
-	  var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100)
+	  var minindent, minline, doc = cm.doc;
+	  var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100);
 	  for (var search = n; search > lim; --search) {
 	    if (search <= doc.first) { return doc.first }
-	    var line = getLine(doc, search - 1)
-	    if (line.stateAfter && (!precise || search <= doc.frontier)) { return search }
-	    var indented = countColumn(line.text, null, cm.options.tabSize)
+	    var line = getLine(doc, search - 1), after = line.stateAfter;
+	    if (after && (!precise || search + (after instanceof SavedContext ? after.lookAhead : 0) <= doc.modeFrontier))
+	      { return search }
+	    var indented = countColumn(line.text, null, cm.options.tabSize);
 	    if (minline == null || minindent > indented) {
-	      minline = search - 1
-	      minindent = indented
+	      minline = search - 1;
+	      minindent = indented;
 	    }
 	  }
 	  return minline
 	}
 
+	function retreatFrontier(doc, n) {
+	  doc.modeFrontier = Math.min(doc.modeFrontier, n);
+	  if (doc.highlightFrontier < n - 10) { return }
+	  var start = doc.first;
+	  for (var line = n - 1; line > start; line--) {
+	    var saved = getLine(doc, line).stateAfter;
+	    // change is on 3
+	    // state on line 1 looked ahead 2 -- so saw 3
+	    // test 1 + 2 < 3 should cover this
+	    if (saved && (!(saved instanceof SavedContext) || line + saved.lookAhead < n)) {
+	      start = line + 1;
+	      break
+	    }
+	  }
+	  doc.highlightFrontier = Math.min(doc.highlightFrontier, start);
+	}
+
 	// LINE DATA STRUCTURE
 
 	// Line objects. These hold state related to a line, including
 	// highlighting info (the styles array).
-	function Line(text, markedSpans, estimateHeight) {
-	  this.text = text
-	  attachMarkedSpans(this, markedSpans)
-	  this.height = estimateHeight ? estimateHeight(this) : 1
-	}
-	eventMixin(Line)
-	Line.prototype.lineNo = function() { return lineNo(this) }
+	var Line = function(text, markedSpans, estimateHeight) {
+	  this.text = text;
+	  attachMarkedSpans(this, markedSpans);
+	  this.height = estimateHeight ? estimateHeight(this) : 1;
+	};
+
+	Line.prototype.lineNo = function () { return lineNo(this) };
+	eventMixin(Line);
 
 	// Change the content (text, markers) of a line. Automatically
 	// invalidates cached information and tries to re-estimate the
 	// line's height.
 	function updateLine(line, text, markedSpans, estimateHeight) {
-	  line.text = text
-	  if (line.stateAfter) { line.stateAfter = null }
-	  if (line.styles) { line.styles = null }
-	  if (line.order != null) { line.order = null }
-	  detachMarkedSpans(line)
-	  attachMarkedSpans(line, markedSpans)
-	  var estHeight = estimateHeight ? estimateHeight(line) : 1
-	  if (estHeight != line.height) { updateLineHeight(line, estHeight) }
+	  line.text = text;
+	  if (line.stateAfter) { line.stateAfter = null; }
+	  if (line.styles) { line.styles = null; }
+	  if (line.order != null) { line.order = null; }
+	  detachMarkedSpans(line);
+	  attachMarkedSpans(line, markedSpans);
+	  var estHeight = estimateHeight ? estimateHeight(line) : 1;
+	  if (estHeight != line.height) { updateLineHeight(line, estHeight); }
 	}
 
 	// Detach a line from the document tree and its markers.
 	function cleanUpLine(line) {
-	  line.parent = null
-	  detachMarkedSpans(line)
+	  line.parent = null;
+	  detachMarkedSpans(line);
 	}
 
 	// Convert a style as returned by a mode (either null, or a string
@@ -23726,7 +25941,7 @@
 	var styleToClassCacheWithMode = {};
 	function interpretTokenStyle(style, options) {
 	  if (!style || /^\s*$/.test(style)) { return null }
-	  var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache
+	  var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache;
 	  return cache[style] ||
 	    (cache[style] = style.replace(/\S+/g, "cm-$&"))
 	}
@@ -23740,67 +25955,64 @@
 	  // The padding-right forces the element to have a 'border', which
 	  // is needed on Webkit to be able to get line-level bounding
 	  // rectangles for it (in measureChar).
-	  var content = elt("span", null, null, webkit ? "padding-right: .1px" : null)
-	  var builder = {pre: elt("pre", [content], "CodeMirror-line"), content: content,
+	  var content = eltP("span", null, null, webkit ? "padding-right: .1px" : null);
+	  var builder = {pre: eltP("pre", [content], "CodeMirror-line"), content: content,
 	                 col: 0, pos: 0, cm: cm,
 	                 trailingSpace: false,
-	                 splitSpaces: (ie || webkit) && cm.getOption("lineWrapping")}
-	  // hide from accessibility tree
-	  content.setAttribute("role", "presentation")
-	  builder.pre.setAttribute("role", "presentation")
-	  lineView.measure = {}
+	                 splitSpaces: (ie || webkit) && cm.getOption("lineWrapping")};
+	  lineView.measure = {};
 
 	  // Iterate over the logical lines that make up this visual line.
 	  for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) {
-	    var line = i ? lineView.rest[i - 1] : lineView.line, order = (void 0)
-	    builder.pos = 0
-	    builder.addToken = buildToken
+	    var line = i ? lineView.rest[i - 1] : lineView.line, order = (void 0);
+	    builder.pos = 0;
+	    builder.addToken = buildToken;
 	    // Optionally wire in some hacks into the token-rendering
 	    // algorithm, to deal with browser quirks.
-	    if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line)))
-	      { builder.addToken = buildTokenBadBidi(builder.addToken, order) }
-	    builder.map = []
-	    var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line)
-	    insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate))
+	    if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line, cm.doc.direction)))
+	      { builder.addToken = buildTokenBadBidi(builder.addToken, order); }
+	    builder.map = [];
+	    var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line);
+	    insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate));
 	    if (line.styleClasses) {
 	      if (line.styleClasses.bgClass)
-	        { builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || "") }
+	        { builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || ""); }
 	      if (line.styleClasses.textClass)
-	        { builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || "") }
+	        { builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || ""); }
 	    }
 
 	    // Ensure at least a single node is present, for measuring.
 	    if (builder.map.length == 0)
-	      { builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))) }
+	      { builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))); }
 
 	    // Store the map and a cache object for the current logical line
 	    if (i == 0) {
-	      lineView.measure.map = builder.map
-	      lineView.measure.cache = {}
+	      lineView.measure.map = builder.map;
+	      lineView.measure.cache = {};
 	    } else {
-	      ;(lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map)
-	      ;(lineView.measure.caches || (lineView.measure.caches = [])).push({})
+	      (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map)
+	      ;(lineView.measure.caches || (lineView.measure.caches = [])).push({});
 	    }
 	  }
 
 	  // See issue #2901
 	  if (webkit) {
-	    var last = builder.content.lastChild
+	    var last = builder.content.lastChild;
 	    if (/\bcm-tab\b/.test(last.className) || (last.querySelector && last.querySelector(".cm-tab")))
-	      { builder.content.className = "cm-tab-wrap-hack" }
+	      { builder.content.className = "cm-tab-wrap-hack"; }
 	  }
 
-	  signal(cm, "renderLine", cm, lineView.line, builder.pre)
+	  signal(cm, "renderLine", cm, lineView.line, builder.pre);
 	  if (builder.pre.className)
-	    { builder.textClass = joinClasses(builder.pre.className, builder.textClass || "") }
+	    { builder.textClass = joinClasses(builder.pre.className, builder.textClass || ""); }
 
 	  return builder
 	}
 
 	function defaultSpecialCharPlaceholder(ch) {
-	  var token = elt("span", "\u2022", "cm-invalidchar")
-	  token.title = "\\u" + ch.charCodeAt(0).toString(16)
-	  token.setAttribute("aria-label", token.title)
+	  var token = elt("span", "\u2022", "cm-invalidchar");
+	  token.title = "\\u" + ch.charCodeAt(0).toString(16);
+	  token.setAttribute("aria-label", token.title);
 	  return token
 	}
 
@@ -23808,75 +26020,75 @@
 	// the line map. Takes care to render special characters separately.
 	function buildToken(builder, text, style, startStyle, endStyle, title, css) {
 	  if (!text) { return }
-	  var displayText = builder.splitSpaces ? splitSpaces(text, builder.trailingSpace) : text
-	  var special = builder.cm.state.specialChars, mustWrap = false
-	  var content
+	  var displayText = builder.splitSpaces ? splitSpaces(text, builder.trailingSpace) : text;
+	  var special = builder.cm.state.specialChars, mustWrap = false;
+	  var content;
 	  if (!special.test(text)) {
-	    builder.col += text.length
-	    content = document.createTextNode(displayText)
-	    builder.map.push(builder.pos, builder.pos + text.length, content)
-	    if (ie && ie_version < 9) { mustWrap = true }
-	    builder.pos += text.length
+	    builder.col += text.length;
+	    content = document.createTextNode(displayText);
+	    builder.map.push(builder.pos, builder.pos + text.length, content);
+	    if (ie && ie_version < 9) { mustWrap = true; }
+	    builder.pos += text.length;
 	  } else {
-	    content = document.createDocumentFragment()
-	    var pos = 0
+	    content = document.createDocumentFragment();
+	    var pos = 0;
 	    while (true) {
-	      special.lastIndex = pos
-	      var m = special.exec(text)
-	      var skipped = m ? m.index - pos : text.length - pos
+	      special.lastIndex = pos;
+	      var m = special.exec(text);
+	      var skipped = m ? m.index - pos : text.length - pos;
 	      if (skipped) {
-	        var txt = document.createTextNode(displayText.slice(pos, pos + skipped))
-	        if (ie && ie_version < 9) { content.appendChild(elt("span", [txt])) }
-	        else { content.appendChild(txt) }
-	        builder.map.push(builder.pos, builder.pos + skipped, txt)
-	        builder.col += skipped
-	        builder.pos += skipped
+	        var txt = document.createTextNode(displayText.slice(pos, pos + skipped));
+	        if (ie && ie_version < 9) { content.appendChild(elt("span", [txt])); }
+	        else { content.appendChild(txt); }
+	        builder.map.push(builder.pos, builder.pos + skipped, txt);
+	        builder.col += skipped;
+	        builder.pos += skipped;
 	      }
 	      if (!m) { break }
-	      pos += skipped + 1
-	      var txt$1 = (void 0)
+	      pos += skipped + 1;
+	      var txt$1 = (void 0);
 	      if (m[0] == "\t") {
-	        var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize
-	        txt$1 = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab"))
-	        txt$1.setAttribute("role", "presentation")
-	        txt$1.setAttribute("cm-text", "\t")
-	        builder.col += tabWidth
+	        var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize;
+	        txt$1 = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab"));
+	        txt$1.setAttribute("role", "presentation");
+	        txt$1.setAttribute("cm-text", "\t");
+	        builder.col += tabWidth;
 	      } else if (m[0] == "\r" || m[0] == "\n") {
-	        txt$1 = content.appendChild(elt("span", m[0] == "\r" ? "\u240d" : "\u2424", "cm-invalidchar"))
-	        txt$1.setAttribute("cm-text", m[0])
-	        builder.col += 1
+	        txt$1 = content.appendChild(elt("span", m[0] == "\r" ? "\u240d" : "\u2424", "cm-invalidchar"));
+	        txt$1.setAttribute("cm-text", m[0]);
+	        builder.col += 1;
 	      } else {
-	        txt$1 = builder.cm.options.specialCharPlaceholder(m[0])
-	        txt$1.setAttribute("cm-text", m[0])
-	        if (ie && ie_version < 9) { content.appendChild(elt("span", [txt$1])) }
-	        else { content.appendChild(txt$1) }
-	        builder.col += 1
+	        txt$1 = builder.cm.options.specialCharPlaceholder(m[0]);
+	        txt$1.setAttribute("cm-text", m[0]);
+	        if (ie && ie_version < 9) { content.appendChild(elt("span", [txt$1])); }
+	        else { content.appendChild(txt$1); }
+	        builder.col += 1;
 	      }
-	      builder.map.push(builder.pos, builder.pos + 1, txt$1)
-	      builder.pos++
+	      builder.map.push(builder.pos, builder.pos + 1, txt$1);
+	      builder.pos++;
 	    }
 	  }
-	  builder.trailingSpace = displayText.charCodeAt(text.length - 1) == 32
+	  builder.trailingSpace = displayText.charCodeAt(text.length - 1) == 32;
 	  if (style || startStyle || endStyle || mustWrap || css) {
-	    var fullStyle = style || ""
-	    if (startStyle) { fullStyle += startStyle }
-	    if (endStyle) { fullStyle += endStyle }
-	    var token = elt("span", [content], fullStyle, css)
-	    if (title) { token.title = title }
+	    var fullStyle = style || "";
+	    if (startStyle) { fullStyle += startStyle; }
+	    if (endStyle) { fullStyle += endStyle; }
+	    var token = elt("span", [content], fullStyle, css);
+	    if (title) { token.title = title; }
 	    return builder.content.appendChild(token)
 	  }
-	  builder.content.appendChild(content)
+	  builder.content.appendChild(content);
 	}
 
 	function splitSpaces(text, trailingBefore) {
 	  if (text.length > 1 && !/  /.test(text)) { return text }
-	  var spaceBefore = trailingBefore, result = ""
+	  var spaceBefore = trailingBefore, result = "";
 	  for (var i = 0; i < text.length; i++) {
-	    var ch = text.charAt(i)
+	    var ch = text.charAt(i);
 	    if (ch == " " && spaceBefore && (i == text.length - 1 || text.charCodeAt(i + 1) == 32))
-	      { ch = "\u00a0" }
-	    result += ch
-	    spaceBefore = ch == " "
+	      { ch = "\u00a0"; }
+	    result += ch;
+	    spaceBefore = ch == " ";
 	  }
 	  return result
 	}
@@ -23885,106 +26097,106 @@
 	// right-to-left text.
 	function buildTokenBadBidi(inner, order) {
 	  return function (builder, text, style, startStyle, endStyle, title, css) {
-	    style = style ? style + " cm-force-border" : "cm-force-border"
-	    var start = builder.pos, end = start + text.length
+	    style = style ? style + " cm-force-border" : "cm-force-border";
+	    var start = builder.pos, end = start + text.length;
 	    for (;;) {
 	      // Find the part that overlaps with the start of this text
-	      var part = (void 0)
+	      var part = (void 0);
 	      for (var i = 0; i < order.length; i++) {
-	        part = order[i]
+	        part = order[i];
 	        if (part.to > start && part.from <= start) { break }
 	      }
 	      if (part.to >= end) { return inner(builder, text, style, startStyle, endStyle, title, css) }
-	      inner(builder, text.slice(0, part.to - start), style, startStyle, null, title, css)
-	      startStyle = null
-	      text = text.slice(part.to - start)
-	      start = part.to
+	      inner(builder, text.slice(0, part.to - start), style, startStyle, null, title, css);
+	      startStyle = null;
+	      text = text.slice(part.to - start);
+	      start = part.to;
 	    }
 	  }
 	}
 
 	function buildCollapsedSpan(builder, size, marker, ignoreWidget) {
-	  var widget = !ignoreWidget && marker.widgetNode
-	  if (widget) { builder.map.push(builder.pos, builder.pos + size, widget) }
+	  var widget = !ignoreWidget && marker.widgetNode;
+	  if (widget) { builder.map.push(builder.pos, builder.pos + size, widget); }
 	  if (!ignoreWidget && builder.cm.display.input.needsContentAttribute) {
 	    if (!widget)
-	      { widget = builder.content.appendChild(document.createElement("span")) }
-	    widget.setAttribute("cm-marker", marker.id)
+	      { widget = builder.content.appendChild(document.createElement("span")); }
+	    widget.setAttribute("cm-marker", marker.id);
 	  }
 	  if (widget) {
-	    builder.cm.display.input.setUneditable(widget)
-	    builder.content.appendChild(widget)
+	    builder.cm.display.input.setUneditable(widget);
+	    builder.content.appendChild(widget);
 	  }
-	  builder.pos += size
-	  builder.trailingSpace = false
+	  builder.pos += size;
+	  builder.trailingSpace = false;
 	}
 
 	// Outputs a number of spans to make up a line, taking highlighting
 	// and marked text into account.
 	function insertLineContent(line, builder, styles) {
-	  var spans = line.markedSpans, allText = line.text, at = 0
+	  var spans = line.markedSpans, allText = line.text, at = 0;
 	  if (!spans) {
 	    for (var i$1 = 1; i$1 < styles.length; i$1+=2)
-	      { builder.addToken(builder, allText.slice(at, at = styles[i$1]), interpretTokenStyle(styles[i$1+1], builder.cm.options)) }
+	      { builder.addToken(builder, allText.slice(at, at = styles[i$1]), interpretTokenStyle(styles[i$1+1], builder.cm.options)); }
 	    return
 	  }
 
-	  var len = allText.length, pos = 0, i = 1, text = "", style, css
-	  var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed
+	  var len = allText.length, pos = 0, i = 1, text = "", style, css;
+	  var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed;
 	  for (;;) {
 	    if (nextChange == pos) { // Update current marker set
-	      spanStyle = spanEndStyle = spanStartStyle = title = css = ""
-	      collapsed = null; nextChange = Infinity
-	      var foundBookmarks = [], endStyles = (void 0)
+	      spanStyle = spanEndStyle = spanStartStyle = title = css = "";
+	      collapsed = null; nextChange = Infinity;
+	      var foundBookmarks = [], endStyles = (void 0);
 	      for (var j = 0; j < spans.length; ++j) {
-	        var sp = spans[j], m = sp.marker
+	        var sp = spans[j], m = sp.marker;
 	        if (m.type == "bookmark" && sp.from == pos && m.widgetNode) {
-	          foundBookmarks.push(m)
+	          foundBookmarks.push(m);
 	        } else if (sp.from <= pos && (sp.to == null || sp.to > pos || m.collapsed && sp.to == pos && sp.from == pos)) {
 	          if (sp.to != null && sp.to != pos && nextChange > sp.to) {
-	            nextChange = sp.to
-	            spanEndStyle = ""
+	            nextChange = sp.to;
+	            spanEndStyle = "";
 	          }
-	          if (m.className) { spanStyle += " " + m.className }
-	          if (m.css) { css = (css ? css + ";" : "") + m.css }
-	          if (m.startStyle && sp.from == pos) { spanStartStyle += " " + m.startStyle }
-	          if (m.endStyle && sp.to == nextChange) { (endStyles || (endStyles = [])).push(m.endStyle, sp.to) }
-	          if (m.title && !title) { title = m.title }
+	          if (m.className) { spanStyle += " " + m.className; }
+	          if (m.css) { css = (css ? css + ";" : "") + m.css; }
+	          if (m.startStyle && sp.from == pos) { spanStartStyle += " " + m.startStyle; }
+	          if (m.endStyle && sp.to == nextChange) { (endStyles || (endStyles = [])).push(m.endStyle, sp.to); }
+	          if (m.title && !title) { title = m.title; }
 	          if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0))
-	            { collapsed = sp }
+	            { collapsed = sp; }
 	        } else if (sp.from > pos && nextChange > sp.from) {
-	          nextChange = sp.from
+	          nextChange = sp.from;
 	        }
 	      }
 	      if (endStyles) { for (var j$1 = 0; j$1 < endStyles.length; j$1 += 2)
-	        { if (endStyles[j$1 + 1] == nextChange) { spanEndStyle += " " + endStyles[j$1] } } }
+	        { if (endStyles[j$1 + 1] == nextChange) { spanEndStyle += " " + endStyles[j$1]; } } }
 
 	      if (!collapsed || collapsed.from == pos) { for (var j$2 = 0; j$2 < foundBookmarks.length; ++j$2)
-	        { buildCollapsedSpan(builder, 0, foundBookmarks[j$2]) } }
+	        { buildCollapsedSpan(builder, 0, foundBookmarks[j$2]); } }
 	      if (collapsed && (collapsed.from || 0) == pos) {
 	        buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos,
-	                           collapsed.marker, collapsed.from == null)
+	                           collapsed.marker, collapsed.from == null);
 	        if (collapsed.to == null) { return }
-	        if (collapsed.to == pos) { collapsed = false }
+	        if (collapsed.to == pos) { collapsed = false; }
 	      }
 	    }
 	    if (pos >= len) { break }
 
-	    var upto = Math.min(len, nextChange)
+	    var upto = Math.min(len, nextChange);
 	    while (true) {
 	      if (text) {
-	        var end = pos + text.length
+	        var end = pos + text.length;
 	        if (!collapsed) {
-	          var tokenText = end > upto ? text.slice(0, upto - pos) : text
+	          var tokenText = end > upto ? text.slice(0, upto - pos) : text;
 	          builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle,
-	                           spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title, css)
+	                           spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title, css);
 	        }
 	        if (end >= upto) {text = text.slice(upto - pos); pos = upto; break}
-	        pos = end
-	        spanStartStyle = ""
+	        pos = end;
+	        spanStartStyle = "";
 	      }
-	      text = allText.slice(at, at = styles[i++])
-	      style = interpretTokenStyle(styles[i++], builder.cm.options)
+	      text = allText.slice(at, at = styles[i++]);
+	      style = interpretTokenStyle(styles[i++], builder.cm.options);
 	    }
 	  }
 	}
@@ -23995,67 +26207,67 @@
 	// logical lines, if those are connected by collapsed ranges.
 	function LineView(doc, line, lineN) {
 	  // The starting line
-	  this.line = line
+	  this.line = line;
 	  // Continuing lines, if any
-	  this.rest = visualLineContinued(line)
+	  this.rest = visualLineContinued(line);
 	  // Number of logical lines in this visual line
-	  this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1
-	  this.node = this.text = null
-	  this.hidden = lineIsHidden(doc, line)
+	  this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1;
+	  this.node = this.text = null;
+	  this.hidden = lineIsHidden(doc, line);
 	}
 
 	// Create a range of LineView objects for the given lines.
 	function buildViewArray(cm, from, to) {
-	  var array = [], nextPos
+	  var array = [], nextPos;
 	  for (var pos = from; pos < to; pos = nextPos) {
-	    var view = new LineView(cm.doc, getLine(cm.doc, pos), pos)
-	    nextPos = pos + view.size
-	    array.push(view)
+	    var view = new LineView(cm.doc, getLine(cm.doc, pos), pos);
+	    nextPos = pos + view.size;
+	    array.push(view);
 	  }
 	  return array
 	}
 
-	var operationGroup = null
+	var operationGroup = null;
 
 	function pushOperation(op) {
 	  if (operationGroup) {
-	    operationGroup.ops.push(op)
+	    operationGroup.ops.push(op);
 	  } else {
 	    op.ownsGroup = operationGroup = {
 	      ops: [op],
 	      delayedCallbacks: []
-	    }
+	    };
 	  }
 	}
 
 	function fireCallbacksForOps(group) {
 	  // Calls delayed callbacks and cursorActivity handlers until no
 	  // new ones appear
-	  var callbacks = group.delayedCallbacks, i = 0
+	  var callbacks = group.delayedCallbacks, i = 0;
 	  do {
 	    for (; i < callbacks.length; i++)
-	      { callbacks[i].call(null) }
+	      { callbacks[i].call(null); }
 	    for (var j = 0; j < group.ops.length; j++) {
-	      var op = group.ops[j]
+	      var op = group.ops[j];
 	      if (op.cursorActivityHandlers)
 	        { while (op.cursorActivityCalled < op.cursorActivityHandlers.length)
-	          { op.cursorActivityHandlers[op.cursorActivityCalled++].call(null, op.cm) } }
+	          { op.cursorActivityHandlers[op.cursorActivityCalled++].call(null, op.cm); } }
 	    }
 	  } while (i < callbacks.length)
 	}
 
 	function finishOperation(op, endCb) {
-	  var group = op.ownsGroup
+	  var group = op.ownsGroup;
 	  if (!group) { return }
 
-	  try { fireCallbacksForOps(group) }
+	  try { fireCallbacksForOps(group); }
 	  finally {
-	    operationGroup = null
-	    endCb(group)
+	    operationGroup = null;
+	    endCb(group);
 	  }
 	}
 
-	var orphanDelayedCallbacks = null
+	var orphanDelayedCallbacks = null;
 
 	// Often, we want to signal events at a point where we are in the
 	// middle of some work, but don't want the handler to start calling
@@ -24065,19 +26277,19 @@
 	// them to be executed when the last operation ends, or, if no
 	// operation is active, when a timeout fires.
 	function signalLater(emitter, type /*, values...*/) {
-	  var arr = getHandlers(emitter, type)
+	  var arr = getHandlers(emitter, type);
 	  if (!arr.length) { return }
-	  var args = Array.prototype.slice.call(arguments, 2), list
+	  var args = Array.prototype.slice.call(arguments, 2), list;
 	  if (operationGroup) {
-	    list = operationGroup.delayedCallbacks
+	    list = operationGroup.delayedCallbacks;
 	  } else if (orphanDelayedCallbacks) {
-	    list = orphanDelayedCallbacks
+	    list = orphanDelayedCallbacks;
 	  } else {
-	    list = orphanDelayedCallbacks = []
-	    setTimeout(fireOrphanDelayed, 0)
+	    list = orphanDelayedCallbacks = [];
+	    setTimeout(fireOrphanDelayed, 0);
 	  }
 	  var loop = function ( i ) {
-	    list.push(function () { return arr[i].apply(null, args); })
+	    list.push(function () { return arr[i].apply(null, args); });
 	  };
 
 	  for (var i = 0; i < arr.length; ++i)
@@ -24085,9 +26297,9 @@
 	}
 
 	function fireOrphanDelayed() {
-	  var delayed = orphanDelayedCallbacks
-	  orphanDelayedCallbacks = null
-	  for (var i = 0; i < delayed.length; ++i) { delayed[i]() }
+	  var delayed = orphanDelayedCallbacks;
+	  orphanDelayedCallbacks = null;
+	  for (var i = 0; i < delayed.length; ++i) { delayed[i](); }
 	}
 
 	// When an aspect of a line changes, a string is added to
@@ -24095,47 +26307,48 @@
 	// DOM structure.
 	function updateLineForChanges(cm, lineView, lineN, dims) {
 	  for (var j = 0; j < lineView.changes.length; j++) {
-	    var type = lineView.changes[j]
-	    if (type == "text") { updateLineText(cm, lineView) }
-	    else if (type == "gutter") { updateLineGutter(cm, lineView, lineN, dims) }
-	    else if (type == "class") { updateLineClasses(lineView) }
-	    else if (type == "widget") { updateLineWidgets(cm, lineView, dims) }
+	    var type = lineView.changes[j];
+	    if (type == "text") { updateLineText(cm, lineView); }
+	    else if (type == "gutter") { updateLineGutter(cm, lineView, lineN, dims); }
+	    else if (type == "class") { updateLineClasses(cm, lineView); }
+	    else if (type == "widget") { updateLineWidgets(cm, lineView, dims); }
 	  }
-	  lineView.changes = null
+	  lineView.changes = null;
 	}
 
 	// Lines with gutter elements, widgets or a background class need to
 	// be wrapped, and have the extra elements added to the wrapper div
 	function ensureLineWrapped(lineView) {
 	  if (lineView.node == lineView.text) {
-	    lineView.node = elt("div", null, null, "position: relative")
+	    lineView.node = elt("div", null, null, "position: relative");
 	    if (lineView.text.parentNode)
-	      { lineView.text.parentNode.replaceChild(lineView.node, lineView.text) }
-	    lineView.node.appendChild(lineView.text)
-	    if (ie && ie_version < 8) { lineView.node.style.zIndex = 2 }
+	      { lineView.text.parentNode.replaceChild(lineView.node, lineView.text); }
+	    lineView.node.appendChild(lineView.text);
+	    if (ie && ie_version < 8) { lineView.node.style.zIndex = 2; }
 	  }
 	  return lineView.node
 	}
 
-	function updateLineBackground(lineView) {
-	  var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass
-	  if (cls) { cls += " CodeMirror-linebackground" }
+	function updateLineBackground(cm, lineView) {
+	  var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass;
+	  if (cls) { cls += " CodeMirror-linebackground"; }
 	  if (lineView.background) {
-	    if (cls) { lineView.background.className = cls }
-	    else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null }
+	    if (cls) { lineView.background.className = cls; }
+	    else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; }
 	  } else if (cls) {
-	    var wrap = ensureLineWrapped(lineView)
-	    lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild)
+	    var wrap = ensureLineWrapped(lineView);
+	    lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild);
+	    cm.display.input.setUneditable(lineView.background);
 	  }
 	}
 
 	// Wrapper around buildLineContent which will reuse the structure
 	// in display.externalMeasured when possible.
 	function getLineContent(cm, lineView) {
-	  var ext = cm.display.externalMeasured
+	  var ext = cm.display.externalMeasured;
 	  if (ext && ext.line == lineView.line) {
-	    cm.display.externalMeasured = null
-	    lineView.measure = ext.measure
+	    cm.display.externalMeasured = null;
+	    lineView.measure = ext.measure;
 	    return ext.built
 	  }
 	  return buildLineContent(cm, lineView)
@@ -24145,143 +26358,144 @@
 	// classes because the mode may output tokens that influence these
 	// classes.
 	function updateLineText(cm, lineView) {
-	  var cls = lineView.text.className
-	  var built = getLineContent(cm, lineView)
-	  if (lineView.text == lineView.node) { lineView.node = built.pre }
-	  lineView.text.parentNode.replaceChild(built.pre, lineView.text)
-	  lineView.text = built.pre
+	  var cls = lineView.text.className;
+	  var built = getLineContent(cm, lineView);
+	  if (lineView.text == lineView.node) { lineView.node = built.pre; }
+	  lineView.text.parentNode.replaceChild(built.pre, lineView.text);
+	  lineView.text = built.pre;
 	  if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) {
-	    lineView.bgClass = built.bgClass
-	    lineView.textClass = built.textClass
-	    updateLineClasses(lineView)
+	    lineView.bgClass = built.bgClass;
+	    lineView.textClass = built.textClass;
+	    updateLineClasses(cm, lineView);
 	  } else if (cls) {
-	    lineView.text.className = cls
+	    lineView.text.className = cls;
 	  }
 	}
 
-	function updateLineClasses(lineView) {
-	  updateLineBackground(lineView)
+	function updateLineClasses(cm, lineView) {
+	  updateLineBackground(cm, lineView);
 	  if (lineView.line.wrapClass)
-	    { ensureLineWrapped(lineView).className = lineView.line.wrapClass }
+	    { ensureLineWrapped(lineView).className = lineView.line.wrapClass; }
 	  else if (lineView.node != lineView.text)
-	    { lineView.node.className = "" }
-	  var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass
-	  lineView.text.className = textClass || ""
+	    { lineView.node.className = ""; }
+	  var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass;
+	  lineView.text.className = textClass || "";
 	}
 
 	function updateLineGutter(cm, lineView, lineN, dims) {
 	  if (lineView.gutter) {
-	    lineView.node.removeChild(lineView.gutter)
-	    lineView.gutter = null
+	    lineView.node.removeChild(lineView.gutter);
+	    lineView.gutter = null;
 	  }
 	  if (lineView.gutterBackground) {
-	    lineView.node.removeChild(lineView.gutterBackground)
-	    lineView.gutterBackground = null
+	    lineView.node.removeChild(lineView.gutterBackground);
+	    lineView.gutterBackground = null;
 	  }
 	  if (lineView.line.gutterClass) {
-	    var wrap = ensureLineWrapped(lineView)
+	    var wrap = ensureLineWrapped(lineView);
 	    lineView.gutterBackground = elt("div", null, "CodeMirror-gutter-background " + lineView.line.gutterClass,
-	                                    ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px; width: " + (dims.gutterTotalWidth) + "px"))
-	    wrap.insertBefore(lineView.gutterBackground, lineView.text)
+	                                    ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px; width: " + (dims.gutterTotalWidth) + "px"));
+	    cm.display.input.setUneditable(lineView.gutterBackground);
+	    wrap.insertBefore(lineView.gutterBackground, lineView.text);
 	  }
-	  var markers = lineView.line.gutterMarkers
+	  var markers = lineView.line.gutterMarkers;
 	  if (cm.options.lineNumbers || markers) {
-	    var wrap$1 = ensureLineWrapped(lineView)
-	    var gutterWrap = lineView.gutter = elt("div", null, "CodeMirror-gutter-wrapper", ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px"))
-	    cm.display.input.setUneditable(gutterWrap)
-	    wrap$1.insertBefore(gutterWrap, lineView.text)
+	    var wrap$1 = ensureLineWrapped(lineView);
+	    var gutterWrap = lineView.gutter = elt("div", null, "CodeMirror-gutter-wrapper", ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px"));
+	    cm.display.input.setUneditable(gutterWrap);
+	    wrap$1.insertBefore(gutterWrap, lineView.text);
 	    if (lineView.line.gutterClass)
-	      { gutterWrap.className += " " + lineView.line.gutterClass }
+	      { gutterWrap.className += " " + lineView.line.gutterClass; }
 	    if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"]))
 	      { lineView.lineNumber = gutterWrap.appendChild(
 	        elt("div", lineNumberFor(cm.options, lineN),
 	            "CodeMirror-linenumber CodeMirror-gutter-elt",
-	            ("left: " + (dims.gutterLeft["CodeMirror-linenumbers"]) + "px; width: " + (cm.display.lineNumInnerWidth) + "px"))) }
+	            ("left: " + (dims.gutterLeft["CodeMirror-linenumbers"]) + "px; width: " + (cm.display.lineNumInnerWidth) + "px"))); }
 	    if (markers) { for (var k = 0; k < cm.options.gutters.length; ++k) {
-	      var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id]
+	      var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id];
 	      if (found)
 	        { gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt",
-	                                   ("left: " + (dims.gutterLeft[id]) + "px; width: " + (dims.gutterWidth[id]) + "px"))) }
+	                                   ("left: " + (dims.gutterLeft[id]) + "px; width: " + (dims.gutterWidth[id]) + "px"))); }
 	    } }
 	  }
 	}
 
 	function updateLineWidgets(cm, lineView, dims) {
-	  if (lineView.alignable) { lineView.alignable = null }
+	  if (lineView.alignable) { lineView.alignable = null; }
 	  for (var node = lineView.node.firstChild, next = (void 0); node; node = next) {
-	    next = node.nextSibling
+	    next = node.nextSibling;
 	    if (node.className == "CodeMirror-linewidget")
-	      { lineView.node.removeChild(node) }
+	      { lineView.node.removeChild(node); }
 	  }
-	  insertLineWidgets(cm, lineView, dims)
+	  insertLineWidgets(cm, lineView, dims);
 	}
 
 	// Build a line's DOM representation from scratch
 	function buildLineElement(cm, lineView, lineN, dims) {
-	  var built = getLineContent(cm, lineView)
-	  lineView.text = lineView.node = built.pre
-	  if (built.bgClass) { lineView.bgClass = built.bgClass }
-	  if (built.textClass) { lineView.textClass = built.textClass }
-
-	  updateLineClasses(lineView)
-	  updateLineGutter(cm, lineView, lineN, dims)
-	  insertLineWidgets(cm, lineView, dims)
+	  var built = getLineContent(cm, lineView);
+	  lineView.text = lineView.node = built.pre;
+	  if (built.bgClass) { lineView.bgClass = built.bgClass; }
+	  if (built.textClass) { lineView.textClass = built.textClass; }
+
+	  updateLineClasses(cm, lineView);
+	  updateLineGutter(cm, lineView, lineN, dims);
+	  insertLineWidgets(cm, lineView, dims);
 	  return lineView.node
 	}
 
 	// A lineView may contain multiple logical lines (when merged by
 	// collapsed spans). The widgets for all of them need to be drawn.
 	function insertLineWidgets(cm, lineView, dims) {
-	  insertLineWidgetsFor(cm, lineView.line, lineView, dims, true)
+	  insertLineWidgetsFor(cm, lineView.line, lineView, dims, true);
 	  if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)
-	    { insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false) } }
+	    { insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false); } }
 	}
 
 	function insertLineWidgetsFor(cm, line, lineView, dims, allowAbove) {
 	  if (!line.widgets) { return }
-	  var wrap = ensureLineWrapped(lineView)
+	  var wrap = ensureLineWrapped(lineView);
 	  for (var i = 0, ws = line.widgets; i < ws.length; ++i) {
-	    var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget")
-	    if (!widget.handleMouseEvents) { node.setAttribute("cm-ignore-events", "true") }
-	    positionLineWidget(widget, node, lineView, dims)
-	    cm.display.input.setUneditable(node)
+	    var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget");
+	    if (!widget.handleMouseEvents) { node.setAttribute("cm-ignore-events", "true"); }
+	    positionLineWidget(widget, node, lineView, dims);
+	    cm.display.input.setUneditable(node);
 	    if (allowAbove && widget.above)
-	      { wrap.insertBefore(node, lineView.gutter || lineView.text) }
+	      { wrap.insertBefore(node, lineView.gutter || lineView.text); }
 	    else
-	      { wrap.appendChild(node) }
-	    signalLater(widget, "redraw")
+	      { wrap.appendChild(node); }
+	    signalLater(widget, "redraw");
 	  }
 	}
 
 	function positionLineWidget(widget, node, lineView, dims) {
 	  if (widget.noHScroll) {
-	    ;(lineView.alignable || (lineView.alignable = [])).push(node)
-	    var width = dims.wrapperWidth
-	    node.style.left = dims.fixedPos + "px"
+	    (lineView.alignable || (lineView.alignable = [])).push(node);
+	    var width = dims.wrapperWidth;
+	    node.style.left = dims.fixedPos + "px";
 	    if (!widget.coverGutter) {
-	      width -= dims.gutterTotalWidth
-	      node.style.paddingLeft = dims.gutterTotalWidth + "px"
+	      width -= dims.gutterTotalWidth;
+	      node.style.paddingLeft = dims.gutterTotalWidth + "px";
 	    }
-	    node.style.width = width + "px"
+	    node.style.width = width + "px";
 	  }
 	  if (widget.coverGutter) {
-	    node.style.zIndex = 5
-	    node.style.position = "relative"
-	    if (!widget.noHScroll) { node.style.marginLeft = -dims.gutterTotalWidth + "px" }
+	    node.style.zIndex = 5;
+	    node.style.position = "relative";
+	    if (!widget.noHScroll) { node.style.marginLeft = -dims.gutterTotalWidth + "px"; }
 	  }
 	}
 
 	function widgetHeight(widget) {
 	  if (widget.height != null) { return widget.height }
-	  var cm = widget.doc.cm
+	  var cm = widget.doc.cm;
 	  if (!cm) { return 0 }
 	  if (!contains(document.body, widget.node)) {
-	    var parentStyle = "position: relative;"
+	    var parentStyle = "position: relative;";
 	    if (widget.coverGutter)
-	      { parentStyle += "margin-left: -" + cm.display.gutters.offsetWidth + "px;" }
+	      { parentStyle += "margin-left: -" + cm.display.gutters.offsetWidth + "px;"; }
 	    if (widget.noHScroll)
-	      { parentStyle += "width: " + cm.display.wrapper.clientWidth + "px;" }
-	    removeChildrenAndAdd(cm.display.measure, elt("div", [widget.node], null, parentStyle))
+	      { parentStyle += "width: " + cm.display.wrapper.clientWidth + "px;"; }
+	    removeChildrenAndAdd(cm.display.measure, elt("div", [widget.node], null, parentStyle));
 	  }
 	  return widget.height = widget.node.parentNode.offsetHeight
 	}
@@ -24301,10 +26515,10 @@
 	function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight}
 	function paddingH(display) {
 	  if (display.cachedPaddingH) { return display.cachedPaddingH }
-	  var e = removeChildrenAndAdd(display.measure, elt("pre", "x"))
-	  var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle
-	  var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)}
-	  if (!isNaN(data.left) && !isNaN(data.right)) { display.cachedPaddingH = data }
+	  var e = removeChildrenAndAdd(display.measure, elt("pre", "x"));
+	  var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle;
+	  var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)};
+	  if (!isNaN(data.left) && !isNaN(data.right)) { display.cachedPaddingH = data; }
 	  return data
 	}
 
@@ -24321,20 +26535,20 @@
 	// line. When lineWrapping is on, there might be more than one
 	// height.
 	function ensureLineHeights(cm, lineView, rect) {
-	  var wrapping = cm.options.lineWrapping
-	  var curWidth = wrapping && displayWidth(cm)
+	  var wrapping = cm.options.lineWrapping;
+	  var curWidth = wrapping && displayWidth(cm);
 	  if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) {
-	    var heights = lineView.measure.heights = []
+	    var heights = lineView.measure.heights = [];
 	    if (wrapping) {
-	      lineView.measure.width = curWidth
-	      var rects = lineView.text.firstChild.getClientRects()
+	      lineView.measure.width = curWidth;
+	      var rects = lineView.text.firstChild.getClientRects();
 	      for (var i = 0; i < rects.length - 1; i++) {
-	        var cur = rects[i], next = rects[i + 1]
+	        var cur = rects[i], next = rects[i + 1];
 	        if (Math.abs(cur.bottom - next.bottom) > 2)
-	          { heights.push((cur.bottom + next.top) / 2 - rect.top) }
+	          { heights.push((cur.bottom + next.top) / 2 - rect.top); }
 	      }
 	    }
-	    heights.push(rect.bottom - rect.top)
+	    heights.push(rect.bottom - rect.top);
 	  }
 	}
 
@@ -24355,13 +26569,13 @@
 	// Render a line into the hidden node display.externalMeasured. Used
 	// when measurement is needed for a line that's not in the viewport.
 	function updateExternalMeasurement(cm, line) {
-	  line = visualLine(line)
-	  var lineN = lineNo(line)
-	  var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN)
-	  view.lineN = lineN
-	  var built = view.built = buildLineContent(cm, view)
-	  view.text = built.pre
-	  removeChildrenAndAdd(cm.display.lineMeasure, built.pre)
+	  line = visualLine(line);
+	  var lineN = lineNo(line);
+	  var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN);
+	  view.lineN = lineN;
+	  var built = view.built = buildLineContent(cm, view);
+	  view.text = built.pre;
+	  removeChildrenAndAdd(cm.display.lineMeasure, built.pre);
 	  return view
 	}
 
@@ -24375,7 +26589,7 @@
 	function findViewForLine(cm, lineN) {
 	  if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo)
 	    { return cm.display.view[findViewIndex(cm, lineN)] }
-	  var ext = cm.display.externalMeasured
+	  var ext = cm.display.externalMeasured;
 	  if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size)
 	    { return ext }
 	}
@@ -24386,18 +26600,18 @@
 	// measurements in a row, can thus ensure that the set-up work is
 	// only done once.
 	function prepareMeasureForLine(cm, line) {
-	  var lineN = lineNo(line)
-	  var view = findViewForLine(cm, lineN)
+	  var lineN = lineNo(line);
+	  var view = findViewForLine(cm, lineN);
 	  if (view && !view.text) {
-	    view = null
+	    view = null;
 	  } else if (view && view.changes) {
-	    updateLineForChanges(cm, view, lineN, getDimensions(cm))
-	    cm.curOp.forceUpdate = true
+	    updateLineForChanges(cm, view, lineN, getDimensions(cm));
+	    cm.curOp.forceUpdate = true;
 	  }
 	  if (!view)
-	    { view = updateExternalMeasurement(cm, line) }
+	    { view = updateExternalMeasurement(cm, line); }
 
-	  var info = mapFromLineView(view, line, lineN)
+	  var info = mapFromLineView(view, line, lineN);
 	  return {
 	    line: line, view: view, rect: null,
 	    map: info.map, cache: info.cache, before: info.before,
@@ -24408,58 +26622,58 @@
 	// Given a prepared measurement object, measures the position of an
 	// actual character (or fetches it from the cache).
 	function measureCharPrepared(cm, prepared, ch, bias, varHeight) {
-	  if (prepared.before) { ch = -1 }
-	  var key = ch + (bias || ""), found
+	  if (prepared.before) { ch = -1; }
+	  var key = ch + (bias || ""), found;
 	  if (prepared.cache.hasOwnProperty(key)) {
-	    found = prepared.cache[key]
+	    found = prepared.cache[key];
 	  } else {
 	    if (!prepared.rect)
-	      { prepared.rect = prepared.view.text.getBoundingClientRect() }
+	      { prepared.rect = prepared.view.text.getBoundingClientRect(); }
 	    if (!prepared.hasHeights) {
-	      ensureLineHeights(cm, prepared.view, prepared.rect)
-	      prepared.hasHeights = true
+	      ensureLineHeights(cm, prepared.view, prepared.rect);
+	      prepared.hasHeights = true;
 	    }
-	    found = measureCharInner(cm, prepared, ch, bias)
-	    if (!found.bogus) { prepared.cache[key] = found }
+	    found = measureCharInner(cm, prepared, ch, bias);
+	    if (!found.bogus) { prepared.cache[key] = found; }
 	  }
 	  return {left: found.left, right: found.right,
 	          top: varHeight ? found.rtop : found.top,
 	          bottom: varHeight ? found.rbottom : found.bottom}
 	}
 
-	var nullRect = {left: 0, right: 0, top: 0, bottom: 0}
+	var nullRect = {left: 0, right: 0, top: 0, bottom: 0};
 
-	function nodeAndOffsetInLineMap(map, ch, bias) {
-	  var node, start, end, collapse, mStart, mEnd
+	function nodeAndOffsetInLineMap(map$$1, ch, bias) {
+	  var node, start, end, collapse, mStart, mEnd;
 	  // First, search the line map for the text node corresponding to,
 	  // or closest to, the target character.
-	  for (var i = 0; i < map.length; i += 3) {
-	    mStart = map[i]
-	    mEnd = map[i + 1]
+	  for (var i = 0; i < map$$1.length; i += 3) {
+	    mStart = map$$1[i];
+	    mEnd = map$$1[i + 1];
 	    if (ch < mStart) {
-	      start = 0; end = 1
-	      collapse = "left"
+	      start = 0; end = 1;
+	      collapse = "left";
 	    } else if (ch < mEnd) {
-	      start = ch - mStart
-	      end = start + 1
-	    } else if (i == map.length - 3 || ch == mEnd && map[i + 3] > ch) {
-	      end = mEnd - mStart
-	      start = end - 1
-	      if (ch >= mEnd) { collapse = "right" }
+	      start = ch - mStart;
+	      end = start + 1;
+	    } else if (i == map$$1.length - 3 || ch == mEnd && map$$1[i + 3] > ch) {
+	      end = mEnd - mStart;
+	      start = end - 1;
+	      if (ch >= mEnd) { collapse = "right"; }
 	    }
 	    if (start != null) {
-	      node = map[i + 2]
+	      node = map$$1[i + 2];
 	      if (mStart == mEnd && bias == (node.insertLeft ? "left" : "right"))
-	        { collapse = bias }
+	        { collapse = bias; }
 	      if (bias == "left" && start == 0)
-	        { while (i && map[i - 2] == map[i - 3] && map[i - 1].insertLeft) {
-	          node = map[(i -= 3) + 2]
-	          collapse = "left"
+	        { while (i && map$$1[i - 2] == map$$1[i - 3] && map$$1[i - 1].insertLeft) {
+	          node = map$$1[(i -= 3) + 2];
+	          collapse = "left";
 	        } }
 	      if (bias == "right" && start == mEnd - mStart)
-	        { while (i < map.length - 3 && map[i + 3] == map[i + 4] && !map[i + 5].insertLeft) {
-	          node = map[(i += 3) + 2]
-	          collapse = "right"
+	        { while (i < map$$1.length - 3 && map$$1[i + 3] == map$$1[i + 4] && !map$$1[i + 5].insertLeft) {
+	          node = map$$1[(i += 3) + 2];
+	          collapse = "right";
 	        } }
 	      break
 	    }
@@ -24468,7 +26682,7 @@
 	}
 
 	function getUsefulRect(rects, bias) {
-	  var rect = nullRect
+	  var rect = nullRect;
 	  if (bias == "left") { for (var i = 0; i < rects.length; i++) {
 	    if ((rect = rects[i]).left != rect.right) { break }
 	  } } else { for (var i$1 = rects.length - 1; i$1 >= 0; i$1--) {
@@ -24478,52 +26692,52 @@
 	}
 
 	function measureCharInner(cm, prepared, ch, bias) {
-	  var place = nodeAndOffsetInLineMap(prepared.map, ch, bias)
-	  var node = place.node, start = place.start, end = place.end, collapse = place.collapse
+	  var place = nodeAndOffsetInLineMap(prepared.map, ch, bias);
+	  var node = place.node, start = place.start, end = place.end, collapse = place.collapse;
 
-	  var rect
+	  var rect;
 	  if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates.
 	    for (var i$1 = 0; i$1 < 4; i$1++) { // Retry a maximum of 4 times when nonsense rectangles are returned
-	      while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) { --start }
-	      while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) { ++end }
+	      while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) { --start; }
+	      while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) { ++end; }
 	      if (ie && ie_version < 9 && start == 0 && end == place.coverEnd - place.coverStart)
-	        { rect = node.parentNode.getBoundingClientRect() }
+	        { rect = node.parentNode.getBoundingClientRect(); }
 	      else
-	        { rect = getUsefulRect(range(node, start, end).getClientRects(), bias) }
+	        { rect = getUsefulRect(range(node, start, end).getClientRects(), bias); }
 	      if (rect.left || rect.right || start == 0) { break }
-	      end = start
-	      start = start - 1
-	      collapse = "right"
+	      end = start;
+	      start = start - 1;
+	      collapse = "right";
 	    }
-	    if (ie && ie_version < 11) { rect = maybeUpdateRectForZooming(cm.display.measure, rect) }
+	    if (ie && ie_version < 11) { rect = maybeUpdateRectForZooming(cm.display.measure, rect); }
 	  } else { // If it is a widget, simply get the box for the whole widget.
-	    if (start > 0) { collapse = bias = "right" }
-	    var rects
+	    if (start > 0) { collapse = bias = "right"; }
+	    var rects;
 	    if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1)
-	      { rect = rects[bias == "right" ? rects.length - 1 : 0] }
+	      { rect = rects[bias == "right" ? rects.length - 1 : 0]; }
 	    else
-	      { rect = node.getBoundingClientRect() }
+	      { rect = node.getBoundingClientRect(); }
 	  }
 	  if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) {
-	    var rSpan = node.parentNode.getClientRects()[0]
+	    var rSpan = node.parentNode.getClientRects()[0];
 	    if (rSpan)
-	      { rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom} }
+	      { rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom}; }
 	    else
-	      { rect = nullRect }
+	      { rect = nullRect; }
 	  }
 
-	  var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top
-	  var mid = (rtop + rbot) / 2
-	  var heights = prepared.view.measure.heights
-	  var i = 0
+	  var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top;
+	  var mid = (rtop + rbot) / 2;
+	  var heights = prepared.view.measure.heights;
+	  var i = 0;
 	  for (; i < heights.length - 1; i++)
 	    { if (mid < heights[i]) { break } }
-	  var top = i ? heights[i - 1] : 0, bot = heights[i]
+	  var top = i ? heights[i - 1] : 0, bot = heights[i];
 	  var result = {left: (collapse == "right" ? rect.right : rect.left) - prepared.rect.left,
 	                right: (collapse == "left" ? rect.left : rect.right) - prepared.rect.left,
-	                top: top, bottom: bot}
-	  if (!rect.left && !rect.right) { result.bogus = true }
-	  if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot }
+	                top: top, bottom: bot};
+	  if (!rect.left && !rect.right) { result.bogus = true; }
+	  if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; }
 
 	  return result
 	}
@@ -24534,59 +26748,75 @@
 	  if (!window.screen || screen.logicalXDPI == null ||
 	      screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure))
 	    { return rect }
-	  var scaleX = screen.logicalXDPI / screen.deviceXDPI
-	  var scaleY = screen.logicalYDPI / screen.deviceYDPI
+	  var scaleX = screen.logicalXDPI / screen.deviceXDPI;
+	  var scaleY = screen.logicalYDPI / screen.deviceYDPI;
 	  return {left: rect.left * scaleX, right: rect.right * scaleX,
 	          top: rect.top * scaleY, bottom: rect.bottom * scaleY}
 	}
 
 	function clearLineMeasurementCacheFor(lineView) {
 	  if (lineView.measure) {
-	    lineView.measure.cache = {}
-	    lineView.measure.heights = null
+	    lineView.measure.cache = {};
+	    lineView.measure.heights = null;
 	    if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)
-	      { lineView.measure.caches[i] = {} } }
+	      { lineView.measure.caches[i] = {}; } }
 	  }
 	}
 
 	function clearLineMeasurementCache(cm) {
-	  cm.display.externalMeasure = null
-	  removeChildren(cm.display.lineMeasure)
+	  cm.display.externalMeasure = null;
+	  removeChildren(cm.display.lineMeasure);
 	  for (var i = 0; i < cm.display.view.length; i++)
-	    { clearLineMeasurementCacheFor(cm.display.view[i]) }
+	    { clearLineMeasurementCacheFor(cm.display.view[i]); }
 	}
 
 	function clearCaches(cm) {
-	  clearLineMeasurementCache(cm)
-	  cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null
-	  if (!cm.options.lineWrapping) { cm.display.maxLineChanged = true }
-	  cm.display.lineNumChars = null
+	  clearLineMeasurementCache(cm);
+	  cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null;
+	  if (!cm.options.lineWrapping) { cm.display.maxLineChanged = true; }
+	  cm.display.lineNumChars = null;
+	}
+
+	function pageScrollX() {
+	  // Work around https://bugs.chromium.org/p/chromium/issues/detail?id=489206
+	  // which causes page_Offset and bounding client rects to use
+	  // different reference viewports and invalidate our calculations.
+	  if (chrome && android) { return -(document.body.getBoundingClientRect().left - parseInt(getComputedStyle(document.body).marginLeft)) }
+	  return window.pageXOffset || (document.documentElement || document.body).scrollLeft
+	}
+	function pageScrollY() {
+	  if (chrome && android) { return -(document.body.getBoundingClientRect().top - parseInt(getComputedStyle(document.body).marginTop)) }
+	  return window.pageYOffset || (document.documentElement || document.body).scrollTop
 	}
 
-	function pageScrollX() { return window.pageXOffset || (document.documentElement || document.body).scrollLeft }
-	function pageScrollY() { return window.pageYOffset || (document.documentElement || document.body).scrollTop }
+	function widgetTopHeight(lineObj) {
+	  var height = 0;
+	  if (lineObj.widgets) { for (var i = 0; i < lineObj.widgets.length; ++i) { if (lineObj.widgets[i].above)
+	    { height += widgetHeight(lineObj.widgets[i]); } } }
+	  return height
+	}
 
 	// Converts a {top, bottom, left, right} box from line-local
 	// coordinates into another coordinate system. Context may be one of
 	// "line", "div" (display.lineDiv), "local"./null (editor), "window",
 	// or "page".
 	function intoCoordSystem(cm, lineObj, rect, context, includeWidgets) {
-	  if (!includeWidgets && lineObj.widgets) { for (var i = 0; i < lineObj.widgets.length; ++i) { if (lineObj.widgets[i].above) {
-	    var size = widgetHeight(lineObj.widgets[i])
-	    rect.top += size; rect.bottom += size
-	  } } }
+	  if (!includeWidgets) {
+	    var height = widgetTopHeight(lineObj);
+	    rect.top += height; rect.bottom += height;
+	  }
 	  if (context == "line") { return rect }
-	  if (!context) { context = "local" }
-	  var yOff = heightAtLine(lineObj)
-	  if (context == "local") { yOff += paddingTop(cm.display) }
-	  else { yOff -= cm.display.viewOffset }
+	  if (!context) { context = "local"; }
+	  var yOff = heightAtLine(lineObj);
+	  if (context == "local") { yOff += paddingTop(cm.display); }
+	  else { yOff -= cm.display.viewOffset; }
 	  if (context == "page" || context == "window") {
-	    var lOff = cm.display.lineSpace.getBoundingClientRect()
-	    yOff += lOff.top + (context == "window" ? 0 : pageScrollY())
-	    var xOff = lOff.left + (context == "window" ? 0 : pageScrollX())
-	    rect.left += xOff; rect.right += xOff
+	    var lOff = cm.display.lineSpace.getBoundingClientRect();
+	    yOff += lOff.top + (context == "window" ? 0 : pageScrollY());
+	    var xOff = lOff.left + (context == "window" ? 0 : pageScrollX());
+	    rect.left += xOff; rect.right += xOff;
 	  }
-	  rect.top += yOff; rect.bottom += yOff
+	  rect.top += yOff; rect.bottom += yOff;
 	  return rect
 	}
 
@@ -24594,67 +26824,79 @@
 	// Context may be "window", "page", "div", or "local"./null.
 	function fromCoordSystem(cm, coords, context) {
 	  if (context == "div") { return coords }
-	  var left = coords.left, top = coords.top
+	  var left = coords.left, top = coords.top;
 	  // First move into "page" coordinate system
 	  if (context == "page") {
-	    left -= pageScrollX()
-	    top -= pageScrollY()
+	    left -= pageScrollX();
+	    top -= pageScrollY();
 	  } else if (context == "local" || !context) {
-	    var localBox = cm.display.sizer.getBoundingClientRect()
-	    left += localBox.left
-	    top += localBox.top
+	    var localBox = cm.display.sizer.getBoundingClientRect();
+	    left += localBox.left;
+	    top += localBox.top;
 	  }
 
-	  var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect()
+	  var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect();
 	  return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top}
 	}
 
 	function charCoords(cm, pos, context, lineObj, bias) {
-	  if (!lineObj) { lineObj = getLine(cm.doc, pos.line) }
+	  if (!lineObj) { lineObj = getLine(cm.doc, pos.line); }
 	  return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context)
 	}
 
 	// Returns a box for a given cursor position, which may have an
 	// 'other' property containing the position of the secondary cursor
 	// on a bidi boundary.
+	// A cursor Pos(line, char, "before") is on the same visual line as `char - 1`
+	// and after `char - 1` in writing order of `char - 1`
+	// A cursor Pos(line, char, "after") is on the same visual line as `char`
+	// and before `char` in writing order of `char`
+	// Examples (upper-case letters are RTL, lower-case are LTR):
+	//     Pos(0, 1, ...)
+	//     before   after
+	// ab     a|b     a|b
+	// aB     a|B     aB|
+	// Ab     |Ab     A|b
+	// AB     B|A     B|A
+	// Every position after the last character on a line is considered to stick
+	// to the last character on the line.
 	function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) {
-	  lineObj = lineObj || getLine(cm.doc, pos.line)
-	  if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj) }
+	  lineObj = lineObj || getLine(cm.doc, pos.line);
+	  if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }
 	  function get(ch, right) {
-	    var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight)
-	    if (right) { m.left = m.right; } else { m.right = m.left }
+	    var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight);
+	    if (right) { m.left = m.right; } else { m.right = m.left; }
 	    return intoCoordSystem(cm, lineObj, m, context)
 	  }
-	  function getBidi(ch, partPos) {
-	    var part = order[partPos], right = part.level % 2
-	    if (ch == bidiLeft(part) && partPos && part.level < order[partPos - 1].level) {
-	      part = order[--partPos]
-	      ch = bidiRight(part) - (part.level % 2 ? 0 : 1)
-	      right = true
-	    } else if (ch == bidiRight(part) && partPos < order.length - 1 && part.level < order[partPos + 1].level) {
-	      part = order[++partPos]
-	      ch = bidiLeft(part) - part.level % 2
-	      right = false
-	    }
-	    if (right && ch == part.to && ch > part.from) { return get(ch - 1) }
-	    return get(ch, right)
-	  }
-	  var order = getOrder(lineObj), ch = pos.ch
-	  if (!order) { return get(ch) }
-	  var partPos = getBidiPartAt(order, ch)
-	  var val = getBidi(ch, partPos)
-	  if (bidiOther != null) { val.other = getBidi(ch, bidiOther) }
+	  var order = getOrder(lineObj, cm.doc.direction), ch = pos.ch, sticky = pos.sticky;
+	  if (ch >= lineObj.text.length) {
+	    ch = lineObj.text.length;
+	    sticky = "before";
+	  } else if (ch <= 0) {
+	    ch = 0;
+	    sticky = "after";
+	  }
+	  if (!order) { return get(sticky == "before" ? ch - 1 : ch, sticky == "before") }
+
+	  function getBidi(ch, partPos, invert) {
+	    var part = order[partPos], right = part.level == 1;
+	    return get(invert ? ch - 1 : ch, right != invert)
+	  }
+	  var partPos = getBidiPartAt(order, ch, sticky);
+	  var other = bidiOther;
+	  var val = getBidi(ch, partPos, sticky == "before");
+	  if (other != null) { val.other = getBidi(ch, other, sticky != "before"); }
 	  return val
 	}
 
 	// Used to cheaply estimate the coordinates for a position. Used for
 	// intermediate scroll updates.
 	function estimateCoords(cm, pos) {
-	  var left = 0
-	  pos = clipPos(cm.doc, pos)
-	  if (!cm.options.lineWrapping) { left = charWidth(cm.display) * pos.ch }
-	  var lineObj = getLine(cm.doc, pos.line)
-	  var top = heightAtLine(lineObj) + paddingTop(cm.display)
+	  var left = 0;
+	  pos = clipPos(cm.doc, pos);
+	  if (!cm.options.lineWrapping) { left = charWidth(cm.display) * pos.ch; }
+	  var lineObj = getLine(cm.doc, pos.line);
+	  var top = heightAtLine(lineObj) + paddingTop(cm.display);
 	  return {left: left, right: left, top: top, bottom: top + lineObj.height}
 	}
 
@@ -24664,129 +26906,219 @@
 	// the right of the character position, for example). When outside
 	// is true, that means the coordinates lie outside the line's
 	// vertical range.
-	function PosWithInfo(line, ch, outside, xRel) {
-	  var pos = Pos(line, ch)
-	  pos.xRel = xRel
-	  if (outside) { pos.outside = true }
+	function PosWithInfo(line, ch, sticky, outside, xRel) {
+	  var pos = Pos(line, ch, sticky);
+	  pos.xRel = xRel;
+	  if (outside) { pos.outside = true; }
 	  return pos
 	}
 
 	// Compute the character position closest to the given coordinates.
 	// Input must be lineSpace-local ("div" coordinate system).
 	function coordsChar(cm, x, y) {
-	  var doc = cm.doc
-	  y += cm.display.viewOffset
-	  if (y < 0) { return PosWithInfo(doc.first, 0, true, -1) }
-	  var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1
+	  var doc = cm.doc;
+	  y += cm.display.viewOffset;
+	  if (y < 0) { return PosWithInfo(doc.first, 0, null, true, -1) }
+	  var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1;
 	  if (lineN > last)
-	    { return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, true, 1) }
-	  if (x < 0) { x = 0 }
+	    { return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, null, true, 1) }
+	  if (x < 0) { x = 0; }
 
-	  var lineObj = getLine(doc, lineN)
+	  var lineObj = getLine(doc, lineN);
 	  for (;;) {
-	    var found = coordsCharInner(cm, lineObj, lineN, x, y)
-	    var merged = collapsedSpanAtEnd(lineObj)
-	    var mergedPos = merged && merged.find(0, true)
-	    if (merged && (found.ch > mergedPos.from.ch || found.ch == mergedPos.from.ch && found.xRel > 0))
-	      { lineN = lineNo(lineObj = mergedPos.to.line) }
-	    else
-	      { return found }
+	    var found = coordsCharInner(cm, lineObj, lineN, x, y);
+	    var collapsed = collapsedSpanAround(lineObj, found.ch + (found.xRel > 0 ? 1 : 0));
+	    if (!collapsed) { return found }
+	    var rangeEnd = collapsed.find(1);
+	    if (rangeEnd.line == lineN) { return rangeEnd }
+	    lineObj = getLine(doc, lineN = rangeEnd.line);
 	  }
 	}
 
-	function coordsCharInner(cm, lineObj, lineNo, x, y) {
-	  var innerOff = y - heightAtLine(lineObj)
-	  var wrongLine = false, adjust = 2 * cm.display.wrapper.clientWidth
-	  var preparedMeasure = prepareMeasureForLine(cm, lineObj)
-
-	  function getX(ch) {
-	    var sp = cursorCoords(cm, Pos(lineNo, ch), "line", lineObj, preparedMeasure)
-	    wrongLine = true
-	    if (innerOff > sp.bottom) { return sp.left - adjust }
-	    else if (innerOff < sp.top) { return sp.left + adjust }
-	    else { wrongLine = false }
-	    return sp.left
-	  }
+	function wrappedLineExtent(cm, lineObj, preparedMeasure, y) {
+	  y -= widgetTopHeight(lineObj);
+	  var end = lineObj.text.length;
+	  var begin = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch - 1).bottom <= y; }, end, 0);
+	  end = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch).top > y; }, begin, end);
+	  return {begin: begin, end: end}
+	}
 
-	  var bidi = getOrder(lineObj), dist = lineObj.text.length
-	  var from = lineLeft(lineObj), to = lineRight(lineObj)
-	  var fromX = getX(from), fromOutside = wrongLine, toX = getX(to), toOutside = wrongLine
+	function wrappedLineExtentChar(cm, lineObj, preparedMeasure, target) {
+	  if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }
+	  var targetTop = intoCoordSystem(cm, lineObj, measureCharPrepared(cm, preparedMeasure, target), "line").top;
+	  return wrappedLineExtent(cm, lineObj, preparedMeasure, targetTop)
+	}
 
-	  if (x > toX) { return PosWithInfo(lineNo, to, toOutside, 1) }
-	  // Do a binary search between these bounds.
-	  for (;;) {
-	    if (bidi ? to == from || to == moveVisually(lineObj, from, 1) : to - from <= 1) {
-	      var ch = x < fromX || x - fromX <= toX - x ? from : to
-	      var outside = ch == from ? fromOutside : toOutside
-	      var xDiff = x - (ch == from ? fromX : toX)
-	      // This is a kludge to handle the case where the coordinates
-	      // are after a line-wrapped line. We should replace it with a
-	      // more general handling of cursor positions around line
-	      // breaks. (Issue #4078)
-	      if (toOutside && !bidi && !/\s/.test(lineObj.text.charAt(ch)) && xDiff > 0 &&
-	          ch < lineObj.text.length && preparedMeasure.view.measure.heights.length > 1) {
-	        var charSize = measureCharPrepared(cm, preparedMeasure, ch, "right")
-	        if (innerOff <= charSize.bottom && innerOff >= charSize.top && Math.abs(x - charSize.right) < xDiff) {
-	          outside = false
-	          ch++
-	          xDiff = x - charSize.right
-	        }
-	      }
-	      while (isExtendingChar(lineObj.text.charAt(ch))) { ++ch }
-	      var pos = PosWithInfo(lineNo, ch, outside, xDiff < -1 ? -1 : xDiff > 1 ? 1 : 0)
-	      return pos
-	    }
-	    var step = Math.ceil(dist / 2), middle = from + step
-	    if (bidi) {
-	      middle = from
-	      for (var i = 0; i < step; ++i) { middle = moveVisually(lineObj, middle, 1) }
-	    }
-	    var middleX = getX(middle)
-	    if (middleX > x) {to = middle; toX = middleX; if (toOutside = wrongLine) { toX += 1000; } dist = step}
-	    else {from = middle; fromX = middleX; fromOutside = wrongLine; dist -= step}
-	  }
+	// Returns true if the given side of a box is after the given
+	// coordinates, in top-to-bottom, left-to-right order.
+	function boxIsAfter(box, x, y, left) {
+	  return box.bottom <= y ? false : box.top > y ? true : (left ? box.left : box.right) > x
 	}
 
-	var measureText
+	function coordsCharInner(cm, lineObj, lineNo$$1, x, y) {
+	  // Move y into line-local coordinate space
+	  y -= heightAtLine(lineObj);
+	  var preparedMeasure = prepareMeasureForLine(cm, lineObj);
+	  // When directly calling `measureCharPrepared`, we have to adjust
+	  // for the widgets at this line.
+	  var widgetHeight$$1 = widgetTopHeight(lineObj);
+	  var begin = 0, end = lineObj.text.length, ltr = true;
+
+	  var order = getOrder(lineObj, cm.doc.direction);
+	  // If the line isn't plain left-to-right text, first figure out
+	  // which bidi section the coordinates fall into.
+	  if (order) {
+	    var part = (cm.options.lineWrapping ? coordsBidiPartWrapped : coordsBidiPart)
+	                 (cm, lineObj, lineNo$$1, preparedMeasure, order, x, y);
+	    ltr = part.level != 1;
+	    // The awkward -1 offsets are needed because findFirst (called
+	    // on these below) will treat its first bound as inclusive,
+	    // second as exclusive, but we want to actually address the
+	    // characters in the part's range
+	    begin = ltr ? part.from : part.to - 1;
+	    end = ltr ? part.to : part.from - 1;
+	  }
+
+	  // A binary search to find the first character whose bounding box
+	  // starts after the coordinates. If we run across any whose box wrap
+	  // the coordinates, store that.
+	  var chAround = null, boxAround = null;
+	  var ch = findFirst(function (ch) {
+	    var box = measureCharPrepared(cm, preparedMeasure, ch);
+	    box.top += widgetHeight$$1; box.bottom += widgetHeight$$1;
+	    if (!boxIsAfter(box, x, y, false)) { return false }
+	    if (box.top <= y && box.left <= x) {
+	      chAround = ch;
+	      boxAround = box;
+	    }
+	    return true
+	  }, begin, end);
+
+	  var baseX, sticky, outside = false;
+	  // If a box around the coordinates was found, use that
+	  if (boxAround) {
+	    // Distinguish coordinates nearer to the left or right side of the box
+	    var atLeft = x - boxAround.left < boxAround.right - x, atStart = atLeft == ltr;
+	    ch = chAround + (atStart ? 0 : 1);
+	    sticky = atStart ? "after" : "before";
+	    baseX = atLeft ? boxAround.left : boxAround.right;
+	  } else {
+	    // (Adjust for extended bound, if necessary.)
+	    if (!ltr && (ch == end || ch == begin)) { ch++; }
+	    // To determine which side to associate with, get the box to the
+	    // left of the character and compare it's vertical position to the
+	    // coordinates
+	    sticky = ch == 0 ? "after" : ch == lineObj.text.length ? "before" :
+	      (measureCharPrepared(cm, preparedMeasure, ch - (ltr ? 1 : 0)).bottom + widgetHeight$$1 <= y) == ltr ?
+	      "after" : "before";
+	    // Now get accurate coordinates for this place, in order to get a
+	    // base X position
+	    var coords = cursorCoords(cm, Pos(lineNo$$1, ch, sticky), "line", lineObj, preparedMeasure);
+	    baseX = coords.left;
+	    outside = y < coords.top || y >= coords.bottom;
+	  }
+
+	  ch = skipExtendingChars(lineObj.text, ch, 1);
+	  return PosWithInfo(lineNo$$1, ch, sticky, outside, x - baseX)
+	}
+
+	function coordsBidiPart(cm, lineObj, lineNo$$1, preparedMeasure, order, x, y) {
+	  // Bidi parts are sorted left-to-right, and in a non-line-wrapping
+	  // situation, we can take this ordering to correspond to the visual
+	  // ordering. This finds the first part whose end is after the given
+	  // coordinates.
+	  var index = findFirst(function (i) {
+	    var part = order[i], ltr = part.level != 1;
+	    return boxIsAfter(cursorCoords(cm, Pos(lineNo$$1, ltr ? part.to : part.from, ltr ? "before" : "after"),
+	                                   "line", lineObj, preparedMeasure), x, y, true)
+	  }, 0, order.length - 1);
+	  var part = order[index];
+	  // If this isn't the first part, the part's start is also after
+	  // the coordinates, and the coordinates aren't on the same line as
+	  // that start, move one part back.
+	  if (index > 0) {
+	    var ltr = part.level != 1;
+	    var start = cursorCoords(cm, Pos(lineNo$$1, ltr ? part.from : part.to, ltr ? "after" : "before"),
+	                             "line", lineObj, preparedMeasure);
+	    if (boxIsAfter(start, x, y, true) && start.top > y)
+	      { part = order[index - 1]; }
+	  }
+	  return part
+	}
+
+	function coordsBidiPartWrapped(cm, lineObj, _lineNo, preparedMeasure, order, x, y) {
+	  // In a wrapped line, rtl text on wrapping boundaries can do things
+	  // that don't correspond to the ordering in our `order` array at
+	  // all, so a binary search doesn't work, and we want to return a
+	  // part that only spans one line so that the binary search in
+	  // coordsCharInner is safe. As such, we first find the extent of the
+	  // wrapped line, and then do a flat search in which we discard any
+	  // spans that aren't on the line.
+	  var ref = wrappedLineExtent(cm, lineObj, preparedMeasure, y);
+	  var begin = ref.begin;
+	  var end = ref.end;
+	  if (/\s/.test(lineObj.text.charAt(end - 1))) { end--; }
+	  var part = null, closestDist = null;
+	  for (var i = 0; i < order.length; i++) {
+	    var p = order[i];
+	    if (p.from >= end || p.to <= begin) { continue }
+	    var ltr = p.level != 1;
+	    var endX = measureCharPrepared(cm, preparedMeasure, ltr ? Math.min(end, p.to) - 1 : Math.max(begin, p.from)).right;
+	    // Weigh against spans ending before this, so that they are only
+	    // picked if nothing ends after
+	    var dist = endX < x ? x - endX + 1e9 : endX - x;
+	    if (!part || closestDist > dist) {
+	      part = p;
+	      closestDist = dist;
+	    }
+	  }
+	  if (!part) { part = order[order.length - 1]; }
+	  // Clip the part to the wrapped line.
+	  if (part.from < begin) { part = {from: begin, to: part.to, level: part.level}; }
+	  if (part.to > end) { part = {from: part.from, to: end, level: part.level}; }
+	  return part
+	}
+
+	var measureText;
 	// Compute the default text height.
 	function textHeight(display) {
 	  if (display.cachedTextHeight != null) { return display.cachedTextHeight }
 	  if (measureText == null) {
-	    measureText = elt("pre")
+	    measureText = elt("pre");
 	    // Measure a bunch of lines, for browsers that compute
 	    // fractional heights.
 	    for (var i = 0; i < 49; ++i) {
-	      measureText.appendChild(document.createTextNode("x"))
-	      measureText.appendChild(elt("br"))
+	      measureText.appendChild(document.createTextNode("x"));
+	      measureText.appendChild(elt("br"));
 	    }
-	    measureText.appendChild(document.createTextNode("x"))
+	    measureText.appendChild(document.createTextNode("x"));
 	  }
-	  removeChildrenAndAdd(display.measure, measureText)
-	  var height = measureText.offsetHeight / 50
-	  if (height > 3) { display.cachedTextHeight = height }
-	  removeChildren(display.measure)
+	  removeChildrenAndAdd(display.measure, measureText);
+	  var height = measureText.offsetHeight / 50;
+	  if (height > 3) { display.cachedTextHeight = height; }
+	  removeChildren(display.measure);
 	  return height || 1
 	}
 
 	// Compute the default character width.
 	function charWidth(display) {
 	  if (display.cachedCharWidth != null) { return display.cachedCharWidth }
-	  var anchor = elt("span", "xxxxxxxxxx")
-	  var pre = elt("pre", [anchor])
-	  removeChildrenAndAdd(display.measure, pre)
-	  var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10
-	  if (width > 2) { display.cachedCharWidth = width }
+	  var anchor = elt("span", "xxxxxxxxxx");
+	  var pre = elt("pre", [anchor]);
+	  removeChildrenAndAdd(display.measure, pre);
+	  var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10;
+	  if (width > 2) { display.cachedCharWidth = width; }
 	  return width || 10
 	}
 
 	// Do a bulk-read of the DOM positions and sizes needed to draw the
 	// view, so that we don't interleave reading and writing to the DOM.
 	function getDimensions(cm) {
-	  var d = cm.display, left = {}, width = {}
-	  var gutterLeft = d.gutters.clientLeft
+	  var d = cm.display, left = {}, width = {};
+	  var gutterLeft = d.gutters.clientLeft;
 	  for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) {
-	    left[cm.options.gutters[i]] = n.offsetLeft + n.clientLeft + gutterLeft
-	    width[cm.options.gutters[i]] = n.clientWidth
+	    left[cm.options.gutters[i]] = n.offsetLeft + n.clientLeft + gutterLeft;
+	    width[cm.options.gutters[i]] = n.clientWidth;
 	  }
 	  return {fixedPos: compensateForHScroll(d),
 	          gutterTotalWidth: d.gutters.offsetWidth,
@@ -24806,14 +27138,14 @@
 	// first approximation until the line becomes visible (and is thus
 	// properly measurable).
 	function estimateHeight(cm) {
-	  var th = textHeight(cm.display), wrapping = cm.options.lineWrapping
-	  var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3)
+	  var th = textHeight(cm.display), wrapping = cm.options.lineWrapping;
+	  var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3);
 	  return function (line) {
 	    if (lineIsHidden(cm.doc, line)) { return 0 }
 
-	    var widgetsHeight = 0
+	    var widgetsHeight = 0;
 	    if (line.widgets) { for (var i = 0; i < line.widgets.length; i++) {
-	      if (line.widgets[i].height) { widgetsHeight += line.widgets[i].height }
+	      if (line.widgets[i].height) { widgetsHeight += line.widgets[i].height; }
 	    } }
 
 	    if (wrapping)
@@ -24824,11 +27156,11 @@
 	}
 
 	function estimateLineHeights(cm) {
-	  var doc = cm.doc, est = estimateHeight(cm)
+	  var doc = cm.doc, est = estimateHeight(cm);
 	  doc.iter(function (line) {
-	    var estHeight = est(line)
-	    if (estHeight != line.height) { updateLineHeight(line, estHeight) }
-	  })
+	    var estHeight = est(line);
+	    if (estHeight != line.height) { updateLineHeight(line, estHeight); }
+	  });
 	}
 
 	// Given a mouse event, find the corresponding position. If liberal
@@ -24837,17 +27169,17 @@
 	// selections, and tries to estimate a character position even for
 	// coordinates beyond the right of the text.
 	function posFromMouse(cm, e, liberal, forRect) {
-	  var display = cm.display
+	  var display = cm.display;
 	  if (!liberal && e_target(e).getAttribute("cm-not-content") == "true") { return null }
 
-	  var x, y, space = display.lineSpace.getBoundingClientRect()
+	  var x, y, space = display.lineSpace.getBoundingClientRect();
 	  // Fails unpredictably on IE[67] when mouse is dragged around quickly.
-	  try { x = e.clientX - space.left; y = e.clientY - space.top }
+	  try { x = e.clientX - space.left; y = e.clientY - space.top; }
 	  catch (e) { return null }
-	  var coords = coordsChar(cm, x, y), line
+	  var coords = coordsChar(cm, x, y), line;
 	  if (forRect && coords.xRel == 1 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) {
-	    var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length
-	    coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff))
+	    var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length;
+	    coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff));
 	  }
 	  return coords
 	}
@@ -24856,206 +27188,290 @@
 	// when the line isn't visible.
 	function findViewIndex(cm, n) {
 	  if (n >= cm.display.viewTo) { return null }
-	  n -= cm.display.viewFrom
+	  n -= cm.display.viewFrom;
 	  if (n < 0) { return null }
-	  var view = cm.display.view
+	  var view = cm.display.view;
 	  for (var i = 0; i < view.length; i++) {
-	    n -= view[i].size
+	    n -= view[i].size;
 	    if (n < 0) { return i }
 	  }
 	}
 
 	function updateSelection(cm) {
-	  cm.display.input.showSelection(cm.display.input.prepareSelection())
+	  cm.display.input.showSelection(cm.display.input.prepareSelection());
 	}
 
 	function prepareSelection(cm, primary) {
-	  var doc = cm.doc, result = {}
-	  var curFragment = result.cursors = document.createDocumentFragment()
-	  var selFragment = result.selection = document.createDocumentFragment()
+	  if ( primary === void 0 ) primary = true;
+
+	  var doc = cm.doc, result = {};
+	  var curFragment = result.cursors = document.createDocumentFragment();
+	  var selFragment = result.selection = document.createDocumentFragment();
 
 	  for (var i = 0; i < doc.sel.ranges.length; i++) {
-	    if (primary === false && i == doc.sel.primIndex) { continue }
-	    var range = doc.sel.ranges[i]
-	    if (range.from().line >= cm.display.viewTo || range.to().line < cm.display.viewFrom) { continue }
-	    var collapsed = range.empty()
+	    if (!primary && i == doc.sel.primIndex) { continue }
+	    var range$$1 = doc.sel.ranges[i];
+	    if (range$$1.from().line >= cm.display.viewTo || range$$1.to().line < cm.display.viewFrom) { continue }
+	    var collapsed = range$$1.empty();
 	    if (collapsed || cm.options.showCursorWhenSelecting)
-	      { drawSelectionCursor(cm, range.head, curFragment) }
+	      { drawSelectionCursor(cm, range$$1.head, curFragment); }
 	    if (!collapsed)
-	      { drawSelectionRange(cm, range, selFragment) }
+	      { drawSelectionRange(cm, range$$1, selFragment); }
 	  }
 	  return result
 	}
 
 	// Draws a cursor for the given range
 	function drawSelectionCursor(cm, head, output) {
-	  var pos = cursorCoords(cm, head, "div", null, null, !cm.options.singleCursorHeightPerLine)
+	  var pos = cursorCoords(cm, head, "div", null, null, !cm.options.singleCursorHeightPerLine);
 
-	  var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor"))
-	  cursor.style.left = pos.left + "px"
-	  cursor.style.top = pos.top + "px"
-	  cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px"
+	  var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor"));
+	  cursor.style.left = pos.left + "px";
+	  cursor.style.top = pos.top + "px";
+	  cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px";
 
 	  if (pos.other) {
 	    // Secondary cursor, shown when on a 'jump' in bi-directional text
-	    var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor"))
-	    otherCursor.style.display = ""
-	    otherCursor.style.left = pos.other.left + "px"
-	    otherCursor.style.top = pos.other.top + "px"
-	    otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px"
+	    var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor"));
+	    otherCursor.style.display = "";
+	    otherCursor.style.left = pos.other.left + "px";
+	    otherCursor.style.top = pos.other.top + "px";
+	    otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px";
 	  }
 	}
 
+	function cmpCoords(a, b) { return a.top - b.top || a.left - b.left }
+
 	// Draws the given range as a highlighted selection
-	function drawSelectionRange(cm, range, output) {
-	  var display = cm.display, doc = cm.doc
-	  var fragment = document.createDocumentFragment()
-	  var padding = paddingH(cm.display), leftSide = padding.left
-	  var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right
+	function drawSelectionRange(cm, range$$1, output) {
+	  var display = cm.display, doc = cm.doc;
+	  var fragment = document.createDocumentFragment();
+	  var padding = paddingH(cm.display), leftSide = padding.left;
+	  var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right;
+	  var docLTR = doc.direction == "ltr";
 
 	  function add(left, top, width, bottom) {
-	    if (top < 0) { top = 0 }
-	    top = Math.round(top)
-	    bottom = Math.round(bottom)
-	    fragment.appendChild(elt("div", null, "CodeMirror-selected", ("position: absolute; left: " + left + "px;\n                             top: " + top + "px; width: " + (width == null ? rightSide - left : width) + "px;\n                             height: " + (bottom - top) + "px")))
+	    if (top < 0) { top = 0; }
+	    top = Math.round(top);
+	    bottom = Math.round(bottom);
+	    fragment.appendChild(elt("div", null, "CodeMirror-selected", ("position: absolute; left: " + left + "px;\n                             top: " + top + "px; width: " + (width == null ? rightSide - left : width) + "px;\n                             height: " + (bottom - top) + "px")));
 	  }
 
 	  function drawForLine(line, fromArg, toArg) {
-	    var lineObj = getLine(doc, line)
-	    var lineLen = lineObj.text.length
-	    var start, end
+	    var lineObj = getLine(doc, line);
+	    var lineLen = lineObj.text.length;
+	    var start, end;
 	    function coords(ch, bias) {
 	      return charCoords(cm, Pos(line, ch), "div", lineObj, bias)
 	    }
 
-	    iterateBidiSections(getOrder(lineObj), fromArg || 0, toArg == null ? lineLen : toArg, function (from, to, dir) {
-	      var leftPos = coords(from, "left"), rightPos, left, right
-	      if (from == to) {
-	        rightPos = leftPos
-	        left = right = leftPos.left
-	      } else {
-	        rightPos = coords(to - 1, "right")
-	        if (dir == "rtl") { var tmp = leftPos; leftPos = rightPos; rightPos = tmp }
-	        left = leftPos.left
-	        right = rightPos.right
-	      }
-	      if (fromArg == null && from == 0) { left = leftSide }
-	      if (rightPos.top - leftPos.top > 3) { // Different lines, draw top part
-	        add(left, leftPos.top, null, leftPos.bottom)
-	        left = leftSide
-	        if (leftPos.bottom < rightPos.top) { add(left, leftPos.bottom, null, rightPos.top) }
-	      }
-	      if (toArg == null && to == lineLen) { right = rightSide }
-	      if (!start || leftPos.top < start.top || leftPos.top == start.top && leftPos.left < start.left)
-	        { start = leftPos }
-	      if (!end || rightPos.bottom > end.bottom || rightPos.bottom == end.bottom && rightPos.right > end.right)
-	        { end = rightPos }
-	      if (left < leftSide + 1) { left = leftSide }
-	      add(left, rightPos.top, right - left, rightPos.bottom)
-	    })
+	    function wrapX(pos, dir, side) {
+	      var extent = wrappedLineExtentChar(cm, lineObj, null, pos);
+	      var prop = (dir == "ltr") == (side == "after") ? "left" : "right";
+	      var ch = side == "after" ? extent.begin : extent.end - (/\s/.test(lineObj.text.charAt(extent.end - 1)) ? 2 : 1);
+	      return coords(ch, prop)[prop]
+	    }
+
+	    var order = getOrder(lineObj, doc.direction);
+	    iterateBidiSections(order, fromArg || 0, toArg == null ? lineLen : toArg, function (from, to, dir, i) {
+	      var ltr = dir == "ltr";
+	      var fromPos = coords(from, ltr ? "left" : "right");
+	      var toPos = coords(to - 1, ltr ? "right" : "left");
+
+	      var openStart = fromArg == null && from == 0, openEnd = toArg == null && to == lineLen;
+	      var first = i == 0, last = !order || i == order.length - 1;
+	      if (toPos.top - fromPos.top <= 3) { // Single line
+	        var openLeft = (docLTR ? openStart : openEnd) && first;
+	        var openRight = (docLTR ? openEnd : openStart) && last;
+	        var left = openLeft ? leftSide : (ltr ? fromPos : toPos).left;
+	        var right = openRight ? rightSide : (ltr ? toPos : fromPos).right;
+	        add(left, fromPos.top, right - left, fromPos.bottom);
+	      } else { // Multiple lines
+	        var topLeft, topRight, botLeft, botRight;
+	        if (ltr) {
+	          topLeft = docLTR && openStart && first ? leftSide : fromPos.left;
+	          topRight = docLTR ? rightSide : wrapX(from, dir, "before");
+	          botLeft = docLTR ? leftSide : wrapX(to, dir, "after");
+	          botRight = docLTR && openEnd && last ? rightSide : toPos.right;
+	        } else {
+	          topLeft = !docLTR ? leftSide : wrapX(from, dir, "before");
+	          topRight = !docLTR && openStart && first ? rightSide : fromPos.right;
+	          botLeft = !docLTR && openEnd && last ? leftSide : toPos.left;
+	          botRight = !docLTR ? rightSide : wrapX(to, dir, "after");
+	        }
+	        add(topLeft, fromPos.top, topRight - topLeft, fromPos.bottom);
+	        if (fromPos.bottom < toPos.top) { add(leftSide, fromPos.bottom, null, toPos.top); }
+	        add(botLeft, toPos.top, botRight - botLeft, toPos.bottom);
+	      }
+
+	      if (!start || cmpCoords(fromPos, start) < 0) { start = fromPos; }
+	      if (cmpCoords(toPos, start) < 0) { start = toPos; }
+	      if (!end || cmpCoords(fromPos, end) < 0) { end = fromPos; }
+	      if (cmpCoords(toPos, end) < 0) { end = toPos; }
+	    });
 	    return {start: start, end: end}
 	  }
 
-	  var sFrom = range.from(), sTo = range.to()
+	  var sFrom = range$$1.from(), sTo = range$$1.to();
 	  if (sFrom.line == sTo.line) {
-	    drawForLine(sFrom.line, sFrom.ch, sTo.ch)
+	    drawForLine(sFrom.line, sFrom.ch, sTo.ch);
 	  } else {
-	    var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line)
-	    var singleVLine = visualLine(fromLine) == visualLine(toLine)
-	    var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end
-	    var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start
+	    var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line);
+	    var singleVLine = visualLine(fromLine) == visualLine(toLine);
+	    var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end;
+	    var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start;
 	    if (singleVLine) {
 	      if (leftEnd.top < rightStart.top - 2) {
-	        add(leftEnd.right, leftEnd.top, null, leftEnd.bottom)
-	        add(leftSide, rightStart.top, rightStart.left, rightStart.bottom)
+	        add(leftEnd.right, leftEnd.top, null, leftEnd.bottom);
+	        add(leftSide, rightStart.top, rightStart.left, rightStart.bottom);
 	      } else {
-	        add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom)
+	        add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom);
 	      }
 	    }
 	    if (leftEnd.bottom < rightStart.top)
-	      { add(leftSide, leftEnd.bottom, null, rightStart.top) }
+	      { add(leftSide, leftEnd.bottom, null, rightStart.top); }
 	  }
 
-	  output.appendChild(fragment)
+	  output.appendChild(fragment);
 	}
 
 	// Cursor-blinking
 	function restartBlink(cm) {
 	  if (!cm.state.focused) { return }
-	  var display = cm.display
-	  clearInterval(display.blinker)
-	  var on = true
-	  display.cursorDiv.style.visibility = ""
+	  var display = cm.display;
+	  clearInterval(display.blinker);
+	  var on = true;
+	  display.cursorDiv.style.visibility = "";
 	  if (cm.options.cursorBlinkRate > 0)
 	    { display.blinker = setInterval(function () { return display.cursorDiv.style.visibility = (on = !on) ? "" : "hidden"; },
-	      cm.options.cursorBlinkRate) }
+	      cm.options.cursorBlinkRate); }
 	  else if (cm.options.cursorBlinkRate < 0)
-	    { display.cursorDiv.style.visibility = "hidden" }
+	    { display.cursorDiv.style.visibility = "hidden"; }
 	}
 
 	function ensureFocus(cm) {
-	  if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm) }
+	  if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm); }
 	}
 
 	function delayBlurEvent(cm) {
-	  cm.state.delayingBlurEvent = true
+	  cm.state.delayingBlurEvent = true;
 	  setTimeout(function () { if (cm.state.delayingBlurEvent) {
-	    cm.state.delayingBlurEvent = false
-	    onBlur(cm)
-	  } }, 100)
+	    cm.state.delayingBlurEvent = false;
+	    onBlur(cm);
+	  } }, 100);
 	}
 
 	function onFocus(cm, e) {
-	  if (cm.state.delayingBlurEvent) { cm.state.delayingBlurEvent = false }
+	  if (cm.state.delayingBlurEvent) { cm.state.delayingBlurEvent = false; }
 
 	  if (cm.options.readOnly == "nocursor") { return }
 	  if (!cm.state.focused) {
-	    signal(cm, "focus", cm, e)
-	    cm.state.focused = true
-	    addClass(cm.display.wrapper, "CodeMirror-focused")
+	    signal(cm, "focus", cm, e);
+	    cm.state.focused = true;
+	    addClass(cm.display.wrapper, "CodeMirror-focused");
 	    // This test prevents this from firing when a context
 	    // menu is closed (since the input reset would kill the
 	    // select-all detection hack)
 	    if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) {
-	      cm.display.input.reset()
-	      if (webkit) { setTimeout(function () { return cm.display.input.reset(true); }, 20) } // Issue #1730
+	      cm.display.input.reset();
+	      if (webkit) { setTimeout(function () { return cm.display.input.reset(true); }, 20); } // Issue #1730
 	    }
-	    cm.display.input.receivedFocus()
+	    cm.display.input.receivedFocus();
 	  }
-	  restartBlink(cm)
+	  restartBlink(cm);
 	}
 	function onBlur(cm, e) {
 	  if (cm.state.delayingBlurEvent) { return }
 
 	  if (cm.state.focused) {
-	    signal(cm, "blur", cm, e)
-	    cm.state.focused = false
-	    rmClass(cm.display.wrapper, "CodeMirror-focused")
+	    signal(cm, "blur", cm, e);
+	    cm.state.focused = false;
+	    rmClass(cm.display.wrapper, "CodeMirror-focused");
+	  }
+	  clearInterval(cm.display.blinker);
+	  setTimeout(function () { if (!cm.state.focused) { cm.display.shift = false; } }, 150);
+	}
+
+	// Read the actual heights of the rendered lines, and update their
+	// stored heights to match.
+	function updateHeightsInViewport(cm) {
+	  var display = cm.display;
+	  var prevBottom = display.lineDiv.offsetTop;
+	  for (var i = 0; i < display.view.length; i++) {
+	    var cur = display.view[i], height = (void 0);
+	    if (cur.hidden) { continue }
+	    if (ie && ie_version < 8) {
+	      var bot = cur.node.offsetTop + cur.node.offsetHeight;
+	      height = bot - prevBottom;
+	      prevBottom = bot;
+	    } else {
+	      var box = cur.node.getBoundingClientRect();
+	      height = box.bottom - box.top;
+	    }
+	    var diff = cur.line.height - height;
+	    if (height < 2) { height = textHeight(display); }
+	    if (diff > .005 || diff < -.005) {
+	      updateLineHeight(cur.line, height);
+	      updateWidgetHeight(cur.line);
+	      if (cur.rest) { for (var j = 0; j < cur.rest.length; j++)
+	        { updateWidgetHeight(cur.rest[j]); } }
+	    }
+	  }
+	}
+
+	// Read and store the height of line widgets associated with the
+	// given line.
+	function updateWidgetHeight(line) {
+	  if (line.widgets) { for (var i = 0; i < line.widgets.length; ++i) {
+	    var w = line.widgets[i], parent = w.node.parentNode;
+	    if (parent) { w.height = parent.offsetHeight; }
+	  } }
+	}
+
+	// Compute the lines that are visible in a given viewport (defaults
+	// the the current scroll position). viewport may contain top,
+	// height, and ensure (see op.scrollToPos) properties.
+	function visibleLines(display, doc, viewport) {
+	  var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop;
+	  top = Math.floor(top - paddingTop(display));
+	  var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight;
+
+	  var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom);
+	  // Ensure is a {from: {line, ch}, to: {line, ch}} object, and
+	  // forces those lines into the viewport (if possible).
+	  if (viewport && viewport.ensure) {
+	    var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line;
+	    if (ensureFrom < from) {
+	      from = ensureFrom;
+	      to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight);
+	    } else if (Math.min(ensureTo, doc.lastLine()) >= to) {
+	      from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight);
+	      to = ensureTo;
+	    }
 	  }
-	  clearInterval(cm.display.blinker)
-	  setTimeout(function () { if (!cm.state.focused) { cm.display.shift = false } }, 150)
+	  return {from: from, to: Math.max(to, from + 1)}
 	}
 
 	// Re-align line numbers and gutter marks to compensate for
 	// horizontal scrolling.
 	function alignHorizontally(cm) {
-	  var display = cm.display, view = display.view
+	  var display = cm.display, view = display.view;
 	  if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) { return }
-	  var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft
-	  var gutterW = display.gutters.offsetWidth, left = comp + "px"
+	  var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft;
+	  var gutterW = display.gutters.offsetWidth, left = comp + "px";
 	  for (var i = 0; i < view.length; i++) { if (!view[i].hidden) {
 	    if (cm.options.fixedGutter) {
 	      if (view[i].gutter)
-	        { view[i].gutter.style.left = left }
+	        { view[i].gutter.style.left = left; }
 	      if (view[i].gutterBackground)
-	        { view[i].gutterBackground.style.left = left }
+	        { view[i].gutterBackground.style.left = left; }
 	    }
-	    var align = view[i].alignable
+	    var align = view[i].alignable;
 	    if (align) { for (var j = 0; j < align.length; j++)
-	      { align[j].style.left = left } }
+	      { align[j].style.left = left; } }
 	  } }
 	  if (cm.options.fixedGutter)
-	    { display.gutters.style.left = (comp + gutterW) + "px" }
+	    { display.gutters.style.left = (comp + gutterW) + "px"; }
 	}
 
 	// Used to ensure that the line number gutter is still the right
@@ -25063,211 +27479,192 @@
 	// is needed.
 	function maybeUpdateLineNumberWidth(cm) {
 	  if (!cm.options.lineNumbers) { return false }
-	  var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display
+	  var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display;
 	  if (last.length != display.lineNumChars) {
 	    var test = display.measure.appendChild(elt("div", [elt("div", last)],
-	                                               "CodeMirror-linenumber CodeMirror-gutter-elt"))
-	    var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW
-	    display.lineGutter.style.width = ""
-	    display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1
-	    display.lineNumWidth = display.lineNumInnerWidth + padding
-	    display.lineNumChars = display.lineNumInnerWidth ? last.length : -1
-	    display.lineGutter.style.width = display.lineNumWidth + "px"
-	    updateGutterSpace(cm)
+	                                               "CodeMirror-linenumber CodeMirror-gutter-elt"));
+	    var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW;
+	    display.lineGutter.style.width = "";
+	    display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1;
+	    display.lineNumWidth = display.lineNumInnerWidth + padding;
+	    display.lineNumChars = display.lineNumInnerWidth ? last.length : -1;
+	    display.lineGutter.style.width = display.lineNumWidth + "px";
+	    updateGutterSpace(cm);
 	    return true
 	  }
 	  return false
 	}
 
-	// Read the actual heights of the rendered lines, and update their
-	// stored heights to match.
-	function updateHeightsInViewport(cm) {
-	  var display = cm.display
-	  var prevBottom = display.lineDiv.offsetTop
-	  for (var i = 0; i < display.view.length; i++) {
-	    var cur = display.view[i], height = (void 0)
-	    if (cur.hidden) { continue }
-	    if (ie && ie_version < 8) {
-	      var bot = cur.node.offsetTop + cur.node.offsetHeight
-	      height = bot - prevBottom
-	      prevBottom = bot
-	    } else {
-	      var box = cur.node.getBoundingClientRect()
-	      height = box.bottom - box.top
-	    }
-	    var diff = cur.line.height - height
-	    if (height < 2) { height = textHeight(display) }
-	    if (diff > .001 || diff < -.001) {
-	      updateLineHeight(cur.line, height)
-	      updateWidgetHeight(cur.line)
-	      if (cur.rest) { for (var j = 0; j < cur.rest.length; j++)
-	        { updateWidgetHeight(cur.rest[j]) } }
-	    }
-	  }
-	}
+	// SCROLLING THINGS INTO VIEW
 
-	// Read and store the height of line widgets associated with the
-	// given line.
-	function updateWidgetHeight(line) {
-	  if (line.widgets) { for (var i = 0; i < line.widgets.length; ++i)
-	    { line.widgets[i].height = line.widgets[i].node.parentNode.offsetHeight } }
-	}
+	// If an editor sits on the top or bottom of the window, partially
+	// scrolled out of view, this ensures that the cursor is visible.
+	function maybeScrollWindow(cm, rect) {
+	  if (signalDOMEvent(cm, "scrollCursorIntoView")) { return }
 
-	// Compute the lines that are visible in a given viewport (defaults
-	// the the current scroll position). viewport may contain top,
-	// height, and ensure (see op.scrollToPos) properties.
-	function visibleLines(display, doc, viewport) {
-	  var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop
-	  top = Math.floor(top - paddingTop(display))
-	  var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight
+	  var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null;
+	  if (rect.top + box.top < 0) { doScroll = true; }
+	  else if (rect.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) { doScroll = false; }
+	  if (doScroll != null && !phantom) {
+	    var scrollNode = elt("div", "\u200b", null, ("position: absolute;\n                         top: " + (rect.top - display.viewOffset - paddingTop(cm.display)) + "px;\n                         height: " + (rect.bottom - rect.top + scrollGap(cm) + display.barHeight) + "px;\n                         left: " + (rect.left) + "px; width: " + (Math.max(2, rect.right - rect.left)) + "px;"));
+	    cm.display.lineSpace.appendChild(scrollNode);
+	    scrollNode.scrollIntoView(doScroll);
+	    cm.display.lineSpace.removeChild(scrollNode);
+	  }
+	}
 
-	  var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom)
-	  // Ensure is a {from: {line, ch}, to: {line, ch}} object, and
-	  // forces those lines into the viewport (if possible).
-	  if (viewport && viewport.ensure) {
-	    var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line
-	    if (ensureFrom < from) {
-	      from = ensureFrom
-	      to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight)
-	    } else if (Math.min(ensureTo, doc.lastLine()) >= to) {
-	      from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight)
-	      to = ensureTo
+	// Scroll a given position into view (immediately), verifying that
+	// it actually became visible (as line heights are accurately
+	// measured, the position of something may 'drift' during drawing).
+	function scrollPosIntoView(cm, pos, end, margin) {
+	  if (margin == null) { margin = 0; }
+	  var rect;
+	  if (!cm.options.lineWrapping && pos == end) {
+	    // Set pos and end to the cursor positions around the character pos sticks to
+	    // If pos.sticky == "before", that is around pos.ch - 1, otherwise around pos.ch
+	    // If pos == Pos(_, 0, "before"), pos and end are unchanged
+	    pos = pos.ch ? Pos(pos.line, pos.sticky == "before" ? pos.ch - 1 : pos.ch, "after") : pos;
+	    end = pos.sticky == "before" ? Pos(pos.line, pos.ch + 1, "before") : pos;
+	  }
+	  for (var limit = 0; limit < 5; limit++) {
+	    var changed = false;
+	    var coords = cursorCoords(cm, pos);
+	    var endCoords = !end || end == pos ? coords : cursorCoords(cm, end);
+	    rect = {left: Math.min(coords.left, endCoords.left),
+	            top: Math.min(coords.top, endCoords.top) - margin,
+	            right: Math.max(coords.left, endCoords.left),
+	            bottom: Math.max(coords.bottom, endCoords.bottom) + margin};
+	    var scrollPos = calculateScrollPos(cm, rect);
+	    var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft;
+	    if (scrollPos.scrollTop != null) {
+	      updateScrollTop(cm, scrollPos.scrollTop);
+	      if (Math.abs(cm.doc.scrollTop - startTop) > 1) { changed = true; }
+	    }
+	    if (scrollPos.scrollLeft != null) {
+	      setScrollLeft(cm, scrollPos.scrollLeft);
+	      if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) { changed = true; }
 	    }
+	    if (!changed) { break }
 	  }
-	  return {from: from, to: Math.max(to, from + 1)}
+	  return rect
 	}
 
-	// Sync the scrollable area and scrollbars, ensure the viewport
-	// covers the visible area.
-	function setScrollTop(cm, val) {
-	  if (Math.abs(cm.doc.scrollTop - val) < 2) { return }
-	  cm.doc.scrollTop = val
-	  if (!gecko) { updateDisplaySimple(cm, {top: val}) }
-	  if (cm.display.scroller.scrollTop != val) { cm.display.scroller.scrollTop = val }
-	  cm.display.scrollbars.setScrollTop(val)
-	  if (gecko) { updateDisplaySimple(cm) }
-	  startWorker(cm, 100)
-	}
-	// Sync scroller and scrollbar, ensure the gutter elements are
-	// aligned.
-	function setScrollLeft(cm, val, isScroller) {
-	  if (isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) { return }
-	  val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth)
-	  cm.doc.scrollLeft = val
-	  alignHorizontally(cm)
-	  if (cm.display.scroller.scrollLeft != val) { cm.display.scroller.scrollLeft = val }
-	  cm.display.scrollbars.setScrollLeft(val)
+	// Scroll a given set of coordinates into view (immediately).
+	function scrollIntoView(cm, rect) {
+	  var scrollPos = calculateScrollPos(cm, rect);
+	  if (scrollPos.scrollTop != null) { updateScrollTop(cm, scrollPos.scrollTop); }
+	  if (scrollPos.scrollLeft != null) { setScrollLeft(cm, scrollPos.scrollLeft); }
 	}
 
-	// Since the delta values reported on mouse wheel events are
-	// unstandardized between browsers and even browser versions, and
-	// generally horribly unpredictable, this code starts by measuring
-	// the scroll effect that the first few mouse wheel events have,
-	// and, from that, detects the way it can convert deltas to pixel
-	// offsets afterwards.
-	//
-	// The reason we want to know the amount a wheel event will scroll
-	// is that it gives us a chance to update the display before the
-	// actual scrolling happens, reducing flickering.
-
-	var wheelSamples = 0;
-	var wheelPixelsPerUnit = null;
-	// Fill in a browser-detected starting value on browsers where we
-	// know one. These don't have to be accurate -- the result of them
-	// being wrong would just be a slight flicker on the first wheel
-	// scroll (if it is large enough).
-	if (ie) { wheelPixelsPerUnit = -.53 }
-	else if (gecko) { wheelPixelsPerUnit = 15 }
-	else if (chrome) { wheelPixelsPerUnit = -.7 }
-	else if (safari) { wheelPixelsPerUnit = -1/3 }
+	// Calculate a new scroll position needed to scroll the given
+	// rectangle into view. Returns an object with scrollTop and
+	// scrollLeft properties. When these are undefined, the
+	// vertical/horizontal position does not need to be adjusted.
+	function calculateScrollPos(cm, rect) {
+	  var display = cm.display, snapMargin = textHeight(cm.display);
+	  if (rect.top < 0) { rect.top = 0; }
+	  var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop;
+	  var screen = displayHeight(cm), result = {};
+	  if (rect.bottom - rect.top > screen) { rect.bottom = rect.top + screen; }
+	  var docBottom = cm.doc.height + paddingVert(display);
+	  var atTop = rect.top < snapMargin, atBottom = rect.bottom > docBottom - snapMargin;
+	  if (rect.top < screentop) {
+	    result.scrollTop = atTop ? 0 : rect.top;
+	  } else if (rect.bottom > screentop + screen) {
+	    var newTop = Math.min(rect.top, (atBottom ? docBottom : rect.bottom) - screen);
+	    if (newTop != screentop) { result.scrollTop = newTop; }
+	  }
+
+	  var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft;
+	  var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0);
+	  var tooWide = rect.right - rect.left > screenw;
+	  if (tooWide) { rect.right = rect.left + screenw; }
+	  if (rect.left < 10)
+	    { result.scrollLeft = 0; }
+	  else if (rect.left < screenleft)
+	    { result.scrollLeft = Math.max(0, rect.left - (tooWide ? 0 : 10)); }
+	  else if (rect.right > screenw + screenleft - 3)
+	    { result.scrollLeft = rect.right + (tooWide ? 0 : 10) - screenw; }
+	  return result
+	}
 
-	function wheelEventDelta(e) {
-	  var dx = e.wheelDeltaX, dy = e.wheelDeltaY
-	  if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) { dx = e.detail }
-	  if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) { dy = e.detail }
-	  else if (dy == null) { dy = e.wheelDelta }
-	  return {x: dx, y: dy}
+	// Store a relative adjustment to the scroll position in the current
+	// operation (to be applied when the operation finishes).
+	function addToScrollTop(cm, top) {
+	  if (top == null) { return }
+	  resolveScrollToPos(cm);
+	  cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top;
 	}
-	function wheelEventPixels(e) {
-	  var delta = wheelEventDelta(e)
-	  delta.x *= wheelPixelsPerUnit
-	  delta.y *= wheelPixelsPerUnit
-	  return delta
+
+	// Make sure that at the end of the operation the current cursor is
+	// shown.
+	function ensureCursorVisible(cm) {
+	  resolveScrollToPos(cm);
+	  var cur = cm.getCursor();
+	  cm.curOp.scrollToPos = {from: cur, to: cur, margin: cm.options.cursorScrollMargin};
 	}
 
-	function onScrollWheel(cm, e) {
-	  var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y
+	function scrollToCoords(cm, x, y) {
+	  if (x != null || y != null) { resolveScrollToPos(cm); }
+	  if (x != null) { cm.curOp.scrollLeft = x; }
+	  if (y != null) { cm.curOp.scrollTop = y; }
+	}
 
-	  var display = cm.display, scroll = display.scroller
-	  // Quit if there's nothing to scroll here
-	  var canScrollX = scroll.scrollWidth > scroll.clientWidth
-	  var canScrollY = scroll.scrollHeight > scroll.clientHeight
-	  if (!(dx && canScrollX || dy && canScrollY)) { return }
+	function scrollToRange(cm, range$$1) {
+	  resolveScrollToPos(cm);
+	  cm.curOp.scrollToPos = range$$1;
+	}
 
-	  // Webkit browsers on OS X abort momentum scrolls when the target
-	  // of the scroll event is removed from the scrollable element.
-	  // This hack (see related code in patchDisplay) makes sure the
-	  // element is kept around.
-	  if (dy && mac && webkit) {
-	    outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) {
-	      for (var i = 0; i < view.length; i++) {
-	        if (view[i].node == cur) {
-	          cm.display.currentWheelTarget = cur
-	          break outer
-	        }
-	      }
-	    }
+	// When an operation has its scrollToPos property set, and another
+	// scroll action is applied before the end of the operation, this
+	// 'simulates' scrolling that position into view in a cheap way, so
+	// that the effect of intermediate scroll commands is not ignored.
+	function resolveScrollToPos(cm) {
+	  var range$$1 = cm.curOp.scrollToPos;
+	  if (range$$1) {
+	    cm.curOp.scrollToPos = null;
+	    var from = estimateCoords(cm, range$$1.from), to = estimateCoords(cm, range$$1.to);
+	    scrollToCoordsRange(cm, from, to, range$$1.margin);
 	  }
+	}
 
-	  // On some browsers, horizontal scrolling will cause redraws to
-	  // happen before the gutter has been realigned, causing it to
-	  // wriggle around in a most unseemly way. When we have an
-	  // estimated pixels/delta value, we just handle horizontal
-	  // scrolling entirely here. It'll be slightly off from native, but
-	  // better than glitching out.
-	  if (dx && !gecko && !presto && wheelPixelsPerUnit != null) {
-	    if (dy && canScrollY)
-	      { setScrollTop(cm, Math.max(0, Math.min(scroll.scrollTop + dy * wheelPixelsPerUnit, scroll.scrollHeight - scroll.clientHeight))) }
-	    setScrollLeft(cm, Math.max(0, Math.min(scroll.scrollLeft + dx * wheelPixelsPerUnit, scroll.scrollWidth - scroll.clientWidth)))
-	    // Only prevent default scrolling if vertical scrolling is
-	    // actually possible. Otherwise, it causes vertical scroll
-	    // jitter on OSX trackpads when deltaX is small and deltaY
-	    // is large (issue #3579)
-	    if (!dy || (dy && canScrollY))
-	      { e_preventDefault(e) }
-	    display.wheelStartX = null // Abort measurement, if in progress
-	    return
-	  }
+	function scrollToCoordsRange(cm, from, to, margin) {
+	  var sPos = calculateScrollPos(cm, {
+	    left: Math.min(from.left, to.left),
+	    top: Math.min(from.top, to.top) - margin,
+	    right: Math.max(from.right, to.right),
+	    bottom: Math.max(from.bottom, to.bottom) + margin
+	  });
+	  scrollToCoords(cm, sPos.scrollLeft, sPos.scrollTop);
+	}
 
-	  // 'Project' the visible viewport to cover the area that is being
-	  // scrolled into view (if we know enough to estimate it).
-	  if (dy && wheelPixelsPerUnit != null) {
-	    var pixels = dy * wheelPixelsPerUnit
-	    var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight
-	    if (pixels < 0) { top = Math.max(0, top + pixels - 50) }
-	    else { bot = Math.min(cm.doc.height, bot + pixels + 50) }
-	    updateDisplaySimple(cm, {top: top, bottom: bot})
-	  }
+	// Sync the scrollable area and scrollbars, ensure the viewport
+	// covers the visible area.
+	function updateScrollTop(cm, val) {
+	  if (Math.abs(cm.doc.scrollTop - val) < 2) { return }
+	  if (!gecko) { updateDisplaySimple(cm, {top: val}); }
+	  setScrollTop(cm, val, true);
+	  if (gecko) { updateDisplaySimple(cm); }
+	  startWorker(cm, 100);
+	}
 
-	  if (wheelSamples < 20) {
-	    if (display.wheelStartX == null) {
-	      display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop
-	      display.wheelDX = dx; display.wheelDY = dy
-	      setTimeout(function () {
-	        if (display.wheelStartX == null) { return }
-	        var movedX = scroll.scrollLeft - display.wheelStartX
-	        var movedY = scroll.scrollTop - display.wheelStartY
-	        var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||
-	          (movedX && display.wheelDX && movedX / display.wheelDX)
-	        display.wheelStartX = display.wheelStartY = null
-	        if (!sample) { return }
-	        wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1)
-	        ++wheelSamples
-	      }, 200)
-	    } else {
-	      display.wheelDX += dx; display.wheelDY += dy
-	    }
-	  }
+	function setScrollTop(cm, val, forceScroll) {
+	  val = Math.min(cm.display.scroller.scrollHeight - cm.display.scroller.clientHeight, val);
+	  if (cm.display.scroller.scrollTop == val && !forceScroll) { return }
+	  cm.doc.scrollTop = val;
+	  cm.display.scrollbars.setScrollTop(val);
+	  if (cm.display.scroller.scrollTop != val) { cm.display.scroller.scrollTop = val; }
+	}
+
+	// Sync scroller and scrollbar, ensure the gutter elements are
+	// aligned.
+	function setScrollLeft(cm, val, isScroller, forceScroll) {
+	  val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth);
+	  if ((isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) && !forceScroll) { return }
+	  cm.doc.scrollLeft = val;
+	  alignHorizontally(cm);
+	  if (cm.display.scroller.scrollLeft != val) { cm.display.scroller.scrollLeft = val; }
+	  cm.display.scrollbars.setScrollLeft(val);
 	}
 
 	// SCROLLBARS
@@ -25275,8 +27672,8 @@
 	// Prepare DOM reads needed to update the scrollbars. Done in one
 	// shot to minimize update/measure roundtrips.
 	function measureForScrollbars(cm) {
-	  var d = cm.display, gutterW = d.gutters.offsetWidth
-	  var docH = Math.round(cm.doc.height + paddingVert(cm.display))
+	  var d = cm.display, gutterW = d.gutters.offsetWidth;
+	  var docH = Math.round(cm.doc.height + paddingVert(cm.display));
 	  return {
 	    clientHeight: d.scroller.clientHeight,
 	    viewHeight: d.wrapper.clientHeight,
@@ -25291,99 +27688,101 @@
 	}
 
 	var NativeScrollbars = function(place, scroll, cm) {
-	  this.cm = cm
-	  var vert = this.vert = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar")
-	  var horiz = this.horiz = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar")
-	  place(vert); place(horiz)
+	  this.cm = cm;
+	  var vert = this.vert = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar");
+	  var horiz = this.horiz = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar");
+	  vert.tabIndex = horiz.tabIndex = -1;
+	  place(vert); place(horiz);
 
 	  on(vert, "scroll", function () {
-	    if (vert.clientHeight) { scroll(vert.scrollTop, "vertical") }
-	  })
+	    if (vert.clientHeight) { scroll(vert.scrollTop, "vertical"); }
+	  });
 	  on(horiz, "scroll", function () {
-	    if (horiz.clientWidth) { scroll(horiz.scrollLeft, "horizontal") }
-	  })
+	    if (horiz.clientWidth) { scroll(horiz.scrollLeft, "horizontal"); }
+	  });
 
-	  this.checkedZeroWidth = false
+	  this.checkedZeroWidth = false;
 	  // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8).
-	  if (ie && ie_version < 8) { this.horiz.style.minHeight = this.vert.style.minWidth = "18px" }
+	  if (ie && ie_version < 8) { this.horiz.style.minHeight = this.vert.style.minWidth = "18px"; }
 	};
 
 	NativeScrollbars.prototype.update = function (measure) {
-	  var needsH = measure.scrollWidth > measure.clientWidth + 1
-	  var needsV = measure.scrollHeight > measure.clientHeight + 1
-	  var sWidth = measure.nativeBarWidth
+	  var needsH = measure.scrollWidth > measure.clientWidth + 1;
+	  var needsV = measure.scrollHeight > measure.clientHeight + 1;
+	  var sWidth = measure.nativeBarWidth;
 
 	  if (needsV) {
-	    this.vert.style.display = "block"
-	    this.vert.style.bottom = needsH ? sWidth + "px" : "0"
-	    var totalHeight = measure.viewHeight - (needsH ? sWidth : 0)
+	    this.vert.style.display = "block";
+	    this.vert.style.bottom = needsH ? sWidth + "px" : "0";
+	    var totalHeight = measure.viewHeight - (needsH ? sWidth : 0);
 	    // A bug in IE8 can cause this value to be negative, so guard it.
 	    this.vert.firstChild.style.height =
-	      Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + "px"
+	      Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + "px";
 	  } else {
-	    this.vert.style.display = ""
-	    this.vert.firstChild.style.height = "0"
+	    this.vert.style.display = "";
+	    this.vert.firstChild.style.height = "0";
 	  }
 
 	  if (needsH) {
-	    this.horiz.style.display = "block"
-	    this.horiz.style.right = needsV ? sWidth + "px" : "0"
-	    this.horiz.style.left = measure.barLeft + "px"
-	    var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0)
+	    this.horiz.style.display = "block";
+	    this.horiz.style.right = needsV ? sWidth + "px" : "0";
+	    this.horiz.style.left = measure.barLeft + "px";
+	    var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0);
 	    this.horiz.firstChild.style.width =
-	      (measure.scrollWidth - measure.clientWidth + totalWidth) + "px"
+	      Math.max(0, measure.scrollWidth - measure.clientWidth + totalWidth) + "px";
 	  } else {
-	    this.horiz.style.display = ""
-	    this.horiz.firstChild.style.width = "0"
+	    this.horiz.style.display = "";
+	    this.horiz.firstChild.style.width = "0";
 	  }
 
 	  if (!this.checkedZeroWidth && measure.clientHeight > 0) {
-	    if (sWidth == 0) { this.zeroWidthHack() }
-	    this.checkedZeroWidth = true
+	    if (sWidth == 0) { this.zeroWidthHack(); }
+	    this.checkedZeroWidth = true;
 	  }
 
 	  return {right: needsV ? sWidth : 0, bottom: needsH ? sWidth : 0}
 	};
 
 	NativeScrollbars.prototype.setScrollLeft = function (pos) {
-	  if (this.horiz.scrollLeft != pos) { this.horiz.scrollLeft = pos }
-	  if (this.disableHoriz) { this.enableZeroWidthBar(this.horiz, this.disableHoriz) }
+	  if (this.horiz.scrollLeft != pos) { this.horiz.scrollLeft = pos; }
+	  if (this.disableHoriz) { this.enableZeroWidthBar(this.horiz, this.disableHoriz, "horiz"); }
 	};
 
 	NativeScrollbars.prototype.setScrollTop = function (pos) {
-	  if (this.vert.scrollTop != pos) { this.vert.scrollTop = pos }
-	  if (this.disableVert) { this.enableZeroWidthBar(this.vert, this.disableVert) }
+	  if (this.vert.scrollTop != pos) { this.vert.scrollTop = pos; }
+	  if (this.disableVert) { this.enableZeroWidthBar(this.vert, this.disableVert, "vert"); }
 	};
 
 	NativeScrollbars.prototype.zeroWidthHack = function () {
-	  var w = mac && !mac_geMountainLion ? "12px" : "18px"
-	  this.horiz.style.height = this.vert.style.width = w
-	  this.horiz.style.pointerEvents = this.vert.style.pointerEvents = "none"
-	  this.disableHoriz = new Delayed
-	  this.disableVert = new Delayed
+	  var w = mac && !mac_geMountainLion ? "12px" : "18px";
+	  this.horiz.style.height = this.vert.style.width = w;
+	  this.horiz.style.pointerEvents = this.vert.style.pointerEvents = "none";
+	  this.disableHoriz = new Delayed;
+	  this.disableVert = new Delayed;
 	};
 
-	NativeScrollbars.prototype.enableZeroWidthBar = function (bar, delay) {
-	  bar.style.pointerEvents = "auto"
+	NativeScrollbars.prototype.enableZeroWidthBar = function (bar, delay, type) {
+	  bar.style.pointerEvents = "auto";
 	  function maybeDisable() {
 	    // To find out whether the scrollbar is still visible, we
 	    // check whether the element under the pixel in the bottom
-	    // left corner of the scrollbar box is the scrollbar box
+	    // right corner of the scrollbar box is the scrollbar box
 	    // itself (when the bar is still visible) or its filler child
 	    // (when the bar is hidden). If it is still visible, we keep
 	    // it enabled, if it's hidden, we disable pointer events.
-	    var box = bar.getBoundingClientRect()
-	    var elt = document.elementFromPoint(box.left + 1, box.bottom - 1)
-	    if (elt != bar) { bar.style.pointerEvents = "none" }
-	    else { delay.set(1000, maybeDisable) }
+	    var box = bar.getBoundingClientRect();
+	    var elt$$1 = type == "vert" ? document.elementFromPoint(box.right - 1, (box.top + box.bottom) / 2)
+	        : document.elementFromPoint((box.right + box.left) / 2, box.bottom - 1);
+	    if (elt$$1 != bar) { bar.style.pointerEvents = "none"; }
+	    else { delay.set(1000, maybeDisable); }
 	  }
-	  delay.set(1000, maybeDisable)
+	  delay.set(1000, maybeDisable);
 	};
 
 	NativeScrollbars.prototype.clear = function () {
-	  var parent = this.horiz.parentNode
-	  parent.removeChild(this.horiz)
-	  parent.removeChild(this.vert)
+	  var parent = this.horiz.parentNode;
+	  parent.removeChild(this.horiz);
+	  parent.removeChild(this.vert);
 	};
 
 	var NullScrollbars = function () {};
@@ -25394,185 +27793,61 @@
 	NullScrollbars.prototype.clear = function () {};
 
 	function updateScrollbars(cm, measure) {
-	  if (!measure) { measure = measureForScrollbars(cm) }
-	  var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight
-	  updateScrollbarsInner(cm, measure)
+	  if (!measure) { measure = measureForScrollbars(cm); }
+	  var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight;
+	  updateScrollbarsInner(cm, measure);
 	  for (var i = 0; i < 4 && startWidth != cm.display.barWidth || startHeight != cm.display.barHeight; i++) {
 	    if (startWidth != cm.display.barWidth && cm.options.lineWrapping)
-	      { updateHeightsInViewport(cm) }
-	    updateScrollbarsInner(cm, measureForScrollbars(cm))
-	    startWidth = cm.display.barWidth; startHeight = cm.display.barHeight
+	      { updateHeightsInViewport(cm); }
+	    updateScrollbarsInner(cm, measureForScrollbars(cm));
+	    startWidth = cm.display.barWidth; startHeight = cm.display.barHeight;
 	  }
 	}
 
 	// Re-synchronize the fake scrollbars with the actual size of the
 	// content.
 	function updateScrollbarsInner(cm, measure) {
-	  var d = cm.display
-	  var sizes = d.scrollbars.update(measure)
+	  var d = cm.display;
+	  var sizes = d.scrollbars.update(measure);
 
-	  d.sizer.style.paddingRight = (d.barWidth = sizes.right) + "px"
-	  d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + "px"
-	  d.heightForcer.style.borderBottom = sizes.bottom + "px solid transparent"
+	  d.sizer.style.paddingRight = (d.barWidth = sizes.right) + "px";
+	  d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + "px";
+	  d.heightForcer.style.borderBottom = sizes.bottom + "px solid transparent";
 
 	  if (sizes.right && sizes.bottom) {
-	    d.scrollbarFiller.style.display = "block"
-	    d.scrollbarFiller.style.height = sizes.bottom + "px"
-	    d.scrollbarFiller.style.width = sizes.right + "px"
-	  } else { d.scrollbarFiller.style.display = "" }
+	    d.scrollbarFiller.style.display = "block";
+	    d.scrollbarFiller.style.height = sizes.bottom + "px";
+	    d.scrollbarFiller.style.width = sizes.right + "px";
+	  } else { d.scrollbarFiller.style.display = ""; }
 	  if (sizes.bottom && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) {
-	    d.gutterFiller.style.display = "block"
-	    d.gutterFiller.style.height = sizes.bottom + "px"
-	    d.gutterFiller.style.width = measure.gutterWidth + "px"
-	  } else { d.gutterFiller.style.display = "" }
+	    d.gutterFiller.style.display = "block";
+	    d.gutterFiller.style.height = sizes.bottom + "px";
+	    d.gutterFiller.style.width = measure.gutterWidth + "px";
+	  } else { d.gutterFiller.style.display = ""; }
 	}
 
-	var scrollbarModel = {"native": NativeScrollbars, "null": NullScrollbars}
+	var scrollbarModel = {"native": NativeScrollbars, "null": NullScrollbars};
 
 	function initScrollbars(cm) {
 	  if (cm.display.scrollbars) {
-	    cm.display.scrollbars.clear()
+	    cm.display.scrollbars.clear();
 	    if (cm.display.scrollbars.addClass)
-	      { rmClass(cm.display.wrapper, cm.display.scrollbars.addClass) }
+	      { rmClass(cm.display.wrapper, cm.display.scrollbars.addClass); }
 	  }
 
 	  cm.display.scrollbars = new scrollbarModel[cm.options.scrollbarStyle](function (node) {
-	    cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller)
+	    cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller);
 	    // Prevent clicks in the scrollbars from killing focus
 	    on(node, "mousedown", function () {
-	      if (cm.state.focused) { setTimeout(function () { return cm.display.input.focus(); }, 0) }
-	    })
-	    node.setAttribute("cm-not-content", "true")
+	      if (cm.state.focused) { setTimeout(function () { return cm.display.input.focus(); }, 0); }
+	    });
+	    node.setAttribute("cm-not-content", "true");
 	  }, function (pos, axis) {
-	    if (axis == "horizontal") { setScrollLeft(cm, pos) }
-	    else { setScrollTop(cm, pos) }
-	  }, cm)
+	    if (axis == "horizontal") { setScrollLeft(cm, pos); }
+	    else { updateScrollTop(cm, pos); }
+	  }, cm);
 	  if (cm.display.scrollbars.addClass)
-	    { addClass(cm.display.wrapper, cm.display.scrollbars.addClass) }
-	}
-
-	// SCROLLING THINGS INTO VIEW
-
-	// If an editor sits on the top or bottom of the window, partially
-	// scrolled out of view, this ensures that the cursor is visible.
-	function maybeScrollWindow(cm, coords) {
-	  if (signalDOMEvent(cm, "scrollCursorIntoView")) { return }
-
-	  var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null
-	  if (coords.top + box.top < 0) { doScroll = true }
-	  else if (coords.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) { doScroll = false }
-	  if (doScroll != null && !phantom) {
-	    var scrollNode = elt("div", "\u200b", null, ("position: absolute;\n                         top: " + (coords.top - display.viewOffset - paddingTop(cm.display)) + "px;\n                         height: " + (coords.bottom - coords.top + scrollGap(cm) + display.barHeight) + "px;\n                         left: " + (coords.left) + "px; width: 2px;"))
-	    cm.display.lineSpace.appendChild(scrollNode)
-	    scrollNode.scrollIntoView(doScroll)
-	    cm.display.lineSpace.removeChild(scrollNode)
-	  }
-	}
-
-	// Scroll a given position into view (immediately), verifying that
-	// it actually became visible (as line heights are accurately
-	// measured, the position of something may 'drift' during drawing).
-	function scrollPosIntoView(cm, pos, end, margin) {
-	  if (margin == null) { margin = 0 }
-	  var coords
-	  for (var limit = 0; limit < 5; limit++) {
-	    var changed = false
-	    coords = cursorCoords(cm, pos)
-	    var endCoords = !end || end == pos ? coords : cursorCoords(cm, end)
-	    var scrollPos = calculateScrollPos(cm, Math.min(coords.left, endCoords.left),
-	                                       Math.min(coords.top, endCoords.top) - margin,
-	                                       Math.max(coords.left, endCoords.left),
-	                                       Math.max(coords.bottom, endCoords.bottom) + margin)
-	    var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft
-	    if (scrollPos.scrollTop != null) {
-	      setScrollTop(cm, scrollPos.scrollTop)
-	      if (Math.abs(cm.doc.scrollTop - startTop) > 1) { changed = true }
-	    }
-	    if (scrollPos.scrollLeft != null) {
-	      setScrollLeft(cm, scrollPos.scrollLeft)
-	      if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) { changed = true }
-	    }
-	    if (!changed) { break }
-	  }
-	  return coords
-	}
-
-	// Scroll a given set of coordinates into view (immediately).
-	function scrollIntoView(cm, x1, y1, x2, y2) {
-	  var scrollPos = calculateScrollPos(cm, x1, y1, x2, y2)
-	  if (scrollPos.scrollTop != null) { setScrollTop(cm, scrollPos.scrollTop) }
-	  if (scrollPos.scrollLeft != null) { setScrollLeft(cm, scrollPos.scrollLeft) }
-	}
-
-	// Calculate a new scroll position needed to scroll the given
-	// rectangle into view. Returns an object with scrollTop and
-	// scrollLeft properties. When these are undefined, the
-	// vertical/horizontal position does not need to be adjusted.
-	function calculateScrollPos(cm, x1, y1, x2, y2) {
-	  var display = cm.display, snapMargin = textHeight(cm.display)
-	  if (y1 < 0) { y1 = 0 }
-	  var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop
-	  var screen = displayHeight(cm), result = {}
-	  if (y2 - y1 > screen) { y2 = y1 + screen }
-	  var docBottom = cm.doc.height + paddingVert(display)
-	  var atTop = y1 < snapMargin, atBottom = y2 > docBottom - snapMargin
-	  if (y1 < screentop) {
-	    result.scrollTop = atTop ? 0 : y1
-	  } else if (y2 > screentop + screen) {
-	    var newTop = Math.min(y1, (atBottom ? docBottom : y2) - screen)
-	    if (newTop != screentop) { result.scrollTop = newTop }
-	  }
-
-	  var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft
-	  var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0)
-	  var tooWide = x2 - x1 > screenw
-	  if (tooWide) { x2 = x1 + screenw }
-	  if (x1 < 10)
-	    { result.scrollLeft = 0 }
-	  else if (x1 < screenleft)
-	    { result.scrollLeft = Math.max(0, x1 - (tooWide ? 0 : 10)) }
-	  else if (x2 > screenw + screenleft - 3)
-	    { result.scrollLeft = x2 + (tooWide ? 0 : 10) - screenw }
-	  return result
-	}
-
-	// Store a relative adjustment to the scroll position in the current
-	// operation (to be applied when the operation finishes).
-	function addToScrollPos(cm, left, top) {
-	  if (left != null || top != null) { resolveScrollToPos(cm) }
-	  if (left != null)
-	    { cm.curOp.scrollLeft = (cm.curOp.scrollLeft == null ? cm.doc.scrollLeft : cm.curOp.scrollLeft) + left }
-	  if (top != null)
-	    { cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top }
-	}
-
-	// Make sure that at the end of the operation the current cursor is
-	// shown.
-	function ensureCursorVisible(cm) {
-	  resolveScrollToPos(cm)
-	  var cur = cm.getCursor(), from = cur, to = cur
-	  if (!cm.options.lineWrapping) {
-	    from = cur.ch ? Pos(cur.line, cur.ch - 1) : cur
-	    to = Pos(cur.line, cur.ch + 1)
-	  }
-	  cm.curOp.scrollToPos = {from: from, to: to, margin: cm.options.cursorScrollMargin, isCursor: true}
-	}
-
-	// When an operation has its scrollToPos property set, and another
-	// scroll action is applied before the end of the operation, this
-	// 'simulates' scrolling that position into view in a cheap way, so
-	// that the effect of intermediate scroll commands is not ignored.
-	function resolveScrollToPos(cm) {
-	  var range = cm.curOp.scrollToPos
-	  if (range) {
-	    cm.curOp.scrollToPos = null
-	    var from = estimateCoords(cm, range.from), to = estimateCoords(cm, range.to)
-	    var sPos = calculateScrollPos(cm, Math.min(from.left, to.left),
-	                                  Math.min(from.top, to.top) - range.margin,
-	                                  Math.max(from.right, to.right),
-	                                  Math.max(from.bottom, to.bottom) + range.margin)
-	    cm.scrollTo(sPos.scrollLeft, sPos.scrollTop)
-	  }
+	    { addClass(cm.display.wrapper, cm.display.scrollbars.addClass); }
 	}
 
 	// Operations are used to wrap a series of changes to the editor
@@ -25581,7 +27856,7 @@
 	// error-prone). Instead, display updates are batched and then all
 	// combined and executed at once.
 
-	var nextOpId = 0
+	var nextOpId = 0;
 	// Start a new operation.
 	function startOperation(cm) {
 	  cm.curOp = {
@@ -25600,159 +27875,151 @@
 	    scrollToPos: null,       // Used to scroll to a specific position
 	    focus: false,
 	    id: ++nextOpId           // Unique ID
-	  }
-	  pushOperation(cm.curOp)
+	  };
+	  pushOperation(cm.curOp);
 	}
 
 	// Finish an operation, updating the display and signalling delayed events
 	function endOperation(cm) {
-	  var op = cm.curOp
+	  var op = cm.curOp;
 	  finishOperation(op, function (group) {
 	    for (var i = 0; i < group.ops.length; i++)
-	      { group.ops[i].cm.curOp = null }
-	    endOperations(group)
-	  })
+	      { group.ops[i].cm.curOp = null; }
+	    endOperations(group);
+	  });
 	}
 
 	// The DOM updates done when an operation finishes are batched so
 	// that the minimum number of relayouts are required.
 	function endOperations(group) {
-	  var ops = group.ops
+	  var ops = group.ops;
 	  for (var i = 0; i < ops.length; i++) // Read DOM
-	    { endOperation_R1(ops[i]) }
+	    { endOperation_R1(ops[i]); }
 	  for (var i$1 = 0; i$1 < ops.length; i$1++) // Write DOM (maybe)
-	    { endOperation_W1(ops[i$1]) }
+	    { endOperation_W1(ops[i$1]); }
 	  for (var i$2 = 0; i$2 < ops.length; i$2++) // Read DOM
-	    { endOperation_R2(ops[i$2]) }
+	    { endOperation_R2(ops[i$2]); }
 	  for (var i$3 = 0; i$3 < ops.length; i$3++) // Write DOM (maybe)
-	    { endOperation_W2(ops[i$3]) }
+	    { endOperation_W2(ops[i$3]); }
 	  for (var i$4 = 0; i$4 < ops.length; i$4++) // Read DOM
-	    { endOperation_finish(ops[i$4]) }
+	    { endOperation_finish(ops[i$4]); }
 	}
 
 	function endOperation_R1(op) {
-	  var cm = op.cm, display = cm.display
-	  maybeClipScrollbars(cm)
-	  if (op.updateMaxLine) { findMaxLine(cm) }
+	  var cm = op.cm, display = cm.display;
+	  maybeClipScrollbars(cm);
+	  if (op.updateMaxLine) { findMaxLine(cm); }
 
 	  op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null ||
 	    op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom ||
 	                       op.scrollToPos.to.line >= display.viewTo) ||
-	    display.maxLineChanged && cm.options.lineWrapping
+	    display.maxLineChanged && cm.options.lineWrapping;
 	  op.update = op.mustUpdate &&
-	    new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate)
+	    new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate);
 	}
 
 	function endOperation_W1(op) {
-	  op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update)
+	  op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update);
 	}
 
 	function endOperation_R2(op) {
-	  var cm = op.cm, display = cm.display
-	  if (op.updatedDisplay) { updateHeightsInViewport(cm) }
+	  var cm = op.cm, display = cm.display;
+	  if (op.updatedDisplay) { updateHeightsInViewport(cm); }
 
-	  op.barMeasure = measureForScrollbars(cm)
+	  op.barMeasure = measureForScrollbars(cm);
 
 	  // If the max line changed since it was last measured, measure it,
 	  // and ensure the document's width matches it.
 	  // updateDisplay_W2 will use these properties to do the actual resizing
 	  if (display.maxLineChanged && !cm.options.lineWrapping) {
-	    op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3
-	    cm.display.sizerWidth = op.adjustWidthTo
+	    op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3;
+	    cm.display.sizerWidth = op.adjustWidthTo;
 	    op.barMeasure.scrollWidth =
-	      Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth)
-	    op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm))
+	      Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth);
+	    op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm));
 	  }
 
 	  if (op.updatedDisplay || op.selectionChanged)
-	    { op.preparedSelection = display.input.prepareSelection(op.focus) }
+	    { op.preparedSelection = display.input.prepareSelection(); }
 	}
 
 	function endOperation_W2(op) {
-	  var cm = op.cm
+	  var cm = op.cm;
 
 	  if (op.adjustWidthTo != null) {
-	    cm.display.sizer.style.minWidth = op.adjustWidthTo + "px"
+	    cm.display.sizer.style.minWidth = op.adjustWidthTo + "px";
 	    if (op.maxScrollLeft < cm.doc.scrollLeft)
-	      { setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true) }
-	    cm.display.maxLineChanged = false
+	      { setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true); }
+	    cm.display.maxLineChanged = false;
 	  }
 
-	  var takeFocus = op.focus && op.focus == activeElt() && (!document.hasFocus || document.hasFocus())
+	  var takeFocus = op.focus && op.focus == activeElt();
 	  if (op.preparedSelection)
-	    { cm.display.input.showSelection(op.preparedSelection, takeFocus) }
+	    { cm.display.input.showSelection(op.preparedSelection, takeFocus); }
 	  if (op.updatedDisplay || op.startHeight != cm.doc.height)
-	    { updateScrollbars(cm, op.barMeasure) }
+	    { updateScrollbars(cm, op.barMeasure); }
 	  if (op.updatedDisplay)
-	    { setDocumentHeight(cm, op.barMeasure) }
+	    { setDocumentHeight(cm, op.barMeasure); }
 
-	  if (op.selectionChanged) { restartBlink(cm) }
+	  if (op.selectionChanged) { restartBlink(cm); }
 
 	  if (cm.state.focused && op.updateInput)
-	    { cm.display.input.reset(op.typing) }
-	  if (takeFocus) { ensureFocus(op.cm) }
+	    { cm.display.input.reset(op.typing); }
+	  if (takeFocus) { ensureFocus(op.cm); }
 	}
 
 	function endOperation_finish(op) {
-	  var cm = op.cm, display = cm.display, doc = cm.doc
+	  var cm = op.cm, display = cm.display, doc = cm.doc;
 
-	  if (op.updatedDisplay) { postUpdateDisplay(cm, op.update) }
+	  if (op.updatedDisplay) { postUpdateDisplay(cm, op.update); }
 
 	  // Abort mouse wheel delta measurement, when scrolling explicitly
 	  if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos))
-	    { display.wheelStartX = display.wheelStartY = null }
+	    { display.wheelStartX = display.wheelStartY = null; }
 
 	  // Propagate the scroll position to the actual DOM scroller
-	  if (op.scrollTop != null && (display.scroller.scrollTop != op.scrollTop || op.forceScroll)) {
-	    doc.scrollTop = Math.max(0, Math.min(display.scroller.scrollHeight - display.scroller.clientHeight, op.scrollTop))
-	    display.scrollbars.setScrollTop(doc.scrollTop)
-	    display.scroller.scrollTop = doc.scrollTop
-	  }
-	  if (op.scrollLeft != null && (display.scroller.scrollLeft != op.scrollLeft || op.forceScroll)) {
-	    doc.scrollLeft = Math.max(0, Math.min(display.scroller.scrollWidth - display.scroller.clientWidth, op.scrollLeft))
-	    display.scrollbars.setScrollLeft(doc.scrollLeft)
-	    display.scroller.scrollLeft = doc.scrollLeft
-	    alignHorizontally(cm)
-	  }
+	  if (op.scrollTop != null) { setScrollTop(cm, op.scrollTop, op.forceScroll); }
+
+	  if (op.scrollLeft != null) { setScrollLeft(cm, op.scrollLeft, true, true); }
 	  // If we need to scroll a specific position into view, do so.
 	  if (op.scrollToPos) {
-	    var coords = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from),
-	                                   clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin)
-	    if (op.scrollToPos.isCursor && cm.state.focused) { maybeScrollWindow(cm, coords) }
+	    var rect = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from),
+	                                 clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin);
+	    maybeScrollWindow(cm, rect);
 	  }
 
 	  // Fire events for markers that are hidden/unidden by editing or
 	  // undoing
-	  var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers
+	  var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers;
 	  if (hidden) { for (var i = 0; i < hidden.length; ++i)
-	    { if (!hidden[i].lines.length) { signal(hidden[i], "hide") } } }
+	    { if (!hidden[i].lines.length) { signal(hidden[i], "hide"); } } }
 	  if (unhidden) { for (var i$1 = 0; i$1 < unhidden.length; ++i$1)
-	    { if (unhidden[i$1].lines.length) { signal(unhidden[i$1], "unhide") } } }
+	    { if (unhidden[i$1].lines.length) { signal(unhidden[i$1], "unhide"); } } }
 
 	  if (display.wrapper.offsetHeight)
-	    { doc.scrollTop = cm.display.scroller.scrollTop }
+	    { doc.scrollTop = cm.display.scroller.scrollTop; }
 
 	  // Fire change events, and delayed event handlers
 	  if (op.changeObjs)
-	    { signal(cm, "changes", cm, op.changeObjs) }
+	    { signal(cm, "changes", cm, op.changeObjs); }
 	  if (op.update)
-	    { op.update.finish() }
+	    { op.update.finish(); }
 	}
 
 	// Run the given function in an operation
 	function runInOp(cm, f) {
 	  if (cm.curOp) { return f() }
-	  startOperation(cm)
+	  startOperation(cm);
 	  try { return f() }
-	  finally { endOperation(cm) }
+	  finally { endOperation(cm); }
 	}
 	// Wraps a function in an operation. Returns the wrapped function.
 	function operation(cm, f) {
 	  return function() {
 	    if (cm.curOp) { return f.apply(cm, arguments) }
-	    startOperation(cm)
+	    startOperation(cm);
 	    try { return f.apply(cm, arguments) }
-	    finally { endOperation(cm) }
+	    finally { endOperation(cm); }
 	  }
 	}
 	// Used to add methods to editor and doc instances, wrapping them in
@@ -25760,18 +28027,18 @@
 	function methodOp(f) {
 	  return function() {
 	    if (this.curOp) { return f.apply(this, arguments) }
-	    startOperation(this)
+	    startOperation(this);
 	    try { return f.apply(this, arguments) }
-	    finally { endOperation(this) }
+	    finally { endOperation(this); }
 	  }
 	}
 	function docMethodOp(f) {
 	  return function() {
-	    var cm = this.cm
+	    var cm = this.cm;
 	    if (!cm || cm.curOp) { return f.apply(this, arguments) }
-	    startOperation(cm)
+	    startOperation(cm);
 	    try { return f.apply(this, arguments) }
-	    finally { endOperation(cm) }
+	    finally { endOperation(cm); }
 	  }
 	}
 
@@ -25782,111 +28049,111 @@
 	// lines are divided into visual lines. regLineChange (below)
 	// registers single-line changes.
 	function regChange(cm, from, to, lendiff) {
-	  if (from == null) { from = cm.doc.first }
-	  if (to == null) { to = cm.doc.first + cm.doc.size }
-	  if (!lendiff) { lendiff = 0 }
+	  if (from == null) { from = cm.doc.first; }
+	  if (to == null) { to = cm.doc.first + cm.doc.size; }
+	  if (!lendiff) { lendiff = 0; }
 
-	  var display = cm.display
+	  var display = cm.display;
 	  if (lendiff && to < display.viewTo &&
 	      (display.updateLineNumbers == null || display.updateLineNumbers > from))
-	    { display.updateLineNumbers = from }
+	    { display.updateLineNumbers = from; }
 
-	  cm.curOp.viewChanged = true
+	  cm.curOp.viewChanged = true;
 
 	  if (from >= display.viewTo) { // Change after
 	    if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo)
-	      { resetView(cm) }
+	      { resetView(cm); }
 	  } else if (to <= display.viewFrom) { // Change before
 	    if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) {
-	      resetView(cm)
+	      resetView(cm);
 	    } else {
-	      display.viewFrom += lendiff
-	      display.viewTo += lendiff
+	      display.viewFrom += lendiff;
+	      display.viewTo += lendiff;
 	    }
 	  } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap
-	    resetView(cm)
+	    resetView(cm);
 	  } else if (from <= display.viewFrom) { // Top overlap
-	    var cut = viewCuttingPoint(cm, to, to + lendiff, 1)
+	    var cut = viewCuttingPoint(cm, to, to + lendiff, 1);
 	    if (cut) {
-	      display.view = display.view.slice(cut.index)
-	      display.viewFrom = cut.lineN
-	      display.viewTo += lendiff
+	      display.view = display.view.slice(cut.index);
+	      display.viewFrom = cut.lineN;
+	      display.viewTo += lendiff;
 	    } else {
-	      resetView(cm)
+	      resetView(cm);
 	    }
 	  } else if (to >= display.viewTo) { // Bottom overlap
-	    var cut$1 = viewCuttingPoint(cm, from, from, -1)
+	    var cut$1 = viewCuttingPoint(cm, from, from, -1);
 	    if (cut$1) {
-	      display.view = display.view.slice(0, cut$1.index)
-	      display.viewTo = cut$1.lineN
+	      display.view = display.view.slice(0, cut$1.index);
+	      display.viewTo = cut$1.lineN;
 	    } else {
-	      resetView(cm)
+	      resetView(cm);
 	    }
 	  } else { // Gap in the middle
-	    var cutTop = viewCuttingPoint(cm, from, from, -1)
-	    var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1)
+	    var cutTop = viewCuttingPoint(cm, from, from, -1);
+	    var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1);
 	    if (cutTop && cutBot) {
 	      display.view = display.view.slice(0, cutTop.index)
 	        .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN))
-	        .concat(display.view.slice(cutBot.index))
-	      display.viewTo += lendiff
+	        .concat(display.view.slice(cutBot.index));
+	      display.viewTo += lendiff;
 	    } else {
-	      resetView(cm)
+	      resetView(cm);
 	    }
 	  }
 
-	  var ext = display.externalMeasured
+	  var ext = display.externalMeasured;
 	  if (ext) {
 	    if (to < ext.lineN)
-	      { ext.lineN += lendiff }
+	      { ext.lineN += lendiff; }
 	    else if (from < ext.lineN + ext.size)
-	      { display.externalMeasured = null }
+	      { display.externalMeasured = null; }
 	  }
 	}
 
 	// Register a change to a single line. Type must be one of "text",
 	// "gutter", "class", "widget"
 	function regLineChange(cm, line, type) {
-	  cm.curOp.viewChanged = true
-	  var display = cm.display, ext = cm.display.externalMeasured
+	  cm.curOp.viewChanged = true;
+	  var display = cm.display, ext = cm.display.externalMeasured;
 	  if (ext && line >= ext.lineN && line < ext.lineN + ext.size)
-	    { display.externalMeasured = null }
+	    { display.externalMeasured = null; }
 
 	  if (line < display.viewFrom || line >= display.viewTo) { return }
-	  var lineView = display.view[findViewIndex(cm, line)]
+	  var lineView = display.view[findViewIndex(cm, line)];
 	  if (lineView.node == null) { return }
-	  var arr = lineView.changes || (lineView.changes = [])
-	  if (indexOf(arr, type) == -1) { arr.push(type) }
+	  var arr = lineView.changes || (lineView.changes = []);
+	  if (indexOf(arr, type) == -1) { arr.push(type); }
 	}
 
 	// Clear the view.
 	function resetView(cm) {
-	  cm.display.viewFrom = cm.display.viewTo = cm.doc.first
-	  cm.display.view = []
-	  cm.display.viewOffset = 0
+	  cm.display.viewFrom = cm.display.viewTo = cm.doc.first;
+	  cm.display.view = [];
+	  cm.display.viewOffset = 0;
 	}
 
 	function viewCuttingPoint(cm, oldN, newN, dir) {
-	  var index = findViewIndex(cm, oldN), diff, view = cm.display.view
+	  var index = findViewIndex(cm, oldN), diff, view = cm.display.view;
 	  if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size)
 	    { return {index: index, lineN: newN} }
-	  var n = cm.display.viewFrom
+	  var n = cm.display.viewFrom;
 	  for (var i = 0; i < index; i++)
-	    { n += view[i].size }
+	    { n += view[i].size; }
 	  if (n != oldN) {
 	    if (dir > 0) {
 	      if (index == view.length - 1) { return null }
-	      diff = (n + view[index].size) - oldN
-	      index++
+	      diff = (n + view[index].size) - oldN;
+	      index++;
 	    } else {
-	      diff = n - oldN
+	      diff = n - oldN;
 	    }
-	    oldN += diff; newN += diff
+	    oldN += diff; newN += diff;
 	  }
 	  while (visualLineNo(cm.doc, newN) != newN) {
 	    if (index == (dir < 0 ? 0 : view.length - 1)) { return null }
-	    newN += dir * view[index - (dir < 0 ? 1 : 0)].size
-	    index += dir
+	    newN += dir * view[index - (dir < 0 ? 1 : 0)].size;
+	    index += dir;
 	  }
 	  return {index: index, lineN: newN}
 	}
@@ -25894,31 +28161,31 @@
 	// Force the view to cover a given range, adding empty view element
 	// or clipping off existing ones as needed.
 	function adjustView(cm, from, to) {
-	  var display = cm.display, view = display.view
+	  var display = cm.display, view = display.view;
 	  if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) {
-	    display.view = buildViewArray(cm, from, to)
-	    display.viewFrom = from
+	    display.view = buildViewArray(cm, from, to);
+	    display.viewFrom = from;
 	  } else {
 	    if (display.viewFrom > from)
-	      { display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view) }
+	      { display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view); }
 	    else if (display.viewFrom < from)
-	      { display.view = display.view.slice(findViewIndex(cm, from)) }
-	    display.viewFrom = from
+	      { display.view = display.view.slice(findViewIndex(cm, from)); }
+	    display.viewFrom = from;
 	    if (display.viewTo < to)
-	      { display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)) }
+	      { display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)); }
 	    else if (display.viewTo > to)
-	      { display.view = display.view.slice(0, findViewIndex(cm, to)) }
+	      { display.view = display.view.slice(0, findViewIndex(cm, to)); }
 	  }
-	  display.viewTo = to
+	  display.viewTo = to;
 	}
 
 	// Count the number of lines in the view whose DOM representation is
 	// out of date (or nonexistent).
 	function countDirtyView(cm) {
-	  var view = cm.display.view, dirty = 0
+	  var view = cm.display.view, dirty = 0;
 	  for (var i = 0; i < view.length; i++) {
-	    var lineView = view[i]
-	    if (!lineView.hidden && (!lineView.node || lineView.changes)) { ++dirty }
+	    var lineView = view[i];
+	    if (!lineView.hidden && (!lineView.node || lineView.changes)) { ++dirty; }
 	  }
 	  return dirty
 	}
@@ -25926,84 +28193,118 @@
 	// HIGHLIGHT WORKER
 
 	function startWorker(cm, time) {
-	  if (cm.doc.mode.startState && cm.doc.frontier < cm.display.viewTo)
-	    { cm.state.highlight.set(time, bind(highlightWorker, cm)) }
+	  if (cm.doc.highlightFrontier < cm.display.viewTo)
+	    { cm.state.highlight.set(time, bind(highlightWorker, cm)); }
 	}
 
 	function highlightWorker(cm) {
-	  var doc = cm.doc
-	  if (doc.frontier < doc.first) { doc.frontier = doc.first }
-	  if (doc.frontier >= cm.display.viewTo) { return }
-	  var end = +new Date + cm.options.workTime
-	  var state = copyState(doc.mode, getStateBefore(cm, doc.frontier))
-	  var changedLines = []
-
-	  doc.iter(doc.frontier, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function (line) {
-	    if (doc.frontier >= cm.display.viewFrom) { // Visible
-	      var oldStyles = line.styles, tooLong = line.text.length > cm.options.maxHighlightLength
-	      var highlighted = highlightLine(cm, line, tooLong ? copyState(doc.mode, state) : state, true)
-	      line.styles = highlighted.styles
-	      var oldCls = line.styleClasses, newCls = highlighted.classes
-	      if (newCls) { line.styleClasses = newCls }
-	      else if (oldCls) { line.styleClasses = null }
+	  var doc = cm.doc;
+	  if (doc.highlightFrontier >= cm.display.viewTo) { return }
+	  var end = +new Date + cm.options.workTime;
+	  var context = getContextBefore(cm, doc.highlightFrontier);
+	  var changedLines = [];
+
+	  doc.iter(context.line, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function (line) {
+	    if (context.line >= cm.display.viewFrom) { // Visible
+	      var oldStyles = line.styles;
+	      var resetState = line.text.length > cm.options.maxHighlightLength ? copyState(doc.mode, context.state) : null;
+	      var highlighted = highlightLine(cm, line, context, true);
+	      if (resetState) { context.state = resetState; }
+	      line.styles = highlighted.styles;
+	      var oldCls = line.styleClasses, newCls = highlighted.classes;
+	      if (newCls) { line.styleClasses = newCls; }
+	      else if (oldCls) { line.styleClasses = null; }
 	      var ischange = !oldStyles || oldStyles.length != line.styles.length ||
-	        oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass)
-	      for (var i = 0; !ischange && i < oldStyles.length; ++i) { ischange = oldStyles[i] != line.styles[i] }
-	      if (ischange) { changedLines.push(doc.frontier) }
-	      line.stateAfter = tooLong ? state : copyState(doc.mode, state)
+	        oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass);
+	      for (var i = 0; !ischange && i < oldStyles.length; ++i) { ischange = oldStyles[i] != line.styles[i]; }
+	      if (ischange) { changedLines.push(context.line); }
+	      line.stateAfter = context.save();
+	      context.nextLine();
 	    } else {
 	      if (line.text.length <= cm.options.maxHighlightLength)
-	        { processLine(cm, line.text, state) }
-	      line.stateAfter = doc.frontier % 5 == 0 ? copyState(doc.mode, state) : null
+	        { processLine(cm, line.text, context); }
+	      line.stateAfter = context.line % 5 == 0 ? context.save() : null;
+	      context.nextLine();
 	    }
-	    ++doc.frontier
 	    if (+new Date > end) {
-	      startWorker(cm, cm.options.workDelay)
+	      startWorker(cm, cm.options.workDelay);
 	      return true
 	    }
-	  })
+	  });
+	  doc.highlightFrontier = context.line;
+	  doc.modeFrontier = Math.max(doc.modeFrontier, context.line);
 	  if (changedLines.length) { runInOp(cm, function () {
 	    for (var i = 0; i < changedLines.length; i++)
-	      { regLineChange(cm, changedLines[i], "text") }
-	  }) }
+	      { regLineChange(cm, changedLines[i], "text"); }
+	  }); }
 	}
 
 	// DISPLAY DRAWING
 
 	var DisplayUpdate = function(cm, viewport, force) {
-	  var display = cm.display
+	  var display = cm.display;
 
-	  this.viewport = viewport
+	  this.viewport = viewport;
 	  // Store some values that we'll need later (but don't want to force a relayout for)
-	  this.visible = visibleLines(display, cm.doc, viewport)
-	  this.editorIsHidden = !display.wrapper.offsetWidth
-	  this.wrapperHeight = display.wrapper.clientHeight
-	  this.wrapperWidth = display.wrapper.clientWidth
-	  this.oldDisplayWidth = displayWidth(cm)
-	  this.force = force
-	  this.dims = getDimensions(cm)
-	  this.events = []
+	  this.visible = visibleLines(display, cm.doc, viewport);
+	  this.editorIsHidden = !display.wrapper.offsetWidth;
+	  this.wrapperHeight = display.wrapper.clientHeight;
+	  this.wrapperWidth = display.wrapper.clientWidth;
+	  this.oldDisplayWidth = displayWidth(cm);
+	  this.force = force;
+	  this.dims = getDimensions(cm);
+	  this.events = [];
 	};
 
 	DisplayUpdate.prototype.signal = function (emitter, type) {
 	  if (hasHandler(emitter, type))
-	    { this.events.push(arguments) }
+	    { this.events.push(arguments); }
 	};
 	DisplayUpdate.prototype.finish = function () {
 	    var this$1 = this;
 
 	  for (var i = 0; i < this.events.length; i++)
-	    { signal.apply(null, this$1.events[i]) }
+	    { signal.apply(null, this$1.events[i]); }
 	};
 
 	function maybeClipScrollbars(cm) {
-	  var display = cm.display
+	  var display = cm.display;
 	  if (!display.scrollbarsClipped && display.scroller.offsetWidth) {
-	    display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth
-	    display.heightForcer.style.height = scrollGap(cm) + "px"
-	    display.sizer.style.marginBottom = -display.nativeBarWidth + "px"
-	    display.sizer.style.borderRightWidth = scrollGap(cm) + "px"
-	    display.scrollbarsClipped = true
+	    display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth;
+	    display.heightForcer.style.height = scrollGap(cm) + "px";
+	    display.sizer.style.marginBottom = -display.nativeBarWidth + "px";
+	    display.sizer.style.borderRightWidth = scrollGap(cm) + "px";
+	    display.scrollbarsClipped = true;
+	  }
+	}
+
+	function selectionSnapshot(cm) {
+	  if (cm.hasFocus()) { return null }
+	  var active = activeElt();
+	  if (!active || !contains(cm.display.lineDiv, active)) { return null }
+	  var result = {activeElt: active};
+	  if (window.getSelection) {
+	    var sel = window.getSelection();
+	    if (sel.anchorNode && sel.extend && contains(cm.display.lineDiv, sel.anchorNode)) {
+	      result.anchorNode = sel.anchorNode;
+	      result.anchorOffset = sel.anchorOffset;
+	      result.focusNode = sel.focusNode;
+	      result.focusOffset = sel.focusOffset;
+	    }
+	  }
+	  return result
+	}
+
+	function restoreSelection(snapshot) {
+	  if (!snapshot || !snapshot.activeElt || snapshot.activeElt == activeElt()) { return }
+	  snapshot.activeElt.focus();
+	  if (snapshot.anchorNode && contains(document.body, snapshot.anchorNode) && contains(document.body, snapshot.focusNode)) {
+	    var sel = window.getSelection(), range$$1 = document.createRange();
+	    range$$1.setEnd(snapshot.anchorNode, snapshot.anchorOffset);
+	    range$$1.collapse(false);
+	    sel.removeAllRanges();
+	    sel.addRange(range$$1);
+	    sel.extend(snapshot.focusNode, snapshot.focusOffset);
 	  }
 	}
 
@@ -26011,10 +28312,10 @@
 	// (returning false) when there is nothing to be done and forced is
 	// false.
 	function updateDisplayIfNeeded(cm, update) {
-	  var display = cm.display, doc = cm.doc
+	  var display = cm.display, doc = cm.doc;
 
 	  if (update.editorIsHidden) {
-	    resetView(cm)
+	    resetView(cm);
 	    return false
 	  }
 
@@ -26026,101 +28327,102 @@
 	    { return false }
 
 	  if (maybeUpdateLineNumberWidth(cm)) {
-	    resetView(cm)
-	    update.dims = getDimensions(cm)
+	    resetView(cm);
+	    update.dims = getDimensions(cm);
 	  }
 
 	  // Compute a suitable new viewport (from & to)
-	  var end = doc.first + doc.size
-	  var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first)
-	  var to = Math.min(end, update.visible.to + cm.options.viewportMargin)
-	  if (display.viewFrom < from && from - display.viewFrom < 20) { from = Math.max(doc.first, display.viewFrom) }
-	  if (display.viewTo > to && display.viewTo - to < 20) { to = Math.min(end, display.viewTo) }
+	  var end = doc.first + doc.size;
+	  var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first);
+	  var to = Math.min(end, update.visible.to + cm.options.viewportMargin);
+	  if (display.viewFrom < from && from - display.viewFrom < 20) { from = Math.max(doc.first, display.viewFrom); }
+	  if (display.viewTo > to && display.viewTo - to < 20) { to = Math.min(end, display.viewTo); }
 	  if (sawCollapsedSpans) {
-	    from = visualLineNo(cm.doc, from)
-	    to = visualLineEndNo(cm.doc, to)
+	    from = visualLineNo(cm.doc, from);
+	    to = visualLineEndNo(cm.doc, to);
 	  }
 
 	  var different = from != display.viewFrom || to != display.viewTo ||
-	    display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth
-	  adjustView(cm, from, to)
+	    display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth;
+	  adjustView(cm, from, to);
 
-	  display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom))
+	  display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom));
 	  // Position the mover div to align with the current scroll position
-	  cm.display.mover.style.top = display.viewOffset + "px"
+	  cm.display.mover.style.top = display.viewOffset + "px";
 
-	  var toUpdate = countDirtyView(cm)
+	  var toUpdate = countDirtyView(cm);
 	  if (!different && toUpdate == 0 && !update.force && display.renderedView == display.view &&
 	      (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo))
 	    { return false }
 
 	  // For big changes, we hide the enclosing element during the
 	  // update, since that speeds up the operations on most browsers.
-	  var focused = activeElt()
-	  if (toUpdate > 4) { display.lineDiv.style.display = "none" }
-	  patchDisplay(cm, display.updateLineNumbers, update.dims)
-	  if (toUpdate > 4) { display.lineDiv.style.display = "" }
-	  display.renderedView = display.view
+	  var selSnapshot = selectionSnapshot(cm);
+	  if (toUpdate > 4) { display.lineDiv.style.display = "none"; }
+	  patchDisplay(cm, display.updateLineNumbers, update.dims);
+	  if (toUpdate > 4) { display.lineDiv.style.display = ""; }
+	  display.renderedView = display.view;
 	  // There might have been a widget with a focused element that got
 	  // hidden or updated, if so re-focus it.
-	  if (focused && activeElt() != focused && focused.offsetHeight) { focused.focus() }
+	  restoreSelection(selSnapshot);
 
 	  // Prevent selection and cursors from interfering with the scroll
 	  // width and height.
-	  removeChildren(display.cursorDiv)
-	  removeChildren(display.selectionDiv)
-	  display.gutters.style.height = display.sizer.style.minHeight = 0
+	  removeChildren(display.cursorDiv);
+	  removeChildren(display.selectionDiv);
+	  display.gutters.style.height = display.sizer.style.minHeight = 0;
 
 	  if (different) {
-	    display.lastWrapHeight = update.wrapperHeight
-	    display.lastWrapWidth = update.wrapperWidth
-	    startWorker(cm, 400)
+	    display.lastWrapHeight = update.wrapperHeight;
+	    display.lastWrapWidth = update.wrapperWidth;
+	    startWorker(cm, 400);
 	  }
 
-	  display.updateLineNumbers = null
+	  display.updateLineNumbers = null;
 
 	  return true
 	}
 
 	function postUpdateDisplay(cm, update) {
-	  var viewport = update.viewport
+	  var viewport = update.viewport;
 
 	  for (var first = true;; first = false) {
 	    if (!first || !cm.options.lineWrapping || update.oldDisplayWidth == displayWidth(cm)) {
 	      // Clip forced viewport to actual scrollable area.
 	      if (viewport && viewport.top != null)
-	        { viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)} }
+	        { viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)}; }
 	      // Updated line heights might result in the drawn area not
 	      // actually covering the viewport. Keep looping until it does.
-	      update.visible = visibleLines(cm.display, cm.doc, viewport)
+	      update.visible = visibleLines(cm.display, cm.doc, viewport);
 	      if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo)
 	        { break }
 	    }
 	    if (!updateDisplayIfNeeded(cm, update)) { break }
-	    updateHeightsInViewport(cm)
-	    var barMeasure = measureForScrollbars(cm)
-	    updateSelection(cm)
-	    updateScrollbars(cm, barMeasure)
-	    setDocumentHeight(cm, barMeasure)
+	    updateHeightsInViewport(cm);
+	    var barMeasure = measureForScrollbars(cm);
+	    updateSelection(cm);
+	    updateScrollbars(cm, barMeasure);
+	    setDocumentHeight(cm, barMeasure);
+	    update.force = false;
 	  }
 
-	  update.signal(cm, "update", cm)
+	  update.signal(cm, "update", cm);
 	  if (cm.display.viewFrom != cm.display.reportedViewFrom || cm.display.viewTo != cm.display.reportedViewTo) {
-	    update.signal(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo)
-	    cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo
+	    update.signal(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo);
+	    cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo;
 	  }
 	}
 
 	function updateDisplaySimple(cm, viewport) {
-	  var update = new DisplayUpdate(cm, viewport)
+	  var update = new DisplayUpdate(cm, viewport);
 	  if (updateDisplayIfNeeded(cm, update)) {
-	    updateHeightsInViewport(cm)
-	    postUpdateDisplay(cm, update)
-	    var barMeasure = measureForScrollbars(cm)
-	    updateSelection(cm)
-	    updateScrollbars(cm, barMeasure)
-	    setDocumentHeight(cm, barMeasure)
-	    update.finish()
+	    updateHeightsInViewport(cm);
+	    postUpdateDisplay(cm, update);
+	    var barMeasure = measureForScrollbars(cm);
+	    updateSelection(cm);
+	    updateScrollbars(cm, barMeasure);
+	    setDocumentHeight(cm, barMeasure);
+	    update.finish();
 	  }
 	}
 
@@ -26129,85 +28431,196 @@
 	// that are not there yet, and updating the ones that are out of
 	// date.
 	function patchDisplay(cm, updateNumbersFrom, dims) {
-	  var display = cm.display, lineNumbers = cm.options.lineNumbers
-	  var container = display.lineDiv, cur = container.firstChild
+	  var display = cm.display, lineNumbers = cm.options.lineNumbers;
+	  var container = display.lineDiv, cur = container.firstChild;
 
 	  function rm(node) {
-	    var next = node.nextSibling
+	    var next = node.nextSibling;
 	    // Works around a throw-scroll bug in OS X Webkit
 	    if (webkit && mac && cm.display.currentWheelTarget == node)
-	      { node.style.display = "none" }
+	      { node.style.display = "none"; }
 	    else
-	      { node.parentNode.removeChild(node) }
+	      { node.parentNode.removeChild(node); }
 	    return next
 	  }
 
-	  var view = display.view, lineN = display.viewFrom
+	  var view = display.view, lineN = display.viewFrom;
 	  // Loop over the elements in the view, syncing cur (the DOM nodes
 	  // in display.lineDiv) with the view as we go.
 	  for (var i = 0; i < view.length; i++) {
-	    var lineView = view[i]
+	    var lineView = view[i];
 	    if (lineView.hidden) {
 	    } else if (!lineView.node || lineView.node.parentNode != container) { // Not drawn yet
-	      var node = buildLineElement(cm, lineView, lineN, dims)
-	      container.insertBefore(node, cur)
+	      var node = buildLineElement(cm, lineView, lineN, dims);
+	      container.insertBefore(node, cur);
 	    } else { // Already drawn
-	      while (cur != lineView.node) { cur = rm(cur) }
+	      while (cur != lineView.node) { cur = rm(cur); }
 	      var updateNumber = lineNumbers && updateNumbersFrom != null &&
-	        updateNumbersFrom <= lineN && lineView.lineNumber
+	        updateNumbersFrom <= lineN && lineView.lineNumber;
 	      if (lineView.changes) {
-	        if (indexOf(lineView.changes, "gutter") > -1) { updateNumber = false }
-	        updateLineForChanges(cm, lineView, lineN, dims)
+	        if (indexOf(lineView.changes, "gutter") > -1) { updateNumber = false; }
+	        updateLineForChanges(cm, lineView, lineN, dims);
 	      }
 	      if (updateNumber) {
-	        removeChildren(lineView.lineNumber)
-	        lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN)))
+	        removeChildren(lineView.lineNumber);
+	        lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN)));
+	      }
+	      cur = lineView.node.nextSibling;
+	    }
+	    lineN += lineView.size;
+	  }
+	  while (cur) { cur = rm(cur); }
+	}
+
+	function updateGutterSpace(cm) {
+	  var width = cm.display.gutters.offsetWidth;
+	  cm.display.sizer.style.marginLeft = width + "px";
+	}
+
+	function setDocumentHeight(cm, measure) {
+	  cm.display.sizer.style.minHeight = measure.docHeight + "px";
+	  cm.display.heightForcer.style.top = measure.docHeight + "px";
+	  cm.display.gutters.style.height = (measure.docHeight + cm.display.barHeight + scrollGap(cm)) + "px";
+	}
+
+	// Rebuild the gutter elements, ensure the margin to the left of the
+	// code matches their width.
+	function updateGutters(cm) {
+	  var gutters = cm.display.gutters, specs = cm.options.gutters;
+	  removeChildren(gutters);
+	  var i = 0;
+	  for (; i < specs.length; ++i) {
+	    var gutterClass = specs[i];
+	    var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass));
+	    if (gutterClass == "CodeMirror-linenumbers") {
+	      cm.display.lineGutter = gElt;
+	      gElt.style.width = (cm.display.lineNumWidth || 1) + "px";
+	    }
+	  }
+	  gutters.style.display = i ? "" : "none";
+	  updateGutterSpace(cm);
+	}
+
+	// Make sure the gutters options contains the element
+	// "CodeMirror-linenumbers" when the lineNumbers option is true.
+	function setGuttersForLineNumbers(options) {
+	  var found = indexOf(options.gutters, "CodeMirror-linenumbers");
+	  if (found == -1 && options.lineNumbers) {
+	    options.gutters = options.gutters.concat(["CodeMirror-linenumbers"]);
+	  } else if (found > -1 && !options.lineNumbers) {
+	    options.gutters = options.gutters.slice(0);
+	    options.gutters.splice(found, 1);
+	  }
+	}
+
+	// Since the delta values reported on mouse wheel events are
+	// unstandardized between browsers and even browser versions, and
+	// generally horribly unpredictable, this code starts by measuring
+	// the scroll effect that the first few mouse wheel events have,
+	// and, from that, detects the way it can convert deltas to pixel
+	// offsets afterwards.
+	//
+	// The reason we want to know the amount a wheel event will scroll
+	// is that it gives us a chance to update the display before the
+	// actual scrolling happens, reducing flickering.
+
+	var wheelSamples = 0;
+	var wheelPixelsPerUnit = null;
+	// Fill in a browser-detected starting value on browsers where we
+	// know one. These don't have to be accurate -- the result of them
+	// being wrong would just be a slight flicker on the first wheel
+	// scroll (if it is large enough).
+	if (ie) { wheelPixelsPerUnit = -.53; }
+	else if (gecko) { wheelPixelsPerUnit = 15; }
+	else if (chrome) { wheelPixelsPerUnit = -.7; }
+	else if (safari) { wheelPixelsPerUnit = -1/3; }
+
+	function wheelEventDelta(e) {
+	  var dx = e.wheelDeltaX, dy = e.wheelDeltaY;
+	  if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) { dx = e.detail; }
+	  if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) { dy = e.detail; }
+	  else if (dy == null) { dy = e.wheelDelta; }
+	  return {x: dx, y: dy}
+	}
+	function wheelEventPixels(e) {
+	  var delta = wheelEventDelta(e);
+	  delta.x *= wheelPixelsPerUnit;
+	  delta.y *= wheelPixelsPerUnit;
+	  return delta
+	}
+
+	function onScrollWheel(cm, e) {
+	  var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y;
+
+	  var display = cm.display, scroll = display.scroller;
+	  // Quit if there's nothing to scroll here
+	  var canScrollX = scroll.scrollWidth > scroll.clientWidth;
+	  var canScrollY = scroll.scrollHeight > scroll.clientHeight;
+	  if (!(dx && canScrollX || dy && canScrollY)) { return }
+
+	  // Webkit browsers on OS X abort momentum scrolls when the target
+	  // of the scroll event is removed from the scrollable element.
+	  // This hack (see related code in patchDisplay) makes sure the
+	  // element is kept around.
+	  if (dy && mac && webkit) {
+	    outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) {
+	      for (var i = 0; i < view.length; i++) {
+	        if (view[i].node == cur) {
+	          cm.display.currentWheelTarget = cur;
+	          break outer
+	        }
 	      }
-	      cur = lineView.node.nextSibling
 	    }
-	    lineN += lineView.size
 	  }
-	  while (cur) { cur = rm(cur) }
-	}
-
-	function updateGutterSpace(cm) {
-	  var width = cm.display.gutters.offsetWidth
-	  cm.display.sizer.style.marginLeft = width + "px"
-	}
-
-	function setDocumentHeight(cm, measure) {
-	  cm.display.sizer.style.minHeight = measure.docHeight + "px"
-	  cm.display.heightForcer.style.top = measure.docHeight + "px"
-	  cm.display.gutters.style.height = (measure.docHeight + cm.display.barHeight + scrollGap(cm)) + "px"
-	}
 
-	// Rebuild the gutter elements, ensure the margin to the left of the
-	// code matches their width.
-	function updateGutters(cm) {
-	  var gutters = cm.display.gutters, specs = cm.options.gutters
-	  removeChildren(gutters)
-	  var i = 0
-	  for (; i < specs.length; ++i) {
-	    var gutterClass = specs[i]
-	    var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass))
-	    if (gutterClass == "CodeMirror-linenumbers") {
-	      cm.display.lineGutter = gElt
-	      gElt.style.width = (cm.display.lineNumWidth || 1) + "px"
-	    }
+	  // On some browsers, horizontal scrolling will cause redraws to
+	  // happen before the gutter has been realigned, causing it to
+	  // wriggle around in a most unseemly way. When we have an
+	  // estimated pixels/delta value, we just handle horizontal
+	  // scrolling entirely here. It'll be slightly off from native, but
+	  // better than glitching out.
+	  if (dx && !gecko && !presto && wheelPixelsPerUnit != null) {
+	    if (dy && canScrollY)
+	      { updateScrollTop(cm, Math.max(0, scroll.scrollTop + dy * wheelPixelsPerUnit)); }
+	    setScrollLeft(cm, Math.max(0, scroll.scrollLeft + dx * wheelPixelsPerUnit));
+	    // Only prevent default scrolling if vertical scrolling is
+	    // actually possible. Otherwise, it causes vertical scroll
+	    // jitter on OSX trackpads when deltaX is small and deltaY
+	    // is large (issue #3579)
+	    if (!dy || (dy && canScrollY))
+	      { e_preventDefault(e); }
+	    display.wheelStartX = null; // Abort measurement, if in progress
+	    return
+	  }
+
+	  // 'Project' the visible viewport to cover the area that is being
+	  // scrolled into view (if we know enough to estimate it).
+	  if (dy && wheelPixelsPerUnit != null) {
+	    var pixels = dy * wheelPixelsPerUnit;
+	    var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight;
+	    if (pixels < 0) { top = Math.max(0, top + pixels - 50); }
+	    else { bot = Math.min(cm.doc.height, bot + pixels + 50); }
+	    updateDisplaySimple(cm, {top: top, bottom: bot});
 	  }
-	  gutters.style.display = i ? "" : "none"
-	  updateGutterSpace(cm)
-	}
 
-	// Make sure the gutters options contains the element
-	// "CodeMirror-linenumbers" when the lineNumbers option is true.
-	function setGuttersForLineNumbers(options) {
-	  var found = indexOf(options.gutters, "CodeMirror-linenumbers")
-	  if (found == -1 && options.lineNumbers) {
-	    options.gutters = options.gutters.concat(["CodeMirror-linenumbers"])
-	  } else if (found > -1 && !options.lineNumbers) {
-	    options.gutters = options.gutters.slice(0)
-	    options.gutters.splice(found, 1)
+	  if (wheelSamples < 20) {
+	    if (display.wheelStartX == null) {
+	      display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop;
+	      display.wheelDX = dx; display.wheelDY = dy;
+	      setTimeout(function () {
+	        if (display.wheelStartX == null) { return }
+	        var movedX = scroll.scrollLeft - display.wheelStartX;
+	        var movedY = scroll.scrollTop - display.wheelStartY;
+	        var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||
+	          (movedX && display.wheelDX && movedX / display.wheelDX);
+	        display.wheelStartX = display.wheelStartY = null;
+	        if (!sample) { return }
+	        wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1);
+	        ++wheelSamples;
+	      }, 200);
+	    } else {
+	      display.wheelDX += dx; display.wheelDY += dy;
+	    }
 	  }
 	}
 
@@ -26216,78 +28629,76 @@
 	// (and non-touching) ranges, sorted, and an integer that indicates
 	// which one is the primary selection (the one that's scrolled into
 	// view, that getCursor returns, etc).
-	function Selection(ranges, primIndex) {
-	  this.ranges = ranges
-	  this.primIndex = primIndex
-	}
+	var Selection = function(ranges, primIndex) {
+	  this.ranges = ranges;
+	  this.primIndex = primIndex;
+	};
 
-	Selection.prototype = {
-	  primary: function() { return this.ranges[this.primIndex] },
-	  equals: function(other) {
+	Selection.prototype.primary = function () { return this.ranges[this.primIndex] };
+
+	Selection.prototype.equals = function (other) {
 	    var this$1 = this;
 
-	    if (other == this) { return true }
-	    if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) { return false }
-	    for (var i = 0; i < this.ranges.length; i++) {
-	      var here = this$1.ranges[i], there = other.ranges[i]
-	      if (cmp(here.anchor, there.anchor) != 0 || cmp(here.head, there.head) != 0) { return false }
-	    }
-	    return true
-	  },
-	  deepCopy: function() {
+	  if (other == this) { return true }
+	  if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) { return false }
+	  for (var i = 0; i < this.ranges.length; i++) {
+	    var here = this$1.ranges[i], there = other.ranges[i];
+	    if (!equalCursorPos(here.anchor, there.anchor) || !equalCursorPos(here.head, there.head)) { return false }
+	  }
+	  return true
+	};
+
+	Selection.prototype.deepCopy = function () {
 	    var this$1 = this;
 
-	    var out = []
-	    for (var i = 0; i < this.ranges.length; i++)
-	      { out[i] = new Range(copyPos(this$1.ranges[i].anchor), copyPos(this$1.ranges[i].head)) }
-	    return new Selection(out, this.primIndex)
-	  },
-	  somethingSelected: function() {
+	  var out = [];
+	  for (var i = 0; i < this.ranges.length; i++)
+	    { out[i] = new Range(copyPos(this$1.ranges[i].anchor), copyPos(this$1.ranges[i].head)); }
+	  return new Selection(out, this.primIndex)
+	};
+
+	Selection.prototype.somethingSelected = function () {
 	    var this$1 = this;
 
-	    for (var i = 0; i < this.ranges.length; i++)
-	      { if (!this$1.ranges[i].empty()) { return true } }
-	    return false
-	  },
-	  contains: function(pos, end) {
+	  for (var i = 0; i < this.ranges.length; i++)
+	    { if (!this$1.ranges[i].empty()) { return true } }
+	  return false
+	};
+
+	Selection.prototype.contains = function (pos, end) {
 	    var this$1 = this;
 
-	    if (!end) { end = pos }
-	    for (var i = 0; i < this.ranges.length; i++) {
-	      var range = this$1.ranges[i]
-	      if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0)
-	        { return i }
-	    }
-	    return -1
+	  if (!end) { end = pos; }
+	  for (var i = 0; i < this.ranges.length; i++) {
+	    var range = this$1.ranges[i];
+	    if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0)
+	      { return i }
 	  }
-	}
+	  return -1
+	};
 
-	function Range(anchor, head) {
-	  this.anchor = anchor; this.head = head
-	}
+	var Range = function(anchor, head) {
+	  this.anchor = anchor; this.head = head;
+	};
 
-	Range.prototype = {
-	  from: function() { return minPos(this.anchor, this.head) },
-	  to: function() { return maxPos(this.anchor, this.head) },
-	  empty: function() {
-	    return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch
-	  }
-	}
+	Range.prototype.from = function () { return minPos(this.anchor, this.head) };
+	Range.prototype.to = function () { return maxPos(this.anchor, this.head) };
+	Range.prototype.empty = function () { return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch };
 
 	// Take an unsorted, potentially overlapping set of ranges, and
 	// build a selection out of it. 'Consumes' ranges array (modifying
 	// it).
 	function normalizeSelection(ranges, primIndex) {
-	  var prim = ranges[primIndex]
-	  ranges.sort(function (a, b) { return cmp(a.from(), b.from()); })
-	  primIndex = indexOf(ranges, prim)
+	  var prim = ranges[primIndex];
+	  ranges.sort(function (a, b) { return cmp(a.from(), b.from()); });
+	  primIndex = indexOf(ranges, prim);
 	  for (var i = 1; i < ranges.length; i++) {
-	    var cur = ranges[i], prev = ranges[i - 1]
+	    var cur = ranges[i], prev = ranges[i - 1];
 	    if (cmp(prev.to(), cur.from()) >= 0) {
-	      var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to())
-	      var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head
-	      if (i <= primIndex) { --primIndex }
-	      ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to))
+	      var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to());
+	      var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head;
+	      if (i <= primIndex) { --primIndex; }
+	      ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to));
 	    }
 	  }
 	  return new Selection(ranges, primIndex)
@@ -26311,17 +28722,17 @@
 	  if (cmp(pos, change.from) < 0) { return pos }
 	  if (cmp(pos, change.to) <= 0) { return changeEnd(change) }
 
-	  var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch
-	  if (pos.line == change.to.line) { ch += changeEnd(change).ch - change.to.ch }
+	  var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch;
+	  if (pos.line == change.to.line) { ch += changeEnd(change).ch - change.to.ch; }
 	  return Pos(line, ch)
 	}
 
 	function computeSelAfterChange(doc, change) {
-	  var out = []
+	  var out = [];
 	  for (var i = 0; i < doc.sel.ranges.length; i++) {
-	    var range = doc.sel.ranges[i]
+	    var range = doc.sel.ranges[i];
 	    out.push(new Range(adjustForChange(range.anchor, change),
-	                       adjustForChange(range.head, change)))
+	                       adjustForChange(range.head, change)));
 	  }
 	  return normalizeSelection(out, doc.sel.primIndex)
 	}
@@ -26336,19 +28747,19 @@
 	// Used by replaceSelections to allow moving the selection to the
 	// start or around the replaced test. Hint may be "start" or "around".
 	function computeReplacedSel(doc, changes, hint) {
-	  var out = []
-	  var oldPrev = Pos(doc.first, 0), newPrev = oldPrev
+	  var out = [];
+	  var oldPrev = Pos(doc.first, 0), newPrev = oldPrev;
 	  for (var i = 0; i < changes.length; i++) {
-	    var change = changes[i]
-	    var from = offsetPos(change.from, oldPrev, newPrev)
-	    var to = offsetPos(changeEnd(change), oldPrev, newPrev)
-	    oldPrev = change.to
-	    newPrev = to
+	    var change = changes[i];
+	    var from = offsetPos(change.from, oldPrev, newPrev);
+	    var to = offsetPos(changeEnd(change), oldPrev, newPrev);
+	    oldPrev = change.to;
+	    newPrev = to;
 	    if (hint == "around") {
-	      var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0
-	      out[i] = new Range(inv ? to : from, inv ? from : to)
+	      var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0;
+	      out[i] = new Range(inv ? to : from, inv ? from : to);
 	    } else {
-	      out[i] = new Range(from, from)
+	      out[i] = new Range(from, from);
 	    }
 	  }
 	  return new Selection(out, doc.sel.primIndex)
@@ -26357,19 +28768,19 @@
 	// Used to get the editor into a consistent state again when options change.
 
 	function loadMode(cm) {
-	  cm.doc.mode = getMode(cm.options, cm.doc.modeOption)
-	  resetModeState(cm)
+	  cm.doc.mode = getMode(cm.options, cm.doc.modeOption);
+	  resetModeState(cm);
 	}
 
 	function resetModeState(cm) {
 	  cm.doc.iter(function (line) {
-	    if (line.stateAfter) { line.stateAfter = null }
-	    if (line.styles) { line.styles = null }
-	  })
-	  cm.doc.frontier = cm.doc.first
-	  startWorker(cm, 100)
-	  cm.state.modeGen++
-	  if (cm.curOp) { regChange(cm) }
+	    if (line.stateAfter) { line.stateAfter = null; }
+	    if (line.styles) { line.styles = null; }
+	  });
+	  cm.doc.modeFrontier = cm.doc.highlightFrontier = cm.doc.first;
+	  startWorker(cm, 100);
+	  cm.state.modeGen++;
+	  if (cm.curOp) { regChange(cm); }
 	}
 
 	// DOCUMENT DATA STRUCTURE
@@ -26383,105 +28794,117 @@
 	}
 
 	// Perform a change on the document data structure.
-	function updateDoc(doc, change, markedSpans, estimateHeight) {
+	function updateDoc(doc, change, markedSpans, estimateHeight$$1) {
 	  function spansFor(n) {return markedSpans ? markedSpans[n] : null}
 	  function update(line, text, spans) {
-	    updateLine(line, text, spans, estimateHeight)
-	    signalLater(line, "change", line, change)
+	    updateLine(line, text, spans, estimateHeight$$1);
+	    signalLater(line, "change", line, change);
 	  }
 	  function linesFor(start, end) {
-	    var result = []
+	    var result = [];
 	    for (var i = start; i < end; ++i)
-	      { result.push(new Line(text[i], spansFor(i), estimateHeight)) }
+	      { result.push(new Line(text[i], spansFor(i), estimateHeight$$1)); }
 	    return result
 	  }
 
-	  var from = change.from, to = change.to, text = change.text
-	  var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line)
-	  var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line
+	  var from = change.from, to = change.to, text = change.text;
+	  var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line);
+	  var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line;
 
 	  // Adjust the line structure
 	  if (change.full) {
-	    doc.insert(0, linesFor(0, text.length))
-	    doc.remove(text.length, doc.size - text.length)
+	    doc.insert(0, linesFor(0, text.length));
+	    doc.remove(text.length, doc.size - text.length);
 	  } else if (isWholeLineUpdate(doc, change)) {
 	    // This is a whole-line replace. Treated specially to make
 	    // sure line objects move the way they are supposed to.
-	    var added = linesFor(0, text.length - 1)
-	    update(lastLine, lastLine.text, lastSpans)
-	    if (nlines) { doc.remove(from.line, nlines) }
-	    if (added.length) { doc.insert(from.line, added) }
+	    var added = linesFor(0, text.length - 1);
+	    update(lastLine, lastLine.text, lastSpans);
+	    if (nlines) { doc.remove(from.line, nlines); }
+	    if (added.length) { doc.insert(from.line, added); }
 	  } else if (firstLine == lastLine) {
 	    if (text.length == 1) {
-	      update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans)
+	      update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans);
 	    } else {
-	      var added$1 = linesFor(1, text.length - 1)
-	      added$1.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight))
-	      update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0))
-	      doc.insert(from.line + 1, added$1)
+	      var added$1 = linesFor(1, text.length - 1);
+	      added$1.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight$$1));
+	      update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+	      doc.insert(from.line + 1, added$1);
 	    }
 	  } else if (text.length == 1) {
-	    update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0))
-	    doc.remove(from.line + 1, nlines)
+	    update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0));
+	    doc.remove(from.line + 1, nlines);
 	  } else {
-	    update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0))
-	    update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans)
-	    var added$2 = linesFor(1, text.length - 1)
-	    if (nlines > 1) { doc.remove(from.line + 1, nlines - 1) }
-	    doc.insert(from.line + 1, added$2)
+	    update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+	    update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans);
+	    var added$2 = linesFor(1, text.length - 1);
+	    if (nlines > 1) { doc.remove(from.line + 1, nlines - 1); }
+	    doc.insert(from.line + 1, added$2);
 	  }
 
-	  signalLater(doc, "change", doc, change)
+	  signalLater(doc, "change", doc, change);
 	}
 
 	// Call f for all linked documents.
 	function linkedDocs(doc, f, sharedHistOnly) {
 	  function propagate(doc, skip, sharedHist) {
 	    if (doc.linked) { for (var i = 0; i < doc.linked.length; ++i) {
-	      var rel = doc.linked[i]
+	      var rel = doc.linked[i];
 	      if (rel.doc == skip) { continue }
-	      var shared = sharedHist && rel.sharedHist
+	      var shared = sharedHist && rel.sharedHist;
 	      if (sharedHistOnly && !shared) { continue }
-	      f(rel.doc, shared)
-	      propagate(rel.doc, doc, shared)
+	      f(rel.doc, shared);
+	      propagate(rel.doc, doc, shared);
 	    } }
 	  }
-	  propagate(doc, null, true)
+	  propagate(doc, null, true);
 	}
 
 	// Attach a document to an editor.
 	function attachDoc(cm, doc) {
 	  if (doc.cm) { throw new Error("This document is already in use.") }
-	  cm.doc = doc
-	  doc.cm = cm
-	  estimateLineHeights(cm)
-	  loadMode(cm)
-	  if (!cm.options.lineWrapping) { findMaxLine(cm) }
-	  cm.options.mode = doc.modeOption
-	  regChange(cm)
+	  cm.doc = doc;
+	  doc.cm = cm;
+	  estimateLineHeights(cm);
+	  loadMode(cm);
+	  setDirectionClass(cm);
+	  if (!cm.options.lineWrapping) { findMaxLine(cm); }
+	  cm.options.mode = doc.modeOption;
+	  regChange(cm);
+	}
+
+	function setDirectionClass(cm) {
+	  (cm.doc.direction == "rtl" ? addClass : rmClass)(cm.display.lineDiv, "CodeMirror-rtl");
+	}
+
+	function directionChanged(cm) {
+	  runInOp(cm, function () {
+	    setDirectionClass(cm);
+	    regChange(cm);
+	  });
 	}
 
 	function History(startGen) {
 	  // Arrays of change events and selections. Doing something adds an
 	  // event to done and clears undo. Undoing moves events from done
 	  // to undone, redoing moves them in the other direction.
-	  this.done = []; this.undone = []
-	  this.undoDepth = Infinity
+	  this.done = []; this.undone = [];
+	  this.undoDepth = Infinity;
 	  // Used to track when changes can be merged into a single undo
 	  // event
-	  this.lastModTime = this.lastSelTime = 0
-	  this.lastOp = this.lastSelOp = null
-	  this.lastOrigin = this.lastSelOrigin = null
+	  this.lastModTime = this.lastSelTime = 0;
+	  this.lastOp = this.lastSelOp = null;
+	  this.lastOrigin = this.lastSelOrigin = null;
 	  // Used by the isClean() method
-	  this.generation = this.maxGeneration = startGen || 1
+	  this.generation = this.maxGeneration = startGen || 1;
 	}
 
 	// Create a history change event from an updateDoc-style change
 	// object.
 	function historyChangeFromChange(doc, change) {
-	  var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)}
-	  attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1)
-	  linkedDocs(doc, function (doc) { return attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); }, true)
+	  var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)};
+	  attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);
+	  linkedDocs(doc, function (doc) { return attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); }, true);
 	  return histChange
 	}
 
@@ -26489,8 +28912,8 @@
 	// a change event.
 	function clearSelectionEvents(array) {
 	  while (array.length) {
-	    var last = lst(array)
-	    if (last.ranges) { array.pop() }
+	    var last = lst(array);
+	    if (last.ranges) { array.pop(); }
 	    else { break }
 	  }
 	}
@@ -26499,12 +28922,12 @@
 	// events that are in the way.
 	function lastChangeEvent(hist, force) {
 	  if (force) {
-	    clearSelectionEvents(hist.done)
+	    clearSelectionEvents(hist.done);
 	    return lst(hist.done)
 	  } else if (hist.done.length && !lst(hist.done).ranges) {
 	    return lst(hist.done)
 	  } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) {
-	    hist.done.pop()
+	    hist.done.pop();
 	    return lst(hist.done)
 	  }
 	}
@@ -26513,50 +28936,50 @@
 	// a single operation, or are close together with an origin that
 	// allows merging (starting with "+") into a single event.
 	function addChangeToHistory(doc, change, selAfter, opId) {
-	  var hist = doc.history
-	  hist.undone.length = 0
-	  var time = +new Date, cur
-	  var last
+	  var hist = doc.history;
+	  hist.undone.length = 0;
+	  var time = +new Date, cur;
+	  var last;
 
 	  if ((hist.lastOp == opId ||
 	       hist.lastOrigin == change.origin && change.origin &&
-	       ((change.origin.charAt(0) == "+" && doc.cm && hist.lastModTime > time - doc.cm.options.historyEventDelay) ||
+	       ((change.origin.charAt(0) == "+" && hist.lastModTime > time - (doc.cm ? doc.cm.options.historyEventDelay : 500)) ||
 	        change.origin.charAt(0) == "*")) &&
 	      (cur = lastChangeEvent(hist, hist.lastOp == opId))) {
 	    // Merge this change into the last event
-	    last = lst(cur.changes)
+	    last = lst(cur.changes);
 	    if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) {
 	      // Optimized case for simple insertion -- don't want to add
 	      // new changesets for every character typed
-	      last.to = changeEnd(change)
+	      last.to = changeEnd(change);
 	    } else {
 	      // Add new sub-event
-	      cur.changes.push(historyChangeFromChange(doc, change))
+	      cur.changes.push(historyChangeFromChange(doc, change));
 	    }
 	  } else {
 	    // Can not be merged, start a new event.
-	    var before = lst(hist.done)
+	    var before = lst(hist.done);
 	    if (!before || !before.ranges)
-	      { pushSelectionToHistory(doc.sel, hist.done) }
+	      { pushSelectionToHistory(doc.sel, hist.done); }
 	    cur = {changes: [historyChangeFromChange(doc, change)],
-	           generation: hist.generation}
-	    hist.done.push(cur)
+	           generation: hist.generation};
+	    hist.done.push(cur);
 	    while (hist.done.length > hist.undoDepth) {
-	      hist.done.shift()
-	      if (!hist.done[0].ranges) { hist.done.shift() }
+	      hist.done.shift();
+	      if (!hist.done[0].ranges) { hist.done.shift(); }
 	    }
 	  }
-	  hist.done.push(selAfter)
-	  hist.generation = ++hist.maxGeneration
-	  hist.lastModTime = hist.lastSelTime = time
-	  hist.lastOp = hist.lastSelOp = opId
-	  hist.lastOrigin = hist.lastSelOrigin = change.origin
+	  hist.done.push(selAfter);
+	  hist.generation = ++hist.maxGeneration;
+	  hist.lastModTime = hist.lastSelTime = time;
+	  hist.lastOp = hist.lastSelOp = opId;
+	  hist.lastOrigin = hist.lastSelOrigin = change.origin;
 
-	  if (!last) { signal(doc, "historyAdded") }
+	  if (!last) { signal(doc, "historyAdded"); }
 	}
 
 	function selectionEventCanBeMerged(doc, origin, prev, sel) {
-	  var ch = origin.charAt(0)
+	  var ch = origin.charAt(0);
 	  return ch == "*" ||
 	    ch == "+" &&
 	    prev.ranges.length == sel.ranges.length &&
@@ -26569,7 +28992,7 @@
 	// selection into the 'done' array when it was significantly
 	// different (in number of selected ranges, emptiness, or time).
 	function addSelectionToHistory(doc, sel, opId, options) {
-	  var hist = doc.history, origin = options && options.origin
+	  var hist = doc.history, origin = options && options.origin;
 
 	  // A new event is started when the previous origin does not match
 	  // the current, or the origins don't allow matching. Origins
@@ -26579,52 +29002,52 @@
 	      (origin && hist.lastSelOrigin == origin &&
 	       (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin ||
 	        selectionEventCanBeMerged(doc, origin, lst(hist.done), sel))))
-	    { hist.done[hist.done.length - 1] = sel }
+	    { hist.done[hist.done.length - 1] = sel; }
 	  else
-	    { pushSelectionToHistory(sel, hist.done) }
+	    { pushSelectionToHistory(sel, hist.done); }
 
-	  hist.lastSelTime = +new Date
-	  hist.lastSelOrigin = origin
-	  hist.lastSelOp = opId
+	  hist.lastSelTime = +new Date;
+	  hist.lastSelOrigin = origin;
+	  hist.lastSelOp = opId;
 	  if (options && options.clearRedo !== false)
-	    { clearSelectionEvents(hist.undone) }
+	    { clearSelectionEvents(hist.undone); }
 	}
 
 	function pushSelectionToHistory(sel, dest) {
-	  var top = lst(dest)
+	  var top = lst(dest);
 	  if (!(top && top.ranges && top.equals(sel)))
-	    { dest.push(sel) }
+	    { dest.push(sel); }
 	}
 
 	// Used to store marked span information in the history.
 	function attachLocalSpans(doc, change, from, to) {
-	  var existing = change["spans_" + doc.id], n = 0
+	  var existing = change["spans_" + doc.id], n = 0;
 	  doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function (line) {
 	    if (line.markedSpans)
-	      { (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans }
-	    ++n
-	  })
+	      { (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans; }
+	    ++n;
+	  });
 	}
 
 	// When un/re-doing restores text containing marked spans, those
 	// that have been explicitly cleared should not be restored.
 	function removeClearedSpans(spans) {
 	  if (!spans) { return null }
-	  var out
+	  var out;
 	  for (var i = 0; i < spans.length; ++i) {
-	    if (spans[i].marker.explicitlyCleared) { if (!out) { out = spans.slice(0, i) } }
-	    else if (out) { out.push(spans[i]) }
+	    if (spans[i].marker.explicitlyCleared) { if (!out) { out = spans.slice(0, i); } }
+	    else if (out) { out.push(spans[i]); }
 	  }
 	  return !out ? spans : out.length ? out : null
 	}
 
 	// Retrieve and filter the old marked spans stored in a change event.
 	function getOldSpans(doc, change) {
-	  var found = change["spans_" + doc.id]
+	  var found = change["spans_" + doc.id];
 	  if (!found) { return null }
-	  var nw = []
+	  var nw = [];
 	  for (var i = 0; i < change.text.length; ++i)
-	    { nw.push(removeClearedSpans(found[i])) }
+	    { nw.push(removeClearedSpans(found[i])); }
 	  return nw
 	}
 
@@ -26633,22 +29056,22 @@
 	// existed in the history (so that deleting around a span and then
 	// undoing brings back the span).
 	function mergeOldSpans(doc, change) {
-	  var old = getOldSpans(doc, change)
-	  var stretched = stretchSpansOverChange(doc, change)
+	  var old = getOldSpans(doc, change);
+	  var stretched = stretchSpansOverChange(doc, change);
 	  if (!old) { return stretched }
 	  if (!stretched) { return old }
 
 	  for (var i = 0; i < old.length; ++i) {
-	    var oldCur = old[i], stretchCur = stretched[i]
+	    var oldCur = old[i], stretchCur = stretched[i];
 	    if (oldCur && stretchCur) {
 	      spans: for (var j = 0; j < stretchCur.length; ++j) {
-	        var span = stretchCur[j]
+	        var span = stretchCur[j];
 	        for (var k = 0; k < oldCur.length; ++k)
 	          { if (oldCur[k].marker == span.marker) { continue spans } }
-	        oldCur.push(span)
+	        oldCur.push(span);
 	      }
 	    } else if (stretchCur) {
-	      old[i] = stretchCur
+	      old[i] = stretchCur;
 	    }
 	  }
 	  return old
@@ -26657,22 +29080,22 @@
 	// Used both to provide a JSON-safe object in .getHistory, and, when
 	// detaching a document, to split the history in two
 	function copyHistoryArray(events, newGroup, instantiateSel) {
-	  var copy = []
+	  var copy = [];
 	  for (var i = 0; i < events.length; ++i) {
-	    var event = events[i]
+	    var event = events[i];
 	    if (event.ranges) {
-	      copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event)
+	      copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event);
 	      continue
 	    }
-	    var changes = event.changes, newChanges = []
-	    copy.push({changes: newChanges})
+	    var changes = event.changes, newChanges = [];
+	    copy.push({changes: newChanges});
 	    for (var j = 0; j < changes.length; ++j) {
-	      var change = changes[j], m = (void 0)
-	      newChanges.push({from: change.from, to: change.to, text: change.text})
+	      var change = changes[j], m = (void 0);
+	      newChanges.push({from: change.from, to: change.to, text: change.text});
 	      if (newGroup) { for (var prop in change) { if (m = prop.match(/^spans_(\d+)$/)) {
 	        if (indexOf(newGroup, Number(m[1])) > -1) {
-	          lst(newChanges)[prop] = change[prop]
-	          delete change[prop]
+	          lst(newChanges)[prop] = change[prop];
+	          delete change[prop];
 	        }
 	      } } }
 	    }
@@ -26688,16 +29111,16 @@
 	// include a given position (and optionally a second position).
 	// Otherwise, simply returns the range between the given positions.
 	// Used for cursor motion and such.
-	function extendRange(doc, range, head, other) {
-	  if (doc.cm && doc.cm.display.shift || doc.extend) {
-	    var anchor = range.anchor
+	function extendRange(range, head, other, extend) {
+	  if (extend) {
+	    var anchor = range.anchor;
 	    if (other) {
-	      var posBefore = cmp(head, anchor) < 0
+	      var posBefore = cmp(head, anchor) < 0;
 	      if (posBefore != (cmp(other, anchor) < 0)) {
-	        anchor = head
-	        head = other
+	        anchor = head;
+	        head = other;
 	      } else if (posBefore != (cmp(head, other) < 0)) {
-	        head = other
+	        head = other;
 	      }
 	    }
 	    return new Range(anchor, head)
@@ -26707,30 +29130,32 @@
 	}
 
 	// Extend the primary selection range, discard the rest.
-	function extendSelection(doc, head, other, options) {
-	  setSelection(doc, new Selection([extendRange(doc, doc.sel.primary(), head, other)], 0), options)
+	function extendSelection(doc, head, other, options, extend) {
+	  if (extend == null) { extend = doc.cm && (doc.cm.display.shift || doc.extend); }
+	  setSelection(doc, new Selection([extendRange(doc.sel.primary(), head, other, extend)], 0), options);
 	}
 
 	// Extend all selections (pos is an array of selections with length
 	// equal the number of selections)
 	function extendSelections(doc, heads, options) {
-	  var out = []
+	  var out = [];
+	  var extend = doc.cm && (doc.cm.display.shift || doc.extend);
 	  for (var i = 0; i < doc.sel.ranges.length; i++)
-	    { out[i] = extendRange(doc, doc.sel.ranges[i], heads[i], null) }
-	  var newSel = normalizeSelection(out, doc.sel.primIndex)
-	  setSelection(doc, newSel, options)
+	    { out[i] = extendRange(doc.sel.ranges[i], heads[i], null, extend); }
+	  var newSel = normalizeSelection(out, doc.sel.primIndex);
+	  setSelection(doc, newSel, options);
 	}
 
 	// Updates a single range in the selection.
 	function replaceOneSelection(doc, i, range, options) {
-	  var ranges = doc.sel.ranges.slice(0)
-	  ranges[i] = range
-	  setSelection(doc, normalizeSelection(ranges, doc.sel.primIndex), options)
+	  var ranges = doc.sel.ranges.slice(0);
+	  ranges[i] = range;
+	  setSelection(doc, normalizeSelection(ranges, doc.sel.primIndex), options);
 	}
 
 	// Reset the selection to a single range.
 	function setSimpleSelection(doc, anchor, head, options) {
-	  setSelection(doc, simpleSelection(anchor, head), options)
+	  setSelection(doc, simpleSelection(anchor, head), options);
 	}
 
 	// Give beforeSelectionChange handlers a change to influence a
@@ -26741,90 +29166,90 @@
 	    update: function(ranges) {
 	      var this$1 = this;
 
-	      this.ranges = []
+	      this.ranges = [];
 	      for (var i = 0; i < ranges.length; i++)
 	        { this$1.ranges[i] = new Range(clipPos(doc, ranges[i].anchor),
-	                                   clipPos(doc, ranges[i].head)) }
+	                                   clipPos(doc, ranges[i].head)); }
 	    },
 	    origin: options && options.origin
-	  }
-	  signal(doc, "beforeSelectionChange", doc, obj)
-	  if (doc.cm) { signal(doc.cm, "beforeSelectionChange", doc.cm, obj) }
+	  };
+	  signal(doc, "beforeSelectionChange", doc, obj);
+	  if (doc.cm) { signal(doc.cm, "beforeSelectionChange", doc.cm, obj); }
 	  if (obj.ranges != sel.ranges) { return normalizeSelection(obj.ranges, obj.ranges.length - 1) }
 	  else { return sel }
 	}
 
 	function setSelectionReplaceHistory(doc, sel, options) {
-	  var done = doc.history.done, last = lst(done)
+	  var done = doc.history.done, last = lst(done);
 	  if (last && last.ranges) {
-	    done[done.length - 1] = sel
-	    setSelectionNoUndo(doc, sel, options)
+	    done[done.length - 1] = sel;
+	    setSelectionNoUndo(doc, sel, options);
 	  } else {
-	    setSelection(doc, sel, options)
+	    setSelection(doc, sel, options);
 	  }
 	}
 
 	// Set a new selection.
 	function setSelection(doc, sel, options) {
-	  setSelectionNoUndo(doc, sel, options)
-	  addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options)
+	  setSelectionNoUndo(doc, sel, options);
+	  addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options);
 	}
 
 	function setSelectionNoUndo(doc, sel, options) {
 	  if (hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange"))
-	    { sel = filterSelectionChange(doc, sel, options) }
+	    { sel = filterSelectionChange(doc, sel, options); }
 
 	  var bias = options && options.bias ||
-	    (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1)
-	  setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true))
+	    (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1);
+	  setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true));
 
 	  if (!(options && options.scroll === false) && doc.cm)
-	    { ensureCursorVisible(doc.cm) }
+	    { ensureCursorVisible(doc.cm); }
 	}
 
 	function setSelectionInner(doc, sel) {
 	  if (sel.equals(doc.sel)) { return }
 
-	  doc.sel = sel
+	  doc.sel = sel;
 
 	  if (doc.cm) {
-	    doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged = true
-	    signalCursorActivity(doc.cm)
+	    doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged = true;
+	    signalCursorActivity(doc.cm);
 	  }
-	  signalLater(doc, "cursorActivity", doc)
+	  signalLater(doc, "cursorActivity", doc);
 	}
 
 	// Verify that the selection does not partially select any atomic
 	// marked ranges.
 	function reCheckSelection(doc) {
-	  setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false), sel_dontScroll)
+	  setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false));
 	}
 
 	// Return a selection that does not partially select any atomic
 	// ranges.
 	function skipAtomicInSelection(doc, sel, bias, mayClear) {
-	  var out
+	  var out;
 	  for (var i = 0; i < sel.ranges.length; i++) {
-	    var range = sel.ranges[i]
-	    var old = sel.ranges.length == doc.sel.ranges.length && doc.sel.ranges[i]
-	    var newAnchor = skipAtomic(doc, range.anchor, old && old.anchor, bias, mayClear)
-	    var newHead = skipAtomic(doc, range.head, old && old.head, bias, mayClear)
+	    var range = sel.ranges[i];
+	    var old = sel.ranges.length == doc.sel.ranges.length && doc.sel.ranges[i];
+	    var newAnchor = skipAtomic(doc, range.anchor, old && old.anchor, bias, mayClear);
+	    var newHead = skipAtomic(doc, range.head, old && old.head, bias, mayClear);
 	    if (out || newAnchor != range.anchor || newHead != range.head) {
-	      if (!out) { out = sel.ranges.slice(0, i) }
-	      out[i] = new Range(newAnchor, newHead)
+	      if (!out) { out = sel.ranges.slice(0, i); }
+	      out[i] = new Range(newAnchor, newHead);
 	    }
 	  }
 	  return out ? normalizeSelection(out, sel.primIndex) : sel
 	}
 
 	function skipAtomicInner(doc, pos, oldPos, dir, mayClear) {
-	  var line = getLine(doc, pos.line)
+	  var line = getLine(doc, pos.line);
 	  if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {
-	    var sp = line.markedSpans[i], m = sp.marker
+	    var sp = line.markedSpans[i], m = sp.marker;
 	    if ((sp.from == null || (m.inclusiveLeft ? sp.from <= pos.ch : sp.from < pos.ch)) &&
 	        (sp.to == null || (m.inclusiveRight ? sp.to >= pos.ch : sp.to > pos.ch))) {
 	      if (mayClear) {
-	        signal(m, "beforeCursorEnter")
+	        signal(m, "beforeCursorEnter");
 	        if (m.explicitlyCleared) {
 	          if (!line.markedSpans) { break }
 	          else {--i; continue}
@@ -26833,16 +29258,16 @@
 	      if (!m.atomic) { continue }
 
 	      if (oldPos) {
-	        var near = m.find(dir < 0 ? 1 : -1), diff = (void 0)
+	        var near = m.find(dir < 0 ? 1 : -1), diff = (void 0);
 	        if (dir < 0 ? m.inclusiveRight : m.inclusiveLeft)
-	          { near = movePos(doc, near, -dir, near && near.line == pos.line ? line : null) }
+	          { near = movePos(doc, near, -dir, near && near.line == pos.line ? line : null); }
 	        if (near && near.line == pos.line && (diff = cmp(near, oldPos)) && (dir < 0 ? diff < 0 : diff > 0))
 	          { return skipAtomicInner(doc, near, pos, dir, mayClear) }
 	      }
 
-	      var far = m.find(dir < 0 ? -1 : 1)
+	      var far = m.find(dir < 0 ? -1 : 1);
 	      if (dir < 0 ? m.inclusiveLeft : m.inclusiveRight)
-	        { far = movePos(doc, far, dir, far.line == pos.line ? line : null) }
+	        { far = movePos(doc, far, dir, far.line == pos.line ? line : null); }
 	      return far ? skipAtomicInner(doc, far, pos, dir, mayClear) : null
 	    }
 	  } }
@@ -26851,13 +29276,13 @@
 
 	// Ensure a given position is not inside an atomic range.
 	function skipAtomic(doc, pos, oldPos, bias, mayClear) {
-	  var dir = bias || 1
+	  var dir = bias || 1;
 	  var found = skipAtomicInner(doc, pos, oldPos, dir, mayClear) ||
 	      (!mayClear && skipAtomicInner(doc, pos, oldPos, dir, true)) ||
 	      skipAtomicInner(doc, pos, oldPos, -dir, mayClear) ||
-	      (!mayClear && skipAtomicInner(doc, pos, oldPos, -dir, true))
+	      (!mayClear && skipAtomicInner(doc, pos, oldPos, -dir, true));
 	  if (!found) {
-	    doc.cantEdit = true
+	    doc.cantEdit = true;
 	    return Pos(doc.first, 0)
 	  }
 	  return found
@@ -26876,7 +29301,7 @@
 	}
 
 	function selectAll(cm) {
-	  cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll)
+	  cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);
 	}
 
 	// UPDATING
@@ -26890,15 +29315,15 @@
 	    text: change.text,
 	    origin: change.origin,
 	    cancel: function () { return obj.canceled = true; }
-	  }
+	  };
 	  if (update) { obj.update = function (from, to, text, origin) {
-	    if (from) { obj.from = clipPos(doc, from) }
-	    if (to) { obj.to = clipPos(doc, to) }
-	    if (text) { obj.text = text }
-	    if (origin !== undefined) { obj.origin = origin }
-	  } }
-	  signal(doc, "beforeChange", doc, obj)
-	  if (doc.cm) { signal(doc.cm, "beforeChange", doc.cm, obj) }
+	    if (from) { obj.from = clipPos(doc, from); }
+	    if (to) { obj.to = clipPos(doc, to); }
+	    if (text) { obj.text = text; }
+	    if (origin !== undefined) { obj.origin = origin; }
+	  }; }
+	  signal(doc, "beforeChange", doc, obj);
+	  if (doc.cm) { signal(doc.cm, "beforeChange", doc.cm, obj); }
 
 	  if (obj.canceled) { return null }
 	  return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin}
@@ -26913,101 +29338,104 @@
 	  }
 
 	  if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) {
-	    change = filterChange(doc, change, true)
+	    change = filterChange(doc, change, true);
 	    if (!change) { return }
 	  }
 
 	  // Possibly split or suppress the update based on the presence
 	  // of read-only spans in its range.
-	  var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to)
+	  var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to);
 	  if (split) {
 	    for (var i = split.length - 1; i >= 0; --i)
-	      { makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text}) }
+	      { makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text, origin: change.origin}); }
 	  } else {
-	    makeChangeInner(doc, change)
+	    makeChangeInner(doc, change);
 	  }
 	}
 
 	function makeChangeInner(doc, change) {
 	  if (change.text.length == 1 && change.text[0] == "" && cmp(change.from, change.to) == 0) { return }
-	  var selAfter = computeSelAfterChange(doc, change)
-	  addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN)
+	  var selAfter = computeSelAfterChange(doc, change);
+	  addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN);
 
-	  makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change))
-	  var rebased = []
+	  makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change));
+	  var rebased = [];
 
 	  linkedDocs(doc, function (doc, sharedHist) {
 	    if (!sharedHist && indexOf(rebased, doc.history) == -1) {
-	      rebaseHist(doc.history, change)
-	      rebased.push(doc.history)
+	      rebaseHist(doc.history, change);
+	      rebased.push(doc.history);
 	    }
-	    makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change))
-	  })
+	    makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change));
+	  });
 	}
 
 	// Revert a change stored in a document's history.
 	function makeChangeFromHistory(doc, type, allowSelectionOnly) {
-	  if (doc.cm && doc.cm.state.suppressEdits && !allowSelectionOnly) { return }
+	  var suppress = doc.cm && doc.cm.state.suppressEdits;
+	  if (suppress && !allowSelectionOnly) { return }
 
-	  var hist = doc.history, event, selAfter = doc.sel
-	  var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done
+	  var hist = doc.history, event, selAfter = doc.sel;
+	  var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done;
 
 	  // Verify that there is a useable event (so that ctrl-z won't
 	  // needlessly clear selection events)
-	  var i = 0
+	  var i = 0;
 	  for (; i < source.length; i++) {
-	    event = source[i]
+	    event = source[i];
 	    if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges)
 	      { break }
 	  }
 	  if (i == source.length) { return }
-	  hist.lastOrigin = hist.lastSelOrigin = null
+	  hist.lastOrigin = hist.lastSelOrigin = null;
 
 	  for (;;) {
-	    event = source.pop()
+	    event = source.pop();
 	    if (event.ranges) {
-	      pushSelectionToHistory(event, dest)
+	      pushSelectionToHistory(event, dest);
 	      if (allowSelectionOnly && !event.equals(doc.sel)) {
-	        setSelection(doc, event, {clearRedo: false})
+	        setSelection(doc, event, {clearRedo: false});
 	        return
 	      }
-	      selAfter = event
-	    }
-	    else { break }
+	      selAfter = event;
+	    } else if (suppress) {
+	      source.push(event);
+	      return
+	    } else { break }
 	  }
 
 	  // Build up a reverse change object to add to the opposite history
 	  // stack (redo when undoing, and vice versa).
-	  var antiChanges = []
-	  pushSelectionToHistory(selAfter, dest)
-	  dest.push({changes: antiChanges, generation: hist.generation})
-	  hist.generation = event.generation || ++hist.maxGeneration
+	  var antiChanges = [];
+	  pushSelectionToHistory(selAfter, dest);
+	  dest.push({changes: antiChanges, generation: hist.generation});
+	  hist.generation = event.generation || ++hist.maxGeneration;
 
-	  var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")
+	  var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange");
 
 	  var loop = function ( i ) {
-	    var change = event.changes[i]
-	    change.origin = type
+	    var change = event.changes[i];
+	    change.origin = type;
 	    if (filter && !filterChange(doc, change, false)) {
-	      source.length = 0
+	      source.length = 0;
 	      return {}
 	    }
 
-	    antiChanges.push(historyChangeFromChange(doc, change))
+	    antiChanges.push(historyChangeFromChange(doc, change));
 
-	    var after = i ? computeSelAfterChange(doc, change) : lst(source)
-	    makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change))
-	    if (!i && doc.cm) { doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}) }
-	    var rebased = []
+	    var after = i ? computeSelAfterChange(doc, change) : lst(source);
+	    makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change));
+	    if (!i && doc.cm) { doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}); }
+	    var rebased = [];
 
 	    // Propagate to the linked documents
 	    linkedDocs(doc, function (doc, sharedHist) {
 	      if (!sharedHist && indexOf(rebased, doc.history) == -1) {
-	        rebaseHist(doc.history, change)
-	        rebased.push(doc.history)
+	        rebaseHist(doc.history, change);
+	        rebased.push(doc.history);
 	      }
-	      makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change))
-	    })
+	      makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change));
+	    });
 	  };
 
 	  for (var i$1 = event.changes.length - 1; i$1 >= 0; --i$1) {
@@ -27021,15 +29449,15 @@
 	// above or below them in the parent document.
 	function shiftDoc(doc, distance) {
 	  if (distance == 0) { return }
-	  doc.first += distance
+	  doc.first += distance;
 	  doc.sel = new Selection(map(doc.sel.ranges, function (range) { return new Range(
 	    Pos(range.anchor.line + distance, range.anchor.ch),
 	    Pos(range.head.line + distance, range.head.ch)
-	  ); }), doc.sel.primIndex)
+	  ); }), doc.sel.primIndex);
 	  if (doc.cm) {
-	    regChange(doc.cm, doc.first, doc.first - distance, distance)
+	    regChange(doc.cm, doc.first, doc.first - distance, distance);
 	    for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++)
-	      { regLineChange(doc.cm, l, "gutter") }
+	      { regLineChange(doc.cm, l, "gutter"); }
 	  }
 	}
 
@@ -27040,108 +29468,108 @@
 	    { return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans) }
 
 	  if (change.to.line < doc.first) {
-	    shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line))
+	    shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line));
 	    return
 	  }
 	  if (change.from.line > doc.lastLine()) { return }
 
 	  // Clip the change to the size of this doc
 	  if (change.from.line < doc.first) {
-	    var shift = change.text.length - 1 - (doc.first - change.from.line)
-	    shiftDoc(doc, shift)
+	    var shift = change.text.length - 1 - (doc.first - change.from.line);
+	    shiftDoc(doc, shift);
 	    change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch),
-	              text: [lst(change.text)], origin: change.origin}
+	              text: [lst(change.text)], origin: change.origin};
 	  }
-	  var last = doc.lastLine()
+	  var last = doc.lastLine();
 	  if (change.to.line > last) {
 	    change = {from: change.from, to: Pos(last, getLine(doc, last).text.length),
-	              text: [change.text[0]], origin: change.origin}
+	              text: [change.text[0]], origin: change.origin};
 	  }
 
-	  change.removed = getBetween(doc, change.from, change.to)
+	  change.removed = getBetween(doc, change.from, change.to);
 
-	  if (!selAfter) { selAfter = computeSelAfterChange(doc, change) }
-	  if (doc.cm) { makeChangeSingleDocInEditor(doc.cm, change, spans) }
-	  else { updateDoc(doc, change, spans) }
-	  setSelectionNoUndo(doc, selAfter, sel_dontScroll)
+	  if (!selAfter) { selAfter = computeSelAfterChange(doc, change); }
+	  if (doc.cm) { makeChangeSingleDocInEditor(doc.cm, change, spans); }
+	  else { updateDoc(doc, change, spans); }
+	  setSelectionNoUndo(doc, selAfter, sel_dontScroll);
 	}
 
 	// Handle the interaction of a change to a document with the editor
 	// that this document is part of.
 	function makeChangeSingleDocInEditor(cm, change, spans) {
-	  var doc = cm.doc, display = cm.display, from = change.from, to = change.to
+	  var doc = cm.doc, display = cm.display, from = change.from, to = change.to;
 
-	  var recomputeMaxLength = false, checkWidthStart = from.line
+	  var recomputeMaxLength = false, checkWidthStart = from.line;
 	  if (!cm.options.lineWrapping) {
-	    checkWidthStart = lineNo(visualLine(getLine(doc, from.line)))
+	    checkWidthStart = lineNo(visualLine(getLine(doc, from.line)));
 	    doc.iter(checkWidthStart, to.line + 1, function (line) {
 	      if (line == display.maxLine) {
-	        recomputeMaxLength = true
+	        recomputeMaxLength = true;
 	        return true
 	      }
-	    })
+	    });
 	  }
 
 	  if (doc.sel.contains(change.from, change.to) > -1)
-	    { signalCursorActivity(cm) }
+	    { signalCursorActivity(cm); }
 
-	  updateDoc(doc, change, spans, estimateHeight(cm))
+	  updateDoc(doc, change, spans, estimateHeight(cm));
 
 	  if (!cm.options.lineWrapping) {
 	    doc.iter(checkWidthStart, from.line + change.text.length, function (line) {
-	      var len = lineLength(line)
+	      var len = lineLength(line);
 	      if (len > display.maxLineLength) {
-	        display.maxLine = line
-	        display.maxLineLength = len
-	        display.maxLineChanged = true
-	        recomputeMaxLength = false
+	        display.maxLine = line;
+	        display.maxLineLength = len;
+	        display.maxLineChanged = true;
+	        recomputeMaxLength = false;
 	      }
-	    })
-	    if (recomputeMaxLength) { cm.curOp.updateMaxLine = true }
+	    });
+	    if (recomputeMaxLength) { cm.curOp.updateMaxLine = true; }
 	  }
 
-	  // Adjust frontier, schedule worker
-	  doc.frontier = Math.min(doc.frontier, from.line)
-	  startWorker(cm, 400)
+	  retreatFrontier(doc, from.line);
+	  startWorker(cm, 400);
 
-	  var lendiff = change.text.length - (to.line - from.line) - 1
+	  var lendiff = change.text.length - (to.line - from.line) - 1;
 	  // Remember that these lines changed, for updating the display
 	  if (change.full)
-	    { regChange(cm) }
+	    { regChange(cm); }
 	  else if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change))
-	    { regLineChange(cm, from.line, "text") }
+	    { regLineChange(cm, from.line, "text"); }
 	  else
-	    { regChange(cm, from.line, to.line + 1, lendiff) }
+	    { regChange(cm, from.line, to.line + 1, lendiff); }
 
-	  var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change")
+	  var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change");
 	  if (changeHandler || changesHandler) {
 	    var obj = {
 	      from: from, to: to,
 	      text: change.text,
 	      removed: change.removed,
 	      origin: change.origin
-	    }
-	    if (changeHandler) { signalLater(cm, "change", cm, obj) }
-	    if (changesHandler) { (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj) }
+	    };
+	    if (changeHandler) { signalLater(cm, "change", cm, obj); }
+	    if (changesHandler) { (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj); }
 	  }
-	  cm.display.selForContextMenu = null
+	  cm.display.selForContextMenu = null;
 	}
 
 	function replaceRange(doc, code, from, to, origin) {
-	  if (!to) { to = from }
-	  if (cmp(to, from) < 0) { var tmp = to; to = from; from = tmp }
-	  if (typeof code == "string") { code = doc.splitLines(code) }
-	  makeChange(doc, {from: from, to: to, text: code, origin: origin})
+	  if (!to) { to = from; }
+	  if (cmp(to, from) < 0) { var assign;
+	    (assign = [to, from], from = assign[0], to = assign[1]); }
+	  if (typeof code == "string") { code = doc.splitLines(code); }
+	  makeChange(doc, {from: from, to: to, text: code, origin: origin});
 	}
 
 	// Rebasing/resetting history to deal with externally-sourced changes
 
 	function rebaseHistSelSingle(pos, from, to, diff) {
 	  if (to < pos.line) {
-	    pos.line += diff
+	    pos.line += diff;
 	  } else if (from < pos.line) {
-	    pos.line = from
-	    pos.ch = 0
+	    pos.line = from;
+	    pos.ch = 0;
 	  }
 	}
 
@@ -27154,47 +29582,47 @@
 	// shared position objects being unsafely updated.
 	function rebaseHistArray(array, from, to, diff) {
 	  for (var i = 0; i < array.length; ++i) {
-	    var sub = array[i], ok = true
+	    var sub = array[i], ok = true;
 	    if (sub.ranges) {
-	      if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true }
+	      if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; }
 	      for (var j = 0; j < sub.ranges.length; j++) {
-	        rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff)
-	        rebaseHistSelSingle(sub.ranges[j].head, from, to, diff)
+	        rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff);
+	        rebaseHistSelSingle(sub.ranges[j].head, from, to, diff);
 	      }
 	      continue
 	    }
 	    for (var j$1 = 0; j$1 < sub.changes.length; ++j$1) {
-	      var cur = sub.changes[j$1]
+	      var cur = sub.changes[j$1];
 	      if (to < cur.from.line) {
-	        cur.from = Pos(cur.from.line + diff, cur.from.ch)
-	        cur.to = Pos(cur.to.line + diff, cur.to.ch)
+	        cur.from = Pos(cur.from.line + diff, cur.from.ch);
+	        cur.to = Pos(cur.to.line + diff, cur.to.ch);
 	      } else if (from <= cur.to.line) {
-	        ok = false
+	        ok = false;
 	        break
 	      }
 	    }
 	    if (!ok) {
-	      array.splice(0, i + 1)
-	      i = 0
+	      array.splice(0, i + 1);
+	      i = 0;
 	    }
 	  }
 	}
 
 	function rebaseHist(hist, change) {
-	  var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1
-	  rebaseHistArray(hist.done, from, to, diff)
-	  rebaseHistArray(hist.undone, from, to, diff)
+	  var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1;
+	  rebaseHistArray(hist.done, from, to, diff);
+	  rebaseHistArray(hist.undone, from, to, diff);
 	}
 
 	// Utility for applying a change to a line by handle or number,
 	// returning the number and optionally registering the line as
 	// changed.
 	function changeLine(doc, handle, changeType, op) {
-	  var no = handle, line = handle
-	  if (typeof handle == "number") { line = getLine(doc, clipLine(doc, handle)) }
-	  else { no = lineNo(handle) }
+	  var no = handle, line = handle;
+	  if (typeof handle == "number") { line = getLine(doc, clipLine(doc, handle)); }
+	  else { no = lineNo(handle); }
 	  if (no == null) { return null }
-	  if (op(line, no) && doc.cm) { regLineChange(doc.cm, no, changeType) }
+	  if (op(line, no) && doc.cm) { regLineChange(doc.cm, no, changeType); }
 	  return line
 	}
 
@@ -27214,43 +29642,47 @@
 	function LeafChunk(lines) {
 	  var this$1 = this;
 
-	  this.lines = lines
-	  this.parent = null
-	  var height = 0
+	  this.lines = lines;
+	  this.parent = null;
+	  var height = 0;
 	  for (var i = 0; i < lines.length; ++i) {
-	    lines[i].parent = this$1
-	    height += lines[i].height
+	    lines[i].parent = this$1;
+	    height += lines[i].height;
 	  }
-	  this.height = height
+	  this.height = height;
 	}
 
 	LeafChunk.prototype = {
 	  chunkSize: function() { return this.lines.length },
+
 	  // Remove the n lines at offset 'at'.
 	  removeInner: function(at, n) {
 	    var this$1 = this;
 
 	    for (var i = at, e = at + n; i < e; ++i) {
-	      var line = this$1.lines[i]
-	      this$1.height -= line.height
-	      cleanUpLine(line)
-	      signalLater(line, "delete")
+	      var line = this$1.lines[i];
+	      this$1.height -= line.height;
+	      cleanUpLine(line);
+	      signalLater(line, "delete");
 	    }
-	    this.lines.splice(at, n)
+	    this.lines.splice(at, n);
 	  },
+
 	  // Helper used to collapse a small branch into a single leaf.
 	  collapse: function(lines) {
-	    lines.push.apply(lines, this.lines)
+	    lines.push.apply(lines, this.lines);
 	  },
+
 	  // Insert the given array of lines at offset 'at', count them as
 	  // having the given height.
 	  insertInner: function(at, lines, height) {
 	    var this$1 = this;
 
-	    this.height += height
-	    this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at))
-	    for (var i = 0; i < lines.length; ++i) { lines[i].parent = this$1 }
+	    this.height += height;
+	    this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at));
+	    for (var i = 0; i < lines.length; ++i) { lines[i].parent = this$1; }
 	  },
+
 	  // Used to iterate over a part of the tree.
 	  iterN: function(at, n, op) {
 	    var this$1 = this;
@@ -27258,179 +29690,194 @@
 	    for (var e = at + n; at < e; ++at)
 	      { if (op(this$1.lines[at])) { return true } }
 	  }
-	}
+	};
 
 	function BranchChunk(children) {
 	  var this$1 = this;
 
-	  this.children = children
-	  var size = 0, height = 0
+	  this.children = children;
+	  var size = 0, height = 0;
 	  for (var i = 0; i < children.length; ++i) {
-	    var ch = children[i]
-	    size += ch.chunkSize(); height += ch.height
-	    ch.parent = this$1
+	    var ch = children[i];
+	    size += ch.chunkSize(); height += ch.height;
+	    ch.parent = this$1;
 	  }
-	  this.size = size
-	  this.height = height
-	  this.parent = null
+	  this.size = size;
+	  this.height = height;
+	  this.parent = null;
 	}
 
 	BranchChunk.prototype = {
 	  chunkSize: function() { return this.size },
+
 	  removeInner: function(at, n) {
 	    var this$1 = this;
 
-	    this.size -= n
+	    this.size -= n;
 	    for (var i = 0; i < this.children.length; ++i) {
-	      var child = this$1.children[i], sz = child.chunkSize()
+	      var child = this$1.children[i], sz = child.chunkSize();
 	      if (at < sz) {
-	        var rm = Math.min(n, sz - at), oldHeight = child.height
-	        child.removeInner(at, rm)
-	        this$1.height -= oldHeight - child.height
-	        if (sz == rm) { this$1.children.splice(i--, 1); child.parent = null }
+	        var rm = Math.min(n, sz - at), oldHeight = child.height;
+	        child.removeInner(at, rm);
+	        this$1.height -= oldHeight - child.height;
+	        if (sz == rm) { this$1.children.splice(i--, 1); child.parent = null; }
 	        if ((n -= rm) == 0) { break }
-	        at = 0
-	      } else { at -= sz }
+	        at = 0;
+	      } else { at -= sz; }
 	    }
 	    // If the result is smaller than 25 lines, ensure that it is a
 	    // single leaf node.
 	    if (this.size - n < 25 &&
 	        (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) {
-	      var lines = []
-	      this.collapse(lines)
-	      this.children = [new LeafChunk(lines)]
-	      this.children[0].parent = this
+	      var lines = [];
+	      this.collapse(lines);
+	      this.children = [new LeafChunk(lines)];
+	      this.children[0].parent = this;
 	    }
 	  },
+
 	  collapse: function(lines) {
 	    var this$1 = this;
 
-	    for (var i = 0; i < this.children.length; ++i) { this$1.children[i].collapse(lines) }
+	    for (var i = 0; i < this.children.length; ++i) { this$1.children[i].collapse(lines); }
 	  },
+
 	  insertInner: function(at, lines, height) {
 	    var this$1 = this;
 
-	    this.size += lines.length
-	    this.height += height
+	    this.size += lines.length;
+	    this.height += height;
 	    for (var i = 0; i < this.children.length; ++i) {
-	      var child = this$1.children[i], sz = child.chunkSize()
+	      var child = this$1.children[i], sz = child.chunkSize();
 	      if (at <= sz) {
-	        child.insertInner(at, lines, height)
+	        child.insertInner(at, lines, height);
 	        if (child.lines && child.lines.length > 50) {
 	          // To avoid memory thrashing when child.lines is huge (e.g. first view of a large file), it's never spliced.
 	          // Instead, small slices are taken. They're taken in order because sequential memory accesses are fastest.
-	          var remaining = child.lines.length % 25 + 25
+	          var remaining = child.lines.length % 25 + 25;
 	          for (var pos = remaining; pos < child.lines.length;) {
-	            var leaf = new LeafChunk(child.lines.slice(pos, pos += 25))
-	            child.height -= leaf.height
-	            this$1.children.splice(++i, 0, leaf)
-	            leaf.parent = this$1
+	            var leaf = new LeafChunk(child.lines.slice(pos, pos += 25));
+	            child.height -= leaf.height;
+	            this$1.children.splice(++i, 0, leaf);
+	            leaf.parent = this$1;
 	          }
-	          child.lines = child.lines.slice(0, remaining)
-	          this$1.maybeSpill()
+	          child.lines = child.lines.slice(0, remaining);
+	          this$1.maybeSpill();
 	        }
 	        break
 	      }
-	      at -= sz
+	      at -= sz;
 	    }
 	  },
+
 	  // When a node has grown, check whether it should be split.
 	  maybeSpill: function() {
 	    if (this.children.length <= 10) { return }
-	    var me = this
+	    var me = this;
 	    do {
-	      var spilled = me.children.splice(me.children.length - 5, 5)
-	      var sibling = new BranchChunk(spilled)
+	      var spilled = me.children.splice(me.children.length - 5, 5);
+	      var sibling = new BranchChunk(spilled);
 	      if (!me.parent) { // Become the parent node
-	        var copy = new BranchChunk(me.children)
-	        copy.parent = me
-	        me.children = [copy, sibling]
-	        me = copy
+	        var copy = new BranchChunk(me.children);
+	        copy.parent = me;
+	        me.children = [copy, sibling];
+	        me = copy;
 	     } else {
-	        me.size -= sibling.size
-	        me.height -= sibling.height
-	        var myIndex = indexOf(me.parent.children, me)
-	        me.parent.children.splice(myIndex + 1, 0, sibling)
+	        me.size -= sibling.size;
+	        me.height -= sibling.height;
+	        var myIndex = indexOf(me.parent.children, me);
+	        me.parent.children.splice(myIndex + 1, 0, sibling);
 	      }
-	      sibling.parent = me.parent
+	      sibling.parent = me.parent;
 	    } while (me.children.length > 10)
-	    me.parent.maybeSpill()
+	    me.parent.maybeSpill();
 	  },
+
 	  iterN: function(at, n, op) {
 	    var this$1 = this;
 
 	    for (var i = 0; i < this.children.length; ++i) {
-	      var child = this$1.children[i], sz = child.chunkSize()
+	      var child = this$1.children[i], sz = child.chunkSize();
 	      if (at < sz) {
-	        var used = Math.min(n, sz - at)
+	        var used = Math.min(n, sz - at);
 	        if (child.iterN(at, used, op)) { return true }
 	        if ((n -= used) == 0) { break }
-	        at = 0
-	      } else { at -= sz }
+	        at = 0;
+	      } else { at -= sz; }
 	    }
 	  }
-	}
+	};
 
 	// Line widgets are block elements displayed above or below a line.
 
-	function LineWidget(doc, node, options) {
+	var LineWidget = function(doc, node, options) {
 	  var this$1 = this;
 
 	  if (options) { for (var opt in options) { if (options.hasOwnProperty(opt))
-	    { this$1[opt] = options[opt] } } }
-	  this.doc = doc
-	  this.node = node
-	}
-	eventMixin(LineWidget)
-
-	function adjustScrollWhenAboveVisible(cm, line, diff) {
-	  if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop))
-	    { addToScrollPos(cm, null, diff) }
-	}
+	    { this$1[opt] = options[opt]; } } }
+	  this.doc = doc;
+	  this.node = node;
+	};
 
-	LineWidget.prototype.clear = function() {
-	  var this$1 = this;
+	LineWidget.prototype.clear = function () {
+	    var this$1 = this;
 
-	  var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line)
+	  var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line);
 	  if (no == null || !ws) { return }
-	  for (var i = 0; i < ws.length; ++i) { if (ws[i] == this$1) { ws.splice(i--, 1) } }
-	  if (!ws.length) { line.widgets = null }
-	  var height = widgetHeight(this)
-	  updateLineHeight(line, Math.max(0, line.height - height))
-	  if (cm) { runInOp(cm, function () {
-	    adjustScrollWhenAboveVisible(cm, line, -height)
-	    regLineChange(cm, no, "widget")
-	  }) }
-	}
-	LineWidget.prototype.changed = function() {
-	  var oldH = this.height, cm = this.doc.cm, line = this.line
-	  this.height = null
-	  var diff = widgetHeight(this) - oldH
+	  for (var i = 0; i < ws.length; ++i) { if (ws[i] == this$1) { ws.splice(i--, 1); } }
+	  if (!ws.length) { line.widgets = null; }
+	  var height = widgetHeight(this);
+	  updateLineHeight(line, Math.max(0, line.height - height));
+	  if (cm) {
+	    runInOp(cm, function () {
+	      adjustScrollWhenAboveVisible(cm, line, -height);
+	      regLineChange(cm, no, "widget");
+	    });
+	    signalLater(cm, "lineWidgetCleared", cm, this, no);
+	  }
+	};
+
+	LineWidget.prototype.changed = function () {
+	    var this$1 = this;
+
+	  var oldH = this.height, cm = this.doc.cm, line = this.line;
+	  this.height = null;
+	  var diff = widgetHeight(this) - oldH;
 	  if (!diff) { return }
-	  updateLineHeight(line, line.height + diff)
-	  if (cm) { runInOp(cm, function () {
-	    cm.curOp.forceUpdate = true
-	    adjustScrollWhenAboveVisible(cm, line, diff)
-	  }) }
+	  updateLineHeight(line, line.height + diff);
+	  if (cm) {
+	    runInOp(cm, function () {
+	      cm.curOp.forceUpdate = true;
+	      adjustScrollWhenAboveVisible(cm, line, diff);
+	      signalLater(cm, "lineWidgetChanged", cm, this$1, lineNo(line));
+	    });
+	  }
+	};
+	eventMixin(LineWidget);
+
+	function adjustScrollWhenAboveVisible(cm, line, diff) {
+	  if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop))
+	    { addToScrollTop(cm, diff); }
 	}
 
 	function addLineWidget(doc, handle, node, options) {
-	  var widget = new LineWidget(doc, node, options)
-	  var cm = doc.cm
-	  if (cm && widget.noHScroll) { cm.display.alignWidgets = true }
+	  var widget = new LineWidget(doc, node, options);
+	  var cm = doc.cm;
+	  if (cm && widget.noHScroll) { cm.display.alignWidgets = true; }
 	  changeLine(doc, handle, "widget", function (line) {
-	    var widgets = line.widgets || (line.widgets = [])
-	    if (widget.insertAt == null) { widgets.push(widget) }
-	    else { widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget) }
-	    widget.line = line
+	    var widgets = line.widgets || (line.widgets = []);
+	    if (widget.insertAt == null) { widgets.push(widget); }
+	    else { widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget); }
+	    widget.line = line;
 	    if (cm && !lineIsHidden(doc, line)) {
-	      var aboveVisible = heightAtLine(line) < doc.scrollTop
-	      updateLineHeight(line, line.height + widgetHeight(widget))
-	      if (aboveVisible) { addToScrollPos(cm, null, widget.height) }
-	      cm.curOp.forceUpdate = true
+	      var aboveVisible = heightAtLine(line) < doc.scrollTop;
+	      updateLineHeight(line, line.height + widgetHeight(widget));
+	      if (aboveVisible) { addToScrollTop(cm, widget.height); }
+	      cm.curOp.forceUpdate = true;
 	    }
 	    return true
-	  })
+	  });
+	  if (cm) { signalLater(cm, "lineWidgetAdded", cm, widget, typeof handle == "number" ? handle : lineNo(handle)); }
 	  return widget
 	}
 
@@ -27449,124 +29896,127 @@
 	// Collapsed markers have unique ids, in order to be able to order
 	// them, which is needed for uniquely determining an outer marker
 	// when they overlap (they may nest, but not partially overlap).
-	var nextMarkerId = 0
+	var nextMarkerId = 0;
 
-	function TextMarker(doc, type) {
-	  this.lines = []
-	  this.type = type
-	  this.doc = doc
-	  this.id = ++nextMarkerId
-	}
-	eventMixin(TextMarker)
+	var TextMarker = function(doc, type) {
+	  this.lines = [];
+	  this.type = type;
+	  this.doc = doc;
+	  this.id = ++nextMarkerId;
+	};
 
 	// Clear the marker.
-	TextMarker.prototype.clear = function() {
-	  var this$1 = this;
+	TextMarker.prototype.clear = function () {
+	    var this$1 = this;
 
 	  if (this.explicitlyCleared) { return }
-	  var cm = this.doc.cm, withOp = cm && !cm.curOp
-	  if (withOp) { startOperation(cm) }
+	  var cm = this.doc.cm, withOp = cm && !cm.curOp;
+	  if (withOp) { startOperation(cm); }
 	  if (hasHandler(this, "clear")) {
-	    var found = this.find()
-	    if (found) { signalLater(this, "clear", found.from, found.to) }
+	    var found = this.find();
+	    if (found) { signalLater(this, "clear", found.from, found.to); }
 	  }
-	  var min = null, max = null
+	  var min = null, max = null;
 	  for (var i = 0; i < this.lines.length; ++i) {
-	    var line = this$1.lines[i]
-	    var span = getMarkedSpanFor(line.markedSpans, this$1)
-	    if (cm && !this$1.collapsed) { regLineChange(cm, lineNo(line), "text") }
+	    var line = this$1.lines[i];
+	    var span = getMarkedSpanFor(line.markedSpans, this$1);
+	    if (cm && !this$1.collapsed) { regLineChange(cm, lineNo(line), "text"); }
 	    else if (cm) {
-	      if (span.to != null) { max = lineNo(line) }
-	      if (span.from != null) { min = lineNo(line) }
+	      if (span.to != null) { max = lineNo(line); }
+	      if (span.from != null) { min = lineNo(line); }
 	    }
-	    line.markedSpans = removeMarkedSpan(line.markedSpans, span)
+	    line.markedSpans = removeMarkedSpan(line.markedSpans, span);
 	    if (span.from == null && this$1.collapsed && !lineIsHidden(this$1.doc, line) && cm)
-	      { updateLineHeight(line, textHeight(cm.display)) }
+	      { updateLineHeight(line, textHeight(cm.display)); }
 	  }
 	  if (cm && this.collapsed && !cm.options.lineWrapping) { for (var i$1 = 0; i$1 < this.lines.length; ++i$1) {
-	    var visual = visualLine(this$1.lines[i$1]), len = lineLength(visual)
+	    var visual = visualLine(this$1.lines[i$1]), len = lineLength(visual);
 	    if (len > cm.display.maxLineLength) {
-	      cm.display.maxLine = visual
-	      cm.display.maxLineLength = len
-	      cm.display.maxLineChanged = true
+	      cm.display.maxLine = visual;
+	      cm.display.maxLineLength = len;
+	      cm.display.maxLineChanged = true;
 	    }
 	  } }
 
-	  if (min != null && cm && this.collapsed) { regChange(cm, min, max + 1) }
-	  this.lines.length = 0
-	  this.explicitlyCleared = true
+	  if (min != null && cm && this.collapsed) { regChange(cm, min, max + 1); }
+	  this.lines.length = 0;
+	  this.explicitlyCleared = true;
 	  if (this.atomic && this.doc.cantEdit) {
-	    this.doc.cantEdit = false
-	    if (cm) { reCheckSelection(cm.doc) }
+	    this.doc.cantEdit = false;
+	    if (cm) { reCheckSelection(cm.doc); }
 	  }
-	  if (cm) { signalLater(cm, "markerCleared", cm, this) }
-	  if (withOp) { endOperation(cm) }
-	  if (this.parent) { this.parent.clear() }
-	}
+	  if (cm) { signalLater(cm, "markerCleared", cm, this, min, max); }
+	  if (withOp) { endOperation(cm); }
+	  if (this.parent) { this.parent.clear(); }
+	};
 
 	// Find the position of the marker in the document. Returns a {from,
 	// to} object by default. Side can be passed to get a specific side
 	// -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the
 	// Pos objects returned contain a line object, rather than a line
 	// number (used to prevent looking up the same line twice).
-	TextMarker.prototype.find = function(side, lineObj) {
-	  var this$1 = this;
+	TextMarker.prototype.find = function (side, lineObj) {
+	    var this$1 = this;
 
-	  if (side == null && this.type == "bookmark") { side = 1 }
-	  var from, to
+	  if (side == null && this.type == "bookmark") { side = 1; }
+	  var from, to;
 	  for (var i = 0; i < this.lines.length; ++i) {
-	    var line = this$1.lines[i]
-	    var span = getMarkedSpanFor(line.markedSpans, this$1)
+	    var line = this$1.lines[i];
+	    var span = getMarkedSpanFor(line.markedSpans, this$1);
 	    if (span.from != null) {
-	      from = Pos(lineObj ? line : lineNo(line), span.from)
+	      from = Pos(lineObj ? line : lineNo(line), span.from);
 	      if (side == -1) { return from }
 	    }
 	    if (span.to != null) {
-	      to = Pos(lineObj ? line : lineNo(line), span.to)
+	      to = Pos(lineObj ? line : lineNo(line), span.to);
 	      if (side == 1) { return to }
 	    }
 	  }
 	  return from && {from: from, to: to}
-	}
+	};
 
 	// Signals that the marker's widget changed, and surrounding layout
 	// should be recomputed.
-	TextMarker.prototype.changed = function() {
-	  var pos = this.find(-1, true), widget = this, cm = this.doc.cm
+	TextMarker.prototype.changed = function () {
+	    var this$1 = this;
+
+	  var pos = this.find(-1, true), widget = this, cm = this.doc.cm;
 	  if (!pos || !cm) { return }
 	  runInOp(cm, function () {
-	    var line = pos.line, lineN = lineNo(pos.line)
-	    var view = findViewForLine(cm, lineN)
+	    var line = pos.line, lineN = lineNo(pos.line);
+	    var view = findViewForLine(cm, lineN);
 	    if (view) {
-	      clearLineMeasurementCacheFor(view)
-	      cm.curOp.selectionChanged = cm.curOp.forceUpdate = true
+	      clearLineMeasurementCacheFor(view);
+	      cm.curOp.selectionChanged = cm.curOp.forceUpdate = true;
 	    }
-	    cm.curOp.updateMaxLine = true
+	    cm.curOp.updateMaxLine = true;
 	    if (!lineIsHidden(widget.doc, line) && widget.height != null) {
-	      var oldHeight = widget.height
-	      widget.height = null
-	      var dHeight = widgetHeight(widget) - oldHeight
+	      var oldHeight = widget.height;
+	      widget.height = null;
+	      var dHeight = widgetHeight(widget) - oldHeight;
 	      if (dHeight)
-	        { updateLineHeight(line, line.height + dHeight) }
+	        { updateLineHeight(line, line.height + dHeight); }
 	    }
-	  })
-	}
+	    signalLater(cm, "markerChanged", cm, this$1);
+	  });
+	};
 
-	TextMarker.prototype.attachLine = function(line) {
+	TextMarker.prototype.attachLine = function (line) {
 	  if (!this.lines.length && this.doc.cm) {
-	    var op = this.doc.cm.curOp
+	    var op = this.doc.cm.curOp;
 	    if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1)
-	      { (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this) }
+	      { (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this); }
 	  }
-	  this.lines.push(line)
-	}
-	TextMarker.prototype.detachLine = function(line) {
-	  this.lines.splice(indexOf(this.lines, line), 1)
+	  this.lines.push(line);
+	};
+
+	TextMarker.prototype.detachLine = function (line) {
+	  this.lines.splice(indexOf(this.lines, line), 1);
 	  if (!this.lines.length && this.doc.cm) {
-	    var op = this.doc.cm.curOp
-	    ;(op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this)
+	    var op = this.doc.cm.curOp;(op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this);
 	  }
-	}
+	};
+	eventMixin(TextMarker);
 
 	// Create a marker, wire it up to the right lines, and
 	function markText(doc, from, to, options, type) {
@@ -27577,64 +30027,63 @@
 	  // Ensure we are in an operation.
 	  if (doc.cm && !doc.cm.curOp) { return operation(doc.cm, markText)(doc, from, to, options, type) }
 
-	  var marker = new TextMarker(doc, type), diff = cmp(from, to)
-	  if (options) { copyObj(options, marker, false) }
+	  var marker = new TextMarker(doc, type), diff = cmp(from, to);
+	  if (options) { copyObj(options, marker, false); }
 	  // Don't connect empty markers unless clearWhenEmpty is false
 	  if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false)
 	    { return marker }
 	  if (marker.replacedWith) {
 	    // Showing up as a widget implies collapsed (widget replaces text)
-	    marker.collapsed = true
-	    marker.widgetNode = elt("span", [marker.replacedWith], "CodeMirror-widget")
-	    marker.widgetNode.setAttribute("role", "presentation") // hide from accessibility tree
-	    if (!options.handleMouseEvents) { marker.widgetNode.setAttribute("cm-ignore-events", "true") }
-	    if (options.insertLeft) { marker.widgetNode.insertLeft = true }
+	    marker.collapsed = true;
+	    marker.widgetNode = eltP("span", [marker.replacedWith], "CodeMirror-widget");
+	    if (!options.handleMouseEvents) { marker.widgetNode.setAttribute("cm-ignore-events", "true"); }
+	    if (options.insertLeft) { marker.widgetNode.insertLeft = true; }
 	  }
 	  if (marker.collapsed) {
 	    if (conflictingCollapsedRange(doc, from.line, from, to, marker) ||
 	        from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker))
 	      { throw new Error("Inserting collapsed marker partially overlapping an existing one") }
-	    seeCollapsedSpans()
+	    seeCollapsedSpans();
 	  }
 
 	  if (marker.addToHistory)
-	    { addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN) }
+	    { addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN); }
 
-	  var curLine = from.line, cm = doc.cm, updateMaxLine
+	  var curLine = from.line, cm = doc.cm, updateMaxLine;
 	  doc.iter(curLine, to.line + 1, function (line) {
 	    if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine)
-	      { updateMaxLine = true }
-	    if (marker.collapsed && curLine != from.line) { updateLineHeight(line, 0) }
+	      { updateMaxLine = true; }
+	    if (marker.collapsed && curLine != from.line) { updateLineHeight(line, 0); }
 	    addMarkedSpan(line, new MarkedSpan(marker,
 	                                       curLine == from.line ? from.ch : null,
-	                                       curLine == to.line ? to.ch : null))
-	    ++curLine
-	  })
+	                                       curLine == to.line ? to.ch : null));
+	    ++curLine;
+	  });
 	  // lineIsHidden depends on the presence of the spans, so needs a second pass
 	  if (marker.collapsed) { doc.iter(from.line, to.line + 1, function (line) {
-	    if (lineIsHidden(doc, line)) { updateLineHeight(line, 0) }
-	  }) }
+	    if (lineIsHidden(doc, line)) { updateLineHeight(line, 0); }
+	  }); }
 
-	  if (marker.clearOnEnter) { on(marker, "beforeCursorEnter", function () { return marker.clear(); }) }
+	  if (marker.clearOnEnter) { on(marker, "beforeCursorEnter", function () { return marker.clear(); }); }
 
 	  if (marker.readOnly) {
-	    seeReadOnlySpans()
+	    seeReadOnlySpans();
 	    if (doc.history.done.length || doc.history.undone.length)
-	      { doc.clearHistory() }
+	      { doc.clearHistory(); }
 	  }
 	  if (marker.collapsed) {
-	    marker.id = ++nextMarkerId
-	    marker.atomic = true
+	    marker.id = ++nextMarkerId;
+	    marker.atomic = true;
 	  }
 	  if (cm) {
 	    // Sync editor state
-	    if (updateMaxLine) { cm.curOp.updateMaxLine = true }
+	    if (updateMaxLine) { cm.curOp.updateMaxLine = true; }
 	    if (marker.collapsed)
-	      { regChange(cm, from.line, to.line + 1) }
+	      { regChange(cm, from.line, to.line + 1); }
 	    else if (marker.className || marker.title || marker.startStyle || marker.endStyle || marker.css)
-	      { for (var i = from.line; i <= to.line; i++) { regLineChange(cm, i, "text") } }
-	    if (marker.atomic) { reCheckSelection(cm.doc) }
-	    signalLater(cm, "markerAdded", cm, marker)
+	      { for (var i = from.line; i <= to.line; i++) { regLineChange(cm, i, "text"); } }
+	    if (marker.atomic) { reCheckSelection(cm.doc); }
+	    signalLater(cm, "markerAdded", cm, marker);
 	  }
 	  return marker
 	}
@@ -27644,41 +30093,42 @@
 	// A shared marker spans multiple linked documents. It is
 	// implemented as a meta-marker-object controlling multiple normal
 	// markers.
-	function SharedTextMarker(markers, primary) {
+	var SharedTextMarker = function(markers, primary) {
 	  var this$1 = this;
 
-	  this.markers = markers
-	  this.primary = primary
+	  this.markers = markers;
+	  this.primary = primary;
 	  for (var i = 0; i < markers.length; ++i)
-	    { markers[i].parent = this$1 }
-	}
-	eventMixin(SharedTextMarker)
+	    { markers[i].parent = this$1; }
+	};
 
-	SharedTextMarker.prototype.clear = function() {
-	  var this$1 = this;
+	SharedTextMarker.prototype.clear = function () {
+	    var this$1 = this;
 
 	  if (this.explicitlyCleared) { return }
-	  this.explicitlyCleared = true
+	  this.explicitlyCleared = true;
 	  for (var i = 0; i < this.markers.length; ++i)
-	    { this$1.markers[i].clear() }
-	  signalLater(this, "clear")
-	}
-	SharedTextMarker.prototype.find = function(side, lineObj) {
+	    { this$1.markers[i].clear(); }
+	  signalLater(this, "clear");
+	};
+
+	SharedTextMarker.prototype.find = function (side, lineObj) {
 	  return this.primary.find(side, lineObj)
-	}
+	};
+	eventMixin(SharedTextMarker);
 
 	function markTextShared(doc, from, to, options, type) {
-	  options = copyObj(options)
-	  options.shared = false
-	  var markers = [markText(doc, from, to, options, type)], primary = markers[0]
-	  var widget = options.widgetNode
+	  options = copyObj(options);
+	  options.shared = false;
+	  var markers = [markText(doc, from, to, options, type)], primary = markers[0];
+	  var widget = options.widgetNode;
 	  linkedDocs(doc, function (doc) {
-	    if (widget) { options.widgetNode = widget.cloneNode(true) }
-	    markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type))
+	    if (widget) { options.widgetNode = widget.cloneNode(true); }
+	    markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type));
 	    for (var i = 0; i < doc.linked.length; ++i)
 	      { if (doc.linked[i].isParent) { return } }
-	    primary = lst(markers)
-	  })
+	    primary = lst(markers);
+	  });
 	  return new SharedTextMarker(markers, primary)
 	}
 
@@ -27688,25 +30138,25 @@
 
 	function copySharedMarkers(doc, markers) {
 	  for (var i = 0; i < markers.length; i++) {
-	    var marker = markers[i], pos = marker.find()
-	    var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to)
+	    var marker = markers[i], pos = marker.find();
+	    var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to);
 	    if (cmp(mFrom, mTo)) {
-	      var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type)
-	      marker.markers.push(subMark)
-	      subMark.parent = marker
+	      var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type);
+	      marker.markers.push(subMark);
+	      subMark.parent = marker;
 	    }
 	  }
 	}
 
 	function detachSharedMarkers(markers) {
 	  var loop = function ( i ) {
-	    var marker = markers[i], linked = [marker.primary.doc]
-	    linkedDocs(marker.primary.doc, function (d) { return linked.push(d); })
+	    var marker = markers[i], linked = [marker.primary.doc];
+	    linkedDocs(marker.primary.doc, function (d) { return linked.push(d); });
 	    for (var j = 0; j < marker.markers.length; j++) {
-	      var subMarker = marker.markers[j]
+	      var subMarker = marker.markers[j];
 	      if (indexOf(linked, subMarker.doc) == -1) {
-	        subMarker.parent = null
-	        marker.markers.splice(j--, 1)
+	        subMarker.parent = null;
+	        marker.markers.splice(j--, 1);
 	      }
 	    }
 	  };
@@ -27714,29 +30164,30 @@
 	  for (var i = 0; i < markers.length; i++) loop( i );
 	}
 
-	var nextDocId = 0
-	var Doc = function(text, mode, firstLine, lineSep) {
-	  if (!(this instanceof Doc)) { return new Doc(text, mode, firstLine, lineSep) }
-	  if (firstLine == null) { firstLine = 0 }
+	var nextDocId = 0;
+	var Doc = function(text, mode, firstLine, lineSep, direction) {
+	  if (!(this instanceof Doc)) { return new Doc(text, mode, firstLine, lineSep, direction) }
+	  if (firstLine == null) { firstLine = 0; }
 
-	  BranchChunk.call(this, [new LeafChunk([new Line("", null)])])
-	  this.first = firstLine
-	  this.scrollTop = this.scrollLeft = 0
-	  this.cantEdit = false
-	  this.cleanGeneration = 1
-	  this.frontier = firstLine
-	  var start = Pos(firstLine, 0)
-	  this.sel = simpleSelection(start)
-	  this.history = new History(null)
-	  this.id = ++nextDocId
-	  this.modeOption = mode
-	  this.lineSep = lineSep
-	  this.extend = false
+	  BranchChunk.call(this, [new LeafChunk([new Line("", null)])]);
+	  this.first = firstLine;
+	  this.scrollTop = this.scrollLeft = 0;
+	  this.cantEdit = false;
+	  this.cleanGeneration = 1;
+	  this.modeFrontier = this.highlightFrontier = firstLine;
+	  var start = Pos(firstLine, 0);
+	  this.sel = simpleSelection(start);
+	  this.history = new History(null);
+	  this.id = ++nextDocId;
+	  this.modeOption = mode;
+	  this.lineSep = lineSep;
+	  this.direction = (direction == "rtl") ? "rtl" : "ltr";
+	  this.extend = false;
 
-	  if (typeof text == "string") { text = this.splitLines(text) }
-	  updateDoc(this, {from: start, to: start, text: text})
-	  setSelection(this, simpleSelection(start), sel_dontScroll)
-	}
+	  if (typeof text == "string") { text = this.splitLines(text); }
+	  updateDoc(this, {from: start, to: start, text: text});
+	  setSelection(this, simpleSelection(start), sel_dontScroll);
+	};
 
 	Doc.prototype = createObj(BranchChunk.prototype, {
 	  constructor: Doc,
@@ -27745,39 +30196,40 @@
 	  // three, it iterates over the range given by the first two (with
 	  // the second being non-inclusive).
 	  iter: function(from, to, op) {
-	    if (op) { this.iterN(from - this.first, to - from, op) }
-	    else { this.iterN(this.first, this.first + this.size, from) }
+	    if (op) { this.iterN(from - this.first, to - from, op); }
+	    else { this.iterN(this.first, this.first + this.size, from); }
 	  },
 
 	  // Non-public interface for adding and removing lines.
 	  insert: function(at, lines) {
-	    var height = 0
-	    for (var i = 0; i < lines.length; ++i) { height += lines[i].height }
-	    this.insertInner(at - this.first, lines, height)
+	    var height = 0;
+	    for (var i = 0; i < lines.length; ++i) { height += lines[i].height; }
+	    this.insertInner(at - this.first, lines, height);
 	  },
-	  remove: function(at, n) { this.removeInner(at - this.first, n) },
+	  remove: function(at, n) { this.removeInner(at - this.first, n); },
 
 	  // From here, the methods are part of the public interface. Most
 	  // are also available from CodeMirror (editor) instances.
 
 	  getValue: function(lineSep) {
-	    var lines = getLines(this, this.first, this.first + this.size)
+	    var lines = getLines(this, this.first, this.first + this.size);
 	    if (lineSep === false) { return lines }
 	    return lines.join(lineSep || this.lineSeparator())
 	  },
 	  setValue: docMethodOp(function(code) {
-	    var top = Pos(this.first, 0), last = this.first + this.size - 1
+	    var top = Pos(this.first, 0), last = this.first + this.size - 1;
 	    makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length),
-	                      text: this.splitLines(code), origin: "setValue", full: true}, true)
-	    setSelection(this, simpleSelection(top))
+	                      text: this.splitLines(code), origin: "setValue", full: true}, true);
+	    if (this.cm) { scrollToCoords(this.cm, 0, 0); }
+	    setSelection(this, simpleSelection(top), sel_dontScroll);
 	  }),
 	  replaceRange: function(code, from, to, origin) {
-	    from = clipPos(this, from)
-	    to = to ? clipPos(this, to) : from
-	    replaceRange(this, code, from, to, origin)
+	    from = clipPos(this, from);
+	    to = to ? clipPos(this, to) : from;
+	    replaceRange(this, code, from, to, origin);
 	  },
 	  getRange: function(from, to, lineSep) {
-	    var lines = getBetween(this, clipPos(this, from), clipPos(this, to))
+	    var lines = getBetween(this, clipPos(this, from), clipPos(this, to));
 	    if (lineSep === false) { return lines }
 	    return lines.join(lineSep || this.lineSeparator())
 	  },
@@ -27788,7 +30240,7 @@
 	  getLineNumber: function(line) {return lineNo(line)},
 
 	  getLineHandleVisualStart: function(line) {
-	    if (typeof line == "number") { line = getLine(this, line) }
+	    if (typeof line == "number") { line = getLine(this, line); }
 	    return visualLine(line)
 	  },
 
@@ -27799,56 +30251,56 @@
 	  clipPos: function(pos) {return clipPos(this, pos)},
 
 	  getCursor: function(start) {
-	    var range = this.sel.primary(), pos
-	    if (start == null || start == "head") { pos = range.head }
-	    else if (start == "anchor") { pos = range.anchor }
-	    else if (start == "end" || start == "to" || start === false) { pos = range.to() }
-	    else { pos = range.from() }
+	    var range$$1 = this.sel.primary(), pos;
+	    if (start == null || start == "head") { pos = range$$1.head; }
+	    else if (start == "anchor") { pos = range$$1.anchor; }
+	    else if (start == "end" || start == "to" || start === false) { pos = range$$1.to(); }
+	    else { pos = range$$1.from(); }
 	    return pos
 	  },
 	  listSelections: function() { return this.sel.ranges },
 	  somethingSelected: function() {return this.sel.somethingSelected()},
 
 	  setCursor: docMethodOp(function(line, ch, options) {
-	    setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options)
+	    setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options);
 	  }),
 	  setSelection: docMethodOp(function(anchor, head, options) {
-	    setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options)
+	    setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options);
 	  }),
 	  extendSelection: docMethodOp(function(head, other, options) {
-	    extendSelection(this, clipPos(this, head), other && clipPos(this, other), options)
+	    extendSelection(this, clipPos(this, head), other && clipPos(this, other), options);
 	  }),
 	  extendSelections: docMethodOp(function(heads, options) {
-	    extendSelections(this, clipPosArray(this, heads), options)
+	    extendSelections(this, clipPosArray(this, heads), options);
 	  }),
 	  extendSelectionsBy: docMethodOp(function(f, options) {
-	    var heads = map(this.sel.ranges, f)
-	    extendSelections(this, clipPosArray(this, heads), options)
+	    var heads = map(this.sel.ranges, f);
+	    extendSelections(this, clipPosArray(this, heads), options);
 	  }),
 	  setSelections: docMethodOp(function(ranges, primary, options) {
 	    var this$1 = this;
 
 	    if (!ranges.length) { return }
-	    var out = []
+	    var out = [];
 	    for (var i = 0; i < ranges.length; i++)
 	      { out[i] = new Range(clipPos(this$1, ranges[i].anchor),
-	                         clipPos(this$1, ranges[i].head)) }
-	    if (primary == null) { primary = Math.min(ranges.length - 1, this.sel.primIndex) }
-	    setSelection(this, normalizeSelection(out, primary), options)
+	                         clipPos(this$1, ranges[i].head)); }
+	    if (primary == null) { primary = Math.min(ranges.length - 1, this.sel.primIndex); }
+	    setSelection(this, normalizeSelection(out, primary), options);
 	  }),
 	  addSelection: docMethodOp(function(anchor, head, options) {
-	    var ranges = this.sel.ranges.slice(0)
-	    ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor)))
-	    setSelection(this, normalizeSelection(ranges, ranges.length - 1), options)
+	    var ranges = this.sel.ranges.slice(0);
+	    ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor)));
+	    setSelection(this, normalizeSelection(ranges, ranges.length - 1), options);
 	  }),
 
 	  getSelection: function(lineSep) {
 	    var this$1 = this;
 
-	    var ranges = this.sel.ranges, lines
+	    var ranges = this.sel.ranges, lines;
 	    for (var i = 0; i < ranges.length; i++) {
-	      var sel = getBetween(this$1, ranges[i].from(), ranges[i].to())
-	      lines = lines ? lines.concat(sel) : sel
+	      var sel = getBetween(this$1, ranges[i].from(), ranges[i].to());
+	      lines = lines ? lines.concat(sel) : sel;
 	    }
 	    if (lineSep === false) { return lines }
 	    else { return lines.join(lineSep || this.lineSeparator()) }
@@ -27856,56 +30308,56 @@
 	  getSelections: function(lineSep) {
 	    var this$1 = this;
 
-	    var parts = [], ranges = this.sel.ranges
+	    var parts = [], ranges = this.sel.ranges;
 	    for (var i = 0; i < ranges.length; i++) {
-	      var sel = getBetween(this$1, ranges[i].from(), ranges[i].to())
-	      if (lineSep !== false) { sel = sel.join(lineSep || this$1.lineSeparator()) }
-	      parts[i] = sel
+	      var sel = getBetween(this$1, ranges[i].from(), ranges[i].to());
+	      if (lineSep !== false) { sel = sel.join(lineSep || this$1.lineSeparator()); }
+	      parts[i] = sel;
 	    }
 	    return parts
 	  },
 	  replaceSelection: function(code, collapse, origin) {
-	    var dup = []
+	    var dup = [];
 	    for (var i = 0; i < this.sel.ranges.length; i++)
-	      { dup[i] = code }
-	    this.replaceSelections(dup, collapse, origin || "+input")
+	      { dup[i] = code; }
+	    this.replaceSelections(dup, collapse, origin || "+input");
 	  },
 	  replaceSelections: docMethodOp(function(code, collapse, origin) {
 	    var this$1 = this;
 
-	    var changes = [], sel = this.sel
+	    var changes = [], sel = this.sel;
 	    for (var i = 0; i < sel.ranges.length; i++) {
-	      var range = sel.ranges[i]
-	      changes[i] = {from: range.from(), to: range.to(), text: this$1.splitLines(code[i]), origin: origin}
+	      var range$$1 = sel.ranges[i];
+	      changes[i] = {from: range$$1.from(), to: range$$1.to(), text: this$1.splitLines(code[i]), origin: origin};
 	    }
-	    var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse)
+	    var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse);
 	    for (var i$1 = changes.length - 1; i$1 >= 0; i$1--)
-	      { makeChange(this$1, changes[i$1]) }
-	    if (newSel) { setSelectionReplaceHistory(this, newSel) }
-	    else if (this.cm) { ensureCursorVisible(this.cm) }
+	      { makeChange(this$1, changes[i$1]); }
+	    if (newSel) { setSelectionReplaceHistory(this, newSel); }
+	    else if (this.cm) { ensureCursorVisible(this.cm); }
 	  }),
-	  undo: docMethodOp(function() {makeChangeFromHistory(this, "undo")}),
-	  redo: docMethodOp(function() {makeChangeFromHistory(this, "redo")}),
-	  undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true)}),
-	  redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true)}),
+	  undo: docMethodOp(function() {makeChangeFromHistory(this, "undo");}),
+	  redo: docMethodOp(function() {makeChangeFromHistory(this, "redo");}),
+	  undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true);}),
+	  redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true);}),
 
-	  setExtending: function(val) {this.extend = val},
+	  setExtending: function(val) {this.extend = val;},
 	  getExtending: function() {return this.extend},
 
 	  historySize: function() {
-	    var hist = this.history, done = 0, undone = 0
-	    for (var i = 0; i < hist.done.length; i++) { if (!hist.done[i].ranges) { ++done } }
-	    for (var i$1 = 0; i$1 < hist.undone.length; i$1++) { if (!hist.undone[i$1].ranges) { ++undone } }
+	    var hist = this.history, done = 0, undone = 0;
+	    for (var i = 0; i < hist.done.length; i++) { if (!hist.done[i].ranges) { ++done; } }
+	    for (var i$1 = 0; i$1 < hist.undone.length; i$1++) { if (!hist.undone[i$1].ranges) { ++undone; } }
 	    return {undo: done, redo: undone}
 	  },
-	  clearHistory: function() {this.history = new History(this.history.maxGeneration)},
+	  clearHistory: function() {this.history = new History(this.history.maxGeneration);},
 
 	  markClean: function() {
-	    this.cleanGeneration = this.changeGeneration(true)
+	    this.cleanGeneration = this.changeGeneration(true);
 	  },
 	  changeGeneration: function(forceSplit) {
 	    if (forceSplit)
-	      { this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null }
+	      { this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null; }
 	    return this.history.generation
 	  },
 	  isClean: function (gen) {
@@ -27917,16 +30369,16 @@
 	            undone: copyHistoryArray(this.history.undone)}
 	  },
 	  setHistory: function(histData) {
-	    var hist = this.history = new History(this.history.maxGeneration)
-	    hist.done = copyHistoryArray(histData.done.slice(0), null, true)
-	    hist.undone = copyHistoryArray(histData.undone.slice(0), null, true)
+	    var hist = this.history = new History(this.history.maxGeneration);
+	    hist.done = copyHistoryArray(histData.done.slice(0), null, true);
+	    hist.undone = copyHistoryArray(histData.undone.slice(0), null, true);
 	  },
 
 	  setGutterMarker: docMethodOp(function(line, gutterID, value) {
 	    return changeLine(this, line, "gutter", function (line) {
-	      var markers = line.gutterMarkers || (line.gutterMarkers = {})
-	      markers[gutterID] = value
-	      if (!value && isEmpty(markers)) { line.gutterMarkers = null }
+	      var markers = line.gutterMarkers || (line.gutterMarkers = {});
+	      markers[gutterID] = value;
+	      if (!value && isEmpty(markers)) { line.gutterMarkers = null; }
 	      return true
 	    })
 	  }),
@@ -27937,23 +30389,23 @@
 	    this.iter(function (line) {
 	      if (line.gutterMarkers && line.gutterMarkers[gutterID]) {
 	        changeLine(this$1, line, "gutter", function () {
-	          line.gutterMarkers[gutterID] = null
-	          if (isEmpty(line.gutterMarkers)) { line.gutterMarkers = null }
+	          line.gutterMarkers[gutterID] = null;
+	          if (isEmpty(line.gutterMarkers)) { line.gutterMarkers = null; }
 	          return true
-	        })
+	        });
 	      }
-	    })
+	    });
 	  }),
 
 	  lineInfo: function(line) {
-	    var n
+	    var n;
 	    if (typeof line == "number") {
 	      if (!isLine(this, line)) { return null }
-	      n = line
-	      line = getLine(this, line)
+	      n = line;
+	      line = getLine(this, line);
 	      if (!line) { return null }
 	    } else {
-	      n = lineNo(line)
+	      n = lineNo(line);
 	      if (n == null) { return null }
 	    }
 	    return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers,
@@ -27965,10 +30417,10 @@
 	    return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function (line) {
 	      var prop = where == "text" ? "textClass"
 	               : where == "background" ? "bgClass"
-	               : where == "gutter" ? "gutterClass" : "wrapClass"
-	      if (!line[prop]) { line[prop] = cls }
+	               : where == "gutter" ? "gutterClass" : "wrapClass";
+	      if (!line[prop]) { line[prop] = cls; }
 	      else if (classTest(cls).test(line[prop])) { return false }
-	      else { line[prop] += " " + cls }
+	      else { line[prop] += " " + cls; }
 	      return true
 	    })
 	  }),
@@ -27976,15 +30428,15 @@
 	    return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function (line) {
 	      var prop = where == "text" ? "textClass"
 	               : where == "background" ? "bgClass"
-	               : where == "gutter" ? "gutterClass" : "wrapClass"
-	      var cur = line[prop]
+	               : where == "gutter" ? "gutterClass" : "wrapClass";
+	      var cur = line[prop];
 	      if (!cur) { return false }
-	      else if (cls == null) { line[prop] = null }
+	      else if (cls == null) { line[prop] = null; }
 	      else {
-	        var found = cur.match(classTest(cls))
+	        var found = cur.match(classTest(cls));
 	        if (!found) { return false }
-	        var end = found.index + found[0].length
-	        line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null
+	        var end = found.index + found[0].length;
+	        line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null;
 	      }
 	      return true
 	    })
@@ -27993,7 +30445,7 @@
 	  addLineWidget: docMethodOp(function(handle, node, options) {
 	    return addLineWidget(this, handle, node, options)
 	  }),
-	  removeLineWidget: function(widget) { widget.clear() },
+	  removeLineWidget: function(widget) { widget.clear(); },
 
 	  markText: function(from, to, options) {
 	    return markText(this, clipPos(this, from), clipPos(this, to), options, options && options.type || "range")
@@ -28002,116 +30454,116 @@
 	    var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options),
 	                    insertLeft: options && options.insertLeft,
 	                    clearWhenEmpty: false, shared: options && options.shared,
-	                    handleMouseEvents: options && options.handleMouseEvents}
-	    pos = clipPos(this, pos)
+	                    handleMouseEvents: options && options.handleMouseEvents};
+	    pos = clipPos(this, pos);
 	    return markText(this, pos, pos, realOpts, "bookmark")
 	  },
 	  findMarksAt: function(pos) {
-	    pos = clipPos(this, pos)
-	    var markers = [], spans = getLine(this, pos.line).markedSpans
+	    pos = clipPos(this, pos);
+	    var markers = [], spans = getLine(this, pos.line).markedSpans;
 	    if (spans) { for (var i = 0; i < spans.length; ++i) {
-	      var span = spans[i]
+	      var span = spans[i];
 	      if ((span.from == null || span.from <= pos.ch) &&
 	          (span.to == null || span.to >= pos.ch))
-	        { markers.push(span.marker.parent || span.marker) }
+	        { markers.push(span.marker.parent || span.marker); }
 	    } }
 	    return markers
 	  },
 	  findMarks: function(from, to, filter) {
-	    from = clipPos(this, from); to = clipPos(this, to)
-	    var found = [], lineNo = from.line
+	    from = clipPos(this, from); to = clipPos(this, to);
+	    var found = [], lineNo$$1 = from.line;
 	    this.iter(from.line, to.line + 1, function (line) {
-	      var spans = line.markedSpans
+	      var spans = line.markedSpans;
 	      if (spans) { for (var i = 0; i < spans.length; i++) {
-	        var span = spans[i]
-	        if (!(span.to != null && lineNo == from.line && from.ch >= span.to ||
-	              span.from == null && lineNo != from.line ||
-	              span.from != null && lineNo == to.line && span.from >= to.ch) &&
+	        var span = spans[i];
+	        if (!(span.to != null && lineNo$$1 == from.line && from.ch >= span.to ||
+	              span.from == null && lineNo$$1 != from.line ||
+	              span.from != null && lineNo$$1 == to.line && span.from >= to.ch) &&
 	            (!filter || filter(span.marker)))
-	          { found.push(span.marker.parent || span.marker) }
+	          { found.push(span.marker.parent || span.marker); }
 	      } }
-	      ++lineNo
-	    })
+	      ++lineNo$$1;
+	    });
 	    return found
 	  },
 	  getAllMarks: function() {
-	    var markers = []
+	    var markers = [];
 	    this.iter(function (line) {
-	      var sps = line.markedSpans
+	      var sps = line.markedSpans;
 	      if (sps) { for (var i = 0; i < sps.length; ++i)
-	        { if (sps[i].from != null) { markers.push(sps[i].marker) } } }
-	    })
+	        { if (sps[i].from != null) { markers.push(sps[i].marker); } } }
+	    });
 	    return markers
 	  },
 
 	  posFromIndex: function(off) {
-	    var ch, lineNo = this.first, sepSize = this.lineSeparator().length
+	    var ch, lineNo$$1 = this.first, sepSize = this.lineSeparator().length;
 	    this.iter(function (line) {
-	      var sz = line.text.length + sepSize
+	      var sz = line.text.length + sepSize;
 	      if (sz > off) { ch = off; return true }
-	      off -= sz
-	      ++lineNo
-	    })
-	    return clipPos(this, Pos(lineNo, ch))
+	      off -= sz;
+	      ++lineNo$$1;
+	    });
+	    return clipPos(this, Pos(lineNo$$1, ch))
 	  },
 	  indexFromPos: function (coords) {
-	    coords = clipPos(this, coords)
-	    var index = coords.ch
+	    coords = clipPos(this, coords);
+	    var index = coords.ch;
 	    if (coords.line < this.first || coords.ch < 0) { return 0 }
-	    var sepSize = this.lineSeparator().length
+	    var sepSize = this.lineSeparator().length;
 	    this.iter(this.first, coords.line, function (line) { // iter aborts when callback returns a truthy value
-	      index += line.text.length + sepSize
-	    })
+	      index += line.text.length + sepSize;
+	    });
 	    return index
 	  },
 
 	  copy: function(copyHistory) {
 	    var doc = new Doc(getLines(this, this.first, this.first + this.size),
-	                      this.modeOption, this.first, this.lineSep)
-	    doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft
-	    doc.sel = this.sel
-	    doc.extend = false
+	                      this.modeOption, this.first, this.lineSep, this.direction);
+	    doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft;
+	    doc.sel = this.sel;
+	    doc.extend = false;
 	    if (copyHistory) {
-	      doc.history.undoDepth = this.history.undoDepth
-	      doc.setHistory(this.getHistory())
+	      doc.history.undoDepth = this.history.undoDepth;
+	      doc.setHistory(this.getHistory());
 	    }
 	    return doc
 	  },
 
 	  linkedDoc: function(options) {
-	    if (!options) { options = {} }
-	    var from = this.first, to = this.first + this.size
-	    if (options.from != null && options.from > from) { from = options.from }
-	    if (options.to != null && options.to < to) { to = options.to }
-	    var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from, this.lineSep)
+	    if (!options) { options = {}; }
+	    var from = this.first, to = this.first + this.size;
+	    if (options.from != null && options.from > from) { from = options.from; }
+	    if (options.to != null && options.to < to) { to = options.to; }
+	    var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from, this.lineSep, this.direction);
 	    if (options.sharedHist) { copy.history = this.history
-	    ; }(this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist})
-	    copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}]
-	    copySharedMarkers(copy, findSharedMarkers(this))
+	    ; }(this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist});
+	    copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}];
+	    copySharedMarkers(copy, findSharedMarkers(this));
 	    return copy
 	  },
 	  unlinkDoc: function(other) {
 	    var this$1 = this;
 
-	    if (other instanceof CodeMirror) { other = other.doc }
+	    if (other instanceof CodeMirror$1) { other = other.doc; }
 	    if (this.linked) { for (var i = 0; i < this.linked.length; ++i) {
-	      var link = this$1.linked[i]
+	      var link = this$1.linked[i];
 	      if (link.doc != other) { continue }
-	      this$1.linked.splice(i, 1)
-	      other.unlinkDoc(this$1)
-	      detachSharedMarkers(findSharedMarkers(this$1))
+	      this$1.linked.splice(i, 1);
+	      other.unlinkDoc(this$1);
+	      detachSharedMarkers(findSharedMarkers(this$1));
 	      break
 	    } }
 	    // If the histories were shared, split them again
 	    if (other.history == this.history) {
-	      var splitIds = [other.id]
-	      linkedDocs(other, function (doc) { return splitIds.push(doc.id); }, true)
-	      other.history = new History(null)
-	      other.history.done = copyHistoryArray(this.history.done, splitIds)
-	      other.history.undone = copyHistoryArray(this.history.undone, splitIds)
+	      var splitIds = [other.id];
+	      linkedDocs(other, function (doc) { return splitIds.push(doc.id); }, true);
+	      other.history = new History(null);
+	      other.history.done = copyHistoryArray(this.history.done, splitIds);
+	      other.history.undone = copyHistoryArray(this.history.undone, splitIds);
 	    }
 	  },
-	  iterLinkedDocs: function(f) {linkedDocs(this, f)},
+	  iterLinkedDocs: function(f) {linkedDocs(this, f);},
 
 	  getMode: function() {return this.mode},
 	  getEditor: function() {return this.cm},
@@ -28120,70 +30572,78 @@
 	    if (this.lineSep) { return str.split(this.lineSep) }
 	    return splitLinesAuto(str)
 	  },
-	  lineSeparator: function() { return this.lineSep || "\n" }
-	})
+	  lineSeparator: function() { return this.lineSep || "\n" },
+
+	  setDirection: docMethodOp(function (dir) {
+	    if (dir != "rtl") { dir = "ltr"; }
+	    if (dir == this.direction) { return }
+	    this.direction = dir;
+	    this.iter(function (line) { return line.order = null; });
+	    if (this.cm) { directionChanged(this.cm); }
+	  })
+	});
 
 	// Public alias.
-	Doc.prototype.eachLine = Doc.prototype.iter
+	Doc.prototype.eachLine = Doc.prototype.iter;
 
 	// Kludge to work around strange IE behavior where it'll sometimes
 	// re-fire a series of drag-related events right after the drop (#1551)
-	var lastDrop = 0
+	var lastDrop = 0;
 
 	function onDrop(e) {
-	  var cm = this
-	  clearDragCursor(cm)
+	  var cm = this;
+	  clearDragCursor(cm);
 	  if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e))
 	    { return }
-	  e_preventDefault(e)
-	  if (ie) { lastDrop = +new Date }
-	  var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files
+	  e_preventDefault(e);
+	  if (ie) { lastDrop = +new Date; }
+	  var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files;
 	  if (!pos || cm.isReadOnly()) { return }
 	  // Might be a file drop, in which case we simply extract the text
 	  // and insert it.
 	  if (files && files.length && window.FileReader && window.File) {
-	    var n = files.length, text = Array(n), read = 0
+	    var n = files.length, text = Array(n), read = 0;
 	    var loadFile = function (file, i) {
 	      if (cm.options.allowDropFileTypes &&
 	          indexOf(cm.options.allowDropFileTypes, file.type) == -1)
 	        { return }
 
-	      var reader = new FileReader
+	      var reader = new FileReader;
 	      reader.onload = operation(cm, function () {
-	        var content = reader.result
-	        if (/[\x00-\x08\x0e-\x1f]{2}/.test(content)) { content = "" }
-	        text[i] = content
+	        var content = reader.result;
+	        if (/[\x00-\x08\x0e-\x1f]{2}/.test(content)) { content = ""; }
+	        text[i] = content;
 	        if (++read == n) {
-	          pos = clipPos(cm.doc, pos)
+	          pos = clipPos(cm.doc, pos);
 	          var change = {from: pos, to: pos,
 	                        text: cm.doc.splitLines(text.join(cm.doc.lineSeparator())),
-	                        origin: "paste"}
-	          makeChange(cm.doc, change)
-	          setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change)))
+	                        origin: "paste"};
+	          makeChange(cm.doc, change);
+	          setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change)));
 	        }
-	      })
-	      reader.readAsText(file)
-	    }
-	    for (var i = 0; i < n; ++i) { loadFile(files[i], i) }
+	      });
+	      reader.readAsText(file);
+	    };
+	    for (var i = 0; i < n; ++i) { loadFile(files[i], i); }
 	  } else { // Normal drop
 	    // Don't do a replace if the drop happened inside of the selected text.
 	    if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) {
-	      cm.state.draggingText(e)
+	      cm.state.draggingText(e);
 	      // Ensure the editor is re-focused
-	      setTimeout(function () { return cm.display.input.focus(); }, 20)
+	      setTimeout(function () { return cm.display.input.focus(); }, 20);
 	      return
 	    }
 	    try {
-	      var text$1 = e.dataTransfer.getData("Text")
+	      var text$1 = e.dataTransfer.getData("Text");
 	      if (text$1) {
-	        var selected
+	        var selected;
 	        if (cm.state.draggingText && !cm.state.draggingText.copy)
-	          { selected = cm.listSelections() }
-	        setSelectionNoUndo(cm.doc, simpleSelection(pos, pos))
+	          { selected = cm.listSelections(); }
+	        setSelectionNoUndo(cm.doc, simpleSelection(pos, pos));
 	        if (selected) { for (var i$1 = 0; i$1 < selected.length; ++i$1)
-	          { replaceRange(cm.doc, "", selected[i$1].anchor, selected[i$1].head, "drag") } }
-	        cm.replaceSelection(text$1, "around", "paste")
-	        cm.display.input.focus()
+	          { replaceRange(cm.doc, "", selected[i$1].anchor, selected[i$1].head, "drag"); } }
+	        cm.replaceSelection(text$1, "around", "paste");
+	        cm.display.input.focus();
 	      }
 	    }
 	    catch(e){}
@@ -28194,41 +30654,41 @@
 	  if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return }
 	  if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) { return }
 
-	  e.dataTransfer.setData("Text", cm.getSelection())
-	  e.dataTransfer.effectAllowed = "copyMove"
+	  e.dataTransfer.setData("Text", cm.getSelection());
+	  e.dataTransfer.effectAllowed = "copyMove";
 
 	  // Use dummy image instead of default browsers image.
 	  // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there.
 	  if (e.dataTransfer.setDragImage && !safari) {
-	    var img = elt("img", null, null, "position: fixed; left: 0; top: 0;")
-	    img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+	    var img = elt("img", null, null, "position: fixed; left: 0; top: 0;");
+	    img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
 	    if (presto) {
-	      img.width = img.height = 1
-	      cm.display.wrapper.appendChild(img)
+	      img.width = img.height = 1;
+	      cm.display.wrapper.appendChild(img);
 	      // Force a relayout, or Opera won't use our image for some obscure reason
-	      img._top = img.offsetTop
+	      img._top = img.offsetTop;
 	    }
-	    e.dataTransfer.setDragImage(img, 0, 0)
-	    if (presto) { img.parentNode.removeChild(img) }
+	    e.dataTransfer.setDragImage(img, 0, 0);
+	    if (presto) { img.parentNode.removeChild(img); }
 	  }
 	}
 
 	function onDragOver(cm, e) {
-	  var pos = posFromMouse(cm, e)
+	  var pos = posFromMouse(cm, e);
 	  if (!pos) { return }
-	  var frag = document.createDocumentFragment()
-	  drawSelectionCursor(cm, pos, frag)
+	  var frag = document.createDocumentFragment();
+	  drawSelectionCursor(cm, pos, frag);
 	  if (!cm.display.dragCursor) {
-	    cm.display.dragCursor = elt("div", null, "CodeMirror-cursors CodeMirror-dragcursors")
-	    cm.display.lineSpace.insertBefore(cm.display.dragCursor, cm.display.cursorDiv)
+	    cm.display.dragCursor = elt("div", null, "CodeMirror-cursors CodeMirror-dragcursors");
+	    cm.display.lineSpace.insertBefore(cm.display.dragCursor, cm.display.cursorDiv);
 	  }
-	  removeChildrenAndAdd(cm.display.dragCursor, frag)
+	  removeChildrenAndAdd(cm.display.dragCursor, frag);
 	}
 
 	function clearDragCursor(cm) {
 	  if (cm.display.dragCursor) {
-	    cm.display.lineSpace.removeChild(cm.display.dragCursor)
-	    cm.display.dragCursor = null
+	    cm.display.lineSpace.removeChild(cm.display.dragCursor);
+	    cm.display.dragCursor = null;
 	  }
 	}
 
@@ -28237,62 +30697,62 @@
 	// garbage collected.
 
 	function forEachCodeMirror(f) {
-	  if (!document.body.getElementsByClassName) { return }
-	  var byClass = document.body.getElementsByClassName("CodeMirror")
+	  if (!document.getElementsByClassName) { return }
+	  var byClass = document.getElementsByClassName("CodeMirror");
 	  for (var i = 0; i < byClass.length; i++) {
-	    var cm = byClass[i].CodeMirror
-	    if (cm) { f(cm) }
+	    var cm = byClass[i].CodeMirror;
+	    if (cm) { f(cm); }
 	  }
 	}
 
-	var globalsRegistered = false
+	var globalsRegistered = false;
 	function ensureGlobalHandlers() {
 	  if (globalsRegistered) { return }
-	  registerGlobalHandlers()
-	  globalsRegistered = true
+	  registerGlobalHandlers();
+	  globalsRegistered = true;
 	}
 	function registerGlobalHandlers() {
 	  // When the window resizes, we need to refresh active editors.
-	  var resizeTimer
+	  var resizeTimer;
 	  on(window, "resize", function () {
 	    if (resizeTimer == null) { resizeTimer = setTimeout(function () {
-	      resizeTimer = null
-	      forEachCodeMirror(onResize)
-	    }, 100) }
-	  })
+	      resizeTimer = null;
+	      forEachCodeMirror(onResize);
+	    }, 100); }
+	  });
 	  // When the window loses focus, we want to show the editor as blurred
-	  on(window, "blur", function () { return forEachCodeMirror(onBlur); })
+	  on(window, "blur", function () { return forEachCodeMirror(onBlur); });
 	}
 	// Called when the window resizes
 	function onResize(cm) {
-	  var d = cm.display
+	  var d = cm.display;
 	  if (d.lastWrapHeight == d.wrapper.clientHeight && d.lastWrapWidth == d.wrapper.clientWidth)
 	    { return }
 	  // Might be a text scaling operation, clear size caches.
-	  d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null
-	  d.scrollbarsClipped = false
-	  cm.setSize()
+	  d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
+	  d.scrollbarsClipped = false;
+	  cm.setSize();
 	}
 
 	var keyNames = {
-	  3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
+	  3: "Pause", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
 	  19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End",
 	  36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert",
 	  46: "Delete", 59: ";", 61: "=", 91: "Mod", 92: "Mod", 93: "Mod",
-	  106: "*", 107: "=", 109: "-", 110: ".", 111: "/", 127: "Delete",
+	  106: "*", 107: "=", 109: "-", 110: ".", 111: "/", 127: "Delete", 145: "ScrollLock",
 	  173: "-", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
 	  221: "]", 222: "'", 63232: "Up", 63233: "Down", 63234: "Left", 63235: "Right", 63272: "Delete",
 	  63273: "Home", 63275: "End", 63276: "PageUp", 63277: "PageDown", 63302: "Insert"
-	}
+	};
 
 	// Number keys
-	for (var i = 0; i < 10; i++) { keyNames[i + 48] = keyNames[i + 96] = String(i) }
+	for (var i = 0; i < 10; i++) { keyNames[i + 48] = keyNames[i + 96] = String(i); }
 	// Alphabetic keys
-	for (var i$1 = 65; i$1 <= 90; i$1++) { keyNames[i$1] = String.fromCharCode(i$1) }
+	for (var i$1 = 65; i$1 <= 90; i$1++) { keyNames[i$1] = String.fromCharCode(i$1); }
 	// Function keys
-	for (var i$2 = 1; i$2 <= 12; i$2++) { keyNames[i$2 + 111] = keyNames[i$2 + 63235] = "F" + i$2 }
+	for (var i$2 = 1; i$2 <= 12; i$2++) { keyNames[i$2 + 111] = keyNames[i$2 + 63235] = "F" + i$2; }
 
-	var keyMap = {}
+	var keyMap = {};
 
 	keyMap.basic = {
 	  "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
@@ -28301,7 +30761,7 @@
 	  "Tab": "defaultTab", "Shift-Tab": "indentAuto",
 	  "Enter": "newlineAndIndent", "Insert": "toggleOverwrite",
 	  "Esc": "singleSelection"
-	}
+	};
 	// Note that the save and find-related commands aren't defined by
 	// default. User code or addons can define them. Unknown commands
 	// are simply ignored.
@@ -28314,7 +30774,7 @@
 	  "Ctrl-[": "indentLess", "Ctrl-]": "indentMore",
 	  "Ctrl-U": "undoSelection", "Shift-Ctrl-U": "redoSelection", "Alt-U": "redoSelection",
 	  fallthrough: "basic"
-	}
+	};
 	// Very basic readline/emacs-style bindings, which are standard on Mac.
 	keyMap.emacsy = {
 	  "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
@@ -28322,7 +30782,7 @@
 	  "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore",
 	  "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars",
 	  "Ctrl-O": "openLine"
-	}
+	};
 	keyMap.macDefault = {
 	  "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
 	  "Cmd-Home": "goDocStart", "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft",
@@ -28332,27 +30792,27 @@
 	  "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delWrappedLineLeft", "Cmd-Delete": "delWrappedLineRight",
 	  "Cmd-U": "undoSelection", "Shift-Cmd-U": "redoSelection", "Ctrl-Up": "goDocStart", "Ctrl-Down": "goDocEnd",
 	  fallthrough: ["basic", "emacsy"]
-	}
-	keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault
+	};
+	keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
 
 	// KEYMAP DISPATCH
 
 	function normalizeKeyName(name) {
-	  var parts = name.split(/-(?!$)/)
-	  name = parts[parts.length - 1]
-	  var alt, ctrl, shift, cmd
+	  var parts = name.split(/-(?!$)/);
+	  name = parts[parts.length - 1];
+	  var alt, ctrl, shift, cmd;
 	  for (var i = 0; i < parts.length - 1; i++) {
-	    var mod = parts[i]
-	    if (/^(cmd|meta|m)$/i.test(mod)) { cmd = true }
-	    else if (/^a(lt)?$/i.test(mod)) { alt = true }
-	    else if (/^(c|ctrl|control)$/i.test(mod)) { ctrl = true }
-	    else if (/^s(hift)?$/i.test(mod)) { shift = true }
+	    var mod = parts[i];
+	    if (/^(cmd|meta|m)$/i.test(mod)) { cmd = true; }
+	    else if (/^a(lt)?$/i.test(mod)) { alt = true; }
+	    else if (/^(c|ctrl|control)$/i.test(mod)) { ctrl = true; }
+	    else if (/^s(hift)?$/i.test(mod)) { shift = true; }
 	    else { throw new Error("Unrecognized modifier name: " + mod) }
 	  }
-	  if (alt) { name = "Alt-" + name }
-	  if (ctrl) { name = "Ctrl-" + name }
-	  if (cmd) { name = "Cmd-" + name }
-	  if (shift) { name = "Shift-" + name }
+	  if (alt) { name = "Alt-" + name; }
+	  if (ctrl) { name = "Ctrl-" + name; }
+	  if (cmd) { name = "Cmd-" + name; }
+	  if (shift) { name = "Shift-" + name; }
 	  return name
 	}
 
@@ -28362,44 +30822,44 @@
 	// new normalized keymap, and then updates the old object to reflect
 	// this.
 	function normalizeKeyMap(keymap) {
-	  var copy = {}
+	  var copy = {};
 	  for (var keyname in keymap) { if (keymap.hasOwnProperty(keyname)) {
-	    var value = keymap[keyname]
+	    var value = keymap[keyname];
 	    if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) { continue }
 	    if (value == "...") { delete keymap[keyname]; continue }
 
-	    var keys = map(keyname.split(" "), normalizeKeyName)
+	    var keys = map(keyname.split(" "), normalizeKeyName);
 	    for (var i = 0; i < keys.length; i++) {
-	      var val = (void 0), name = (void 0)
+	      var val = (void 0), name = (void 0);
 	      if (i == keys.length - 1) {
-	        name = keys.join(" ")
-	        val = value
+	        name = keys.join(" ");
+	        val = value;
 	      } else {
-	        name = keys.slice(0, i + 1).join(" ")
-	        val = "..."
+	        name = keys.slice(0, i + 1).join(" ");
+	        val = "...";
 	      }
-	      var prev = copy[name]
-	      if (!prev) { copy[name] = val }
+	      var prev = copy[name];
+	      if (!prev) { copy[name] = val; }
 	      else if (prev != val) { throw new Error("Inconsistent bindings for " + name) }
 	    }
-	    delete keymap[keyname]
+	    delete keymap[keyname];
 	  } }
-	  for (var prop in copy) { keymap[prop] = copy[prop] }
+	  for (var prop in copy) { keymap[prop] = copy[prop]; }
 	  return keymap
 	}
 
-	function lookupKey(key, map, handle, context) {
-	  map = getKeyMap(map)
-	  var found = map.call ? map.call(key, context) : map[key]
+	function lookupKey(key, map$$1, handle, context) {
+	  map$$1 = getKeyMap(map$$1);
+	  var found = map$$1.call ? map$$1.call(key, context) : map$$1[key];
 	  if (found === false) { return "nothing" }
 	  if (found === "...") { return "multi" }
 	  if (found != null && handle(found)) { return "handled" }
 
-	  if (map.fallthrough) {
-	    if (Object.prototype.toString.call(map.fallthrough) != "[object Array]")
-	      { return lookupKey(key, map.fallthrough, handle, context) }
-	    for (var i = 0; i < map.fallthrough.length; i++) {
-	      var result = lookupKey(key, map.fallthrough[i], handle, context)
+	  if (map$$1.fallthrough) {
+	    if (Object.prototype.toString.call(map$$1.fallthrough) != "[object Array]")
+	      { return lookupKey(key, map$$1.fallthrough, handle, context) }
+	    for (var i = 0; i < map$$1.fallthrough.length; i++) {
+	      var result = lookupKey(key, map$$1.fallthrough[i], handle, context);
 	      if (result) { return result }
 	    }
 	  }
@@ -28408,20 +30868,28 @@
 	// Modifier key presses don't count as 'real' key presses for the
 	// purpose of keymap fallthrough.
 	function isModifierKey(value) {
-	  var name = typeof value == "string" ? value : keyNames[value.keyCode]
+	  var name = typeof value == "string" ? value : keyNames[value.keyCode];
 	  return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod"
 	}
 
+	function addModifierNames(name, event, noShift) {
+	  var base = name;
+	  if (event.altKey && base != "Alt") { name = "Alt-" + name; }
+	  if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") { name = "Ctrl-" + name; }
+	  if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Cmd") { name = "Cmd-" + name; }
+	  if (!noShift && event.shiftKey && base != "Shift") { name = "Shift-" + name; }
+	  return name
+	}
+
 	// Look up the name of a key as indicated by an event object.
 	function keyName(event, noShift) {
 	  if (presto && event.keyCode == 34 && event["char"]) { return false }
-	  var base = keyNames[event.keyCode], name = base
+	  var name = keyNames[event.keyCode];
 	  if (name == null || event.altGraphKey) { return false }
-	  if (event.altKey && base != "Alt") { name = "Alt-" + name }
-	  if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") { name = "Ctrl-" + name }
-	  if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Cmd") { name = "Cmd-" + name }
-	  if (!noShift && event.shiftKey && base != "Shift") { name = "Shift-" + name }
-	  return name
+	  // Ctrl-ScrollLock has keyCode 3, same as Ctrl-Pause,
+	  // so we'll use event.code when available (Chrome 48+, FF 38+, Safari 10.1+)
+	  if (event.keyCode == 3 && event.code) { name = event.code; }
+	  return addModifierNames(name, event, noShift)
 	}
 
 	function getKeyMap(val) {
@@ -28431,26 +30899,132 @@
 	// Helper for deleting text near the selection(s), used to implement
 	// backspace, delete, and similar functionality.
 	function deleteNearSelection(cm, compute) {
-	  var ranges = cm.doc.sel.ranges, kill = []
+	  var ranges = cm.doc.sel.ranges, kill = [];
 	  // Build up a set of ranges to kill first, merging overlapping
 	  // ranges.
 	  for (var i = 0; i < ranges.length; i++) {
-	    var toKill = compute(ranges[i])
+	    var toKill = compute(ranges[i]);
 	    while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) {
-	      var replaced = kill.pop()
+	      var replaced = kill.pop();
 	      if (cmp(replaced.from, toKill.from) < 0) {
-	        toKill.from = replaced.from
+	        toKill.from = replaced.from;
 	        break
 	      }
 	    }
-	    kill.push(toKill)
+	    kill.push(toKill);
 	  }
 	  // Next, remove those actual ranges.
 	  runInOp(cm, function () {
 	    for (var i = kill.length - 1; i >= 0; i--)
-	      { replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete") }
-	    ensureCursorVisible(cm)
-	  })
+	      { replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete"); }
+	    ensureCursorVisible(cm);
+	  });
+	}
+
+	function moveCharLogically(line, ch, dir) {
+	  var target = skipExtendingChars(line.text, ch + dir, dir);
+	  return target < 0 || target > line.text.length ? null : target
+	}
+
+	function moveLogically(line, start, dir) {
+	  var ch = moveCharLogically(line, start.ch, dir);
+	  return ch == null ? null : new Pos(start.line, ch, dir < 0 ? "after" : "before")
+	}
+
+	function endOfLine(visually, cm, lineObj, lineNo, dir) {
+	  if (visually) {
+	    var order = getOrder(lineObj, cm.doc.direction);
+	    if (order) {
+	      var part = dir < 0 ? lst(order) : order[0];
+	      var moveInStorageOrder = (dir < 0) == (part.level == 1);
+	      var sticky = moveInStorageOrder ? "after" : "before";
+	      var ch;
+	      // With a wrapped rtl chunk (possibly spanning multiple bidi parts),
+	      // it could be that the last bidi part is not on the last visual line,
+	      // since visual lines contain content order-consecutive chunks.
+	      // Thus, in rtl, we are looking for the first (content-order) character
+	      // in the rtl chunk that is on the last line (that is, the same line
+	      // as the last (content-order) character).
+	      if (part.level > 0 || cm.doc.direction == "rtl") {
+	        var prep = prepareMeasureForLine(cm, lineObj);
+	        ch = dir < 0 ? lineObj.text.length - 1 : 0;
+	        var targetTop = measureCharPrepared(cm, prep, ch).top;
+	        ch = findFirst(function (ch) { return measureCharPrepared(cm, prep, ch).top == targetTop; }, (dir < 0) == (part.level == 1) ? part.from : part.to - 1, ch);
+	        if (sticky == "before") { ch = moveCharLogically(lineObj, ch, 1); }
+	      } else { ch = dir < 0 ? part.to : part.from; }
+	      return new Pos(lineNo, ch, sticky)
+	    }
+	  }
+	  return new Pos(lineNo, dir < 0 ? lineObj.text.length : 0, dir < 0 ? "before" : "after")
+	}
+
+	function moveVisually(cm, line, start, dir) {
+	  var bidi = getOrder(line, cm.doc.direction);
+	  if (!bidi) { return moveLogically(line, start, dir) }
+	  if (start.ch >= line.text.length) {
+	    start.ch = line.text.length;
+	    start.sticky = "before";
+	  } else if (start.ch <= 0) {
+	    start.ch = 0;
+	    start.sticky = "after";
+	  }
+	  var partPos = getBidiPartAt(bidi, start.ch, start.sticky), part = bidi[partPos];
+	  if (cm.doc.direction == "ltr" && part.level % 2 == 0 && (dir > 0 ? part.to > start.ch : part.from < start.ch)) {
+	    // Case 1: We move within an ltr part in an ltr editor. Even with wrapped lines,
+	    // nothing interesting happens.
+	    return moveLogically(line, start, dir)
+	  }
+
+	  var mv = function (pos, dir) { return moveCharLogically(line, pos instanceof Pos ? pos.ch : pos, dir); };
+	  var prep;
+	  var getWrappedLineExtent = function (ch) {
+	    if (!cm.options.lineWrapping) { return {begin: 0, end: line.text.length} }
+	    prep = prep || prepareMeasureForLine(cm, line);
+	    return wrappedLineExtentChar(cm, line, prep, ch)
+	  };
+	  var wrappedLineExtent = getWrappedLineExtent(start.sticky == "before" ? mv(start, -1) : start.ch);
+
+	  if (cm.doc.direction == "rtl" || part.level == 1) {
+	    var moveInStorageOrder = (part.level == 1) == (dir < 0);
+	    var ch = mv(start, moveInStorageOrder ? 1 : -1);
+	    if (ch != null && (!moveInStorageOrder ? ch >= part.from && ch >= wrappedLineExtent.begin : ch <= part.to && ch <= wrappedLineExtent.end)) {
+	      // Case 2: We move within an rtl part or in an rtl editor on the same visual line
+	      var sticky = moveInStorageOrder ? "before" : "after";
+	      return new Pos(start.line, ch, sticky)
+	    }
+	  }
+
+	  // Case 3: Could not move within this bidi part in this visual line, so leave
+	  // the current bidi part
+
+	  var searchInVisualLine = function (partPos, dir, wrappedLineExtent) {
+	    var getRes = function (ch, moveInStorageOrder) { return moveInStorageOrder
+	      ? new Pos(start.line, mv(ch, 1), "before")
+	      : new Pos(start.line, ch, "after"); };
+
+	    for (; partPos >= 0 && partPos < bidi.length; partPos += dir) {
+	      var part = bidi[partPos];
+	      var moveInStorageOrder = (dir > 0) == (part.level != 1);
+	      var ch = moveInStorageOrder ? wrappedLineExtent.begin : mv(wrappedLineExtent.end, -1);
+	      if (part.from <= ch && ch < part.to) { return getRes(ch, moveInStorageOrder) }
+	      ch = moveInStorageOrder ? part.from : mv(part.to, -1);
+	      if (wrappedLineExtent.begin <= ch && ch < wrappedLineExtent.end) { return getRes(ch, moveInStorageOrder) }
+	    }
+	  };
+
+	  // Case 3a: Look for other bidi parts on the same visual line
+	  var res = searchInVisualLine(partPos + dir, dir, wrappedLineExtent);
+	  if (res) { return res }
+
+	  // Case 3b: Look for other bidi parts on the next visual line
+	  var nextCh = dir > 0 ? wrappedLineExtent.end : mv(wrappedLineExtent.begin, -1);
+	  if (nextCh != null && !(dir > 0 && nextCh == line.text.length)) {
+	    res = searchInVisualLine(dir > 0 ? 0 : bidi.length - 1, dir, getWrappedLineExtent(nextCh));
+	    if (res) { return res }
+	  }
+
+	  // Case 4: Nowhere to move
+	  return null
 	}
 
 	// Commands are parameter-less actions that can be performed on an
@@ -28460,7 +31034,7 @@
 	  singleSelection: function (cm) { return cm.setSelection(cm.getCursor("anchor"), cm.getCursor("head"), sel_dontScroll); },
 	  killLine: function (cm) { return deleteNearSelection(cm, function (range) {
 	    if (range.empty()) {
-	      var len = getLine(cm.doc, range.head.line).text.length
+	      var len = getLine(cm.doc, range.head.line).text.length;
 	      if (range.head.ch == len && range.head.line < cm.lastLine())
 	        { return {from: range.head, to: Pos(range.head.line + 1, 0)} }
 	      else
@@ -28477,13 +31051,13 @@
 	    from: Pos(range.from().line, 0), to: range.from()
 	  }); }); },
 	  delWrappedLineLeft: function (cm) { return deleteNearSelection(cm, function (range) {
-	    var top = cm.charCoords(range.head, "div").top + 5
-	    var leftPos = cm.coordsChar({left: 0, top: top}, "div")
+	    var top = cm.charCoords(range.head, "div").top + 5;
+	    var leftPos = cm.coordsChar({left: 0, top: top}, "div");
 	    return {from: leftPos, to: range.from()}
 	  }); },
 	  delWrappedLineRight: function (cm) { return deleteNearSelection(cm, function (range) {
-	    var top = cm.charCoords(range.head, "div").top + 5
-	    var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div")
+	    var top = cm.charCoords(range.head, "div").top + 5;
+	    var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div");
 	    return {from: range.from(), to: rightPos }
 	  }); },
 	  undo: function (cm) { return cm.undo(); },
@@ -28502,16 +31076,16 @@
 	    {origin: "+move", bias: -1}
 	  ); },
 	  goLineRight: function (cm) { return cm.extendSelectionsBy(function (range) {
-	    var top = cm.charCoords(range.head, "div").top + 5
+	    var top = cm.cursorCoords(range.head, "div").top + 5;
 	    return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div")
 	  }, sel_move); },
 	  goLineLeft: function (cm) { return cm.extendSelectionsBy(function (range) {
-	    var top = cm.charCoords(range.head, "div").top + 5
+	    var top = cm.cursorCoords(range.head, "div").top + 5;
 	    return cm.coordsChar({left: 0, top: top}, "div")
 	  }, sel_move); },
 	  goLineLeftSmart: function (cm) { return cm.extendSelectionsBy(function (range) {
-	    var top = cm.charCoords(range.head, "div").top + 5
-	    var pos = cm.coordsChar({left: 0, top: top}, "div")
+	    var top = cm.cursorCoords(range.head, "div").top + 5;
+	    var pos = cm.coordsChar({left: 0, top: top}, "div");
 	    if (pos.ch < cm.getLine(pos.line).search(/\S/)) { return lineStartSmart(cm, range.head) }
 	    return pos
 	  }, sel_move); },
@@ -28538,17 +31112,17 @@
 	  indentLess: function (cm) { return cm.indentSelection("subtract"); },
 	  insertTab: function (cm) { return cm.replaceSelection("\t"); },
 	  insertSoftTab: function (cm) {
-	    var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize
+	    var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize;
 	    for (var i = 0; i < ranges.length; i++) {
-	      var pos = ranges[i].from()
-	      var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize)
-	      spaces.push(spaceStr(tabSize - col % tabSize))
+	      var pos = ranges[i].from();
+	      var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize);
+	      spaces.push(spaceStr(tabSize - col % tabSize));
 	    }
-	    cm.replaceSelections(spaces)
+	    cm.replaceSelections(spaces);
 	  },
 	  defaultTab: function (cm) {
-	    if (cm.somethingSelected()) { cm.indentSelection("add") }
-	    else { cm.execCommand("insertTab") }
+	    if (cm.somethingSelected()) { cm.indentSelection("add"); }
+	    else { cm.execCommand("insertTab"); }
 	  },
 	  // Swap the two chars left and right of each selection's head.
 	  // Move cursor behind the two swapped characters afterwards.
@@ -28558,70 +31132,64 @@
 	  // Doesn't do anything on an empty line.
 	  // Doesn't do anything with non-empty selections.
 	  transposeChars: function (cm) { return runInOp(cm, function () {
-	    var ranges = cm.listSelections(), newSel = []
+	    var ranges = cm.listSelections(), newSel = [];
 	    for (var i = 0; i < ranges.length; i++) {
 	      if (!ranges[i].empty()) { continue }
-	      var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text
+	      var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text;
 	      if (line) {
-	        if (cur.ch == line.length) { cur = new Pos(cur.line, cur.ch - 1) }
+	        if (cur.ch == line.length) { cur = new Pos(cur.line, cur.ch - 1); }
 	        if (cur.ch > 0) {
-	          cur = new Pos(cur.line, cur.ch + 1)
+	          cur = new Pos(cur.line, cur.ch + 1);
 	          cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2),
-	                          Pos(cur.line, cur.ch - 2), cur, "+transpose")
+	                          Pos(cur.line, cur.ch - 2), cur, "+transpose");
 	        } else if (cur.line > cm.doc.first) {
-	          var prev = getLine(cm.doc, cur.line - 1).text
+	          var prev = getLine(cm.doc, cur.line - 1).text;
 	          if (prev) {
-	            cur = new Pos(cur.line, 1)
+	            cur = new Pos(cur.line, 1);
 	            cm.replaceRange(line.charAt(0) + cm.doc.lineSeparator() +
 	                            prev.charAt(prev.length - 1),
-	                            Pos(cur.line - 1, prev.length - 1), cur, "+transpose")
+	                            Pos(cur.line - 1, prev.length - 1), cur, "+transpose");
 	          }
 	        }
 	      }
-	      newSel.push(new Range(cur, cur))
+	      newSel.push(new Range(cur, cur));
 	    }
-	    cm.setSelections(newSel)
+	    cm.setSelections(newSel);
 	  }); },
 	  newlineAndIndent: function (cm) { return runInOp(cm, function () {
-	    var sels = cm.listSelections()
+	    var sels = cm.listSelections();
 	    for (var i = sels.length - 1; i >= 0; i--)
-	      { cm.replaceRange(cm.doc.lineSeparator(), sels[i].anchor, sels[i].head, "+input") }
-	    sels = cm.listSelections()
+	      { cm.replaceRange(cm.doc.lineSeparator(), sels[i].anchor, sels[i].head, "+input"); }
+	    sels = cm.listSelections();
 	    for (var i$1 = 0; i$1 < sels.length; i$1++)
-	      { cm.indentLine(sels[i$1].from().line, null, true) }
-	    ensureCursorVisible(cm)
+	      { cm.indentLine(sels[i$1].from().line, null, true); }
+	    ensureCursorVisible(cm);
 	  }); },
 	  openLine: function (cm) { return cm.replaceSelection("\n", "start"); },
 	  toggleOverwrite: function (cm) { return cm.toggleOverwrite(); }
-	}
+	};
 
 
 	function lineStart(cm, lineN) {
-	  var line = getLine(cm.doc, lineN)
-	  var visual = visualLine(line)
-	  if (visual != line) { lineN = lineNo(visual) }
-	  var order = getOrder(visual)
-	  var ch = !order ? 0 : order[0].level % 2 ? lineRight(visual) : lineLeft(visual)
-	  return Pos(lineN, ch)
+	  var line = getLine(cm.doc, lineN);
+	  var visual = visualLine(line);
+	  if (visual != line) { lineN = lineNo(visual); }
+	  return endOfLine(true, cm, visual, lineN, 1)
 	}
 	function lineEnd(cm, lineN) {
-	  var merged, line = getLine(cm.doc, lineN)
-	  while (merged = collapsedSpanAtEnd(line)) {
-	    line = merged.find(1, true).line
-	    lineN = null
-	  }
-	  var order = getOrder(line)
-	  var ch = !order ? line.text.length : order[0].level % 2 ? lineLeft(line) : lineRight(line)
-	  return Pos(lineN == null ? lineNo(line) : lineN, ch)
+	  var line = getLine(cm.doc, lineN);
+	  var visual = visualLineEnd(line);
+	  if (visual != line) { lineN = lineNo(visual); }
+	  return endOfLine(true, cm, line, lineN, -1)
 	}
 	function lineStartSmart(cm, pos) {
-	  var start = lineStart(cm, pos.line)
-	  var line = getLine(cm.doc, start.line)
-	  var order = getOrder(line)
+	  var start = lineStart(cm, pos.line);
+	  var line = getLine(cm.doc, start.line);
+	  var order = getOrder(line, cm.doc.direction);
 	  if (!order || order[0].level == 0) {
-	    var firstNonWS = Math.max(0, line.text.search(/\S/))
-	    var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch
-	    return Pos(start.line, inWS ? 0 : firstNonWS)
+	    var firstNonWS = Math.max(0, line.text.search(/\S/));
+	    var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch;
+	    return Pos(start.line, inWS ? 0 : firstNonWS, start.sticky)
 	  }
 	  return start
 	}
@@ -28629,68 +31197,75 @@
 	// Run a handler that was bound to a key.
 	function doHandleBinding(cm, bound, dropShift) {
 	  if (typeof bound == "string") {
-	    bound = commands[bound]
+	    bound = commands[bound];
 	    if (!bound) { return false }
 	  }
 	  // Ensure previous input has been read, so that the handler sees a
 	  // consistent view of the document
-	  cm.display.input.ensurePolled()
-	  var prevShift = cm.display.shift, done = false
+	  cm.display.input.ensurePolled();
+	  var prevShift = cm.display.shift, done = false;
 	  try {
-	    if (cm.isReadOnly()) { cm.state.suppressEdits = true }
-	    if (dropShift) { cm.display.shift = false }
-	    done = bound(cm) != Pass
+	    if (cm.isReadOnly()) { cm.state.suppressEdits = true; }
+	    if (dropShift) { cm.display.shift = false; }
+	    done = bound(cm) != Pass;
 	  } finally {
-	    cm.display.shift = prevShift
-	    cm.state.suppressEdits = false
+	    cm.display.shift = prevShift;
+	    cm.state.suppressEdits = false;
 	  }
 	  return done
 	}
 
 	function lookupKeyForEditor(cm, name, handle) {
 	  for (var i = 0; i < cm.state.keyMaps.length; i++) {
-	    var result = lookupKey(name, cm.state.keyMaps[i], handle, cm)
+	    var result = lookupKey(name, cm.state.keyMaps[i], handle, cm);
 	    if (result) { return result }
 	  }
 	  return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle, cm))
 	    || lookupKey(name, cm.options.keyMap, handle, cm)
 	}
 
-	var stopSeq = new Delayed
+	// Note that, despite the name, this function is also used to check
+	// for bound mouse clicks.
+
+	var stopSeq = new Delayed;
+
 	function dispatchKey(cm, name, e, handle) {
-	  var seq = cm.state.keySeq
+	  var seq = cm.state.keySeq;
 	  if (seq) {
 	    if (isModifierKey(name)) { return "handled" }
-	    stopSeq.set(50, function () {
-	      if (cm.state.keySeq == seq) {
-	        cm.state.keySeq = null
-	        cm.display.input.reset()
-	      }
-	    })
-	    name = seq + " " + name
+	    if (/\'$/.test(name))
+	      { cm.state.keySeq = null; }
+	    else
+	      { stopSeq.set(50, function () {
+	        if (cm.state.keySeq == seq) {
+	          cm.state.keySeq = null;
+	          cm.display.input.reset();
+	        }
+	      }); }
+	    if (dispatchKeyInner(cm, seq + " " + name, e, handle)) { return true }
 	  }
-	  var result = lookupKeyForEditor(cm, name, handle)
+	  return dispatchKeyInner(cm, name, e, handle)
+	}
+
+	function dispatchKeyInner(cm, name, e, handle) {
+	  var result = lookupKeyForEditor(cm, name, handle);
 
 	  if (result == "multi")
-	    { cm.state.keySeq = name }
+	    { cm.state.keySeq = name; }
 	  if (result == "handled")
-	    { signalLater(cm, "keyHandled", cm, name, e) }
+	    { signalLater(cm, "keyHandled", cm, name, e); }
 
 	  if (result == "handled" || result == "multi") {
-	    e_preventDefault(e)
-	    restartBlink(cm)
+	    e_preventDefault(e);
+	    restartBlink(cm);
 	  }
 
-	  if (seq && !result && /\'$/.test(name)) {
-	    e_preventDefault(e)
-	    return true
-	  }
 	  return !!result
 	}
 
 	// Handle a key from the keydown event.
 	function handleKeyBinding(cm, e) {
-	  var name = keyName(e, true)
+	  var name = keyName(e, true);
 	  if (!name) { return false }
 
 	  if (e.shiftKey && !cm.state.keySeq) {
@@ -28712,59 +31287,90 @@
 	  return dispatchKey(cm, "'" + ch + "'", e, function (b) { return doHandleBinding(cm, b, true); })
 	}
 
-	var lastStoppedKey = null
+	var lastStoppedKey = null;
 	function onKeyDown(e) {
-	  var cm = this
-	  cm.curOp.focus = activeElt()
+	  var cm = this;
+	  cm.curOp.focus = activeElt();
 	  if (signalDOMEvent(cm, e)) { return }
 	  // IE does strange things with escape.
-	  if (ie && ie_version < 11 && e.keyCode == 27) { e.returnValue = false }
-	  var code = e.keyCode
-	  cm.display.shift = code == 16 || e.shiftKey
-	  var handled = handleKeyBinding(cm, e)
+	  if (ie && ie_version < 11 && e.keyCode == 27) { e.returnValue = false; }
+	  var code = e.keyCode;
+	  cm.display.shift = code == 16 || e.shiftKey;
+	  var handled = handleKeyBinding(cm, e);
 	  if (presto) {
-	    lastStoppedKey = handled ? code : null
+	    lastStoppedKey = handled ? code : null;
 	    // Opera has no cut event... we try to at least catch the key combo
 	    if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey))
-	      { cm.replaceSelection("", null, "cut") }
+	      { cm.replaceSelection("", null, "cut"); }
 	  }
 
 	  // Turn mouse into crosshair when Alt is held on Mac.
 	  if (code == 18 && !/\bCodeMirror-crosshair\b/.test(cm.display.lineDiv.className))
-	    { showCrossHair(cm) }
+	    { showCrossHair(cm); }
 	}
 
 	function showCrossHair(cm) {
-	  var lineDiv = cm.display.lineDiv
-	  addClass(lineDiv, "CodeMirror-crosshair")
+	  var lineDiv = cm.display.lineDiv;
+	  addClass(lineDiv, "CodeMirror-crosshair");
 
 	  function up(e) {
 	    if (e.keyCode == 18 || !e.altKey) {
-	      rmClass(lineDiv, "CodeMirror-crosshair")
-	      off(document, "keyup", up)
-	      off(document, "mouseover", up)
+	      rmClass(lineDiv, "CodeMirror-crosshair");
+	      off(document, "keyup", up);
+	      off(document, "mouseover", up);
 	    }
 	  }
-	  on(document, "keyup", up)
-	  on(document, "mouseover", up)
+	  on(document, "keyup", up);
+	  on(document, "mouseover", up);
 	}
 
 	function onKeyUp(e) {
-	  if (e.keyCode == 16) { this.doc.sel.shift = false }
-	  signalDOMEvent(this, e)
+	  if (e.keyCode == 16) { this.doc.sel.shift = false; }
+	  signalDOMEvent(this, e);
 	}
 
 	function onKeyPress(e) {
-	  var cm = this
+	  var cm = this;
 	  if (eventInWidget(cm.display, e) || signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) { return }
-	  var keyCode = e.keyCode, charCode = e.charCode
+	  var keyCode = e.keyCode, charCode = e.charCode;
 	  if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return}
 	  if ((presto && (!e.which || e.which < 10)) && handleKeyBinding(cm, e)) { return }
-	  var ch = String.fromCharCode(charCode == null ? keyCode : charCode)
+	  var ch = String.fromCharCode(charCode == null ? keyCode : charCode);
 	  // Some browsers fire keypress events for backspace
 	  if (ch == "\x08") { return }
 	  if (handleCharBinding(cm, e, ch)) { return }
-	  cm.display.input.onKeyPress(e)
+	  cm.display.input.onKeyPress(e);
+	}
+
+	var DOUBLECLICK_DELAY = 400;
+
+	var PastClick = function(time, pos, button) {
+	  this.time = time;
+	  this.pos = pos;
+	  this.button = button;
+	};
+
+	PastClick.prototype.compare = function (time, pos, button) {
+	  return this.time + DOUBLECLICK_DELAY > time &&
+	    cmp(pos, this.pos) == 0 && button == this.button
+	};
+
+	var lastClick;
+	var lastDoubleClick;
+	function clickRepeat(pos, button) {
+	  var now = +new Date;
+	  if (lastDoubleClick && lastDoubleClick.compare(now, pos, button)) {
+	    lastClick = lastDoubleClick = null;
+	    return "triple"
+	  } else if (lastClick && lastClick.compare(now, pos, button)) {
+	    lastDoubleClick = new PastClick(now, pos, button);
+	    lastClick = null;
+	    return "double"
+	  } else {
+	    lastClick = new PastClick(now, pos, button);
+	    lastDoubleClick = null;
+	    return "single"
+	  }
 	}
 
 	// A mouse down can be a single click, double click, triple click,
@@ -28773,272 +31379,332 @@
 	// middle-click-paste. Or it might be a click on something we should
 	// not interfere with, such as a scrollbar or widget.
 	function onMouseDown(e) {
-	  var cm = this, display = cm.display
+	  var cm = this, display = cm.display;
 	  if (signalDOMEvent(cm, e) || display.activeTouch && display.input.supportsTouch()) { return }
-	  display.input.ensurePolled()
-	  display.shift = e.shiftKey
+	  display.input.ensurePolled();
+	  display.shift = e.shiftKey;
 
 	  if (eventInWidget(display, e)) {
 	    if (!webkit) {
 	      // Briefly turn off draggability, to allow widgets to do
 	      // normal dragging things.
-	      display.scroller.draggable = false
-	      setTimeout(function () { return display.scroller.draggable = true; }, 100)
+	      display.scroller.draggable = false;
+	      setTimeout(function () { return display.scroller.draggable = true; }, 100);
 	    }
 	    return
 	  }
 	  if (clickInGutter(cm, e)) { return }
-	  var start = posFromMouse(cm, e)
-	  window.focus()
-
-	  switch (e_button(e)) {
-	  case 1:
-	    // #3261: make sure, that we're not starting a second selection
-	    if (cm.state.selectingText)
-	      { cm.state.selectingText(e) }
-	    else if (start)
-	      { leftButtonDown(cm, e, start) }
-	    else if (e_target(e) == display.scroller)
-	      { e_preventDefault(e) }
-	    break
-	  case 2:
-	    if (webkit) { cm.state.lastMiddleDown = +new Date }
-	    if (start) { extendSelection(cm.doc, start) }
-	    setTimeout(function () { return display.input.focus(); }, 20)
-	    e_preventDefault(e)
-	    break
-	  case 3:
-	    if (captureRightClick) { onContextMenu(cm, e) }
-	    else { delayBlurEvent(cm) }
-	    break
+	  var pos = posFromMouse(cm, e), button = e_button(e), repeat = pos ? clickRepeat(pos, button) : "single";
+	  window.focus();
+
+	  // #3261: make sure, that we're not starting a second selection
+	  if (button == 1 && cm.state.selectingText)
+	    { cm.state.selectingText(e); }
+
+	  if (pos && handleMappedButton(cm, button, pos, repeat, e)) { return }
+
+	  if (button == 1) {
+	    if (pos) { leftButtonDown(cm, pos, repeat, e); }
+	    else if (e_target(e) == display.scroller) { e_preventDefault(e); }
+	  } else if (button == 2) {
+	    if (pos) { extendSelection(cm.doc, pos); }
+	    setTimeout(function () { return display.input.focus(); }, 20);
+	  } else if (button == 3) {
+	    if (captureRightClick) { onContextMenu(cm, e); }
+	    else { delayBlurEvent(cm); }
 	  }
 	}
 
-	var lastClick;
-	var lastDoubleClick;
-	function leftButtonDown(cm, e, start) {
-	  if (ie) { setTimeout(bind(ensureFocus, cm), 0) }
-	  else { cm.curOp.focus = activeElt() }
-
-	  var now = +new Date, type
-	  if (lastDoubleClick && lastDoubleClick.time > now - 400 && cmp(lastDoubleClick.pos, start) == 0) {
-	    type = "triple"
-	  } else if (lastClick && lastClick.time > now - 400 && cmp(lastClick.pos, start) == 0) {
-	    type = "double"
-	    lastDoubleClick = {time: now, pos: start}
-	  } else {
-	    type = "single"
-	    lastClick = {time: now, pos: start}
+	function handleMappedButton(cm, button, pos, repeat, event) {
+	  var name = "Click";
+	  if (repeat == "double") { name = "Double" + name; }
+	  else if (repeat == "triple") { name = "Triple" + name; }
+	  name = (button == 1 ? "Left" : button == 2 ? "Middle" : "Right") + name;
+
+	  return dispatchKey(cm,  addModifierNames(name, event), event, function (bound) {
+	    if (typeof bound == "string") { bound = commands[bound]; }
+	    if (!bound) { return false }
+	    var done = false;
+	    try {
+	      if (cm.isReadOnly()) { cm.state.suppressEdits = true; }
+	      done = bound(cm, pos) != Pass;
+	    } finally {
+	      cm.state.suppressEdits = false;
+	    }
+	    return done
+	  })
+	}
+
+	function configureMouse(cm, repeat, event) {
+	  var option = cm.getOption("configureMouse");
+	  var value = option ? option(cm, repeat, event) : {};
+	  if (value.unit == null) {
+	    var rect = chromeOS ? event.shiftKey && event.metaKey : event.altKey;
+	    value.unit = rect ? "rectangle" : repeat == "single" ? "char" : repeat == "double" ? "word" : "line";
 	  }
+	  if (value.extend == null || cm.doc.extend) { value.extend = cm.doc.extend || event.shiftKey; }
+	  if (value.addNew == null) { value.addNew = mac ? event.metaKey : event.ctrlKey; }
+	  if (value.moveOnDrag == null) { value.moveOnDrag = !(mac ? event.altKey : event.ctrlKey); }
+	  return value
+	}
+
+	function leftButtonDown(cm, pos, repeat, event) {
+	  if (ie) { setTimeout(bind(ensureFocus, cm), 0); }
+	  else { cm.curOp.focus = activeElt(); }
 
-	  var sel = cm.doc.sel, modifier = mac ? e.metaKey : e.ctrlKey, contained
+	  var behavior = configureMouse(cm, repeat, event);
+
+	  var sel = cm.doc.sel, contained;
 	  if (cm.options.dragDrop && dragAndDrop && !cm.isReadOnly() &&
-	      type == "single" && (contained = sel.contains(start)) > -1 &&
-	      (cmp((contained = sel.ranges[contained]).from(), start) < 0 || start.xRel > 0) &&
-	      (cmp(contained.to(), start) > 0 || start.xRel < 0))
-	    { leftButtonStartDrag(cm, e, start, modifier) }
+	      repeat == "single" && (contained = sel.contains(pos)) > -1 &&
+	      (cmp((contained = sel.ranges[contained]).from(), pos) < 0 || pos.xRel > 0) &&
+	      (cmp(contained.to(), pos) > 0 || pos.xRel < 0))
+	    { leftButtonStartDrag(cm, event, pos, behavior); }
 	  else
-	    { leftButtonSelect(cm, e, start, type, modifier) }
+	    { leftButtonSelect(cm, event, pos, behavior); }
 	}
 
 	// Start a text drag. When it ends, see if any dragging actually
 	// happen, and treat as a click if it didn't.
-	function leftButtonStartDrag(cm, e, start, modifier) {
-	  var display = cm.display, startTime = +new Date
-	  var dragEnd = operation(cm, function (e2) {
-	    if (webkit) { display.scroller.draggable = false }
-	    cm.state.draggingText = false
-	    off(document, "mouseup", dragEnd)
-	    off(display.scroller, "drop", dragEnd)
-	    if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) {
-	      e_preventDefault(e2)
-	      if (!modifier && +new Date - 200 < startTime)
-	        { extendSelection(cm.doc, start) }
+	function leftButtonStartDrag(cm, event, pos, behavior) {
+	  var display = cm.display, moved = false;
+	  var dragEnd = operation(cm, function (e) {
+	    if (webkit) { display.scroller.draggable = false; }
+	    cm.state.draggingText = false;
+	    off(display.wrapper.ownerDocument, "mouseup", dragEnd);
+	    off(display.wrapper.ownerDocument, "mousemove", mouseMove);
+	    off(display.scroller, "dragstart", dragStart);
+	    off(display.scroller, "drop", dragEnd);
+	    if (!moved) {
+	      e_preventDefault(e);
+	      if (!behavior.addNew)
+	        { extendSelection(cm.doc, pos, null, null, behavior.extend); }
 	      // Work around unexplainable focus problem in IE9 (#2127) and Chrome (#3081)
 	      if (webkit || ie && ie_version == 9)
-	        { setTimeout(function () {document.body.focus(); display.input.focus()}, 20) }
+	        { setTimeout(function () {display.wrapper.ownerDocument.body.focus(); display.input.focus();}, 20); }
 	      else
-	        { display.input.focus() }
+	        { display.input.focus(); }
 	    }
-	  })
+	  });
+	  var mouseMove = function(e2) {
+	    moved = moved || Math.abs(event.clientX - e2.clientX) + Math.abs(event.clientY - e2.clientY) >= 10;
+	  };
+	  var dragStart = function () { return moved = true; };
 	  // Let the drag handler handle this.
-	  if (webkit) { display.scroller.draggable = true }
-	  cm.state.draggingText = dragEnd
-	  dragEnd.copy = mac ? e.altKey : e.ctrlKey
+	  if (webkit) { display.scroller.draggable = true; }
+	  cm.state.draggingText = dragEnd;
+	  dragEnd.copy = !behavior.moveOnDrag;
 	  // IE's approach to draggable
-	  if (display.scroller.dragDrop) { display.scroller.dragDrop() }
-	  on(document, "mouseup", dragEnd)
-	  on(display.scroller, "drop", dragEnd)
+	  if (display.scroller.dragDrop) { display.scroller.dragDrop(); }
+	  on(display.wrapper.ownerDocument, "mouseup", dragEnd);
+	  on(display.wrapper.ownerDocument, "mousemove", mouseMove);
+	  on(display.scroller, "dragstart", dragStart);
+	  on(display.scroller, "drop", dragEnd);
+
+	  delayBlurEvent(cm);
+	  setTimeout(function () { return display.input.focus(); }, 20);
+	}
+
+	function rangeForUnit(cm, pos, unit) {
+	  if (unit == "char") { return new Range(pos, pos) }
+	  if (unit == "word") { return cm.findWordAt(pos) }
+	  if (unit == "line") { return new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))) }
+	  var result = unit(cm, pos);
+	  return new Range(result.from, result.to)
 	}
 
 	// Normal selection, as opposed to text dragging.
-	function leftButtonSelect(cm, e, start, type, addNew) {
-	  var display = cm.display, doc = cm.doc
-	  e_preventDefault(e)
+	function leftButtonSelect(cm, event, start, behavior) {
+	  var display = cm.display, doc = cm.doc;
+	  e_preventDefault(event);
 
-	  var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges
-	  if (addNew && !e.shiftKey) {
-	    ourIndex = doc.sel.contains(start)
+	  var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges;
+	  if (behavior.addNew && !behavior.extend) {
+	    ourIndex = doc.sel.contains(start);
 	    if (ourIndex > -1)
-	      { ourRange = ranges[ourIndex] }
+	      { ourRange = ranges[ourIndex]; }
 	    else
-	      { ourRange = new Range(start, start) }
+	      { ourRange = new Range(start, start); }
 	  } else {
-	    ourRange = doc.sel.primary()
-	    ourIndex = doc.sel.primIndex
-	  }
-
-	  if (chromeOS ? e.shiftKey && e.metaKey : e.altKey) {
-	    type = "rect"
-	    if (!addNew) { ourRange = new Range(start, start) }
-	    start = posFromMouse(cm, e, true, true)
-	    ourIndex = -1
-	  } else if (type == "double") {
-	    var word = cm.findWordAt(start)
-	    if (cm.display.shift || doc.extend)
-	      { ourRange = extendRange(doc, ourRange, word.anchor, word.head) }
-	    else
-	      { ourRange = word }
-	  } else if (type == "triple") {
-	    var line = new Range(Pos(start.line, 0), clipPos(doc, Pos(start.line + 1, 0)))
-	    if (cm.display.shift || doc.extend)
-	      { ourRange = extendRange(doc, ourRange, line.anchor, line.head) }
-	    else
-	      { ourRange = line }
+	    ourRange = doc.sel.primary();
+	    ourIndex = doc.sel.primIndex;
+	  }
+
+	  if (behavior.unit == "rectangle") {
+	    if (!behavior.addNew) { ourRange = new Range(start, start); }
+	    start = posFromMouse(cm, event, true, true);
+	    ourIndex = -1;
 	  } else {
-	    ourRange = extendRange(doc, ourRange, start)
+	    var range$$1 = rangeForUnit(cm, start, behavior.unit);
+	    if (behavior.extend)
+	      { ourRange = extendRange(ourRange, range$$1.anchor, range$$1.head, behavior.extend); }
+	    else
+	      { ourRange = range$$1; }
 	  }
 
-	  if (!addNew) {
-	    ourIndex = 0
-	    setSelection(doc, new Selection([ourRange], 0), sel_mouse)
-	    startSel = doc.sel
+	  if (!behavior.addNew) {
+	    ourIndex = 0;
+	    setSelection(doc, new Selection([ourRange], 0), sel_mouse);
+	    startSel = doc.sel;
 	  } else if (ourIndex == -1) {
-	    ourIndex = ranges.length
+	    ourIndex = ranges.length;
 	    setSelection(doc, normalizeSelection(ranges.concat([ourRange]), ourIndex),
-	                 {scroll: false, origin: "*mouse"})
-	  } else if (ranges.length > 1 && ranges[ourIndex].empty() && type == "single" && !e.shiftKey) {
+	                 {scroll: false, origin: "*mouse"});
+	  } else if (ranges.length > 1 && ranges[ourIndex].empty() && behavior.unit == "char" && !behavior.extend) {
 	    setSelection(doc, normalizeSelection(ranges.slice(0, ourIndex).concat(ranges.slice(ourIndex + 1)), 0),
-	                 {scroll: false, origin: "*mouse"})
-	    startSel = doc.sel
+	                 {scroll: false, origin: "*mouse"});
+	    startSel = doc.sel;
 	  } else {
-	    replaceOneSelection(doc, ourIndex, ourRange, sel_mouse)
+	    replaceOneSelection(doc, ourIndex, ourRange, sel_mouse);
 	  }
 
-	  var lastPos = start
+	  var lastPos = start;
 	  function extendTo(pos) {
 	    if (cmp(lastPos, pos) == 0) { return }
-	    lastPos = pos
+	    lastPos = pos;
 
-	    if (type == "rect") {
-	      var ranges = [], tabSize = cm.options.tabSize
-	      var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize)
-	      var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize)
-	      var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol)
+	    if (behavior.unit == "rectangle") {
+	      var ranges = [], tabSize = cm.options.tabSize;
+	      var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize);
+	      var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize);
+	      var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol);
 	      for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line));
 	           line <= end; line++) {
-	        var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize)
+	        var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize);
 	        if (left == right)
-	          { ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))) }
+	          { ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))); }
 	        else if (text.length > leftPos)
-	          { ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))) }
+	          { ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))); }
 	      }
-	      if (!ranges.length) { ranges.push(new Range(start, start)) }
+	      if (!ranges.length) { ranges.push(new Range(start, start)); }
 	      setSelection(doc, normalizeSelection(startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex),
-	                   {origin: "*mouse", scroll: false})
-	      cm.scrollIntoView(pos)
+	                   {origin: "*mouse", scroll: false});
+	      cm.scrollIntoView(pos);
 	    } else {
-	      var oldRange = ourRange
-	      var anchor = oldRange.anchor, head = pos
-	      if (type != "single") {
-	        var range
-	        if (type == "double")
-	          { range = cm.findWordAt(pos) }
-	        else
-	          { range = new Range(Pos(pos.line, 0), clipPos(doc, Pos(pos.line + 1, 0))) }
-	        if (cmp(range.anchor, anchor) > 0) {
-	          head = range.head
-	          anchor = minPos(oldRange.from(), range.anchor)
-	        } else {
-	          head = range.anchor
-	          anchor = maxPos(oldRange.to(), range.head)
-	        }
+	      var oldRange = ourRange;
+	      var range$$1 = rangeForUnit(cm, pos, behavior.unit);
+	      var anchor = oldRange.anchor, head;
+	      if (cmp(range$$1.anchor, anchor) > 0) {
+	        head = range$$1.head;
+	        anchor = minPos(oldRange.from(), range$$1.anchor);
+	      } else {
+	        head = range$$1.anchor;
+	        anchor = maxPos(oldRange.to(), range$$1.head);
 	      }
-	      var ranges$1 = startSel.ranges.slice(0)
-	      ranges$1[ourIndex] = new Range(clipPos(doc, anchor), head)
-	      setSelection(doc, normalizeSelection(ranges$1, ourIndex), sel_mouse)
+	      var ranges$1 = startSel.ranges.slice(0);
+	      ranges$1[ourIndex] = bidiSimplify(cm, new Range(clipPos(doc, anchor), head));
+	      setSelection(doc, normalizeSelection(ranges$1, ourIndex), sel_mouse);
 	    }
 	  }
 
-	  var editorSize = display.wrapper.getBoundingClientRect()
+	  var editorSize = display.wrapper.getBoundingClientRect();
 	  // Used to ensure timeout re-tries don't fire when another extend
 	  // happened in the meantime (clearTimeout isn't reliable -- at
 	  // least on Chrome, the timeouts still happen even when cleared,
 	  // if the clear happens after their scheduled firing time).
-	  var counter = 0
+	  var counter = 0;
 
 	  function extend(e) {
-	    var curCount = ++counter
-	    var cur = posFromMouse(cm, e, true, type == "rect")
+	    var curCount = ++counter;
+	    var cur = posFromMouse(cm, e, true, behavior.unit == "rectangle");
 	    if (!cur) { return }
 	    if (cmp(cur, lastPos) != 0) {
-	      cm.curOp.focus = activeElt()
-	      extendTo(cur)
-	      var visible = visibleLines(display, doc)
+	      cm.curOp.focus = activeElt();
+	      extendTo(cur);
+	      var visible = visibleLines(display, doc);
 	      if (cur.line >= visible.to || cur.line < visible.from)
-	        { setTimeout(operation(cm, function () {if (counter == curCount) { extend(e) }}), 150) }
+	        { setTimeout(operation(cm, function () {if (counter == curCount) { extend(e); }}), 150); }
 	    } else {
-	      var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0
+	      var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0;
 	      if (outside) { setTimeout(operation(cm, function () {
 	        if (counter != curCount) { return }
-	        display.scroller.scrollTop += outside
-	        extend(e)
-	      }), 50) }
+	        display.scroller.scrollTop += outside;
+	        extend(e);
+	      }), 50); }
 	    }
 	  }
 
 	  function done(e) {
-	    cm.state.selectingText = false
-	    counter = Infinity
-	    e_preventDefault(e)
-	    display.input.focus()
-	    off(document, "mousemove", move)
-	    off(document, "mouseup", up)
-	    doc.history.lastSelOrigin = null
+	    cm.state.selectingText = false;
+	    counter = Infinity;
+	    e_preventDefault(e);
+	    display.input.focus();
+	    off(display.wrapper.ownerDocument, "mousemove", move);
+	    off(display.wrapper.ownerDocument, "mouseup", up);
+	    doc.history.lastSelOrigin = null;
 	  }
 
 	  var move = operation(cm, function (e) {
-	    if (!e_button(e)) { done(e) }
-	    else { extend(e) }
-	  })
-	  var up = operation(cm, done)
-	  cm.state.selectingText = up
-	  on(document, "mousemove", move)
-	  on(document, "mouseup", up)
+	    if (e.buttons === 0 || !e_button(e)) { done(e); }
+	    else { extend(e); }
+	  });
+	  var up = operation(cm, done);
+	  cm.state.selectingText = up;
+	  on(display.wrapper.ownerDocument, "mousemove", move);
+	  on(display.wrapper.ownerDocument, "mouseup", up);
+	}
+
+	// Used when mouse-selecting to adjust the anchor to the proper side
+	// of a bidi jump depending on the visual position of the head.
+	function bidiSimplify(cm, range$$1) {
+	  var anchor = range$$1.anchor;
+	  var head = range$$1.head;
+	  var anchorLine = getLine(cm.doc, anchor.line);
+	  if (cmp(anchor, head) == 0 && anchor.sticky == head.sticky) { return range$$1 }
+	  var order = getOrder(anchorLine);
+	  if (!order) { return range$$1 }
+	  var index = getBidiPartAt(order, anchor.ch, anchor.sticky), part = order[index];
+	  if (part.from != anchor.ch && part.to != anchor.ch) { return range$$1 }
+	  var boundary = index + ((part.from == anchor.ch) == (part.level != 1) ? 0 : 1);
+	  if (boundary == 0 || boundary == order.length) { return range$$1 }
+
+	  // Compute the relative visual position of the head compared to the
+	  // anchor (<0 is to the left, >0 to the right)
+	  var leftSide;
+	  if (head.line != anchor.line) {
+	    leftSide = (head.line - anchor.line) * (cm.doc.direction == "ltr" ? 1 : -1) > 0;
+	  } else {
+	    var headIndex = getBidiPartAt(order, head.ch, head.sticky);
+	    var dir = headIndex - index || (head.ch - anchor.ch) * (part.level == 1 ? -1 : 1);
+	    if (headIndex == boundary - 1 || headIndex == boundary)
+	      { leftSide = dir < 0; }
+	    else
+	      { leftSide = dir > 0; }
+	  }
+
+	  var usePart = order[boundary + (leftSide ? -1 : 0)];
+	  var from = leftSide == (usePart.level == 1);
+	  var ch = from ? usePart.from : usePart.to, sticky = from ? "after" : "before";
+	  return anchor.ch == ch && anchor.sticky == sticky ? range$$1 : new Range(new Pos(anchor.line, ch, sticky), head)
 	}
 
 
 	// Determines whether an event happened in the gutter, and fires the
 	// handlers for the corresponding event.
 	function gutterEvent(cm, e, type, prevent) {
-	  var mX, mY
-	  try { mX = e.clientX; mY = e.clientY }
-	  catch(e) { return false }
+	  var mX, mY;
+	  if (e.touches) {
+	    mX = e.touches[0].clientX;
+	    mY = e.touches[0].clientY;
+	  } else {
+	    try { mX = e.clientX; mY = e.clientY; }
+	    catch(e) { return false }
+	  }
 	  if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) { return false }
-	  if (prevent) { e_preventDefault(e) }
+	  if (prevent) { e_preventDefault(e); }
 
-	  var display = cm.display
-	  var lineBox = display.lineDiv.getBoundingClientRect()
+	  var display = cm.display;
+	  var lineBox = display.lineDiv.getBoundingClientRect();
 
 	  if (mY > lineBox.bottom || !hasHandler(cm, type)) { return e_defaultPrevented(e) }
-	  mY -= lineBox.top - display.viewOffset
+	  mY -= lineBox.top - display.viewOffset;
 
 	  for (var i = 0; i < cm.options.gutters.length; ++i) {
-	    var g = display.gutters.childNodes[i]
+	    var g = display.gutters.childNodes[i];
 	    if (g && g.getBoundingClientRect().right >= mX) {
-	      var line = lineAtHeight(cm.doc, mY)
-	      var gutter = cm.options.gutters[i]
-	      signal(cm, type, cm, line, gutter, e)
+	      var line = lineAtHeight(cm.doc, mY);
+	      var gutter = cm.options.gutters[i];
+	      signal(cm, type, cm, line, gutter, e);
 	      return e_defaultPrevented(e)
 	    }
 	  }
@@ -29056,7 +31722,7 @@
 	function onContextMenu(cm, e) {
 	  if (eventInWidget(cm.display, e) || contextMenuInGutter(cm, e)) { return }
 	  if (signalDOMEvent(cm, e, "contextmenu")) { return }
-	  cm.display.input.onContextMenu(e)
+	  cm.display.input.onContextMenu(e);
 	}
 
 	function contextMenuInGutter(cm, e) {
@@ -29066,207 +31732,208 @@
 
 	function themeChanged(cm) {
 	  cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") +
-	    cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-")
-	  clearCaches(cm)
+	    cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-");
+	  clearCaches(cm);
 	}
 
-	var Init = {toString: function(){return "CodeMirror.Init"}}
+	var Init = {toString: function(){return "CodeMirror.Init"}};
 
-	var defaults = {}
-	var optionHandlers = {}
+	var defaults = {};
+	var optionHandlers = {};
 
 	function defineOptions(CodeMirror) {
-	  var optionHandlers = CodeMirror.optionHandlers
+	  var optionHandlers = CodeMirror.optionHandlers;
 
 	  function option(name, deflt, handle, notOnInit) {
-	    CodeMirror.defaults[name] = deflt
+	    CodeMirror.defaults[name] = deflt;
 	    if (handle) { optionHandlers[name] =
-	      notOnInit ? function (cm, val, old) {if (old != Init) { handle(cm, val, old) }} : handle }
+	      notOnInit ? function (cm, val, old) {if (old != Init) { handle(cm, val, old); }} : handle; }
 	  }
 
-	  CodeMirror.defineOption = option
+	  CodeMirror.defineOption = option;
 
 	  // Passed to option handlers when there is no old value.
-	  CodeMirror.Init = Init
+	  CodeMirror.Init = Init;
 
 	  // These two are, on init, called from the constructor because they
 	  // have to be initialized before the editor can start at all.
-	  option("value", "", function (cm, val) { return cm.setValue(val); }, true)
+	  option("value", "", function (cm, val) { return cm.setValue(val); }, true);
 	  option("mode", null, function (cm, val) {
-	    cm.doc.modeOption = val
-	    loadMode(cm)
-	  }, true)
+	    cm.doc.modeOption = val;
+	    loadMode(cm);
+	  }, true);
 
-	  option("indentUnit", 2, loadMode, true)
-	  option("indentWithTabs", false)
-	  option("smartIndent", true)
+	  option("indentUnit", 2, loadMode, true);
+	  option("indentWithTabs", false);
+	  option("smartIndent", true);
 	  option("tabSize", 4, function (cm) {
-	    resetModeState(cm)
-	    clearCaches(cm)
-	    regChange(cm)
-	  }, true)
+	    resetModeState(cm);
+	    clearCaches(cm);
+	    regChange(cm);
+	  }, true);
+
 	  option("lineSeparator", null, function (cm, val) {
-	    cm.doc.lineSep = val
+	    cm.doc.lineSep = val;
 	    if (!val) { return }
-	    var newBreaks = [], lineNo = cm.doc.first
+	    var newBreaks = [], lineNo = cm.doc.first;
 	    cm.doc.iter(function (line) {
 	      for (var pos = 0;;) {
-	        var found = line.text.indexOf(val, pos)
+	        var found = line.text.indexOf(val, pos);
 	        if (found == -1) { break }
-	        pos = found + val.length
-	        newBreaks.push(Pos(lineNo, found))
+	        pos = found + val.length;
+	        newBreaks.push(Pos(lineNo, found));
 	      }
-	      lineNo++
-	    })
+	      lineNo++;
+	    });
 	    for (var i = newBreaks.length - 1; i >= 0; i--)
-	      { replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length)) }
-	  })
-	  option("specialChars", /[\u0000-\u001f\u007f\u00ad\u061c\u200b-\u200f\u2028\u2029\ufeff]/g, function (cm, val, old) {
-	    cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g")
-	    if (old != Init) { cm.refresh() }
-	  })
-	  option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function (cm) { return cm.refresh(); }, true)
-	  option("electricChars", true)
+	      { replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length)); }
+	  });
+	  option("specialChars", /[\u0000-\u001f\u007f-\u009f\u00ad\u061c\u200b-\u200f\u2028\u2029\ufeff]/g, function (cm, val, old) {
+	    cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g");
+	    if (old != Init) { cm.refresh(); }
+	  });
+	  option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function (cm) { return cm.refresh(); }, true);
+	  option("electricChars", true);
 	  option("inputStyle", mobile ? "contenteditable" : "textarea", function () {
 	    throw new Error("inputStyle can not (yet) be changed in a running editor") // FIXME
-	  }, true)
-	  option("spellcheck", false, function (cm, val) { return cm.getInputField().spellcheck = val; }, true)
-	  option("rtlMoveVisually", !windows)
-	  option("wholeLineUpdateBefore", true)
+	  }, true);
+	  option("spellcheck", false, function (cm, val) { return cm.getInputField().spellcheck = val; }, true);
+	  option("rtlMoveVisually", !windows);
+	  option("wholeLineUpdateBefore", true);
 
 	  option("theme", "default", function (cm) {
-	    themeChanged(cm)
-	    guttersChanged(cm)
-	  }, true)
+	    themeChanged(cm);
+	    guttersChanged(cm);
+	  }, true);
 	  option("keyMap", "default", function (cm, val, old) {
-	    var next = getKeyMap(val)
-	    var prev = old != Init && getKeyMap(old)
-	    if (prev && prev.detach) { prev.detach(cm, next) }
-	    if (next.attach) { next.attach(cm, prev || null) }
-	  })
-	  option("extraKeys", null)
+	    var next = getKeyMap(val);
+	    var prev = old != Init && getKeyMap(old);
+	    if (prev && prev.detach) { prev.detach(cm, next); }
+	    if (next.attach) { next.attach(cm, prev || null); }
+	  });
+	  option("extraKeys", null);
+	  option("configureMouse", null);
 
-	  option("lineWrapping", false, wrappingChanged, true)
+	  option("lineWrapping", false, wrappingChanged, true);
 	  option("gutters", [], function (cm) {
-	    setGuttersForLineNumbers(cm.options)
-	    guttersChanged(cm)
-	  }, true)
+	    setGuttersForLineNumbers(cm.options);
+	    guttersChanged(cm);
+	  }, true);
 	  option("fixedGutter", true, function (cm, val) {
-	    cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0"
-	    cm.refresh()
-	  }, true)
-	  option("coverGutterNextToScrollbar", false, function (cm) { return updateScrollbars(cm); }, true)
+	    cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0";
+	    cm.refresh();
+	  }, true);
+	  option("coverGutterNextToScrollbar", false, function (cm) { return updateScrollbars(cm); }, true);
 	  option("scrollbarStyle", "native", function (cm) {
-	    initScrollbars(cm)
-	    updateScrollbars(cm)
-	    cm.display.scrollbars.setScrollTop(cm.doc.scrollTop)
-	    cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft)
-	  }, true)
+	    initScrollbars(cm);
+	    updateScrollbars(cm);
+	    cm.display.scrollbars.setScrollTop(cm.doc.scrollTop);
+	    cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft);
+	  }, true);
 	  option("lineNumbers", false, function (cm) {
-	    setGuttersForLineNumbers(cm.options)
-	    guttersChanged(cm)
-	  }, true)
-	  option("firstLineNumber", 1, guttersChanged, true)
-	  option("lineNumberFormatter", function (integer) { return integer; }, guttersChanged, true)
-	  option("showCursorWhenSelecting", false, updateSelection, true)
+	    setGuttersForLineNumbers(cm.options);
+	    guttersChanged(cm);
+	  }, true);
+	  option("firstLineNumber", 1, guttersChanged, true);
+	  option("lineNumberFormatter", function (integer) { return integer; }, guttersChanged, true);
+	  option("showCursorWhenSelecting", false, updateSelection, true);
 
-	  option("resetSelectionOnContextMenu", true)
-	  option("lineWiseCopyCut", true)
+	  option("resetSelectionOnContextMenu", true);
+	  option("lineWiseCopyCut", true);
+	  option("pasteLinesPerSelection", true);
 
 	  option("readOnly", false, function (cm, val) {
 	    if (val == "nocursor") {
-	      onBlur(cm)
-	      cm.display.input.blur()
-	      cm.display.disabled = true
-	    } else {
-	      cm.display.disabled = false
+	      onBlur(cm);
+	      cm.display.input.blur();
 	    }
-	    cm.display.input.readOnlyChanged(val)
-	  })
-	  option("disableInput", false, function (cm, val) {if (!val) { cm.display.input.reset() }}, true)
-	  option("dragDrop", true, dragDropChanged)
-	  option("allowDropFileTypes", null)
-
-	  option("cursorBlinkRate", 530)
-	  option("cursorScrollMargin", 0)
-	  option("cursorHeight", 1, updateSelection, true)
-	  option("singleCursorHeightPerLine", true, updateSelection, true)
-	  option("workTime", 100)
-	  option("workDelay", 100)
-	  option("flattenSpans", true, resetModeState, true)
-	  option("addModeClass", false, resetModeState, true)
-	  option("pollInterval", 100)
-	  option("undoDepth", 200, function (cm, val) { return cm.doc.history.undoDepth = val; })
-	  option("historyEventDelay", 1250)
-	  option("viewportMargin", 10, function (cm) { return cm.refresh(); }, true)
-	  option("maxHighlightLength", 10000, resetModeState, true)
+	    cm.display.input.readOnlyChanged(val);
+	  });
+	  option("disableInput", false, function (cm, val) {if (!val) { cm.display.input.reset(); }}, true);
+	  option("dragDrop", true, dragDropChanged);
+	  option("allowDropFileTypes", null);
+
+	  option("cursorBlinkRate", 530);
+	  option("cursorScrollMargin", 0);
+	  option("cursorHeight", 1, updateSelection, true);
+	  option("singleCursorHeightPerLine", true, updateSelection, true);
+	  option("workTime", 100);
+	  option("workDelay", 100);
+	  option("flattenSpans", true, resetModeState, true);
+	  option("addModeClass", false, resetModeState, true);
+	  option("pollInterval", 100);
+	  option("undoDepth", 200, function (cm, val) { return cm.doc.history.undoDepth = val; });
+	  option("historyEventDelay", 1250);
+	  option("viewportMargin", 10, function (cm) { return cm.refresh(); }, true);
+	  option("maxHighlightLength", 10000, resetModeState, true);
 	  option("moveInputWithCursor", true, function (cm, val) {
-	    if (!val) { cm.display.input.resetPosition() }
-	  })
+	    if (!val) { cm.display.input.resetPosition(); }
+	  });
 
-	  option("tabindex", null, function (cm, val) { return cm.display.input.getField().tabIndex = val || ""; })
-	  option("autofocus", null)
+	  option("tabindex", null, function (cm, val) { return cm.display.input.getField().tabIndex = val || ""; });
+	  option("autofocus", null);
+	  option("direction", "ltr", function (cm, val) { return cm.doc.setDirection(val); }, true);
 	}
 
 	function guttersChanged(cm) {
-	  updateGutters(cm)
-	  regChange(cm)
-	  alignHorizontally(cm)
+	  updateGutters(cm);
+	  regChange(cm);
+	  alignHorizontally(cm);
 	}
 
 	function dragDropChanged(cm, value, old) {
-	  var wasOn = old && old != Init
+	  var wasOn = old && old != Init;
 	  if (!value != !wasOn) {
-	    var funcs = cm.display.dragFunctions
-	    var toggle = value ? on : off
-	    toggle(cm.display.scroller, "dragstart", funcs.start)
-	    toggle(cm.display.scroller, "dragenter", funcs.enter)
-	    toggle(cm.display.scroller, "dragover", funcs.over)
-	    toggle(cm.display.scroller, "dragleave", funcs.leave)
-	    toggle(cm.display.scroller, "drop", funcs.drop)
+	    var funcs = cm.display.dragFunctions;
+	    var toggle = value ? on : off;
+	    toggle(cm.display.scroller, "dragstart", funcs.start);
+	    toggle(cm.display.scroller, "dragenter", funcs.enter);
+	    toggle(cm.display.scroller, "dragover", funcs.over);
+	    toggle(cm.display.scroller, "dragleave", funcs.leave);
+	    toggle(cm.display.scroller, "drop", funcs.drop);
 	  }
 	}
 
 	function wrappingChanged(cm) {
 	  if (cm.options.lineWrapping) {
-	    addClass(cm.display.wrapper, "CodeMirror-wrap")
-	    cm.display.sizer.style.minWidth = ""
-	    cm.display.sizerWidth = null
+	    addClass(cm.display.wrapper, "CodeMirror-wrap");
+	    cm.display.sizer.style.minWidth = "";
+	    cm.display.sizerWidth = null;
 	  } else {
-	    rmClass(cm.display.wrapper, "CodeMirror-wrap")
-	    findMaxLine(cm)
+	    rmClass(cm.display.wrapper, "CodeMirror-wrap");
+	    findMaxLine(cm);
 	  }
-	  estimateLineHeights(cm)
-	  regChange(cm)
-	  clearCaches(cm)
-	  setTimeout(function () { return updateScrollbars(cm); }, 100)
+	  estimateLineHeights(cm);
+	  regChange(cm);
+	  clearCaches(cm);
+	  setTimeout(function () { return updateScrollbars(cm); }, 100);
 	}
 
 	// A CodeMirror instance represents an editor. This is the object
 	// that user code is usually dealing with.
 
-	function CodeMirror(place, options) {
+	function CodeMirror$1(place, options) {
 	  var this$1 = this;
 
-	  if (!(this instanceof CodeMirror)) { return new CodeMirror(place, options) }
+	  if (!(this instanceof CodeMirror$1)) { return new CodeMirror$1(place, options) }
 
-	  this.options = options = options ? copyObj(options) : {}
+	  this.options = options = options ? copyObj(options) : {};
 	  // Determine effective options based on given values and defaults.
-	  copyObj(defaults, options, false)
-	  setGuttersForLineNumbers(options)
-
-	  var doc = options.value
-	  if (typeof doc == "string") { doc = new Doc(doc, options.mode, null, options.lineSeparator) }
-	  this.doc = doc
-
-	  var input = new CodeMirror.inputStyles[options.inputStyle](this)
-	  var display = this.display = new Display(place, doc, input)
-	  display.wrapper.CodeMirror = this
-	  updateGutters(this)
-	  themeChanged(this)
+	  copyObj(defaults, options, false);
+	  setGuttersForLineNumbers(options);
+
+	  var doc = options.value;
+	  if (typeof doc == "string") { doc = new Doc(doc, options.mode, null, options.lineSeparator, options.direction); }
+	  this.doc = doc;
+
+	  var input = new CodeMirror$1.inputStyles[options.inputStyle](this);
+	  var display = this.display = new Display(place, doc, input);
+	  display.wrapper.CodeMirror = this;
+	  updateGutters(this);
+	  themeChanged(this);
 	  if (options.lineWrapping)
-	    { this.display.wrapper.className += " CodeMirror-wrap" }
-	  initScrollbars(this)
+	    { this.display.wrapper.className += " CodeMirror-wrap"; }
+	  initScrollbars(this);
 
 	  this.state = {
 	    keyMaps: [],  // stores maps added by addKeyMap
@@ -29282,154 +31949,154 @@
 	    highlight: new Delayed(), // stores highlight worker timeout
 	    keySeq: null,  // Unfinished key sequence
 	    specialChars: null
-	  }
+	  };
 
-	  if (options.autofocus && !mobile) { display.input.focus() }
+	  if (options.autofocus && !mobile) { display.input.focus(); }
 
 	  // Override magic textarea content restore that IE sometimes does
 	  // on our hidden textarea on reload
-	  if (ie && ie_version < 11) { setTimeout(function () { return this$1.display.input.reset(true); }, 20) }
+	  if (ie && ie_version < 11) { setTimeout(function () { return this$1.display.input.reset(true); }, 20); }
 
-	  registerEventHandlers(this)
-	  ensureGlobalHandlers()
+	  registerEventHandlers(this);
+	  ensureGlobalHandlers();
 
-	  startOperation(this)
-	  this.curOp.forceUpdate = true
-	  attachDoc(this, doc)
+	  startOperation(this);
+	  this.curOp.forceUpdate = true;
+	  attachDoc(this, doc);
 
 	  if ((options.autofocus && !mobile) || this.hasFocus())
-	    { setTimeout(bind(onFocus, this), 20) }
+	    { setTimeout(bind(onFocus, this), 20); }
 	  else
-	    { onBlur(this) }
+	    { onBlur(this); }
 
 	  for (var opt in optionHandlers) { if (optionHandlers.hasOwnProperty(opt))
-	    { optionHandlers[opt](this$1, options[opt], Init) } }
-	  maybeUpdateLineNumberWidth(this)
-	  if (options.finishInit) { options.finishInit(this) }
-	  for (var i = 0; i < initHooks.length; ++i) { initHooks[i](this$1) }
-	  endOperation(this)
+	    { optionHandlers[opt](this$1, options[opt], Init); } }
+	  maybeUpdateLineNumberWidth(this);
+	  if (options.finishInit) { options.finishInit(this); }
+	  for (var i = 0; i < initHooks.length; ++i) { initHooks[i](this$1); }
+	  endOperation(this);
 	  // Suppress optimizelegibility in Webkit, since it breaks text
 	  // measuring on line wrapping boundaries.
 	  if (webkit && options.lineWrapping &&
 	      getComputedStyle(display.lineDiv).textRendering == "optimizelegibility")
-	    { display.lineDiv.style.textRendering = "auto" }
+	    { display.lineDiv.style.textRendering = "auto"; }
 	}
 
 	// The default configuration options.
-	CodeMirror.defaults = defaults
+	CodeMirror$1.defaults = defaults;
 	// Functions to run when options are changed.
-	CodeMirror.optionHandlers = optionHandlers
+	CodeMirror$1.optionHandlers = optionHandlers;
 
 	// Attach the necessary event handlers when initializing the editor
 	function registerEventHandlers(cm) {
-	  var d = cm.display
-	  on(d.scroller, "mousedown", operation(cm, onMouseDown))
+	  var d = cm.display;
+	  on(d.scroller, "mousedown", operation(cm, onMouseDown));
 	  // Older IE's will not fire a second mousedown for a double click
 	  if (ie && ie_version < 11)
 	    { on(d.scroller, "dblclick", operation(cm, function (e) {
 	      if (signalDOMEvent(cm, e)) { return }
-	      var pos = posFromMouse(cm, e)
+	      var pos = posFromMouse(cm, e);
 	      if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) { return }
-	      e_preventDefault(e)
-	      var word = cm.findWordAt(pos)
-	      extendSelection(cm.doc, word.anchor, word.head)
-	    })) }
+	      e_preventDefault(e);
+	      var word = cm.findWordAt(pos);
+	      extendSelection(cm.doc, word.anchor, word.head);
+	    })); }
 	  else
-	    { on(d.scroller, "dblclick", function (e) { return signalDOMEvent(cm, e) || e_preventDefault(e); }) }
+	    { on(d.scroller, "dblclick", function (e) { return signalDOMEvent(cm, e) || e_preventDefault(e); }); }
 	  // Some browsers fire contextmenu *after* opening the menu, at
 	  // which point we can't mess with it anymore. Context menu is
 	  // handled in onMouseDown for these browsers.
-	  if (!captureRightClick) { on(d.scroller, "contextmenu", function (e) { return onContextMenu(cm, e); }) }
+	  if (!captureRightClick) { on(d.scroller, "contextmenu", function (e) { return onContextMenu(cm, e); }); }
 
 	  // Used to suppress mouse event handling when a touch happens
-	  var touchFinished, prevTouch = {end: 0}
+	  var touchFinished, prevTouch = {end: 0};
 	  function finishTouch() {
 	    if (d.activeTouch) {
-	      touchFinished = setTimeout(function () { return d.activeTouch = null; }, 1000)
-	      prevTouch = d.activeTouch
-	      prevTouch.end = +new Date
+	      touchFinished = setTimeout(function () { return d.activeTouch = null; }, 1000);
+	      prevTouch = d.activeTouch;
+	      prevTouch.end = +new Date;
 	    }
 	  }
 	  function isMouseLikeTouchEvent(e) {
 	    if (e.touches.length != 1) { return false }
-	    var touch = e.touches[0]
+	    var touch = e.touches[0];
 	    return touch.radiusX <= 1 && touch.radiusY <= 1
 	  }
 	  function farAway(touch, other) {
 	    if (other.left == null) { return true }
-	    var dx = other.left - touch.left, dy = other.top - touch.top
+	    var dx = other.left - touch.left, dy = other.top - touch.top;
 	    return dx * dx + dy * dy > 20 * 20
 	  }
 	  on(d.scroller, "touchstart", function (e) {
-	    if (!signalDOMEvent(cm, e) && !isMouseLikeTouchEvent(e)) {
-	      d.input.ensurePolled()
-	      clearTimeout(touchFinished)
-	      var now = +new Date
+	    if (!signalDOMEvent(cm, e) && !isMouseLikeTouchEvent(e) && !clickInGutter(cm, e)) {
+	      d.input.ensurePolled();
+	      clearTimeout(touchFinished);
+	      var now = +new Date;
 	      d.activeTouch = {start: now, moved: false,
-	                       prev: now - prevTouch.end <= 300 ? prevTouch : null}
+	                       prev: now - prevTouch.end <= 300 ? prevTouch : null};
 	      if (e.touches.length == 1) {
-	        d.activeTouch.left = e.touches[0].pageX
-	        d.activeTouch.top = e.touches[0].pageY
+	        d.activeTouch.left = e.touches[0].pageX;
+	        d.activeTouch.top = e.touches[0].pageY;
 	      }
 	    }
-	  })
+	  });
 	  on(d.scroller, "touchmove", function () {
-	    if (d.activeTouch) { d.activeTouch.moved = true }
-	  })
+	    if (d.activeTouch) { d.activeTouch.moved = true; }
+	  });
 	  on(d.scroller, "touchend", function (e) {
-	    var touch = d.activeTouch
+	    var touch = d.activeTouch;
 	    if (touch && !eventInWidget(d, e) && touch.left != null &&
 	        !touch.moved && new Date - touch.start < 300) {
-	      var pos = cm.coordsChar(d.activeTouch, "page"), range
+	      var pos = cm.coordsChar(d.activeTouch, "page"), range;
 	      if (!touch.prev || farAway(touch, touch.prev)) // Single tap
-	        { range = new Range(pos, pos) }
+	        { range = new Range(pos, pos); }
 	      else if (!touch.prev.prev || farAway(touch, touch.prev.prev)) // Double tap
-	        { range = cm.findWordAt(pos) }
+	        { range = cm.findWordAt(pos); }
 	      else // Triple tap
-	        { range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))) }
-	      cm.setSelection(range.anchor, range.head)
-	      cm.focus()
-	      e_preventDefault(e)
+	        { range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))); }
+	      cm.setSelection(range.anchor, range.head);
+	      cm.focus();
+	      e_preventDefault(e);
 	    }
-	    finishTouch()
-	  })
-	  on(d.scroller, "touchcancel", finishTouch)
+	    finishTouch();
+	  });
+	  on(d.scroller, "touchcancel", finishTouch);
 
 	  // Sync scrolling between fake scrollbars and real scrollable
 	  // area, ensure viewport is updated when scrolling.
 	  on(d.scroller, "scroll", function () {
 	    if (d.scroller.clientHeight) {
-	      setScrollTop(cm, d.scroller.scrollTop)
-	      setScrollLeft(cm, d.scroller.scrollLeft, true)
-	      signal(cm, "scroll", cm)
+	      updateScrollTop(cm, d.scroller.scrollTop);
+	      setScrollLeft(cm, d.scroller.scrollLeft, true);
+	      signal(cm, "scroll", cm);
 	    }
-	  })
+	  });
 
 	  // Listen to wheel events in order to try and update the viewport on time.
-	  on(d.scroller, "mousewheel", function (e) { return onScrollWheel(cm, e); })
-	  on(d.scroller, "DOMMouseScroll", function (e) { return onScrollWheel(cm, e); })
+	  on(d.scroller, "mousewheel", function (e) { return onScrollWheel(cm, e); });
+	  on(d.scroller, "DOMMouseScroll", function (e) { return onScrollWheel(cm, e); });
 
 	  // Prevent wrapper from ever scrolling
-	  on(d.wrapper, "scroll", function () { return d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; })
+	  on(d.wrapper, "scroll", function () { return d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; });
 
 	  d.dragFunctions = {
-	    enter: function (e) {if (!signalDOMEvent(cm, e)) { e_stop(e) }},
-	    over: function (e) {if (!signalDOMEvent(cm, e)) { onDragOver(cm, e); e_stop(e) }},
+	    enter: function (e) {if (!signalDOMEvent(cm, e)) { e_stop(e); }},
+	    over: function (e) {if (!signalDOMEvent(cm, e)) { onDragOver(cm, e); e_stop(e); }},
 	    start: function (e) { return onDragStart(cm, e); },
 	    drop: operation(cm, onDrop),
-	    leave: function (e) {if (!signalDOMEvent(cm, e)) { clearDragCursor(cm) }}
-	  }
+	    leave: function (e) {if (!signalDOMEvent(cm, e)) { clearDragCursor(cm); }}
+	  };
 
-	  var inp = d.input.getField()
-	  on(inp, "keyup", function (e) { return onKeyUp.call(cm, e); })
-	  on(inp, "keydown", operation(cm, onKeyDown))
-	  on(inp, "keypress", operation(cm, onKeyPress))
-	  on(inp, "focus", function (e) { return onFocus(cm, e); })
-	  on(inp, "blur", function (e) { return onBlur(cm, e); })
+	  var inp = d.input.getField();
+	  on(inp, "keyup", function (e) { return onKeyUp.call(cm, e); });
+	  on(inp, "keydown", operation(cm, onKeyDown));
+	  on(inp, "keypress", operation(cm, onKeyPress));
+	  on(inp, "focus", function (e) { return onFocus(cm, e); });
+	  on(inp, "blur", function (e) { return onBlur(cm, e); });
 	}
 
-	var initHooks = []
-	CodeMirror.defineInitHook = function (f) { return initHooks.push(f); }
+	var initHooks = [];
+	CodeMirror$1.defineInitHook = function (f) { return initHooks.push(f); };
 
 	// Indent the given line. The how parameter can be "smart",
 	// "add"/null, "subtract", or "prev". When aggressive is false
@@ -29437,58 +32104,58 @@
 	// lines are not indented, and places where the mode returns Pass
 	// are left alone.
 	function indentLine(cm, n, how, aggressive) {
-	  var doc = cm.doc, state
-	  if (how == null) { how = "add" }
+	  var doc = cm.doc, state;
+	  if (how == null) { how = "add"; }
 	  if (how == "smart") {
 	    // Fall back to "prev" when the mode doesn't have an indentation
 	    // method.
-	    if (!doc.mode.indent) { how = "prev" }
-	    else { state = getStateBefore(cm, n) }
+	    if (!doc.mode.indent) { how = "prev"; }
+	    else { state = getContextBefore(cm, n).state; }
 	  }
 
-	  var tabSize = cm.options.tabSize
-	  var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize)
-	  if (line.stateAfter) { line.stateAfter = null }
-	  var curSpaceString = line.text.match(/^\s*/)[0], indentation
+	  var tabSize = cm.options.tabSize;
+	  var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize);
+	  if (line.stateAfter) { line.stateAfter = null; }
+	  var curSpaceString = line.text.match(/^\s*/)[0], indentation;
 	  if (!aggressive && !/\S/.test(line.text)) {
-	    indentation = 0
-	    how = "not"
+	    indentation = 0;
+	    how = "not";
 	  } else if (how == "smart") {
-	    indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text)
+	    indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text);
 	    if (indentation == Pass || indentation > 150) {
 	      if (!aggressive) { return }
-	      how = "prev"
+	      how = "prev";
 	    }
 	  }
 	  if (how == "prev") {
-	    if (n > doc.first) { indentation = countColumn(getLine(doc, n-1).text, null, tabSize) }
-	    else { indentation = 0 }
+	    if (n > doc.first) { indentation = countColumn(getLine(doc, n-1).text, null, tabSize); }
+	    else { indentation = 0; }
 	  } else if (how == "add") {
-	    indentation = curSpace + cm.options.indentUnit
+	    indentation = curSpace + cm.options.indentUnit;
 	  } else if (how == "subtract") {
-	    indentation = curSpace - cm.options.indentUnit
+	    indentation = curSpace - cm.options.indentUnit;
 	  } else if (typeof how == "number") {
-	    indentation = curSpace + how
+	    indentation = curSpace + how;
 	  }
-	  indentation = Math.max(0, indentation)
+	  indentation = Math.max(0, indentation);
 
-	  var indentString = "", pos = 0
+	  var indentString = "", pos = 0;
 	  if (cm.options.indentWithTabs)
-	    { for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t"} }
-	  if (pos < indentation) { indentString += spaceStr(indentation - pos) }
+	    { for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";} }
+	  if (pos < indentation) { indentString += spaceStr(indentation - pos); }
 
 	  if (indentString != curSpaceString) {
-	    replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input")
-	    line.stateAfter = null
+	    replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input");
+	    line.stateAfter = null;
 	    return true
 	  } else {
 	    // Ensure that, if the cursor was in the whitespace at the start
 	    // of the line, it is moved to the end of that space.
 	    for (var i$1 = 0; i$1 < doc.sel.ranges.length; i$1++) {
-	      var range = doc.sel.ranges[i$1]
+	      var range = doc.sel.ranges[i$1];
 	      if (range.head.line == n && range.head.ch < curSpaceString.length) {
-	        var pos$1 = Pos(n, curSpaceString.length)
-	        replaceOneSelection(doc, i$1, new Range(pos$1, pos$1))
+	        var pos$1 = Pos(n, curSpaceString.length);
+	        replaceOneSelection(doc, i$1, new Range(pos$1, pos$1));
 	        break
 	      }
 	    }
@@ -29498,66 +32165,66 @@
 	// This will be set to a {lineWise: bool, text: [string]} object, so
 	// that, when pasting, we know what kind of selections the copied
 	// text was made out of.
-	var lastCopied = null
+	var lastCopied = null;
 
 	function setLastCopied(newLastCopied) {
-	  lastCopied = newLastCopied
+	  lastCopied = newLastCopied;
 	}
 
 	function applyTextInput(cm, inserted, deleted, sel, origin) {
-	  var doc = cm.doc
-	  cm.display.shift = false
-	  if (!sel) { sel = doc.sel }
+	  var doc = cm.doc;
+	  cm.display.shift = false;
+	  if (!sel) { sel = doc.sel; }
 
-	  var paste = cm.state.pasteIncoming || origin == "paste"
-	  var textLines = splitLinesAuto(inserted), multiPaste = null
-	  // When pasing N lines into N selections, insert one line per selection
+	  var paste = cm.state.pasteIncoming || origin == "paste";
+	  var textLines = splitLinesAuto(inserted), multiPaste = null;
+	  // When pasting N lines into N selections, insert one line per selection
 	  if (paste && sel.ranges.length > 1) {
 	    if (lastCopied && lastCopied.text.join("\n") == inserted) {
 	      if (sel.ranges.length % lastCopied.text.length == 0) {
-	        multiPaste = []
+	        multiPaste = [];
 	        for (var i = 0; i < lastCopied.text.length; i++)
-	          { multiPaste.push(doc.splitLines(lastCopied.text[i])) }
+	          { multiPaste.push(doc.splitLines(lastCopied.text[i])); }
 	      }
-	    } else if (textLines.length == sel.ranges.length) {
-	      multiPaste = map(textLines, function (l) { return [l]; })
+	    } else if (textLines.length == sel.ranges.length && cm.options.pasteLinesPerSelection) {
+	      multiPaste = map(textLines, function (l) { return [l]; });
 	    }
 	  }
 
-	  var updateInput
+	  var updateInput;
 	  // Normal behavior is to insert the new text into every selection
 	  for (var i$1 = sel.ranges.length - 1; i$1 >= 0; i$1--) {
-	    var range = sel.ranges[i$1]
-	    var from = range.from(), to = range.to()
-	    if (range.empty()) {
+	    var range$$1 = sel.ranges[i$1];
+	    var from = range$$1.from(), to = range$$1.to();
+	    if (range$$1.empty()) {
 	      if (deleted && deleted > 0) // Handle deletion
-	        { from = Pos(from.line, from.ch - deleted) }
+	        { from = Pos(from.line, from.ch - deleted); }
 	      else if (cm.state.overwrite && !paste) // Handle overwrite
-	        { to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)) }
+	        { to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)); }
 	      else if (lastCopied && lastCopied.lineWise && lastCopied.text.join("\n") == inserted)
-	        { from = to = Pos(from.line, 0) }
+	        { from = to = Pos(from.line, 0); }
 	    }
-	    updateInput = cm.curOp.updateInput
+	    updateInput = cm.curOp.updateInput;
 	    var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i$1 % multiPaste.length] : textLines,
-	                       origin: origin || (paste ? "paste" : cm.state.cutIncoming ? "cut" : "+input")}
-	    makeChange(cm.doc, changeEvent)
-	    signalLater(cm, "inputRead", cm, changeEvent)
+	                       origin: origin || (paste ? "paste" : cm.state.cutIncoming ? "cut" : "+input")};
+	    makeChange(cm.doc, changeEvent);
+	    signalLater(cm, "inputRead", cm, changeEvent);
 	  }
 	  if (inserted && !paste)
-	    { triggerElectric(cm, inserted) }
+	    { triggerElectric(cm, inserted); }
 
-	  ensureCursorVisible(cm)
-	  cm.curOp.updateInput = updateInput
-	  cm.curOp.typing = true
-	  cm.state.pasteIncoming = cm.state.cutIncoming = false
+	  ensureCursorVisible(cm);
+	  cm.curOp.updateInput = updateInput;
+	  cm.curOp.typing = true;
+	  cm.state.pasteIncoming = cm.state.cutIncoming = false;
 	}
 
 	function handlePaste(e, cm) {
-	  var pasted = e.clipboardData && e.clipboardData.getData("Text")
+	  var pasted = e.clipboardData && e.clipboardData.getData("Text");
 	  if (pasted) {
-	    e.preventDefault()
+	    e.preventDefault();
 	    if (!cm.isReadOnly() && !cm.options.disableInput)
-	      { runInOp(cm, function () { return applyTextInput(cm, pasted, 0, null, "paste"); }) }
+	      { runInOp(cm, function () { return applyTextInput(cm, pasted, 0, null, "paste"); }); }
 	    return true
 	  }
 	}
@@ -29565,56 +32232,56 @@
 	function triggerElectric(cm, inserted) {
 	  // When an 'electric' character is inserted, immediately trigger a reindent
 	  if (!cm.options.electricChars || !cm.options.smartIndent) { return }
-	  var sel = cm.doc.sel
+	  var sel = cm.doc.sel;
 
 	  for (var i = sel.ranges.length - 1; i >= 0; i--) {
-	    var range = sel.ranges[i]
-	    if (range.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range.head.line)) { continue }
-	    var mode = cm.getModeAt(range.head)
-	    var indented = false
+	    var range$$1 = sel.ranges[i];
+	    if (range$$1.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range$$1.head.line)) { continue }
+	    var mode = cm.getModeAt(range$$1.head);
+	    var indented = false;
 	    if (mode.electricChars) {
 	      for (var j = 0; j < mode.electricChars.length; j++)
 	        { if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) {
-	          indented = indentLine(cm, range.head.line, "smart")
+	          indented = indentLine(cm, range$$1.head.line, "smart");
 	          break
 	        } }
 	    } else if (mode.electricInput) {
-	      if (mode.electricInput.test(getLine(cm.doc, range.head.line).text.slice(0, range.head.ch)))
-	        { indented = indentLine(cm, range.head.line, "smart") }
+	      if (mode.electricInput.test(getLine(cm.doc, range$$1.head.line).text.slice(0, range$$1.head.ch)))
+	        { indented = indentLine(cm, range$$1.head.line, "smart"); }
 	    }
-	    if (indented) { signalLater(cm, "electricInput", cm, range.head.line) }
+	    if (indented) { signalLater(cm, "electricInput", cm, range$$1.head.line); }
 	  }
 	}
 
 	function copyableRanges(cm) {
-	  var text = [], ranges = []
+	  var text = [], ranges = [];
 	  for (var i = 0; i < cm.doc.sel.ranges.length; i++) {
-	    var line = cm.doc.sel.ranges[i].head.line
-	    var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)}
-	    ranges.push(lineRange)
-	    text.push(cm.getRange(lineRange.anchor, lineRange.head))
+	    var line = cm.doc.sel.ranges[i].head.line;
+	    var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)};
+	    ranges.push(lineRange);
+	    text.push(cm.getRange(lineRange.anchor, lineRange.head));
 	  }
 	  return {text: text, ranges: ranges}
 	}
 
 	function disableBrowserMagic(field, spellcheck) {
-	  field.setAttribute("autocorrect", "off")
-	  field.setAttribute("autocapitalize", "off")
-	  field.setAttribute("spellcheck", !!spellcheck)
+	  field.setAttribute("autocorrect", "off");
+	  field.setAttribute("autocapitalize", "off");
+	  field.setAttribute("spellcheck", !!spellcheck);
 	}
 
 	function hiddenTextarea() {
-	  var te = elt("textarea", null, null, "position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; outline: none")
-	  var div = elt("div", [te], null, "overflow: hidden; position: relative; width: 3px; height: 0px;")
+	  var te = elt("textarea", null, null, "position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; outline: none");
+	  var div = elt("div", [te], null, "overflow: hidden; position: relative; width: 3px; height: 0px;");
 	  // The textarea is kept positioned near the cursor to prevent the
 	  // fact that it'll be scrolled into view on input from scrolling
 	  // our fake cursor out of view. On webkit, when wrap=off, paste is
 	  // very slow. So make the area wide instead.
-	  if (webkit) { te.style.width = "1000px" }
-	  else { te.setAttribute("wrap", "off") }
+	  if (webkit) { te.style.width = "1000px"; }
+	  else { te.setAttribute("wrap", "off"); }
 	  // If border: 0; -- iOS fails to open keyboard (issue #1287)
-	  if (ios) { te.style.border = "1px solid black" }
-	  disableBrowserMagic(te)
+	  if (ios) { te.style.border = "1px solid black"; }
+	  disableBrowserMagic(te);
 	  return div
 	}
 
@@ -29626,59 +32293,59 @@
 	// CodeMirror.prototype, for backwards compatibility and
 	// convenience.
 
-	function addEditorMethods(CodeMirror) {
-	  var optionHandlers = CodeMirror.optionHandlers
+	var addEditorMethods = function(CodeMirror) {
+	  var optionHandlers = CodeMirror.optionHandlers;
 
-	  var helpers = CodeMirror.helpers = {}
+	  var helpers = CodeMirror.helpers = {};
 
 	  CodeMirror.prototype = {
 	    constructor: CodeMirror,
-	    focus: function(){window.focus(); this.display.input.focus()},
+	    focus: function(){window.focus(); this.display.input.focus();},
 
 	    setOption: function(option, value) {
-	      var options = this.options, old = options[option]
+	      var options = this.options, old = options[option];
 	      if (options[option] == value && option != "mode") { return }
-	      options[option] = value
+	      options[option] = value;
 	      if (optionHandlers.hasOwnProperty(option))
-	        { operation(this, optionHandlers[option])(this, value, old) }
-	      signal(this, "optionChange", this, option)
+	        { operation(this, optionHandlers[option])(this, value, old); }
+	      signal(this, "optionChange", this, option);
 	    },
 
 	    getOption: function(option) {return this.options[option]},
 	    getDoc: function() {return this.doc},
 
-	    addKeyMap: function(map, bottom) {
-	      this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map))
+	    addKeyMap: function(map$$1, bottom) {
+	      this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map$$1));
 	    },
-	    removeKeyMap: function(map) {
-	      var maps = this.state.keyMaps
+	    removeKeyMap: function(map$$1) {
+	      var maps = this.state.keyMaps;
 	      for (var i = 0; i < maps.length; ++i)
-	        { if (maps[i] == map || maps[i].name == map) {
-	          maps.splice(i, 1)
+	        { if (maps[i] == map$$1 || maps[i].name == map$$1) {
+	          maps.splice(i, 1);
 	          return true
 	        } }
 	    },
 
 	    addOverlay: methodOp(function(spec, options) {
-	      var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec)
+	      var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec);
 	      if (mode.startState) { throw new Error("Overlays may not be stateful.") }
 	      insertSorted(this.state.overlays,
 	                   {mode: mode, modeSpec: spec, opaque: options && options.opaque,
 	                    priority: (options && options.priority) || 0},
-	                   function (overlay) { return overlay.priority; })
-	      this.state.modeGen++
-	      regChange(this)
+	                   function (overlay) { return overlay.priority; });
+	      this.state.modeGen++;
+	      regChange(this);
 	    }),
 	    removeOverlay: methodOp(function(spec) {
 	      var this$1 = this;
 
-	      var overlays = this.state.overlays
+	      var overlays = this.state.overlays;
 	      for (var i = 0; i < overlays.length; ++i) {
-	        var cur = overlays[i].modeSpec
+	        var cur = overlays[i].modeSpec;
 	        if (cur == spec || typeof spec == "string" && cur.name == spec) {
-	          overlays.splice(i, 1)
-	          this$1.state.modeGen++
-	          regChange(this$1)
+	          overlays.splice(i, 1);
+	          this$1.state.modeGen++;
+	          regChange(this$1);
 	          return
 	        }
 	      }
@@ -29686,30 +32353,30 @@
 
 	    indentLine: methodOp(function(n, dir, aggressive) {
 	      if (typeof dir != "string" && typeof dir != "number") {
-	        if (dir == null) { dir = this.options.smartIndent ? "smart" : "prev" }
-	        else { dir = dir ? "add" : "subtract" }
+	        if (dir == null) { dir = this.options.smartIndent ? "smart" : "prev"; }
+	        else { dir = dir ? "add" : "subtract"; }
 	      }
-	      if (isLine(this.doc, n)) { indentLine(this, n, dir, aggressive) }
+	      if (isLine(this.doc, n)) { indentLine(this, n, dir, aggressive); }
 	    }),
 	    indentSelection: methodOp(function(how) {
 	      var this$1 = this;
 
-	      var ranges = this.doc.sel.ranges, end = -1
+	      var ranges = this.doc.sel.ranges, end = -1;
 	      for (var i = 0; i < ranges.length; i++) {
-	        var range = ranges[i]
-	        if (!range.empty()) {
-	          var from = range.from(), to = range.to()
-	          var start = Math.max(end, from.line)
-	          end = Math.min(this$1.lastLine(), to.line - (to.ch ? 0 : 1)) + 1
+	        var range$$1 = ranges[i];
+	        if (!range$$1.empty()) {
+	          var from = range$$1.from(), to = range$$1.to();
+	          var start = Math.max(end, from.line);
+	          end = Math.min(this$1.lastLine(), to.line - (to.ch ? 0 : 1)) + 1;
 	          for (var j = start; j < end; ++j)
-	            { indentLine(this$1, j, how) }
-	          var newRanges = this$1.doc.sel.ranges
+	            { indentLine(this$1, j, how); }
+	          var newRanges = this$1.doc.sel.ranges;
 	          if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0)
-	            { replaceOneSelection(this$1.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll) }
-	        } else if (range.head.line > end) {
-	          indentLine(this$1, range.head.line, how, true)
-	          end = range.head.line
-	          if (i == this$1.doc.sel.primIndex) { ensureCursorVisible(this$1) }
+	            { replaceOneSelection(this$1.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll); }
+	        } else if (range$$1.head.line > end) {
+	          indentLine(this$1, range$$1.head.line, how, true);
+	          end = range$$1.head.line;
+	          if (i == this$1.doc.sel.primIndex) { ensureCursorVisible(this$1); }
 	        }
 	      }
 	    }),
@@ -29725,23 +32392,23 @@
 	    },
 
 	    getTokenTypeAt: function(pos) {
-	      pos = clipPos(this.doc, pos)
-	      var styles = getLineStyles(this, getLine(this.doc, pos.line))
-	      var before = 0, after = (styles.length - 1) / 2, ch = pos.ch
-	      var type
-	      if (ch == 0) { type = styles[2] }
+	      pos = clipPos(this.doc, pos);
+	      var styles = getLineStyles(this, getLine(this.doc, pos.line));
+	      var before = 0, after = (styles.length - 1) / 2, ch = pos.ch;
+	      var type;
+	      if (ch == 0) { type = styles[2]; }
 	      else { for (;;) {
-	        var mid = (before + after) >> 1
-	        if ((mid ? styles[mid * 2 - 1] : 0) >= ch) { after = mid }
-	        else if (styles[mid * 2 + 1] < ch) { before = mid + 1 }
+	        var mid = (before + after) >> 1;
+	        if ((mid ? styles[mid * 2 - 1] : 0) >= ch) { after = mid; }
+	        else if (styles[mid * 2 + 1] < ch) { before = mid + 1; }
 	        else { type = styles[mid * 2 + 2]; break }
 	      } }
-	      var cut = type ? type.indexOf("overlay ") : -1
+	      var cut = type ? type.indexOf("overlay ") : -1;
 	      return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1)
 	    },
 
 	    getModeAt: function(pos) {
-	      var mode = this.doc.mode
+	      var mode = this.doc.mode;
 	      if (!mode.innerMode) { return mode }
 	      return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode
 	    },
@@ -29753,40 +32420,40 @@
 	    getHelpers: function(pos, type) {
 	      var this$1 = this;
 
-	      var found = []
+	      var found = [];
 	      if (!helpers.hasOwnProperty(type)) { return found }
-	      var help = helpers[type], mode = this.getModeAt(pos)
+	      var help = helpers[type], mode = this.getModeAt(pos);
 	      if (typeof mode[type] == "string") {
-	        if (help[mode[type]]) { found.push(help[mode[type]]) }
+	        if (help[mode[type]]) { found.push(help[mode[type]]); }
 	      } else if (mode[type]) {
 	        for (var i = 0; i < mode[type].length; i++) {
-	          var val = help[mode[type][i]]
-	          if (val) { found.push(val) }
+	          var val = help[mode[type][i]];
+	          if (val) { found.push(val); }
 	        }
 	      } else if (mode.helperType && help[mode.helperType]) {
-	        found.push(help[mode.helperType])
+	        found.push(help[mode.helperType]);
 	      } else if (help[mode.name]) {
-	        found.push(help[mode.name])
+	        found.push(help[mode.name]);
 	      }
 	      for (var i$1 = 0; i$1 < help._global.length; i$1++) {
-	        var cur = help._global[i$1]
+	        var cur = help._global[i$1];
 	        if (cur.pred(mode, this$1) && indexOf(found, cur.val) == -1)
-	          { found.push(cur.val) }
+	          { found.push(cur.val); }
 	      }
 	      return found
 	    },
 
 	    getStateAfter: function(line, precise) {
-	      var doc = this.doc
-	      line = clipLine(doc, line == null ? doc.first + doc.size - 1: line)
-	      return getStateBefore(this, line + 1, precise)
+	      var doc = this.doc;
+	      line = clipLine(doc, line == null ? doc.first + doc.size - 1: line);
+	      return getContextBefore(this, line + 1, precise).state
 	    },
 
 	    cursorCoords: function(start, mode) {
-	      var pos, range = this.doc.sel.primary()
-	      if (start == null) { pos = range.head }
-	      else if (typeof start == "object") { pos = clipPos(this.doc, start) }
-	      else { pos = start ? range.from() : range.to() }
+	      var pos, range$$1 = this.doc.sel.primary();
+	      if (start == null) { pos = range$$1.head; }
+	      else if (typeof start == "object") { pos = clipPos(this.doc, start); }
+	      else { pos = start ? range$$1.from() : range$$1.to(); }
 	      return cursorCoords(this, pos, mode || "page")
 	    },
 
@@ -29795,25 +32462,25 @@
 	    },
 
 	    coordsChar: function(coords, mode) {
-	      coords = fromCoordSystem(this, coords, mode || "page")
+	      coords = fromCoordSystem(this, coords, mode || "page");
 	      return coordsChar(this, coords.left, coords.top)
 	    },
 
 	    lineAtHeight: function(height, mode) {
-	      height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top
+	      height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top;
 	      return lineAtHeight(this.doc, height + this.display.viewOffset)
 	    },
 	    heightAtLine: function(line, mode, includeWidgets) {
-	      var end = false, lineObj
+	      var end = false, lineObj;
 	      if (typeof line == "number") {
-	        var last = this.doc.first + this.doc.size - 1
-	        if (line < this.doc.first) { line = this.doc.first }
-	        else if (line > last) { line = last; end = true }
-	        lineObj = getLine(this.doc, line)
+	        var last = this.doc.first + this.doc.size - 1;
+	        if (line < this.doc.first) { line = this.doc.first; }
+	        else if (line > last) { line = last; end = true; }
+	        lineObj = getLine(this.doc, line);
 	      } else {
-	        lineObj = line
+	        lineObj = line;
 	      }
-	      return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page", includeWidgets).top +
+	      return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page", includeWidgets || end).top +
 	        (end ? this.doc.height - heightAtLine(lineObj) : 0)
 	    },
 
@@ -29823,59 +32490,60 @@
 	    getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo}},
 
 	    addWidget: function(pos, node, scroll, vert, horiz) {
-	      var display = this.display
-	      pos = cursorCoords(this, clipPos(this.doc, pos))
-	      var top = pos.bottom, left = pos.left
-	      node.style.position = "absolute"
-	      node.setAttribute("cm-ignore-events", "true")
-	      this.display.input.setUneditable(node)
-	      display.sizer.appendChild(node)
+	      var display = this.display;
+	      pos = cursorCoords(this, clipPos(this.doc, pos));
+	      var top = pos.bottom, left = pos.left;
+	      node.style.position = "absolute";
+	      node.setAttribute("cm-ignore-events", "true");
+	      this.display.input.setUneditable(node);
+	      display.sizer.appendChild(node);
 	      if (vert == "over") {
-	        top = pos.top
+	        top = pos.top;
 	      } else if (vert == "above" || vert == "near") {
 	        var vspace = Math.max(display.wrapper.clientHeight, this.doc.height),
-	        hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth)
+	        hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth);
 	        // Default to positioning above (if specified and possible); otherwise default to positioning below
 	        if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight)
-	          { top = pos.top - node.offsetHeight }
+	          { top = pos.top - node.offsetHeight; }
 	        else if (pos.bottom + node.offsetHeight <= vspace)
-	          { top = pos.bottom }
+	          { top = pos.bottom; }
 	        if (left + node.offsetWidth > hspace)
-	          { left = hspace - node.offsetWidth }
+	          { left = hspace - node.offsetWidth; }
 	      }
-	      node.style.top = top + "px"
-	      node.style.left = node.style.right = ""
+	      node.style.top = top + "px";
+	      node.style.left = node.style.right = "";
 	      if (horiz == "right") {
-	        left = display.sizer.clientWidth - node.offsetWidth
-	        node.style.right = "0px"
+	        left = display.sizer.clientWidth - node.offsetWidth;
+	        node.style.right = "0px";
 	      } else {
-	        if (horiz == "left") { left = 0 }
-	        else if (horiz == "middle") { left = (display.sizer.clientWidth - node.offsetWidth) / 2 }
-	        node.style.left = left + "px"
+	        if (horiz == "left") { left = 0; }
+	        else if (horiz == "middle") { left = (display.sizer.clientWidth - node.offsetWidth) / 2; }
+	        node.style.left = left + "px";
 	      }
 	      if (scroll)
-	        { scrollIntoView(this, left, top, left + node.offsetWidth, top + node.offsetHeight) }
+	        { scrollIntoView(this, {left: left, top: top, right: left + node.offsetWidth, bottom: top + node.offsetHeight}); }
 	    },
 
 	    triggerOnKeyDown: methodOp(onKeyDown),
 	    triggerOnKeyPress: methodOp(onKeyPress),
 	    triggerOnKeyUp: onKeyUp,
+	    triggerOnMouseDown: methodOp(onMouseDown),
 
 	    execCommand: function(cmd) {
 	      if (commands.hasOwnProperty(cmd))
 	        { return commands[cmd].call(null, this) }
 	    },
 
-	    triggerElectric: methodOp(function(text) { triggerElectric(this, text) }),
+	    triggerElectric: methodOp(function(text) { triggerElectric(this, text); }),
 
 	    findPosH: function(from, amount, unit, visually) {
 	      var this$1 = this;
 
-	      var dir = 1
-	      if (amount < 0) { dir = -1; amount = -amount }
-	      var cur = clipPos(this.doc, from)
+	      var dir = 1;
+	      if (amount < 0) { dir = -1; amount = -amount; }
+	      var cur = clipPos(this.doc, from);
 	      for (var i = 0; i < amount; ++i) {
-	        cur = findPosH(this$1.doc, cur, dir, unit, visually)
+	        cur = findPosH(this$1.doc, cur, dir, unit, visually);
 	        if (cur.hitSide) { break }
 	      }
 	      return cur
@@ -29884,36 +32552,36 @@
 	    moveH: methodOp(function(dir, unit) {
 	      var this$1 = this;
 
-	      this.extendSelectionsBy(function (range) {
-	        if (this$1.display.shift || this$1.doc.extend || range.empty())
-	          { return findPosH(this$1.doc, range.head, dir, unit, this$1.options.rtlMoveVisually) }
+	      this.extendSelectionsBy(function (range$$1) {
+	        if (this$1.display.shift || this$1.doc.extend || range$$1.empty())
+	          { return findPosH(this$1.doc, range$$1.head, dir, unit, this$1.options.rtlMoveVisually) }
 	        else
-	          { return dir < 0 ? range.from() : range.to() }
-	      }, sel_move)
+	          { return dir < 0 ? range$$1.from() : range$$1.to() }
+	      }, sel_move);
 	    }),
 
 	    deleteH: methodOp(function(dir, unit) {
-	      var sel = this.doc.sel, doc = this.doc
+	      var sel = this.doc.sel, doc = this.doc;
 	      if (sel.somethingSelected())
-	        { doc.replaceSelection("", null, "+delete") }
+	        { doc.replaceSelection("", null, "+delete"); }
 	      else
-	        { deleteNearSelection(this, function (range) {
-	          var other = findPosH(doc, range.head, dir, unit, false)
-	          return dir < 0 ? {from: other, to: range.head} : {from: range.head, to: other}
-	        }) }
+	        { deleteNearSelection(this, function (range$$1) {
+	          var other = findPosH(doc, range$$1.head, dir, unit, false);
+	          return dir < 0 ? {from: other, to: range$$1.head} : {from: range$$1.head, to: other}
+	        }); }
 	    }),
 
 	    findPosV: function(from, amount, unit, goalColumn) {
 	      var this$1 = this;
 
-	      var dir = 1, x = goalColumn
-	      if (amount < 0) { dir = -1; amount = -amount }
-	      var cur = clipPos(this.doc, from)
+	      var dir = 1, x = goalColumn;
+	      if (amount < 0) { dir = -1; amount = -amount; }
+	      var cur = clipPos(this.doc, from);
 	      for (var i = 0; i < amount; ++i) {
-	        var coords = cursorCoords(this$1, cur, "div")
-	        if (x == null) { x = coords.left }
-	        else { coords.left = x }
-	        cur = findPosV(this$1, coords, dir, unit)
+	        var coords = cursorCoords(this$1, cur, "div");
+	        if (x == null) { x = coords.left; }
+	        else { coords.left = x; }
+	        cur = findPosV(this$1, coords, dir, unit);
 	        if (cur.hitSide) { break }
 	      }
 	      return cur
@@ -29922,37 +32590,37 @@
 	    moveV: methodOp(function(dir, unit) {
 	      var this$1 = this;
 
-	      var doc = this.doc, goals = []
-	      var collapse = !this.display.shift && !doc.extend && doc.sel.somethingSelected()
-	      doc.extendSelectionsBy(function (range) {
+	      var doc = this.doc, goals = [];
+	      var collapse = !this.display.shift && !doc.extend && doc.sel.somethingSelected();
+	      doc.extendSelectionsBy(function (range$$1) {
 	        if (collapse)
-	          { return dir < 0 ? range.from() : range.to() }
-	        var headPos = cursorCoords(this$1, range.head, "div")
-	        if (range.goalColumn != null) { headPos.left = range.goalColumn }
-	        goals.push(headPos.left)
-	        var pos = findPosV(this$1, headPos, dir, unit)
-	        if (unit == "page" && range == doc.sel.primary())
-	          { addToScrollPos(this$1, null, charCoords(this$1, pos, "div").top - headPos.top) }
+	          { return dir < 0 ? range$$1.from() : range$$1.to() }
+	        var headPos = cursorCoords(this$1, range$$1.head, "div");
+	        if (range$$1.goalColumn != null) { headPos.left = range$$1.goalColumn; }
+	        goals.push(headPos.left);
+	        var pos = findPosV(this$1, headPos, dir, unit);
+	        if (unit == "page" && range$$1 == doc.sel.primary())
+	          { addToScrollTop(this$1, charCoords(this$1, pos, "div").top - headPos.top); }
 	        return pos
-	      }, sel_move)
+	      }, sel_move);
 	      if (goals.length) { for (var i = 0; i < doc.sel.ranges.length; i++)
-	        { doc.sel.ranges[i].goalColumn = goals[i] } }
+	        { doc.sel.ranges[i].goalColumn = goals[i]; } }
 	    }),
 
 	    // Find the word at the given position (as returned by coordsChar).
 	    findWordAt: function(pos) {
-	      var doc = this.doc, line = getLine(doc, pos.line).text
-	      var start = pos.ch, end = pos.ch
+	      var doc = this.doc, line = getLine(doc, pos.line).text;
+	      var start = pos.ch, end = pos.ch;
 	      if (line) {
-	        var helper = this.getHelper(pos, "wordChars")
-	        if ((pos.xRel < 0 || end == line.length) && start) { --start; } else { ++end }
-	        var startChar = line.charAt(start)
+	        var helper = this.getHelper(pos, "wordChars");
+	        if ((pos.sticky == "before" || end == line.length) && start) { --start; } else { ++end; }
+	        var startChar = line.charAt(start);
 	        var check = isWordChar(startChar, helper)
 	          ? function (ch) { return isWordChar(ch, helper); }
 	          : /\s/.test(startChar) ? function (ch) { return /\s/.test(ch); }
-	          : function (ch) { return (!/\s/.test(ch) && !isWordChar(ch)); }
-	        while (start > 0 && check(line.charAt(start - 1))) { --start }
-	        while (end < line.length && check(line.charAt(end))) { ++end }
+	          : function (ch) { return (!/\s/.test(ch) && !isWordChar(ch)); };
+	        while (start > 0 && check(line.charAt(start - 1))) { --start; }
+	        while (end < line.length && check(line.charAt(end))) { ++end; }
 	      }
 	      return new Range(Pos(pos.line, start), Pos(pos.line, end))
 	    },
@@ -29960,92 +32628,85 @@
 	    toggleOverwrite: function(value) {
 	      if (value != null && value == this.state.overwrite) { return }
 	      if (this.state.overwrite = !this.state.overwrite)
-	        { addClass(this.display.cursorDiv, "CodeMirror-overwrite") }
+	        { addClass(this.display.cursorDiv, "CodeMirror-overwrite"); }
 	      else
-	        { rmClass(this.display.cursorDiv, "CodeMirror-overwrite") }
+	        { rmClass(this.display.cursorDiv, "CodeMirror-overwrite"); }
 
-	      signal(this, "overwriteToggle", this, this.state.overwrite)
+	      signal(this, "overwriteToggle", this, this.state.overwrite);
 	    },
 	    hasFocus: function() { return this.display.input.getField() == activeElt() },
 	    isReadOnly: function() { return !!(this.options.readOnly || this.doc.cantEdit) },
 
-	    scrollTo: methodOp(function(x, y) {
-	      if (x != null || y != null) { resolveScrollToPos(this) }
-	      if (x != null) { this.curOp.scrollLeft = x }
-	      if (y != null) { this.curOp.scrollTop = y }
-	    }),
+	    scrollTo: methodOp(function (x, y) { scrollToCoords(this, x, y); }),
 	    getScrollInfo: function() {
-	      var scroller = this.display.scroller
+	      var scroller = this.display.scroller;
 	      return {left: scroller.scrollLeft, top: scroller.scrollTop,
 	              height: scroller.scrollHeight - scrollGap(this) - this.display.barHeight,
 	              width: scroller.scrollWidth - scrollGap(this) - this.display.barWidth,
 	              clientHeight: displayHeight(this), clientWidth: displayWidth(this)}
 	    },
 
-	    scrollIntoView: methodOp(function(range, margin) {
-	      if (range == null) {
-	        range = {from: this.doc.sel.primary().head, to: null}
-	        if (margin == null) { margin = this.options.cursorScrollMargin }
-	      } else if (typeof range == "number") {
-	        range = {from: Pos(range, 0), to: null}
-	      } else if (range.from == null) {
-	        range = {from: range, to: null}
-	      }
-	      if (!range.to) { range.to = range.from }
-	      range.margin = margin || 0
-
-	      if (range.from.line != null) {
-	        resolveScrollToPos(this)
-	        this.curOp.scrollToPos = range
+	    scrollIntoView: methodOp(function(range$$1, margin) {
+	      if (range$$1 == null) {
+	        range$$1 = {from: this.doc.sel.primary().head, to: null};
+	        if (margin == null) { margin = this.options.cursorScrollMargin; }
+	      } else if (typeof range$$1 == "number") {
+	        range$$1 = {from: Pos(range$$1, 0), to: null};
+	      } else if (range$$1.from == null) {
+	        range$$1 = {from: range$$1, to: null};
+	      }
+	      if (!range$$1.to) { range$$1.to = range$$1.from; }
+	      range$$1.margin = margin || 0;
+
+	      if (range$$1.from.line != null) {
+	        scrollToRange(this, range$$1);
 	      } else {
-	        var sPos = calculateScrollPos(this, Math.min(range.from.left, range.to.left),
-	                                      Math.min(range.from.top, range.to.top) - range.margin,
-	                                      Math.max(range.from.right, range.to.right),
-	                                      Math.max(range.from.bottom, range.to.bottom) + range.margin)
-	        this.scrollTo(sPos.scrollLeft, sPos.scrollTop)
+	        scrollToCoordsRange(this, range$$1.from, range$$1.to, range$$1.margin);
 	      }
 	    }),
 
 	    setSize: methodOp(function(width, height) {
 	      var this$1 = this;
 
-	      var interpret = function (val) { return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val; }
-	      if (width != null) { this.display.wrapper.style.width = interpret(width) }
-	      if (height != null) { this.display.wrapper.style.height = interpret(height) }
-	      if (this.options.lineWrapping) { clearLineMeasurementCache(this) }
-	      var lineNo = this.display.viewFrom
-	      this.doc.iter(lineNo, this.display.viewTo, function (line) {
+	      var interpret = function (val) { return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val; };
+	      if (width != null) { this.display.wrapper.style.width = interpret(width); }
+	      if (height != null) { this.display.wrapper.style.height = interpret(height); }
+	      if (this.options.lineWrapping) { clearLineMeasurementCache(this); }
+	      var lineNo$$1 = this.display.viewFrom;
+	      this.doc.iter(lineNo$$1, this.display.viewTo, function (line) {
 	        if (line.widgets) { for (var i = 0; i < line.widgets.length; i++)
-	          { if (line.widgets[i].noHScroll) { regLineChange(this$1, lineNo, "widget"); break } } }
-	        ++lineNo
-	      })
-	      this.curOp.forceUpdate = true
-	      signal(this, "refresh", this)
+	          { if (line.widgets[i].noHScroll) { regLineChange(this$1, lineNo$$1, "widget"); break } } }
+	        ++lineNo$$1;
+	      });
+	      this.curOp.forceUpdate = true;
+	      signal(this, "refresh", this);
 	    }),
 
 	    operation: function(f){return runInOp(this, f)},
+	    startOperation: function(){return startOperation(this)},
+	    endOperation: function(){return endOperation(this)},
 
 	    refresh: methodOp(function() {
-	      var oldHeight = this.display.cachedTextHeight
-	      regChange(this)
-	      this.curOp.forceUpdate = true
-	      clearCaches(this)
-	      this.scrollTo(this.doc.scrollLeft, this.doc.scrollTop)
-	      updateGutterSpace(this)
+	      var oldHeight = this.display.cachedTextHeight;
+	      regChange(this);
+	      this.curOp.forceUpdate = true;
+	      clearCaches(this);
+	      scrollToCoords(this, this.doc.scrollLeft, this.doc.scrollTop);
+	      updateGutterSpace(this);
 	      if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5)
-	        { estimateLineHeights(this) }
-	      signal(this, "refresh", this)
+	        { estimateLineHeights(this); }
+	      signal(this, "refresh", this);
 	    }),
 
 	    swapDoc: methodOp(function(doc) {
-	      var old = this.doc
-	      old.cm = null
-	      attachDoc(this, doc)
-	      clearCaches(this)
-	      this.display.input.reset()
-	      this.scrollTo(doc.scrollLeft, doc.scrollTop)
-	      this.curOp.forceScroll = true
-	      signalLater(this, "swapDoc", this, old)
+	      var old = this.doc;
+	      old.cm = null;
+	      attachDoc(this, doc);
+	      clearCaches(this);
+	      this.display.input.reset();
+	      scrollToCoords(this, doc.scrollLeft, doc.scrollTop);
+	      this.curOp.forceScroll = true;
+	      signalLater(this, "swapDoc", this, old);
 	      return old
 	    }),
 
@@ -30053,18 +32714,18 @@
 	    getWrapperElement: function(){return this.display.wrapper},
 	    getScrollerElement: function(){return this.display.scroller},
 	    getGutterElement: function(){return this.display.gutters}
-	  }
-	  eventMixin(CodeMirror)
+	  };
+	  eventMixin(CodeMirror);
 
 	  CodeMirror.registerHelper = function(type, name, value) {
-	    if (!helpers.hasOwnProperty(type)) { helpers[type] = CodeMirror[type] = {_global: []} }
-	    helpers[type][name] = value
-	  }
+	    if (!helpers.hasOwnProperty(type)) { helpers[type] = CodeMirror[type] = {_global: []}; }
+	    helpers[type][name] = value;
+	  };
 	  CodeMirror.registerGlobalHelper = function(type, name, predicate, value) {
-	    CodeMirror.registerHelper(type, name, value)
-	    helpers[type]._global.push({pred: predicate, val: value})
-	  }
-	}
+	    CodeMirror.registerHelper(type, name, value);
+	    helpers[type]._global.push({pred: predicate, val: value});
+	  };
+	};
 
 	// Used for horizontal relative motion. Dir is -1 or 1 (left or
 	// right), unit can be "char", "column" (like char, but doesn't
@@ -30076,51 +32737,59 @@
 	// position. The resulting position will have a hitSide=true
 	// property if it reached the end of the document.
 	function findPosH(doc, pos, dir, unit, visually) {
-	  var line = pos.line, ch = pos.ch, origDir = dir
-	  var lineObj = getLine(doc, line)
+	  var oldPos = pos;
+	  var origDir = dir;
+	  var lineObj = getLine(doc, pos.line);
 	  function findNextLine() {
-	    var l = line + dir
+	    var l = pos.line + dir;
 	    if (l < doc.first || l >= doc.first + doc.size) { return false }
-	    line = l
+	    pos = new Pos(l, pos.ch, pos.sticky);
 	    return lineObj = getLine(doc, l)
 	  }
 	  function moveOnce(boundToLine) {
-	    var next = (visually ? moveVisually : moveLogically)(lineObj, ch, dir, true)
+	    var next;
+	    if (visually) {
+	      next = moveVisually(doc.cm, lineObj, pos, dir);
+	    } else {
+	      next = moveLogically(lineObj, pos, dir);
+	    }
 	    if (next == null) {
-	      if (!boundToLine && findNextLine()) {
-	        if (visually) { ch = (dir < 0 ? lineRight : lineLeft)(lineObj) }
-	        else { ch = dir < 0 ? lineObj.text.length : 0 }
-	      } else { return false }
-	    } else { ch = next }
+	      if (!boundToLine && findNextLine())
+	        { pos = endOfLine(visually, doc.cm, lineObj, pos.line, dir); }
+	      else
+	        { return false }
+	    } else {
+	      pos = next;
+	    }
 	    return true
 	  }
 
 	  if (unit == "char") {
-	    moveOnce()
+	    moveOnce();
 	  } else if (unit == "column") {
-	    moveOnce(true)
+	    moveOnce(true);
 	  } else if (unit == "word" || unit == "group") {
-	    var sawType = null, group = unit == "group"
-	    var helper = doc.cm && doc.cm.getHelper(pos, "wordChars")
+	    var sawType = null, group = unit == "group";
+	    var helper = doc.cm && doc.cm.getHelper(pos, "wordChars");
 	    for (var first = true;; first = false) {
 	      if (dir < 0 && !moveOnce(!first)) { break }
-	      var cur = lineObj.text.charAt(ch) || "\n"
+	      var cur = lineObj.text.charAt(pos.ch) || "\n";
 	      var type = isWordChar(cur, helper) ? "w"
 	        : group && cur == "\n" ? "n"
 	        : !group || /\s/.test(cur) ? null
-	        : "p"
-	      if (group && !first && !type) { type = "s" }
+	        : "p";
+	      if (group && !first && !type) { type = "s"; }
 	      if (sawType && sawType != type) {
-	        if (dir < 0) {dir = 1; moveOnce()}
+	        if (dir < 0) {dir = 1; moveOnce(); pos.sticky = "after";}
 	        break
 	      }
 
-	      if (type) { sawType = type }
+	      if (type) { sawType = type; }
 	      if (dir > 0 && !moveOnce(!first)) { break }
 	    }
 	  }
-	  var result = skipAtomic(doc, Pos(line, ch), pos, origDir, true)
-	  if (!cmp(pos, result)) { result.hitSide = true }
+	  var result = skipAtomic(doc, pos, oldPos, origDir, true);
+	  if (equalCursorPos(oldPos, result)) { result.hitSide = true; }
 	  return result
 	}
 
@@ -30128,21 +32797,21 @@
 	// "page" or "line". The resulting position will have a hitSide=true
 	// property if it reached the end of the document.
 	function findPosV(cm, pos, dir, unit) {
-	  var doc = cm.doc, x = pos.left, y
+	  var doc = cm.doc, x = pos.left, y;
 	  if (unit == "page") {
-	    var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight)
-	    var moveAmount = Math.max(pageSize - .5 * textHeight(cm.display), 3)
-	    y = (dir > 0 ? pos.bottom : pos.top) + dir * moveAmount
+	    var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight);
+	    var moveAmount = Math.max(pageSize - .5 * textHeight(cm.display), 3);
+	    y = (dir > 0 ? pos.bottom : pos.top) + dir * moveAmount;
 
 	  } else if (unit == "line") {
-	    y = dir > 0 ? pos.bottom + 3 : pos.top - 3
+	    y = dir > 0 ? pos.bottom + 3 : pos.top - 3;
 	  }
-	  var target
+	  var target;
 	  for (;;) {
-	    target = coordsChar(cm, x, y)
+	    target = coordsChar(cm, x, y);
 	    if (!target.outside) { break }
 	    if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break }
-	    y += dir * 5
+	    y += dir * 5;
 	  }
 	  return target
 	}
@@ -30150,398 +32819,453 @@
 	// CONTENTEDITABLE INPUT STYLE
 
 	var ContentEditableInput = function(cm) {
-	  this.cm = cm
-	  this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null
-	  this.polling = new Delayed()
-	  this.composing = null
-	  this.gracePeriod = false
-	  this.readDOMTimeout = null
+	  this.cm = cm;
+	  this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null;
+	  this.polling = new Delayed();
+	  this.composing = null;
+	  this.gracePeriod = false;
+	  this.readDOMTimeout = null;
 	};
 
 	ContentEditableInput.prototype.init = function (display) {
 	    var this$1 = this;
 
-	  var input = this, cm = input.cm
-	  var div = input.div = display.lineDiv
-	  disableBrowserMagic(div, cm.options.spellcheck)
+	  var input = this, cm = input.cm;
+	  var div = input.div = display.lineDiv;
+	  disableBrowserMagic(div, cm.options.spellcheck);
 
 	  on(div, "paste", function (e) {
 	    if (signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }
 	    // IE doesn't fire input events, so we schedule a read for the pasted content in this way
-	    if (ie_version <= 11) { setTimeout(operation(cm, function () {
-	      if (!input.pollContent()) { regChange(cm) }
-	    }), 20) }
-	  })
+	    if (ie_version <= 11) { setTimeout(operation(cm, function () { return this$1.updateFromDOM(); }), 20); }
+	  });
 
 	  on(div, "compositionstart", function (e) {
-	    this$1.composing = {data: e.data, done: false}
-	  })
+	    this$1.composing = {data: e.data, done: false};
+	  });
 	  on(div, "compositionupdate", function (e) {
-	    if (!this$1.composing) { this$1.composing = {data: e.data, done: false} }
-	  })
+	    if (!this$1.composing) { this$1.composing = {data: e.data, done: false}; }
+	  });
 	  on(div, "compositionend", function (e) {
 	    if (this$1.composing) {
-	      if (e.data != this$1.composing.data) { this$1.readFromDOMSoon() }
-	      this$1.composing.done = true
+	      if (e.data != this$1.composing.data) { this$1.readFromDOMSoon(); }
+	      this$1.composing.done = true;
 	    }
-	  })
+	  });
 
-	  on(div, "touchstart", function () { return input.forceCompositionEnd(); })
+	  on(div, "touchstart", function () { return input.forceCompositionEnd(); });
 
 	  on(div, "input", function () {
-	    if (!this$1.composing) { this$1.readFromDOMSoon() }
-	  })
+	    if (!this$1.composing) { this$1.readFromDOMSoon(); }
+	  });
 
 	  function onCopyCut(e) {
 	    if (signalDOMEvent(cm, e)) { return }
 	    if (cm.somethingSelected()) {
-	      setLastCopied({lineWise: false, text: cm.getSelections()})
-	      if (e.type == "cut") { cm.replaceSelection("", null, "cut") }
+	      setLastCopied({lineWise: false, text: cm.getSelections()});
+	      if (e.type == "cut") { cm.replaceSelection("", null, "cut"); }
 	    } else if (!cm.options.lineWiseCopyCut) {
 	      return
 	    } else {
-	      var ranges = copyableRanges(cm)
-	      setLastCopied({lineWise: true, text: ranges.text})
+	      var ranges = copyableRanges(cm);
+	      setLastCopied({lineWise: true, text: ranges.text});
 	      if (e.type == "cut") {
 	        cm.operation(function () {
-	          cm.setSelections(ranges.ranges, 0, sel_dontScroll)
-	          cm.replaceSelection("", null, "cut")
-	        })
+	          cm.setSelections(ranges.ranges, 0, sel_dontScroll);
+	          cm.replaceSelection("", null, "cut");
+	        });
 	      }
 	    }
 	    if (e.clipboardData) {
-	      e.clipboardData.clearData()
-	      var content = lastCopied.text.join("\n")
+	      e.clipboardData.clearData();
+	      var content = lastCopied.text.join("\n");
 	      // iOS exposes the clipboard API, but seems to discard content inserted into it
-	      e.clipboardData.setData("Text", content)
+	      e.clipboardData.setData("Text", content);
 	      if (e.clipboardData.getData("Text") == content) {
-	        e.preventDefault()
+	        e.preventDefault();
 	        return
 	      }
 	    }
 	    // Old-fashioned briefly-focus-a-textarea hack
-	    var kludge = hiddenTextarea(), te = kludge.firstChild
-	    cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild)
-	    te.value = lastCopied.text.join("\n")
-	    var hadFocus = document.activeElement
-	    selectInput(te)
+	    var kludge = hiddenTextarea(), te = kludge.firstChild;
+	    cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild);
+	    te.value = lastCopied.text.join("\n");
+	    var hadFocus = document.activeElement;
+	    selectInput(te);
 	    setTimeout(function () {
-	      cm.display.lineSpace.removeChild(kludge)
-	      hadFocus.focus()
-	      if (hadFocus == div) { input.showPrimarySelection() }
-	    }, 50)
+	      cm.display.lineSpace.removeChild(kludge);
+	      hadFocus.focus();
+	      if (hadFocus == div) { input.showPrimarySelection(); }
+	    }, 50);
 	  }
-	  on(div, "copy", onCopyCut)
-	  on(div, "cut", onCopyCut)
+	  on(div, "copy", onCopyCut);
+	  on(div, "cut", onCopyCut);
 	};
 
 	ContentEditableInput.prototype.prepareSelection = function () {
-	  var result = prepareSelection(this.cm, false)
-	  result.focus = this.cm.state.focused
+	  var result = prepareSelection(this.cm, false);
+	  result.focus = this.cm.state.focused;
 	  return result
 	};
 
 	ContentEditableInput.prototype.showSelection = function (info, takeFocus) {
 	  if (!info || !this.cm.display.view.length) { return }
-	  if (info.focus || takeFocus) { this.showPrimarySelection() }
-	  this.showMultipleSelections(info)
+	  if (info.focus || takeFocus) { this.showPrimarySelection(); }
+	  this.showMultipleSelections(info);
+	};
+
+	ContentEditableInput.prototype.getSelection = function () {
+	  return this.cm.display.wrapper.ownerDocument.getSelection()
 	};
 
 	ContentEditableInput.prototype.showPrimarySelection = function () {
-	  var sel = window.getSelection(), prim = this.cm.doc.sel.primary()
-	  var curAnchor = domToPos(this.cm, sel.anchorNode, sel.anchorOffset)
-	  var curFocus = domToPos(this.cm, sel.focusNode, sel.focusOffset)
+	  var sel = this.getSelection(), cm = this.cm, prim = cm.doc.sel.primary();
+	  var from = prim.from(), to = prim.to();
+
+	  if (cm.display.viewTo == cm.display.viewFrom || from.line >= cm.display.viewTo || to.line < cm.display.viewFrom) {
+	    sel.removeAllRanges();
+	    return
+	  }
+
+	  var curAnchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);
+	  var curFocus = domToPos(cm, sel.focusNode, sel.focusOffset);
 	  if (curAnchor && !curAnchor.bad && curFocus && !curFocus.bad &&
-	      cmp(minPos(curAnchor, curFocus), prim.from()) == 0 &&
-	      cmp(maxPos(curAnchor, curFocus), prim.to()) == 0)
+	      cmp(minPos(curAnchor, curFocus), from) == 0 &&
+	      cmp(maxPos(curAnchor, curFocus), to) == 0)
 	    { return }
 
-	  var start = posToDOM(this.cm, prim.from())
-	  var end = posToDOM(this.cm, prim.to())
-	  if (!start && !end) { return }
+	  var view = cm.display.view;
+	  var start = (from.line >= cm.display.viewFrom && posToDOM(cm, from)) ||
+	      {node: view[0].measure.map[2], offset: 0};
+	  var end = to.line < cm.display.viewTo && posToDOM(cm, to);
+	  if (!end) {
+	    var measure = view[view.length - 1].measure;
+	    var map$$1 = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map;
+	    end = {node: map$$1[map$$1.length - 1], offset: map$$1[map$$1.length - 2] - map$$1[map$$1.length - 3]};
+	  }
 
-	  var view = this.cm.display.view
-	  var old = sel.rangeCount && sel.getRangeAt(0)
-	  if (!start) {
-	    start = {node: view[0].measure.map[2], offset: 0}
-	  } else if (!end) { // FIXME dangerously hacky
-	    var measure = view[view.length - 1].measure
-	    var map = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map
-	    end = {node: map[map.length - 1], offset: map[map.length - 2] - map[map.length - 3]}
+	  if (!start || !end) {
+	    sel.removeAllRanges();
+	    return
 	  }
 
-	  var rng
-	  try { rng = range(start.node, start.offset, end.offset, end.node) }
+	  var old = sel.rangeCount && sel.getRangeAt(0), rng;
+	  try { rng = range(start.node, start.offset, end.offset, end.node); }
 	  catch(e) {} // Our model of the DOM might be outdated, in which case the range we try to set can be impossible
 	  if (rng) {
-	    if (!gecko && this.cm.state.focused) {
-	      sel.collapse(start.node, start.offset)
+	    if (!gecko && cm.state.focused) {
+	      sel.collapse(start.node, start.offset);
 	      if (!rng.collapsed) {
-	        sel.removeAllRanges()
-	        sel.addRange(rng)
+	        sel.removeAllRanges();
+	        sel.addRange(rng);
 	      }
 	    } else {
-	      sel.removeAllRanges()
-	      sel.addRange(rng)
+	      sel.removeAllRanges();
+	      sel.addRange(rng);
 	    }
-	    if (old && sel.anchorNode == null) { sel.addRange(old) }
-	    else if (gecko) { this.startGracePeriod() }
+	    if (old && sel.anchorNode == null) { sel.addRange(old); }
+	    else if (gecko) { this.startGracePeriod(); }
 	  }
-	  this.rememberSelection()
+	  this.rememberSelection();
 	};
 
 	ContentEditableInput.prototype.startGracePeriod = function () {
 	    var this$1 = this;
 
-	  clearTimeout(this.gracePeriod)
+	  clearTimeout(this.gracePeriod);
 	  this.gracePeriod = setTimeout(function () {
-	    this$1.gracePeriod = false
+	    this$1.gracePeriod = false;
 	    if (this$1.selectionChanged())
-	      { this$1.cm.operation(function () { return this$1.cm.curOp.selectionChanged = true; }) }
-	  }, 20)
+	      { this$1.cm.operation(function () { return this$1.cm.curOp.selectionChanged = true; }); }
+	  }, 20);
 	};
 
 	ContentEditableInput.prototype.showMultipleSelections = function (info) {
-	  removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors)
-	  removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection)
+	  removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors);
+	  removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection);
 	};
 
 	ContentEditableInput.prototype.rememberSelection = function () {
-	  var sel = window.getSelection()
-	  this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset
-	  this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset
+	  var sel = this.getSelection();
+	  this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset;
+	  this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset;
 	};
 
 	ContentEditableInput.prototype.selectionInEditor = function () {
-	  var sel = window.getSelection()
+	  var sel = this.getSelection();
 	  if (!sel.rangeCount) { return false }
-	  var node = sel.getRangeAt(0).commonAncestorContainer
+	  var node = sel.getRangeAt(0).commonAncestorContainer;
 	  return contains(this.div, node)
 	};
 
 	ContentEditableInput.prototype.focus = function () {
 	  if (this.cm.options.readOnly != "nocursor") {
 	    if (!this.selectionInEditor())
-	      { this.showSelection(this.prepareSelection(), true) }
-	    this.div.focus()
+	      { this.showSelection(this.prepareSelection(), true); }
+	    this.div.focus();
 	  }
 	};
-	ContentEditableInput.prototype.blur = function () { this.div.blur() };
+	ContentEditableInput.prototype.blur = function () { this.div.blur(); };
 	ContentEditableInput.prototype.getField = function () { return this.div };
 
 	ContentEditableInput.prototype.supportsTouch = function () { return true };
 
 	ContentEditableInput.prototype.receivedFocus = function () {
-	  var input = this
+	  var input = this;
 	  if (this.selectionInEditor())
-	    { this.pollSelection() }
+	    { this.pollSelection(); }
 	  else
-	    { runInOp(this.cm, function () { return input.cm.curOp.selectionChanged = true; }) }
+	    { runInOp(this.cm, function () { return input.cm.curOp.selectionChanged = true; }); }
 
 	  function poll() {
 	    if (input.cm.state.focused) {
-	      input.pollSelection()
-	      input.polling.set(input.cm.options.pollInterval, poll)
+	      input.pollSelection();
+	      input.polling.set(input.cm.options.pollInterval, poll);
 	    }
 	  }
-	  this.polling.set(this.cm.options.pollInterval, poll)
+	  this.polling.set(this.cm.options.pollInterval, poll);
 	};
 
 	ContentEditableInput.prototype.selectionChanged = function () {
-	  var sel = window.getSelection()
+	  var sel = this.getSelection();
 	  return sel.anchorNode != this.lastAnchorNode || sel.anchorOffset != this.lastAnchorOffset ||
 	    sel.focusNode != this.lastFocusNode || sel.focusOffset != this.lastFocusOffset
 	};
 
 	ContentEditableInput.prototype.pollSelection = function () {
-	  if (!this.composing && this.readDOMTimeout == null && !this.gracePeriod && this.selectionChanged()) {
-	    var sel = window.getSelection(), cm = this.cm
-	    this.rememberSelection()
-	    var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset)
-	    var head = domToPos(cm, sel.focusNode, sel.focusOffset)
-	    if (anchor && head) { runInOp(cm, function () {
-	      setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll)
-	      if (anchor.bad || head.bad) { cm.curOp.selectionChanged = true }
-	    }) }
+	  if (this.readDOMTimeout != null || this.gracePeriod || !this.selectionChanged()) { return }
+	  var sel = this.getSelection(), cm = this.cm;
+	  // On Android Chrome (version 56, at least), backspacing into an
+	  // uneditable block element will put the cursor in that element,
+	  // and then, because it's not editable, hide the virtual keyboard.
+	  // Because Android doesn't allow us to actually detect backspace
+	  // presses in a sane way, this code checks for when that happens
+	  // and simulates a backspace press in this case.
+	  if (android && chrome && this.cm.options.gutters.length && isInGutter(sel.anchorNode)) {
+	    this.cm.triggerOnKeyDown({type: "keydown", keyCode: 8, preventDefault: Math.abs});
+	    this.blur();
+	    this.focus();
+	    return
 	  }
+	  if (this.composing) { return }
+	  this.rememberSelection();
+	  var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);
+	  var head = domToPos(cm, sel.focusNode, sel.focusOffset);
+	  if (anchor && head) { runInOp(cm, function () {
+	    setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll);
+	    if (anchor.bad || head.bad) { cm.curOp.selectionChanged = true; }
+	  }); }
 	};
 
 	ContentEditableInput.prototype.pollContent = function () {
 	  if (this.readDOMTimeout != null) {
-	    clearTimeout(this.readDOMTimeout)
-	    this.readDOMTimeout = null
+	    clearTimeout(this.readDOMTimeout);
+	    this.readDOMTimeout = null;
 	  }
 
-	  var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary()
-	  var from = sel.from(), to = sel.to()
+	  var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary();
+	  var from = sel.from(), to = sel.to();
 	  if (from.ch == 0 && from.line > cm.firstLine())
-	    { from = Pos(from.line - 1, getLine(cm.doc, from.line - 1).length) }
+	    { from = Pos(from.line - 1, getLine(cm.doc, from.line - 1).length); }
 	  if (to.ch == getLine(cm.doc, to.line).text.length && to.line < cm.lastLine())
-	    { to = Pos(to.line + 1, 0) }
+	    { to = Pos(to.line + 1, 0); }
 	  if (from.line < display.viewFrom || to.line > display.viewTo - 1) { return false }
 
-	  var fromIndex, fromLine, fromNode
+	  var fromIndex, fromLine, fromNode;
 	  if (from.line == display.viewFrom || (fromIndex = findViewIndex(cm, from.line)) == 0) {
-	    fromLine = lineNo(display.view[0].line)
-	    fromNode = display.view[0].node
+	    fromLine = lineNo(display.view[0].line);
+	    fromNode = display.view[0].node;
 	  } else {
-	    fromLine = lineNo(display.view[fromIndex].line)
-	    fromNode = display.view[fromIndex - 1].node.nextSibling
+	    fromLine = lineNo(display.view[fromIndex].line);
+	    fromNode = display.view[fromIndex - 1].node.nextSibling;
 	  }
-	  var toIndex = findViewIndex(cm, to.line)
-	  var toLine, toNode
+	  var toIndex = findViewIndex(cm, to.line);
+	  var toLine, toNode;
 	  if (toIndex == display.view.length - 1) {
-	    toLine = display.viewTo - 1
-	    toNode = display.lineDiv.lastChild
+	    toLine = display.viewTo - 1;
+	    toNode = display.lineDiv.lastChild;
 	  } else {
-	    toLine = lineNo(display.view[toIndex + 1].line) - 1
-	    toNode = display.view[toIndex + 1].node.previousSibling
+	    toLine = lineNo(display.view[toIndex + 1].line) - 1;
+	    toNode = display.view[toIndex + 1].node.previousSibling;
 	  }
 
 	  if (!fromNode) { return false }
-	  var newText = cm.doc.splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine))
-	  var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length))
+	  var newText = cm.doc.splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine));
+	  var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length));
 	  while (newText.length > 1 && oldText.length > 1) {
-	    if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine-- }
-	    else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++ }
+	    if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine--; }
+	    else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++; }
 	    else { break }
 	  }
 
-	  var cutFront = 0, cutEnd = 0
-	  var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length)
+	  var cutFront = 0, cutEnd = 0;
+	  var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length);
 	  while (cutFront < maxCutFront && newTop.charCodeAt(cutFront) == oldTop.charCodeAt(cutFront))
-	    { ++cutFront }
-	  var newBot = lst(newText), oldBot = lst(oldText)
+	    { ++cutFront; }
+	  var newBot = lst(newText), oldBot = lst(oldText);
 	  var maxCutEnd = Math.min(newBot.length - (newText.length == 1 ? cutFront : 0),
-	                           oldBot.length - (oldText.length == 1 ? cutFront : 0))
+	                           oldBot.length - (oldText.length == 1 ? cutFront : 0));
 	  while (cutEnd < maxCutEnd &&
 	         newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1))
-	    { ++cutEnd }
+	    { ++cutEnd; }
+	  // Try to move start of change to start of selection if ambiguous
+	  if (newText.length == 1 && oldText.length == 1 && fromLine == from.line) {
+	    while (cutFront && cutFront > from.ch &&
+	           newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1)) {
+	      cutFront--;
+	      cutEnd++;
+	    }
+	  }
 
-	  newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd).replace(/^\u200b+/, "")
-	  newText[0] = newText[0].slice(cutFront).replace(/\u200b+$/, "")
+	  newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd).replace(/^\u200b+/, "");
+	  newText[0] = newText[0].slice(cutFront).replace(/\u200b+$/, "");
 
-	  var chFrom = Pos(fromLine, cutFront)
-	  var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0)
+	  var chFrom = Pos(fromLine, cutFront);
+	  var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0);
 	  if (newText.length > 1 || newText[0] || cmp(chFrom, chTo)) {
-	    replaceRange(cm.doc, newText, chFrom, chTo, "+input")
+	    replaceRange(cm.doc, newText, chFrom, chTo, "+input");
 	    return true
 	  }
 	};
 
 	ContentEditableInput.prototype.ensurePolled = function () {
-	  this.forceCompositionEnd()
+	  this.forceCompositionEnd();
 	};
 	ContentEditableInput.prototype.reset = function () {
-	  this.forceCompositionEnd()
+	  this.forceCompositionEnd();
 	};
 	ContentEditableInput.prototype.forceCompositionEnd = function () {
 	  if (!this.composing) { return }
-	  clearTimeout(this.readDOMTimeout)
-	  this.composing = null
-	  if (!this.pollContent()) { regChange(this.cm) }
-	  this.div.blur()
-	  this.div.focus()
+	  clearTimeout(this.readDOMTimeout);
+	  this.composing = null;
+	  this.updateFromDOM();
+	  this.div.blur();
+	  this.div.focus();
 	};
 	ContentEditableInput.prototype.readFromDOMSoon = function () {
 	    var this$1 = this;
 
 	  if (this.readDOMTimeout != null) { return }
 	  this.readDOMTimeout = setTimeout(function () {
-	    this$1.readDOMTimeout = null
+	    this$1.readDOMTimeout = null;
 	    if (this$1.composing) {
-	      if (this$1.composing.done) { this$1.composing = null }
+	      if (this$1.composing.done) { this$1.composing = null; }
 	      else { return }
 	    }
-	    if (this$1.cm.isReadOnly() || !this$1.pollContent())
-	      { runInOp(this$1.cm, function () { return regChange(this$1.cm); }) }
-	  }, 80)
+	    this$1.updateFromDOM();
+	  }, 80);
+	};
+
+	ContentEditableInput.prototype.updateFromDOM = function () {
+	    var this$1 = this;
+
+	  if (this.cm.isReadOnly() || !this.pollContent())
+	    { runInOp(this.cm, function () { return regChange(this$1.cm); }); }
 	};
 
 	ContentEditableInput.prototype.setUneditable = function (node) {
-	  node.contentEditable = "false"
+	  node.contentEditable = "false";
 	};
 
 	ContentEditableInput.prototype.onKeyPress = function (e) {
-	  e.preventDefault()
+	  if (e.charCode == 0 || this.composing) { return }
+	  e.preventDefault();
 	  if (!this.cm.isReadOnly())
-	    { operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0) }
+	    { operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0); }
 	};
 
 	ContentEditableInput.prototype.readOnlyChanged = function (val) {
-	  this.div.contentEditable = String(val != "nocursor")
+	  this.div.contentEditable = String(val != "nocursor");
 	};
 
 	ContentEditableInput.prototype.onContextMenu = function () {};
 	ContentEditableInput.prototype.resetPosition = function () {};
 
-	ContentEditableInput.prototype.needsContentAttribute = true
+	ContentEditableInput.prototype.needsContentAttribute = true;
 
 	function posToDOM(cm, pos) {
-	  var view = findViewForLine(cm, pos.line)
+	  var view = findViewForLine(cm, pos.line);
 	  if (!view || view.hidden) { return null }
-	  var line = getLine(cm.doc, pos.line)
-	  var info = mapFromLineView(view, line, pos.line)
+	  var line = getLine(cm.doc, pos.line);
+	  var info = mapFromLineView(view, line, pos.line);
 
-	  var order = getOrder(line), side = "left"
+	  var order = getOrder(line, cm.doc.direction), side = "left";
 	  if (order) {
-	    var partPos = getBidiPartAt(order, pos.ch)
-	    side = partPos % 2 ? "right" : "left"
+	    var partPos = getBidiPartAt(order, pos.ch);
+	    side = partPos % 2 ? "right" : "left";
 	  }
-	  var result = nodeAndOffsetInLineMap(info.map, pos.ch, side)
-	  result.offset = result.collapse == "right" ? result.end : result.start
+	  var result = nodeAndOffsetInLineMap(info.map, pos.ch, side);
+	  result.offset = result.collapse == "right" ? result.end : result.start;
 	  return result
 	}
 
+	function isInGutter(node) {
+	  for (var scan = node; scan; scan = scan.parentNode)
+	    { if (/CodeMirror-gutter-wrapper/.test(scan.className)) { return true } }
+	  return false
+	}
+
 	function badPos(pos, bad) { if (bad) { pos.bad = true; } return pos }
 
 	function domTextBetween(cm, from, to, fromLine, toLine) {
-	  var text = "", closing = false, lineSep = cm.doc.lineSeparator()
+	  var text = "", closing = false, lineSep = cm.doc.lineSeparator(), extraLinebreak = false;
 	  function recognizeMarker(id) { return function (marker) { return marker.id == id; } }
+	  function close() {
+	    if (closing) {
+	      text += lineSep;
+	      if (extraLinebreak) { text += lineSep; }
+	      closing = extraLinebreak = false;
+	    }
+	  }
+	  function addText(str) {
+	    if (str) {
+	      close();
+	      text += str;
+	    }
+	  }
 	  function walk(node) {
 	    if (node.nodeType == 1) {
-	      var cmText = node.getAttribute("cm-text")
-	      if (cmText != null) {
-	        if (cmText == "") { text += node.textContent.replace(/\u200b/g, "") }
-	        else { text += cmText }
+	      var cmText = node.getAttribute("cm-text");
+	      if (cmText) {
+	        addText(cmText);
 	        return
 	      }
-	      var markerID = node.getAttribute("cm-marker"), range
+	      var markerID = node.getAttribute("cm-marker"), range$$1;
 	      if (markerID) {
-	        var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID))
-	        if (found.length && (range = found[0].find()))
-	          { text += getBetween(cm.doc, range.from, range.to).join(lineSep) }
+	        var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID));
+	        if (found.length && (range$$1 = found[0].find(0)))
+	          { addText(getBetween(cm.doc, range$$1.from, range$$1.to).join(lineSep)); }
 	        return
 	      }
 	      if (node.getAttribute("contenteditable") == "false") { return }
+	      var isBlock = /^(pre|div|p|li|table|br)$/i.test(node.nodeName);
+	      if (!/^br$/i.test(node.nodeName) && node.textContent.length == 0) { return }
+
+	      if (isBlock) { close(); }
 	      for (var i = 0; i < node.childNodes.length; i++)
-	        { walk(node.childNodes[i]) }
-	      if (/^(pre|div|p)$/i.test(node.nodeName))
-	        { closing = true }
+	        { walk(node.childNodes[i]); }
+
+	      if (/^(pre|p)$/i.test(node.nodeName)) { extraLinebreak = true; }
+	      if (isBlock) { closing = true; }
 	    } else if (node.nodeType == 3) {
-	      var val = node.nodeValue
-	      if (!val) { return }
-	      if (closing) {
-	        text += lineSep
-	        closing = false
-	      }
-	      text += val
+	      addText(node.nodeValue.replace(/\u200b/g, "").replace(/\u00a0/g, " "));
 	    }
 	  }
 	  for (;;) {
-	    walk(from)
+	    walk(from);
 	    if (from == to) { break }
-	    from = from.nextSibling
+	    from = from.nextSibling;
+	    extraLinebreak = false;
 	  }
 	  return text
 	}
 
 	function domToPos(cm, node, offset) {
-	  var lineNode
+	  var lineNode;
 	  if (node == cm.display.lineDiv) {
-	    lineNode = cm.display.lineDiv.childNodes[offset]
+	    lineNode = cm.display.lineDiv.childNodes[offset];
 	    if (!lineNode) { return badPos(cm.clipPos(Pos(cm.display.viewTo - 1)), true) }
-	    node = null; offset = 0
+	    node = null; offset = 0;
 	  } else {
 	    for (lineNode = node;; lineNode = lineNode.parentNode) {
 	      if (!lineNode || lineNode == cm.display.lineDiv) { return null }
@@ -30549,218 +33273,210 @@
 	    }
 	  }
 	  for (var i = 0; i < cm.display.view.length; i++) {
-	    var lineView = cm.display.view[i]
+	    var lineView = cm.display.view[i];
 	    if (lineView.node == lineNode)
 	      { return locateNodeInLineView(lineView, node, offset) }
 	  }
 	}
 
 	function locateNodeInLineView(lineView, node, offset) {
-	  var wrapper = lineView.text.firstChild, bad = false
+	  var wrapper = lineView.text.firstChild, bad = false;
 	  if (!node || !contains(wrapper, node)) { return badPos(Pos(lineNo(lineView.line), 0), true) }
 	  if (node == wrapper) {
-	    bad = true
-	    node = wrapper.childNodes[offset]
-	    offset = 0
+	    bad = true;
+	    node = wrapper.childNodes[offset];
+	    offset = 0;
 	    if (!node) {
-	      var line = lineView.rest ? lst(lineView.rest) : lineView.line
+	      var line = lineView.rest ? lst(lineView.rest) : lineView.line;
 	      return badPos(Pos(lineNo(line), line.text.length), bad)
 	    }
 	  }
 
-	  var textNode = node.nodeType == 3 ? node : null, topNode = node
+	  var textNode = node.nodeType == 3 ? node : null, topNode = node;
 	  if (!textNode && node.childNodes.length == 1 && node.firstChild.nodeType == 3) {
-	    textNode = node.firstChild
-	    if (offset) { offset = textNode.nodeValue.length }
+	    textNode = node.firstChild;
+	    if (offset) { offset = textNode.nodeValue.length; }
 	  }
-	  while (topNode.parentNode != wrapper) { topNode = topNode.parentNode }
-	  var measure = lineView.measure, maps = measure.maps
+	  while (topNode.parentNode != wrapper) { topNode = topNode.parentNode; }
+	  var measure = lineView.measure, maps = measure.maps;
 
 	  function find(textNode, topNode, offset) {
 	    for (var i = -1; i < (maps ? maps.length : 0); i++) {
-	      var map = i < 0 ? measure.map : maps[i]
-	      for (var j = 0; j < map.length; j += 3) {
-	        var curNode = map[j + 2]
+	      var map$$1 = i < 0 ? measure.map : maps[i];
+	      for (var j = 0; j < map$$1.length; j += 3) {
+	        var curNode = map$$1[j + 2];
 	        if (curNode == textNode || curNode == topNode) {
-	          var line = lineNo(i < 0 ? lineView.line : lineView.rest[i])
-	          var ch = map[j] + offset
-	          if (offset < 0 || curNode != textNode) { ch = map[j + (offset ? 1 : 0)] }
+	          var line = lineNo(i < 0 ? lineView.line : lineView.rest[i]);
+	          var ch = map$$1[j] + offset;
+	          if (offset < 0 || curNode != textNode) { ch = map$$1[j + (offset ? 1 : 0)]; }
 	          return Pos(line, ch)
 	        }
 	      }
 	    }
 	  }
-	  var found = find(textNode, topNode, offset)
+	  var found = find(textNode, topNode, offset);
 	  if (found) { return badPos(found, bad) }
 
 	  // FIXME this is all really shaky. might handle the few cases it needs to handle, but likely to cause problems
 	  for (var after = topNode.nextSibling, dist = textNode ? textNode.nodeValue.length - offset : 0; after; after = after.nextSibling) {
-	    found = find(after, after.firstChild, 0)
+	    found = find(after, after.firstChild, 0);
 	    if (found)
 	      { return badPos(Pos(found.line, found.ch - dist), bad) }
 	    else
-	      { dist += after.textContent.length }
+	      { dist += after.textContent.length; }
 	  }
 	  for (var before = topNode.previousSibling, dist$1 = offset; before; before = before.previousSibling) {
-	    found = find(before, before.firstChild, -1)
+	    found = find(before, before.firstChild, -1);
 	    if (found)
 	      { return badPos(Pos(found.line, found.ch + dist$1), bad) }
 	    else
-	      { dist$1 += before.textContent.length }
+	      { dist$1 += before.textContent.length; }
 	  }
 	}
 
 	// TEXTAREA INPUT STYLE
 
 	var TextareaInput = function(cm) {
-	  this.cm = cm
+	  this.cm = cm;
 	  // See input.poll and input.reset
-	  this.prevInput = ""
+	  this.prevInput = "";
 
 	  // Flag that indicates whether we expect input to appear real soon
 	  // now (after some event like 'keypress' or 'input') and are
 	  // polling intensively.
-	  this.pollingFast = false
+	  this.pollingFast = false;
 	  // Self-resetting timeout for the poller
-	  this.polling = new Delayed()
-	  // Tracks when input.reset has punted to just putting a short
-	  // string into the textarea instead of the full selection.
-	  this.inaccurateSelection = false
+	  this.polling = new Delayed();
 	  // Used to work around IE issue with selection being forgotten when focus moves away from textarea
-	  this.hasSelection = false
-	  this.composing = null
+	  this.hasSelection = false;
+	  this.composing = null;
 	};
 
 	TextareaInput.prototype.init = function (display) {
 	    var this$1 = this;
 
-	  var input = this, cm = this.cm
+	  var input = this, cm = this.cm;
+	  this.createField(display);
+	  var te = this.textarea;
 
-	  // Wraps and hides input textarea
-	  var div = this.wrapper = hiddenTextarea()
-	  // The semihidden textarea that is focused when the editor is
-	  // focused, and receives input.
-	  var te = this.textarea = div.firstChild
-	  display.wrapper.insertBefore(div, display.wrapper.firstChild)
+	  display.wrapper.insertBefore(this.wrapper, display.wrapper.firstChild);
 
 	  // Needed to hide big blue blinking cursor on Mobile Safari (doesn't seem to work in iOS 8 anymore)
-	  if (ios) { te.style.width = "0px" }
+	  if (ios) { te.style.width = "0px"; }
 
 	  on(te, "input", function () {
-	    if (ie && ie_version >= 9 && this$1.hasSelection) { this$1.hasSelection = null }
-	    input.poll()
-	  })
+	    if (ie && ie_version >= 9 && this$1.hasSelection) { this$1.hasSelection = null; }
+	    input.poll();
+	  });
 
 	  on(te, "paste", function (e) {
 	    if (signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }
 
-	    cm.state.pasteIncoming = true
-	    input.fastPoll()
-	  })
+	    cm.state.pasteIncoming = true;
+	    input.fastPoll();
+	  });
 
 	  function prepareCopyCut(e) {
 	    if (signalDOMEvent(cm, e)) { return }
 	    if (cm.somethingSelected()) {
-	      setLastCopied({lineWise: false, text: cm.getSelections()})
-	      if (input.inaccurateSelection) {
-	        input.prevInput = ""
-	        input.inaccurateSelection = false
-	        te.value = lastCopied.text.join("\n")
-	        selectInput(te)
-	      }
+	      setLastCopied({lineWise: false, text: cm.getSelections()});
 	    } else if (!cm.options.lineWiseCopyCut) {
 	      return
 	    } else {
-	      var ranges = copyableRanges(cm)
-	      setLastCopied({lineWise: true, text: ranges.text})
+	      var ranges = copyableRanges(cm);
+	      setLastCopied({lineWise: true, text: ranges.text});
 	      if (e.type == "cut") {
-	        cm.setSelections(ranges.ranges, null, sel_dontScroll)
+	        cm.setSelections(ranges.ranges, null, sel_dontScroll);
 	      } else {
-	        input.prevInput = ""
-	        te.value = ranges.text.join("\n")
-	        selectInput(te)
+	        input.prevInput = "";
+	        te.value = ranges.text.join("\n");
+	        selectInput(te);
 	      }
 	    }
-	    if (e.type == "cut") { cm.state.cutIncoming = true }
+	    if (e.type == "cut") { cm.state.cutIncoming = true; }
 	  }
-	  on(te, "cut", prepareCopyCut)
-	  on(te, "copy", prepareCopyCut)
+	  on(te, "cut", prepareCopyCut);
+	  on(te, "copy", prepareCopyCut);
 
 	  on(display.scroller, "paste", function (e) {
 	    if (eventInWidget(display, e) || signalDOMEvent(cm, e)) { return }
-	    cm.state.pasteIncoming = true
-	    input.focus()
-	  })
+	    cm.state.pasteIncoming = true;
+	    input.focus();
+	  });
 
 	  // Prevent normal selection in the editor (we handle our own)
 	  on(display.lineSpace, "selectstart", function (e) {
-	    if (!eventInWidget(display, e)) { e_preventDefault(e) }
-	  })
+	    if (!eventInWidget(display, e)) { e_preventDefault(e); }
+	  });
 
 	  on(te, "compositionstart", function () {
-	    var start = cm.getCursor("from")
-	    if (input.composing) { input.composing.range.clear() }
+	    var start = cm.getCursor("from");
+	    if (input.composing) { input.composing.range.clear(); }
 	    input.composing = {
 	      start: start,
 	      range: cm.markText(start, cm.getCursor("to"), {className: "CodeMirror-composing"})
-	    }
-	  })
+	    };
+	  });
 	  on(te, "compositionend", function () {
 	    if (input.composing) {
-	      input.poll()
-	      input.composing.range.clear()
-	      input.composing = null
+	      input.poll();
+	      input.composing.range.clear();
+	      input.composing = null;
 	    }
-	  })
+	  });
+	};
+
+	TextareaInput.prototype.createField = function (_display) {
+	  // Wraps and hides input textarea
+	  this.wrapper = hiddenTextarea();
+	  // The semihidden textarea that is focused when the editor is
+	  // focused, and receives input.
+	  this.textarea = this.wrapper.firstChild;
 	};
 
 	TextareaInput.prototype.prepareSelection = function () {
 	  // Redraw the selection and/or cursor
-	  var cm = this.cm, display = cm.display, doc = cm.doc
-	  var result = prepareSelection(cm)
+	  var cm = this.cm, display = cm.display, doc = cm.doc;
+	  var result = prepareSelection(cm);
 
 	  // Move the hidden textarea near the cursor to prevent scrolling artifacts
 	  if (cm.options.moveInputWithCursor) {
-	    var headPos = cursorCoords(cm, doc.sel.primary().head, "div")
-	    var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect()
+	    var headPos = cursorCoords(cm, doc.sel.primary().head, "div");
+	    var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect();
 	    result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10,
-	                                        headPos.top + lineOff.top - wrapOff.top))
+	                                        headPos.top + lineOff.top - wrapOff.top));
 	    result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10,
-	                                         headPos.left + lineOff.left - wrapOff.left))
+	                                         headPos.left + lineOff.left - wrapOff.left));
 	  }
 
 	  return result
 	};
 
 	TextareaInput.prototype.showSelection = function (drawn) {
-	  var cm = this.cm, display = cm.display
-	  removeChildrenAndAdd(display.cursorDiv, drawn.cursors)
-	  removeChildrenAndAdd(display.selectionDiv, drawn.selection)
+	  var cm = this.cm, display = cm.display;
+	  removeChildrenAndAdd(display.cursorDiv, drawn.cursors);
+	  removeChildrenAndAdd(display.selectionDiv, drawn.selection);
 	  if (drawn.teTop != null) {
-	    this.wrapper.style.top = drawn.teTop + "px"
-	    this.wrapper.style.left = drawn.teLeft + "px"
+	    this.wrapper.style.top = drawn.teTop + "px";
+	    this.wrapper.style.left = drawn.teLeft + "px";
 	  }
 	};
 
 	// Reset the input to correspond to the selection (or to be empty,
 	// when not typing and nothing is selected)
 	TextareaInput.prototype.reset = function (typing) {
-	  if (this.contextMenuPending) { return }
-	  var minimal, selected, cm = this.cm, doc = cm.doc
+	  if (this.contextMenuPending || this.composing) { return }
+	  var cm = this.cm;
 	  if (cm.somethingSelected()) {
-	    this.prevInput = ""
-	    var range = doc.sel.primary()
-	    minimal = hasCopyEvent &&
-	      (range.to().line - range.from().line > 100 || (selected = cm.getSelection()).length > 1000)
-	    var content = minimal ? "-" : selected || cm.getSelection()
-	    this.textarea.value = content
-	    if (cm.state.focused) { selectInput(this.textarea) }
-	    if (ie && ie_version >= 9) { this.hasSelection = content }
+	    this.prevInput = "";
+	    var content = cm.getSelection();
+	    this.textarea.value = content;
+	    if (cm.state.focused) { selectInput(this.textarea); }
+	    if (ie && ie_version >= 9) { this.hasSelection = content; }
 	  } else if (!typing) {
-	    this.prevInput = this.textarea.value = ""
-	    if (ie && ie_version >= 9) { this.hasSelection = null }
+	    this.prevInput = this.textarea.value = "";
+	    if (ie && ie_version >= 9) { this.hasSelection = null; }
 	  }
-	  this.inaccurateSelection = minimal
 	};
 
 	TextareaInput.prototype.getField = function () { return this.textarea };
@@ -30769,18 +33485,18 @@
 
 	TextareaInput.prototype.focus = function () {
 	  if (this.cm.options.readOnly != "nocursor" && (!mobile || activeElt() != this.textarea)) {
-	    try { this.textarea.focus() }
+	    try { this.textarea.focus(); }
 	    catch (e) {} // IE8 will throw if the textarea is display: none or not in DOM
 	  }
 	};
 
-	TextareaInput.prototype.blur = function () { this.textarea.blur() };
+	TextareaInput.prototype.blur = function () { this.textarea.blur(); };
 
 	TextareaInput.prototype.resetPosition = function () {
-	  this.wrapper.style.top = this.wrapper.style.left = 0
+	  this.wrapper.style.top = this.wrapper.style.left = 0;
 	};
 
-	TextareaInput.prototype.receivedFocus = function () { this.slowPoll() };
+	TextareaInput.prototype.receivedFocus = function () { this.slowPoll(); };
 
 	// Poll for input changes, using the normal rate of polling. This
 	// runs as long as the editor is focused.
@@ -30789,23 +33505,23 @@
 
 	  if (this.pollingFast) { return }
 	  this.polling.set(this.cm.options.pollInterval, function () {
-	    this$1.poll()
-	    if (this$1.cm.state.focused) { this$1.slowPoll() }
-	  })
+	    this$1.poll();
+	    if (this$1.cm.state.focused) { this$1.slowPoll(); }
+	  });
 	};
 
 	// When an event has just come in that is likely to add or change
 	// something in the input textarea, we poll faster, to ensure that
 	// the change appears on the screen quickly.
 	TextareaInput.prototype.fastPoll = function () {
-	  var missed = false, input = this
-	  input.pollingFast = true
+	  var missed = false, input = this;
+	  input.pollingFast = true;
 	  function p() {
-	    var changed = input.poll()
-	    if (!changed && !missed) {missed = true; input.polling.set(60, p)}
-	    else {input.pollingFast = false; input.slowPoll()}
+	    var changed = input.poll();
+	    if (!changed && !missed) {missed = true; input.polling.set(60, p);}
+	    else {input.pollingFast = false; input.slowPoll();}
 	  }
-	  input.polling.set(20, p)
+	  input.polling.set(20, p);
 	};
 
 	// Read input from the textarea, and update the document to match.
@@ -30817,7 +33533,7 @@
 	TextareaInput.prototype.poll = function () {
 	    var this$1 = this;
 
-	  var cm = this.cm, input = this.textarea, prevInput = this.prevInput
+	  var cm = this.cm, input = this.textarea, prevInput = this.prevInput;
 	  // Since this is called a *lot*, try to bail out as cheaply as
 	  // possible when it is clear that nothing happened. hasSelection
 	  // will be the case when there is a lot of text in the textarea,
@@ -30827,7 +33543,7 @@
 	      cm.isReadOnly() || cm.options.disableInput || cm.state.keySeq)
 	    { return false }
 
-	  var text = input.value
+	  var text = input.value;
 	  // If nothing changed, bail.
 	  if (text == prevInput && !cm.somethingSelected()) { return false }
 	  // Work around nonsensical selection resetting in IE9/10, and
@@ -30835,293 +33551,299 @@
 	  // some key combos in Mac (#2689).
 	  if (ie && ie_version >= 9 && this.hasSelection === text ||
 	      mac && /[\uf700-\uf7ff]/.test(text)) {
-	    cm.display.input.reset()
+	    cm.display.input.reset();
 	    return false
 	  }
 
 	  if (cm.doc.sel == cm.display.selForContextMenu) {
-	    var first = text.charCodeAt(0)
-	    if (first == 0x200b && !prevInput) { prevInput = "\u200b" }
+	    var first = text.charCodeAt(0);
+	    if (first == 0x200b && !prevInput) { prevInput = "\u200b"; }
 	    if (first == 0x21da) { this.reset(); return this.cm.execCommand("undo") }
 	  }
 	  // Find the part of the input that is actually new
-	  var same = 0, l = Math.min(prevInput.length, text.length)
-	  while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) { ++same }
+	  var same = 0, l = Math.min(prevInput.length, text.length);
+	  while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) { ++same; }
 
 	  runInOp(cm, function () {
 	    applyTextInput(cm, text.slice(same), prevInput.length - same,
-	                   null, this$1.composing ? "*compose" : null)
+	                   null, this$1.composing ? "*compose" : null);
 
 	    // Don't leave long text in the textarea, since it makes further polling slow
-	    if (text.length > 1000 || text.indexOf("\n") > -1) { input.value = this$1.prevInput = "" }
-	    else { this$1.prevInput = text }
+	    if (text.length > 1000 || text.indexOf("\n") > -1) { input.value = this$1.prevInput = ""; }
+	    else { this$1.prevInput = text; }
 
 	    if (this$1.composing) {
-	      this$1.composing.range.clear()
+	      this$1.composing.range.clear();
 	      this$1.composing.range = cm.markText(this$1.composing.start, cm.getCursor("to"),
-	                                         {className: "CodeMirror-composing"})
+	                                         {className: "CodeMirror-composing"});
 	    }
-	  })
+	  });
 	  return true
 	};
 
 	TextareaInput.prototype.ensurePolled = function () {
-	  if (this.pollingFast && this.poll()) { this.pollingFast = false }
+	  if (this.pollingFast && this.poll()) { this.pollingFast = false; }
 	};
 
 	TextareaInput.prototype.onKeyPress = function () {
-	  if (ie && ie_version >= 9) { this.hasSelection = null }
-	  this.fastPoll()
+	  if (ie && ie_version >= 9) { this.hasSelection = null; }
+	  this.fastPoll();
 	};
 
 	TextareaInput.prototype.onContextMenu = function (e) {
-	  var input = this, cm = input.cm, display = cm.display, te = input.textarea
-	  var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop
+	  var input = this, cm = input.cm, display = cm.display, te = input.textarea;
+	  var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop;
 	  if (!pos || presto) { return } // Opera is difficult.
 
 	  // Reset the current text selection only if the click is done outside of the selection
 	  // and 'resetSelectionOnContextMenu' option is true.
-	  var reset = cm.options.resetSelectionOnContextMenu
+	  var reset = cm.options.resetSelectionOnContextMenu;
 	  if (reset && cm.doc.sel.contains(pos) == -1)
-	    { operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll) }
-
-	  var oldCSS = te.style.cssText, oldWrapperCSS = input.wrapper.style.cssText
-	  input.wrapper.style.cssText = "position: absolute"
-	  var wrapperBox = input.wrapper.getBoundingClientRect()
-	  te.style.cssText = "position: absolute; width: 30px; height: 30px;\n      top: " + (e.clientY - wrapperBox.top - 5) + "px; left: " + (e.clientX - wrapperBox.left - 5) + "px;\n      z-index: 1000; background: " + (ie ? "rgba(255, 255, 255, .05)" : "transparent") + ";\n      outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);"
-	  var oldScrollY
-	  if (webkit) { oldScrollY = window.scrollY } // Work around Chrome issue (#2712)
-	  display.input.focus()
-	  if (webkit) { window.scrollTo(null, oldScrollY) }
-	  display.input.reset()
+	    { operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll); }
+
+	  var oldCSS = te.style.cssText, oldWrapperCSS = input.wrapper.style.cssText;
+	  input.wrapper.style.cssText = "position: absolute";
+	  var wrapperBox = input.wrapper.getBoundingClientRect();
+	  te.style.cssText = "position: absolute; width: 30px; height: 30px;\n      top: " + (e.clientY - wrapperBox.top - 5) + "px; left: " + (e.clientX - wrapperBox.left - 5) + "px;\n      z-index: 1000; background: " + (ie ? "rgba(255, 255, 255, .05)" : "transparent") + ";\n      outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);";
+	  var oldScrollY;
+	  if (webkit) { oldScrollY = window.scrollY; } // Work around Chrome issue (#2712)
+	  display.input.focus();
+	  if (webkit) { window.scrollTo(null, oldScrollY); }
+	  display.input.reset();
 	  // Adds "Select all" to context menu in FF
-	  if (!cm.somethingSelected()) { te.value = input.prevInput = " " }
-	  input.contextMenuPending = true
-	  display.selForContextMenu = cm.doc.sel
-	  clearTimeout(display.detectingSelectAll)
+	  if (!cm.somethingSelected()) { te.value = input.prevInput = " "; }
+	  input.contextMenuPending = true;
+	  display.selForContextMenu = cm.doc.sel;
+	  clearTimeout(display.detectingSelectAll);
 
 	  // Select-all will be greyed out if there's nothing to select, so
 	  // this adds a zero-width space so that we can later check whether
 	  // it got selected.
 	  function prepareSelectAllHack() {
 	    if (te.selectionStart != null) {
-	      var selected = cm.somethingSelected()
-	      var extval = "\u200b" + (selected ? te.value : "")
-	      te.value = "\u21da" // Used to catch context-menu undo
-	      te.value = extval
-	      input.prevInput = selected ? "" : "\u200b"
-	      te.selectionStart = 1; te.selectionEnd = extval.length
+	      var selected = cm.somethingSelected();
+	      var extval = "\u200b" + (selected ? te.value : "");
+	      te.value = "\u21da"; // Used to catch context-menu undo
+	      te.value = extval;
+	      input.prevInput = selected ? "" : "\u200b";
+	      te.selectionStart = 1; te.selectionEnd = extval.length;
 	      // Re-set this, in case some other handler touched the
 	      // selection in the meantime.
-	      display.selForContextMenu = cm.doc.sel
+	      display.selForContextMenu = cm.doc.sel;
 	    }
 	  }
 	  function rehide() {
-	    input.contextMenuPending = false
-	    input.wrapper.style.cssText = oldWrapperCSS
-	    te.style.cssText = oldCSS
-	    if (ie && ie_version < 9) { display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos) }
+	    input.contextMenuPending = false;
+	    input.wrapper.style.cssText = oldWrapperCSS;
+	    te.style.cssText = oldCSS;
+	    if (ie && ie_version < 9) { display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos); }
 
 	    // Try to detect the user choosing select-all
 	    if (te.selectionStart != null) {
-	      if (!ie || (ie && ie_version < 9)) { prepareSelectAllHack() }
+	      if (!ie || (ie && ie_version < 9)) { prepareSelectAllHack(); }
 	      var i = 0, poll = function () {
 	        if (display.selForContextMenu == cm.doc.sel && te.selectionStart == 0 &&
-	            te.selectionEnd > 0 && input.prevInput == "\u200b")
-	          { operation(cm, selectAll)(cm) }
-	        else if (i++ < 10) { display.detectingSelectAll = setTimeout(poll, 500) }
-	        else { display.input.reset() }
-	      }
-	      display.detectingSelectAll = setTimeout(poll, 200)
+	            te.selectionEnd > 0 && input.prevInput == "\u200b") {
+	          operation(cm, selectAll)(cm);
+	        } else if (i++ < 10) {
+	          display.detectingSelectAll = setTimeout(poll, 500);
+	        } else {
+	          display.selForContextMenu = null;
+	          display.input.reset();
+	        }
+	      };
+	      display.detectingSelectAll = setTimeout(poll, 200);
 	    }
 	  }
 
-	  if (ie && ie_version >= 9) { prepareSelectAllHack() }
+	  if (ie && ie_version >= 9) { prepareSelectAllHack(); }
 	  if (captureRightClick) {
-	    e_stop(e)
+	    e_stop(e);
 	    var mouseup = function () {
-	      off(window, "mouseup", mouseup)
-	      setTimeout(rehide, 20)
-	    }
-	    on(window, "mouseup", mouseup)
+	      off(window, "mouseup", mouseup);
+	      setTimeout(rehide, 20);
+	    };
+	    on(window, "mouseup", mouseup);
 	  } else {
-	    setTimeout(rehide, 50)
+	    setTimeout(rehide, 50);
 	  }
 	};
 
 	TextareaInput.prototype.readOnlyChanged = function (val) {
-	  if (!val) { this.reset() }
+	  if (!val) { this.reset(); }
+	  this.textarea.disabled = val == "nocursor";
 	};
 
 	TextareaInput.prototype.setUneditable = function () {};
 
-	TextareaInput.prototype.needsContentAttribute = false
+	TextareaInput.prototype.needsContentAttribute = false;
 
 	function fromTextArea(textarea, options) {
-	  options = options ? copyObj(options) : {}
-	  options.value = textarea.value
+	  options = options ? copyObj(options) : {};
+	  options.value = textarea.value;
 	  if (!options.tabindex && textarea.tabIndex)
-	    { options.tabindex = textarea.tabIndex }
+	    { options.tabindex = textarea.tabIndex; }
 	  if (!options.placeholder && textarea.placeholder)
-	    { options.placeholder = textarea.placeholder }
+	    { options.placeholder = textarea.placeholder; }
 	  // Set autofocus to true if this textarea is focused, or if it has
 	  // autofocus and no other element is focused.
 	  if (options.autofocus == null) {
-	    var hasFocus = activeElt()
+	    var hasFocus = activeElt();
 	    options.autofocus = hasFocus == textarea ||
-	      textarea.getAttribute("autofocus") != null && hasFocus == document.body
+	      textarea.getAttribute("autofocus") != null && hasFocus == document.body;
 	  }
 
-	  function save() {textarea.value = cm.getValue()}
+	  function save() {textarea.value = cm.getValue();}
 
-	  var realSubmit
+	  var realSubmit;
 	  if (textarea.form) {
-	    on(textarea.form, "submit", save)
+	    on(textarea.form, "submit", save);
 	    // Deplorable hack to make the submit method do the right thing.
 	    if (!options.leaveSubmitMethodAlone) {
-	      var form = textarea.form
-	      realSubmit = form.submit
+	      var form = textarea.form;
+	      realSubmit = form.submit;
 	      try {
 	        var wrappedSubmit = form.submit = function () {
-	          save()
-	          form.submit = realSubmit
-	          form.submit()
-	          form.submit = wrappedSubmit
-	        }
+	          save();
+	          form.submit = realSubmit;
+	          form.submit();
+	          form.submit = wrappedSubmit;
+	        };
 	      } catch(e) {}
 	    }
 	  }
 
 	  options.finishInit = function (cm) {
-	    cm.save = save
-	    cm.getTextArea = function () { return textarea; }
+	    cm.save = save;
+	    cm.getTextArea = function () { return textarea; };
 	    cm.toTextArea = function () {
-	      cm.toTextArea = isNaN // Prevent this from being ran twice
-	      save()
-	      textarea.parentNode.removeChild(cm.getWrapperElement())
-	      textarea.style.display = ""
+	      cm.toTextArea = isNaN; // Prevent this from being ran twice
+	      save();
+	      textarea.parentNode.removeChild(cm.getWrapperElement());
+	      textarea.style.display = "";
 	      if (textarea.form) {
-	        off(textarea.form, "submit", save)
+	        off(textarea.form, "submit", save);
 	        if (typeof textarea.form.submit == "function")
-	          { textarea.form.submit = realSubmit }
+	          { textarea.form.submit = realSubmit; }
 	      }
-	    }
-	  }
+	    };
+	  };
 
-	  textarea.style.display = "none"
-	  var cm = CodeMirror(function (node) { return textarea.parentNode.insertBefore(node, textarea.nextSibling); },
-	    options)
+	  textarea.style.display = "none";
+	  var cm = CodeMirror$1(function (node) { return textarea.parentNode.insertBefore(node, textarea.nextSibling); },
+	    options);
 	  return cm
 	}
 
 	function addLegacyProps(CodeMirror) {
-	  CodeMirror.off = off
-	  CodeMirror.on = on
-	  CodeMirror.wheelEventPixels = wheelEventPixels
-	  CodeMirror.Doc = Doc
-	  CodeMirror.splitLines = splitLinesAuto
-	  CodeMirror.countColumn = countColumn
-	  CodeMirror.findColumn = findColumn
-	  CodeMirror.isWordChar = isWordCharBasic
-	  CodeMirror.Pass = Pass
-	  CodeMirror.signal = signal
-	  CodeMirror.Line = Line
-	  CodeMirror.changeEnd = changeEnd
-	  CodeMirror.scrollbarModel = scrollbarModel
-	  CodeMirror.Pos = Pos
-	  CodeMirror.cmpPos = cmp
-	  CodeMirror.modes = modes
-	  CodeMirror.mimeModes = mimeModes
-	  CodeMirror.resolveMode = resolveMode
-	  CodeMirror.getMode = getMode
-	  CodeMirror.modeExtensions = modeExtensions
-	  CodeMirror.extendMode = extendMode
-	  CodeMirror.copyState = copyState
-	  CodeMirror.startState = startState
-	  CodeMirror.innerMode = innerMode
-	  CodeMirror.commands = commands
-	  CodeMirror.keyMap = keyMap
-	  CodeMirror.keyName = keyName
-	  CodeMirror.isModifierKey = isModifierKey
-	  CodeMirror.lookupKey = lookupKey
-	  CodeMirror.normalizeKeyMap = normalizeKeyMap
-	  CodeMirror.StringStream = StringStream
-	  CodeMirror.SharedTextMarker = SharedTextMarker
-	  CodeMirror.TextMarker = TextMarker
-	  CodeMirror.LineWidget = LineWidget
-	  CodeMirror.e_preventDefault = e_preventDefault
-	  CodeMirror.e_stopPropagation = e_stopPropagation
-	  CodeMirror.e_stop = e_stop
-	  CodeMirror.addClass = addClass
-	  CodeMirror.contains = contains
-	  CodeMirror.rmClass = rmClass
-	  CodeMirror.keyNames = keyNames
+	  CodeMirror.off = off;
+	  CodeMirror.on = on;
+	  CodeMirror.wheelEventPixels = wheelEventPixels;
+	  CodeMirror.Doc = Doc;
+	  CodeMirror.splitLines = splitLinesAuto;
+	  CodeMirror.countColumn = countColumn;
+	  CodeMirror.findColumn = findColumn;
+	  CodeMirror.isWordChar = isWordCharBasic;
+	  CodeMirror.Pass = Pass;
+	  CodeMirror.signal = signal;
+	  CodeMirror.Line = Line;
+	  CodeMirror.changeEnd = changeEnd;
+	  CodeMirror.scrollbarModel = scrollbarModel;
+	  CodeMirror.Pos = Pos;
+	  CodeMirror.cmpPos = cmp;
+	  CodeMirror.modes = modes;
+	  CodeMirror.mimeModes = mimeModes;
+	  CodeMirror.resolveMode = resolveMode;
+	  CodeMirror.getMode = getMode;
+	  CodeMirror.modeExtensions = modeExtensions;
+	  CodeMirror.extendMode = extendMode;
+	  CodeMirror.copyState = copyState;
+	  CodeMirror.startState = startState;
+	  CodeMirror.innerMode = innerMode;
+	  CodeMirror.commands = commands;
+	  CodeMirror.keyMap = keyMap;
+	  CodeMirror.keyName = keyName;
+	  CodeMirror.isModifierKey = isModifierKey;
+	  CodeMirror.lookupKey = lookupKey;
+	  CodeMirror.normalizeKeyMap = normalizeKeyMap;
+	  CodeMirror.StringStream = StringStream;
+	  CodeMirror.SharedTextMarker = SharedTextMarker;
+	  CodeMirror.TextMarker = TextMarker;
+	  CodeMirror.LineWidget = LineWidget;
+	  CodeMirror.e_preventDefault = e_preventDefault;
+	  CodeMirror.e_stopPropagation = e_stopPropagation;
+	  CodeMirror.e_stop = e_stop;
+	  CodeMirror.addClass = addClass;
+	  CodeMirror.contains = contains;
+	  CodeMirror.rmClass = rmClass;
+	  CodeMirror.keyNames = keyNames;
 	}
 
 	// EDITOR CONSTRUCTOR
 
-	defineOptions(CodeMirror)
+	defineOptions(CodeMirror$1);
 
-	addEditorMethods(CodeMirror)
+	addEditorMethods(CodeMirror$1);
 
 	// Set up methods on CodeMirror's prototype to redirect to the editor's document.
-	var dontDelegate = "iter insert remove copy getEditor constructor".split(" ")
+	var dontDelegate = "iter insert remove copy getEditor constructor".split(" ");
 	for (var prop in Doc.prototype) { if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0)
-	  { CodeMirror.prototype[prop] = (function(method) {
+	  { CodeMirror$1.prototype[prop] = (function(method) {
 	    return function() {return method.apply(this.doc, arguments)}
-	  })(Doc.prototype[prop]) } }
+	  })(Doc.prototype[prop]); } }
 
-	eventMixin(Doc)
+	eventMixin(Doc);
 
 	// INPUT HANDLING
 
-	CodeMirror.inputStyles = {"textarea": TextareaInput, "contenteditable": ContentEditableInput}
+	CodeMirror$1.inputStyles = {"textarea": TextareaInput, "contenteditable": ContentEditableInput};
 
 	// MODE DEFINITION AND QUERYING
 
 	// Extra arguments are stored as the mode's dependencies, which is
 	// used by (legacy) mechanisms like loadmode.js to automatically
 	// load a mode. (Preferred mechanism is the require/define calls.)
-	CodeMirror.defineMode = function(name/*, mode, …*/) {
-	  if (!CodeMirror.defaults.mode && name != "null") { CodeMirror.defaults.mode = name }
-	  defineMode.apply(this, arguments)
-	}
+	CodeMirror$1.defineMode = function(name/*, mode, …*/) {
+	  if (!CodeMirror$1.defaults.mode && name != "null") { CodeMirror$1.defaults.mode = name; }
+	  defineMode.apply(this, arguments);
+	};
 
-	CodeMirror.defineMIME = defineMIME
+	CodeMirror$1.defineMIME = defineMIME;
 
 	// Minimal default mode.
-	CodeMirror.defineMode("null", function () { return ({token: function (stream) { return stream.skipToEnd(); }}); })
-	CodeMirror.defineMIME("text/plain", "null")
+	CodeMirror$1.defineMode("null", function () { return ({token: function (stream) { return stream.skipToEnd(); }}); });
+	CodeMirror$1.defineMIME("text/plain", "null");
 
 	// EXTENSIONS
 
-	CodeMirror.defineExtension = function (name, func) {
-	  CodeMirror.prototype[name] = func
-	}
-	CodeMirror.defineDocExtension = function (name, func) {
-	  Doc.prototype[name] = func
-	}
+	CodeMirror$1.defineExtension = function (name, func) {
+	  CodeMirror$1.prototype[name] = func;
+	};
+	CodeMirror$1.defineDocExtension = function (name, func) {
+	  Doc.prototype[name] = func;
+	};
 
-	CodeMirror.fromTextArea = fromTextArea
+	CodeMirror$1.fromTextArea = fromTextArea;
 
-	addLegacyProps(CodeMirror)
+	addLegacyProps(CodeMirror$1);
 
-	CodeMirror.version = "5.23.0"
+	CodeMirror$1.version = "5.38.0";
 
-	return CodeMirror;
+	return CodeMirror$1;
 
 	})));
 
-/***/ },
-/* 165 */
-/***/ function(module, exports, __webpack_require__) {
+
+/***/ }),
+/* 188 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -31129,8 +33851,8 @@
 	})(function(CodeMirror) {
 	  "use strict";
 
-	  var listRE = /^(\s*)(>[> ]*|- \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,
-	      emptyListRE = /^(\s*)(>[> ]*|- \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
+	  var listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,
+	      emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
 	      unorderedListRE = /[*+-]\s/;
 
 	  CodeMirror.commands.newlineAndIndentContinueMarkdownList = function(cm) {
@@ -31143,12 +33865,13 @@
 	      var inQuote = eolState.quote !== 0;
 
 	      var line = cm.getLine(pos.line), match = listRE.exec(line);
-	      if (!ranges[i].empty() || (!inList && !inQuote) || !match) {
+	      var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
+	      if (!ranges[i].empty() || (!inList && !inQuote) || !match || cursorBeforeBullet) {
 	        cm.execCommand("newlineAndIndent");
 	        return;
 	      }
 	      if (emptyListRE.test(line)) {
-	        cm.replaceRange("", {
+	        if (!/>\s*$/.test(line)) cm.replaceRange("", {
 	          line: pos.line, ch: 0
 	        }, {
 	          line: pos.line, ch: pos.ch + 1
@@ -31156,27 +33879,64 @@
 	        replacements[i] = "\n";
 	      } else {
 	        var indent = match[1], after = match[5];
-	        var bullet = unorderedListRE.test(match[2]) || match[2].indexOf(">") >= 0
-	          ? match[2].replace("x", " ")
-	          : (parseInt(match[3], 10) + 1) + match[4];
-
+	        var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf(">") >= 0);
+	        var bullet = numbered ? (parseInt(match[3], 10) + 1) + match[4] : match[2].replace("x", " ");
 	        replacements[i] = "\n" + indent + bullet + after;
+
+	        if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
 	      }
 	    }
 
 	    cm.replaceSelections(replacements);
 	  };
+
+	  // Auto-updating Markdown list numbers when a new item is added to the
+	  // middle of a list
+	  function incrementRemainingMarkdownListNumbers(cm, pos) {
+	    var startLine = pos.line, lookAhead = 0, skipCount = 0;
+	    var startItem = listRE.exec(cm.getLine(startLine)), startIndent = startItem[1];
+
+	    do {
+	      lookAhead += 1;
+	      var nextLineNumber = startLine + lookAhead;
+	      var nextLine = cm.getLine(nextLineNumber), nextItem = listRE.exec(nextLine);
+
+	      if (nextItem) {
+	        var nextIndent = nextItem[1];
+	        var newNumber = (parseInt(startItem[3], 10) + lookAhead - skipCount);
+	        var nextNumber = (parseInt(nextItem[3], 10)), itemNumber = nextNumber;
+
+	        if (startIndent === nextIndent && !isNaN(nextNumber)) {
+	          if (newNumber === nextNumber) itemNumber = nextNumber + 1;
+	          if (newNumber > nextNumber) itemNumber = newNumber + 1;
+	          cm.replaceRange(
+	            nextLine.replace(listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]),
+	          {
+	            line: nextLineNumber, ch: 0
+	          }, {
+	            line: nextLineNumber, ch: nextLine.length
+	          });
+	        } else {
+	          if (startIndent.length > nextIndent.length) return;
+	          // This doesn't run if the next line immediatley indents, as it is
+	          // not clear of the users intention (new indented item or same level)
+	          if ((startIndent.length < nextIndent.length) && (lookAhead === 1)) return;
+	          skipCount += 1;
+	        }
+	      }
+	    } while (nextItem);
+	  }
 	});
 
 
-/***/ },
-/* 166 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 189 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
-	var CodeMirror = __webpack_require__(164);
+	var CodeMirror = __webpack_require__(187);
 
 	CodeMirror.commands.tabAndIndentMarkdownList = function (cm) {
 		var ranges = cm.listSelections();
@@ -31219,16 +33979,16 @@
 	};
 
 
-/***/ },
-/* 167 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 190 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -31266,16 +34026,16 @@
 	});
 
 
-/***/ },
-/* 168 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 191 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164), __webpack_require__(169), __webpack_require__(170));
+	    mod(__webpack_require__(187), __webpack_require__(192), __webpack_require__(193));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror", "../xml/xml", "../meta"], mod);
 	  else // Plain browser env
@@ -31307,15 +34067,6 @@
 	  if (modeCfg.maxBlockquoteDepth === undefined)
 	    modeCfg.maxBlockquoteDepth = 0;
 
-	  // Should underscores in words open/close em/strong?
-	  if (modeCfg.underscoresBreakWords === undefined)
-	    modeCfg.underscoresBreakWords = true;
-
-	  // Use `fencedCodeBlocks` to configure fenced code blocks. false to
-	  // disable, string to specify a precise regexp that the fence should
-	  // match, and true to allow three or more backticks or tildes (as
-	  // per CommonMark).
-
 	  // Turn on task lists? ("- [ ] " and "- [x] ")
 	  if (modeCfg.taskLists === undefined) modeCfg.taskLists = false;
 
@@ -31323,6 +34074,15 @@
 	  if (modeCfg.strikethrough === undefined)
 	    modeCfg.strikethrough = false;
 
+	  if (modeCfg.emoji === undefined)
+	    modeCfg.emoji = false;
+
+	  if (modeCfg.fencedCodeBlockHighlighting === undefined)
+	    modeCfg.fencedCodeBlockHighlighting = true;
+
+	  if (modeCfg.xml === undefined)
+	    modeCfg.xml = true;
+
 	  // Allow token types to be overridden by user-provided token types.
 	  if (modeCfg.tokenTypeOverrides === undefined)
 	    modeCfg.tokenTypeOverrides = {};
@@ -31345,7 +34105,8 @@
 	    linkHref: "string",
 	    em: "em",
 	    strong: "strong",
-	    strikethrough: "strikethrough"
+	    strikethrough: "strikethrough",
+	    emoji: "builtin"
 	  };
 
 	  for (var tokenType in tokenTypes) {
@@ -31356,12 +34117,14 @@
 
 	  var hrRE = /^([*\-_])(?:\s*\1){2,}\s*$/
 	  ,   listRE = /^(?:[*\-+]|^[0-9]+([.)]))\s+/
-	  ,   taskListRE = /^\[(x| )\](?=\s)/ // Must follow listRE
+	  ,   taskListRE = /^\[(x| )\](?=\s)/i // Must follow listRE
 	  ,   atxHeaderRE = modeCfg.allowAtxHeaderWithoutSpace ? /^(#+)/ : /^(#+)(?: |$)/
 	  ,   setextHeaderRE = /^ *(?:\={1,}|-{1,})\s*$/
-	  ,   textRE = /^[^#!\[\]*_\\<>` "'(~]+/
-	  ,   fencedCodeRE = new RegExp("^(" + (modeCfg.fencedCodeBlocks === true ? "~~~+|```+" : modeCfg.fencedCodeBlocks) +
-	                                ")[ \\t]*([\\w+#\-]*)");
+	  ,   textRE = /^[^#!\[\]*_\\<>` "'(~:]+/
+	  ,   fencedCodeRE = /^(~~~+|```+)[ \t]*([\w+#-]*)[^\n`]*$/
+	  ,   linkDefRE = /^\s*\[[^\]]+?\]:.*$/ // naive link-definition
+	  ,   punctuation = /[!\"#$%&\'()*+,\-\.\/:;<=>?@\[\\\]^_`{|}~—]/
+	  ,   expandedTab = "    " // CommonMark specifies tab as 4 spaces
 
 	  function switchInline(stream, state, f) {
 	    state.f = state.inline = f;
@@ -31382,6 +34145,8 @@
 	  function blankLine(state) {
 	    // Reset linkTitle state
 	    state.linkTitle = false;
+	    state.linkHref = false;
+	    state.linkText = false;
 	    // Reset EM state
 	    state.em = false;
 	    // Reset STRONG state
@@ -31392,7 +34157,7 @@
 	    state.quote = 0;
 	    // Reset state.indentedCode
 	    state.indentedCode = false;
-	    if (htmlModeMissing && state.f == htmlBlock) {
+	    if (state.f == htmlBlock) {
 	      state.f = inlineNormal;
 	      state.block = blockNormal;
 	    }
@@ -31401,76 +34166,86 @@
 	    state.trailingSpaceNewLine = false;
 	    // Mark this line as blank
 	    state.prevLine = state.thisLine
-	    state.thisLine = null
+	    state.thisLine = {stream: null}
 	    return null;
 	  }
 
 	  function blockNormal(stream, state) {
-
-	    var sol = stream.sol();
-
-	    var prevLineIsList = state.list !== false,
-	        prevLineIsIndentedCode = state.indentedCode;
+	    var firstTokenOnLine = stream.column() === state.indentation;
+	    var prevLineLineIsEmpty = lineIsEmpty(state.prevLine.stream);
+	    var prevLineIsIndentedCode = state.indentedCode;
+	    var prevLineIsHr = state.prevLine.hr;
+	    var prevLineIsList = state.list !== false;
+	    var maxNonCodeIndentation = (state.listStack[state.listStack.length - 1] || 0) + 3;
 
 	    state.indentedCode = false;
 
-	    if (prevLineIsList) {
-	      if (state.indentationDiff >= 0) { // Continued list
-	        if (state.indentationDiff < 4) { // Only adjust indentation if *not* a code block
-	          state.indentation -= state.indentationDiff;
-	        }
-	        state.list = null;
-	      } else if (state.indentation > 0) {
+	    var lineIndentation = state.indentation;
+	    // compute once per line (on first token)
+	    if (state.indentationDiff === null) {
+	      state.indentationDiff = state.indentation;
+	      if (prevLineIsList) {
+	        // Reset inline styles which shouldn't propagate aross list items
+	        state.em = false;
+	        state.strong = false;
+	        state.code = false;
+	        state.strikethrough = false;
+
 	        state.list = null;
-	      } else { // No longer a list
-	        state.list = false;
+	        // While this list item's marker's indentation is less than the deepest
+	        //  list item's content's indentation,pop the deepest list item
+	        //  indentation off the stack, and update block indentation state
+	        while (lineIndentation < state.listStack[state.listStack.length - 1]) {
+	          state.listStack.pop();
+	          if (state.listStack.length) {
+	            state.indentation = state.listStack[state.listStack.length - 1];
+	          // less than the first list's indent -> the line is no longer a list
+	          } else {
+	            state.list = false;
+	          }
+	        }
+	        if (state.list !== false) {
+	          state.indentationDiff = lineIndentation - state.listStack[state.listStack.length - 1]
+	        }
 	      }
 	    }
 
+	    // not comprehensive (currently only for setext detection purposes)
+	    var allowsInlineContinuation = (
+	        !prevLineLineIsEmpty && !prevLineIsHr && !state.prevLine.header &&
+	        (!prevLineIsList || !prevLineIsIndentedCode) &&
+	        !state.prevLine.fencedCodeEnd
+	    );
+
+	    var isHr = (state.list === false || prevLineIsHr || prevLineLineIsEmpty) &&
+	      state.indentation <= maxNonCodeIndentation && stream.match(hrRE);
+
 	    var match = null;
-	    if (state.indentationDiff >= 4) {
+	    if (state.indentationDiff >= 4 && (prevLineIsIndentedCode || state.prevLine.fencedCodeEnd ||
+	         state.prevLine.header || prevLineLineIsEmpty)) {
 	      stream.skipToEnd();
-	      if (prevLineIsIndentedCode || lineIsEmpty(state.prevLine)) {
-	        state.indentation -= 4;
-	        state.indentedCode = true;
-	        return tokenTypes.code;
-	      } else {
-	        return null;
-	      }
+	      state.indentedCode = true;
+	      return tokenTypes.code;
 	    } else if (stream.eatSpace()) {
 	      return null;
-	    } else if ((match = stream.match(atxHeaderRE)) && match[1].length <= 6) {
+	    } else if (firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(atxHeaderRE)) && match[1].length <= 6) {
+	      state.quote = 0;
 	      state.header = match[1].length;
+	      state.thisLine.header = true;
 	      if (modeCfg.highlightFormatting) state.formatting = "header";
 	      state.f = state.inline;
 	      return getType(state);
-	    } else if (!lineIsEmpty(state.prevLine) && !state.quote && !prevLineIsList &&
-	               !prevLineIsIndentedCode && (match = stream.match(setextHeaderRE))) {
-	      state.header = match[0].charAt(0) == '=' ? 1 : 2;
-	      if (modeCfg.highlightFormatting) state.formatting = "header";
-	      state.f = state.inline;
-	      return getType(state);
-	    } else if (stream.eat('>')) {
-	      state.quote = sol ? 1 : state.quote + 1;
+	    } else if (state.indentation <= maxNonCodeIndentation && stream.eat('>')) {
+	      state.quote = firstTokenOnLine ? 1 : state.quote + 1;
 	      if (modeCfg.highlightFormatting) state.formatting = "quote";
 	      stream.eatSpace();
 	      return getType(state);
-	    } else if (stream.peek() === '[') {
-	      return switchInline(stream, state, footnoteLink);
-	    } else if (stream.match(hrRE, true)) {
-	      state.hr = true;
-	      return tokenTypes.hr;
-	    } else if (match = stream.match(listRE)) {
+	    } else if (!isHr && !state.setext && firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(listRE))) {
 	      var listType = match[1] ? "ol" : "ul";
-	      state.indentation = stream.column() + stream.current().length;
-	      state.list = true;
 
-	      // While this list item's marker's indentation
-	      // is less than the deepest list item's content's indentation,
-	      // pop the deepest list item indentation off the stack.
-	      while (state.listStack && stream.column() < state.listStack[state.listStack.length - 1]) {
-	        state.listStack.pop();
-	      }
+	      state.indentation = lineIndentation + stream.current().length;
+	      state.list = true;
+	      state.quote = 0;
 
 	      // Add this list item's content's indentation to the stack
 	      state.listStack.push(state.indentation);
@@ -31481,15 +34256,47 @@
 	      state.f = state.inline;
 	      if (modeCfg.highlightFormatting) state.formatting = ["list", "list-" + listType];
 	      return getType(state);
-	    } else if (modeCfg.fencedCodeBlocks && (match = stream.match(fencedCodeRE, true))) {
-	      state.fencedChars = match[1]
+	    } else if (firstTokenOnLine && state.indentation <= maxNonCodeIndentation && (match = stream.match(fencedCodeRE, true))) {
+	      state.quote = 0;
+	      state.fencedEndRE = new RegExp(match[1] + "+ *$");
 	      // try switching mode
-	      state.localMode = getMode(match[2]);
+	      state.localMode = modeCfg.fencedCodeBlockHighlighting && getMode(match[2]);
 	      if (state.localMode) state.localState = CodeMirror.startState(state.localMode);
 	      state.f = state.block = local;
 	      if (modeCfg.highlightFormatting) state.formatting = "code-block";
 	      state.code = -1
 	      return getType(state);
+	    // SETEXT has lowest block-scope precedence after HR, so check it after
+	    //  the others (code, blockquote, list...)
+	    } else if (
+	      // if setext set, indicates line after ---/===
+	      state.setext || (
+	        // line before ---/===
+	        (!allowsInlineContinuation || !prevLineIsList) && !state.quote && state.list === false &&
+	        !state.code && !isHr && !linkDefRE.test(stream.string) &&
+	        (match = stream.lookAhead(1)) && (match = match.match(setextHeaderRE))
+	      )
+	    ) {
+	      if ( !state.setext ) {
+	        state.header = match[0].charAt(0) == '=' ? 1 : 2;
+	        state.setext = state.header;
+	      } else {
+	        state.header = state.setext;
+	        // has no effect on type so we can reset it now
+	        state.setext = 0;
+	        stream.skipToEnd();
+	        if (modeCfg.highlightFormatting) state.formatting = "header";
+	      }
+	      state.thisLine.header = true;
+	      state.f = state.inline;
+	      return getType(state);
+	    } else if (isHr) {
+	      stream.skipToEnd();
+	      state.hr = true;
+	      state.thisLine.hr = true;
+	      return tokenTypes.hr;
+	    } else if (stream.peek() === '[') {
+	      return switchInline(stream, state, footnoteLink);
 	    }
 
 	    return switchInline(stream, state, state.inline);
@@ -31511,10 +34318,21 @@
 	  }
 
 	  function local(stream, state) {
-	    if (state.fencedChars && stream.match(state.fencedChars, false)) {
+	    var currListInd = state.listStack[state.listStack.length - 1] || 0;
+	    var hasExitedList = state.indentation < currListInd;
+	    var maxFencedEndInd = currListInd + 3;
+	    if (state.fencedEndRE && state.indentation <= maxFencedEndInd && (hasExitedList || stream.match(state.fencedEndRE))) {
+	      if (modeCfg.highlightFormatting) state.formatting = "code-block";
+	      var returnType;
+	      if (!hasExitedList) returnType = getType(state)
 	      state.localMode = state.localState = null;
-	      state.f = state.block = leavingLocal;
-	      return null;
+	      state.block = blockNormal;
+	      state.f = inlineNormal;
+	      state.fencedEndRE = null;
+	      state.code = 0
+	      state.thisLine.fencedCodeEnd = true;
+	      if (hasExitedList) return switchBlock(stream, state, state.block);
+	      return returnType;
 	    } else if (state.localMode) {
 	      return state.localMode.token(stream, state.localState);
 	    } else {
@@ -31523,18 +34341,6 @@
 	    }
 	  }
 
-	  function leavingLocal(stream, state) {
-	    stream.match(state.fencedChars);
-	    state.block = blockNormal;
-	    state.f = inlineNormal;
-	    state.fencedChars = null;
-	    if (modeCfg.highlightFormatting) state.formatting = "code-block";
-	    state.code = 1
-	    var returnType = getType(state);
-	    state.code = 0
-	    return returnType;
-	  }
-
 	  // Inline
 	  function getType(state) {
 	    var styles = [];
@@ -31578,6 +34384,7 @@
 	      if (state.strong) { styles.push(tokenTypes.strong); }
 	      if (state.em) { styles.push(tokenTypes.em); }
 	      if (state.strikethrough) { styles.push(tokenTypes.strikethrough); }
+	      if (state.emoji) { styles.push(tokenTypes.emoji); }
 	      if (state.linkText) { styles.push(tokenTypes.linkText); }
 	      if (state.code) { styles.push(tokenTypes.code); }
 	      if (state.image) { styles.push(tokenTypes.image); }
@@ -31636,7 +34443,7 @@
 	    }
 
 	    if (state.taskList) {
-	      var taskOpen = stream.match(taskListRE, true)[1] !== "x";
+	      var taskOpen = stream.match(taskListRE, true)[1] === " ";
 	      if (taskOpen) state.taskOpen = true;
 	      else state.taskClosed = true;
 	      if (modeCfg.highlightFormatting) state.formatting = "task";
@@ -31652,9 +34459,6 @@
 	      return getType(state);
 	    }
 
-	    // Get sol() value now, before character is consumed
-	    var sol = stream.sol();
-
 	    var ch = stream.next();
 
 	    // Matches link titles present on next line
@@ -31664,7 +34468,7 @@
 	      if (ch === '(') {
 	        matchCh = ')';
 	      }
-	      matchCh = (matchCh+'').replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+	      matchCh = (matchCh+'').replace(/([.?*+^\[\]\\(){}|-])/g, "\\$1");
 	      var regex = '^\\s*(?:[^' + matchCh + '\\\\]+|\\\\\\\\|\\\\.)' + matchCh;
 	      if (stream.match(new RegExp(regex), true)) {
 	        return tokenTypes.linkHref;
@@ -31677,7 +34481,7 @@
 	      if (modeCfg.highlightFormatting) state.formatting = "code";
 	      stream.eatWhile('`');
 	      var count = stream.current().length
-	      if (state.code == 0) {
+	      if (state.code == 0 && (!state.quote || count == 1)) {
 	        state.code = count
 	        return getType(state)
 	      } else if (count == state.code) { // Must be exact
@@ -31724,17 +34528,17 @@
 	      return type;
 	    }
 
-	    if (ch === '[' && stream.match(/[^\]]*\](\(.*\)| ?\[.*?\])/, false) && !state.image) {
+	    if (ch === '[' && !state.image) {
 	      state.linkText = true;
 	      if (modeCfg.highlightFormatting) state.formatting = "link";
 	      return getType(state);
 	    }
 
-	    if (ch === ']' && state.linkText && stream.match(/\(.*?\)| ?\[.*?\]/, false)) {
+	    if (ch === ']' && state.linkText) {
 	      if (modeCfg.highlightFormatting) state.formatting = "link";
 	      var type = getType(state);
 	      state.linkText = false;
-	      state.inline = state.f = linkHref;
+	      state.inline = state.f = stream.match(/\(.*?\)| ?\[.*?\]/, false) ? linkHref : inlineNormal
 	      return type;
 	    }
 
@@ -31762,7 +34566,7 @@
 	      return type + tokenTypes.linkEmail;
 	    }
 
-	    if (ch === '<' && stream.match(/^(!--|[a-z]+(?:\s+[a-z_:.\-]+(?:\s*=\s*[^ >]+)?)*\s*>)/i, false)) {
+	    if (modeCfg.xml && ch === '<' && stream.match(/^(!--|[a-z][a-z0-9-]*(?:\s+[a-z_:.\-]+(?:\s*=\s*[^>]+)?)*\s*>)/i, false)) {
 	      var end = stream.string.indexOf(">", stream.pos);
 	      if (end != -1) {
 	        var atts = stream.string.substring(stream.start, end);
@@ -31773,44 +34577,37 @@
 	      return switchBlock(stream, state, htmlBlock);
 	    }
 
-	    if (ch === '<' && stream.match(/^\/\w*?>/)) {
+	    if (modeCfg.xml && ch === '<' && stream.match(/^\/\w*?>/)) {
 	      state.md_inside = false;
 	      return "tag";
-	    }
-
-	    var ignoreUnderscore = false;
-	    if (!modeCfg.underscoresBreakWords) {
-	      if (ch === '_' && stream.peek() !== '_' && stream.match(/(\w)/, false)) {
-	        var prevPos = stream.pos - 2;
-	        if (prevPos >= 0) {
-	          var prevCh = stream.string.charAt(prevPos);
-	          if (prevCh !== '_' && prevCh.match(/(\w)/, false)) {
-	            ignoreUnderscore = true;
-	          }
-	        }
-	      }
-	    }
-	    if (ch === '*' || (ch === '_' && !ignoreUnderscore)) {
-	      if (sol && stream.peek() === ' ') {
-	        // Do nothing, surrounded by newline and space
-	      } else if (state.strong === ch && stream.eat(ch)) { // Remove STRONG
-	        if (modeCfg.highlightFormatting) state.formatting = "strong";
-	        var t = getType(state);
-	        state.strong = false;
-	        return t;
-	      } else if (!state.strong && stream.eat(ch)) { // Add STRONG
-	        state.strong = ch;
-	        if (modeCfg.highlightFormatting) state.formatting = "strong";
-	        return getType(state);
-	      } else if (state.em === ch) { // Remove EM
-	        if (modeCfg.highlightFormatting) state.formatting = "em";
-	        var t = getType(state);
-	        state.em = false;
-	        return t;
-	      } else if (!state.em) { // Add EM
-	        state.em = ch;
-	        if (modeCfg.highlightFormatting) state.formatting = "em";
-	        return getType(state);
+	    } else if (ch === "*" || ch === "_") {
+	      var len = 1, before = stream.pos == 1 ? " " : stream.string.charAt(stream.pos - 2)
+	      while (len < 3 && stream.eat(ch)) len++
+	      var after = stream.peek() || " "
+	      // See http://spec.commonmark.org/0.27/#emphasis-and-strong-emphasis
+	      var leftFlanking = !/\s/.test(after) && (!punctuation.test(after) || /\s/.test(before) || punctuation.test(before))
+	      var rightFlanking = !/\s/.test(before) && (!punctuation.test(before) || /\s/.test(after) || punctuation.test(after))
+	      var setEm = null, setStrong = null
+	      if (len % 2) { // Em
+	        if (!state.em && leftFlanking && (ch === "*" || !rightFlanking || punctuation.test(before)))
+	          setEm = true
+	        else if (state.em == ch && rightFlanking && (ch === "*" || !leftFlanking || punctuation.test(after)))
+	          setEm = false
+	      }
+	      if (len > 1) { // Strong
+	        if (!state.strong && leftFlanking && (ch === "*" || !rightFlanking || punctuation.test(before)))
+	          setStrong = true
+	        else if (state.strong == ch && rightFlanking && (ch === "*" || !leftFlanking || punctuation.test(after)))
+	          setStrong = false
+	      }
+	      if (setStrong != null || setEm != null) {
+	        if (modeCfg.highlightFormatting) state.formatting = setEm == null ? "strong" : setStrong == null ? "em" : "strong em"
+	        if (setEm === true) state.em = ch
+	        if (setStrong === true) state.strong = ch
+	        var t = getType(state)
+	        if (setEm === false) state.em = false
+	        if (setStrong === false) state.strong = false
+	        return t
 	      }
 	    } else if (ch === ' ') {
 	      if (stream.eat('*') || stream.eat('_')) { // Probably surrounded by spaces
@@ -31845,8 +34642,16 @@
 	      }
 	    }
 
+	    if (modeCfg.emoji && ch === ":" && stream.match(/^[a-z_\d+-]+:/)) {
+	      state.emoji = true;
+	      if (modeCfg.highlightFormatting) state.formatting = "emoji";
+	      var retType = getType(state);
+	      state.emoji = false;
+	      return retType;
+	    }
+
 	    if (ch === ' ') {
-	      if (stream.match(/ +$/, false)) {
+	      if (stream.match(/^ +$/, false)) {
 	        state.trailingSpace++;
 	      } else if (state.trailingSpace) {
 	        state.trailingSpaceNewLine = true;
@@ -31883,7 +34688,7 @@
 	    }
 	    var ch = stream.next();
 	    if (ch === '(' || ch === '[') {
-	      state.f = state.inline = getLinkHrefInside(ch === "(" ? ")" : "]", 0);
+	      state.f = state.inline = getLinkHrefInside(ch === "(" ? ")" : "]");
 	      if (modeCfg.highlightFormatting) state.formatting = "link-string";
 	      state.linkHref = true;
 	      return getType(state);
@@ -31893,7 +34698,7 @@
 
 	  var linkRE = {
 	    ")": /^(?:[^\\\(\)]|\\.|\((?:[^\\\(\)]|\\.)*\))*?(?=\))/,
-	    "]": /^(?:[^\\\[\]]|\\.|\[(?:[^\\\[\\]]|\\.)*\])*?(?=\])/
+	    "]": /^(?:[^\\\[\]]|\\.|\[(?:[^\\\[\]]|\\.)*\])*?(?=\])/
 	  }
 
 	  function getLinkHrefInside(endChar) {
@@ -31961,8 +34766,8 @@
 	      return {
 	        f: blockNormal,
 
-	        prevLine: null,
-	        thisLine: null,
+	        prevLine: {stream: null},
+	        thisLine: {stream: null},
 
 	        block: blockNormal,
 	        htmlState: null,
@@ -31979,6 +34784,7 @@
 	        em: false,
 	        strong: false,
 	        header: 0,
+	        setext: 0,
 	        hr: false,
 	        taskList: false,
 	        list: false,
@@ -31987,7 +34793,8 @@
 	        trailingSpace: 0,
 	        trailingSpaceNewLine: false,
 	        strikethrough: false,
-	        fencedChars: null
+	        emoji: false,
+	        fencedEndRE: null
 	      };
 	    },
 
@@ -32008,12 +34815,16 @@
 	        inline: s.inline,
 	        text: s.text,
 	        formatting: false,
+	        linkText: s.linkText,
 	        linkTitle: s.linkTitle,
+	        linkHref: s.linkHref,
 	        code: s.code,
 	        em: s.em,
 	        strong: s.strong,
 	        strikethrough: s.strikethrough,
+	        emoji: s.emoji,
 	        header: s.header,
+	        setext: s.setext,
 	        hr: s.hr,
 	        taskList: s.taskList,
 	        list: s.list,
@@ -32023,7 +34834,7 @@
 	        trailingSpace: s.trailingSpace,
 	        trailingSpaceNewLine: s.trailingSpaceNewLine,
 	        md_inside: s.md_inside,
-	        fencedChars: s.fencedChars
+	        fencedEndRE: s.fencedEndRE
 	      };
 	    },
 
@@ -32032,21 +34843,17 @@
 	      // Reset state.formatting
 	      state.formatting = false;
 
-	      if (stream != state.thisLine) {
-	        var forceBlankLine = state.header || state.hr;
-
-	        // Reset state.header and state.hr
+	      if (stream != state.thisLine.stream) {
 	        state.header = 0;
 	        state.hr = false;
 
-	        if (stream.match(/^\s*$/, true) || forceBlankLine) {
+	        if (stream.match(/^\s*$/, true)) {
 	          blankLine(state);
-	          if (!forceBlankLine) return null
-	          state.prevLine = null
+	          return null;
 	        }
 
 	        state.prevLine = state.thisLine
-	        state.thisLine = stream
+	        state.thisLine = {stream: stream}
 
 	        // Reset state.taskList
 	        state.taskList = false;
@@ -32055,11 +34862,15 @@
 	        state.trailingSpace = 0;
 	        state.trailingSpaceNewLine = false;
 
-	        state.f = state.block;
-	        var indentation = stream.match(/^\s*/, true)[0].replace(/\t/g, '    ').length;
-	        state.indentationDiff = Math.min(indentation - state.indentation, 4);
-	        state.indentation = state.indentation + state.indentationDiff;
-	        if (indentation > 0) return null;
+	        if (!state.localState) {
+	          state.f = state.block;
+	          if (state.f != htmlBlock) {
+	            var indentation = stream.match(/^\s*/, true)[0].replace(/\t/g, expandedTab).length;
+	            state.indentation = indentation;
+	            state.indentationDiff = null;
+	            if (indentation > 0) return null;
+	          }
+	        }
 	      }
 	      return state.f(stream, state);
 	    },
@@ -32070,6 +34881,12 @@
 	      return {state: state, mode: mode};
 	    },
 
+	    indent: function(state, textAfter, line) {
+	      if (state.block == htmlBlock && htmlMode.indent) return htmlMode.indent(state.htmlState, textAfter, line)
+	      if (state.localState && state.localMode.indent) return state.localMode.indent(state.localState, textAfter, line)
+	      return CodeMirror.Pass
+	    },
+
 	    blankLine: blankLine,
 
 	    getType: getType,
@@ -32080,21 +34897,23 @@
 	  return mode;
 	}, "xml");
 
+	CodeMirror.defineMIME("text/markdown", "markdown");
+
 	CodeMirror.defineMIME("text/x-markdown", "markdown");
 
 	});
 
 
-/***/ },
-/* 169 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 192 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -32143,6 +34962,7 @@
 	  doNotIndent: {},
 	  allowUnquoted: false,
 	  allowMissing: false,
+	  allowMissingTagName: false,
 	  caseFold: false
 	}
 
@@ -32317,6 +35137,9 @@
 	      state.tagName = stream.current();
 	      setStyle = "tag";
 	      return attrState;
+	    } else if (config.allowMissingTagName && type == "endTag") {
+	      setStyle = "tag bracket";
+	      return attrState(type, stream, state);
 	    } else {
 	      setStyle = "error";
 	      return tagNameState;
@@ -32335,6 +35158,9 @@
 	        setStyle = "tag error";
 	        return closeStateErr;
 	      }
+	    } else if (config.allowMissingTagName && type == "endTag") {
+	      setStyle = "tag bracket";
+	      return closeState(type, stream, state);
 	    } else {
 	      setStyle = "error";
 	      return closeStateErr;
@@ -32485,16 +35311,16 @@
 	});
 
 
-/***/ },
-/* 170 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 193 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -32504,11 +35330,11 @@
 
 	  CodeMirror.modeInfo = [
 	    {name: "APL", mime: "text/apl", mode: "apl", ext: ["dyalog", "apl"]},
-	    {name: "PGP", mimes: ["application/pgp", "application/pgp-keys", "application/pgp-signature"], mode: "asciiarmor", ext: ["pgp"]},
+	    {name: "PGP", mimes: ["application/pgp", "application/pgp-encrypted", "application/pgp-keys", "application/pgp-signature"], mode: "asciiarmor", ext: ["asc", "pgp", "sig"]},
 	    {name: "ASN.1", mime: "text/x-ttcn-asn", mode: "asn.1", ext: ["asn", "asn1"]},
 	    {name: "Asterisk", mime: "text/x-asterisk", mode: "asterisk", file: /^extensions\.conf$/i},
 	    {name: "Brainfuck", mime: "text/x-brainfuck", mode: "brainfuck", ext: ["b", "bf"]},
-	    {name: "C", mime: "text/x-csrc", mode: "clike", ext: ["c", "h"]},
+	    {name: "C", mime: "text/x-csrc", mode: "clike", ext: ["c", "h", "ino"]},
 	    {name: "C++", mime: "text/x-c++src", mode: "clike", ext: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"], alias: ["cpp"]},
 	    {name: "Cobol", mime: "text/x-cobol", mode: "cobol", ext: ["cob", "cpy"]},
 	    {name: "C#", mime: "text/x-csharp", mode: "clike", ext: ["cs"], alias: ["csharp"]},
@@ -32516,7 +35342,7 @@
 	    {name: "ClojureScript", mime: "text/x-clojurescript", mode: "clojure", ext: ["cljs"]},
 	    {name: "Closure Stylesheets (GSS)", mime: "text/x-gss", mode: "css", ext: ["gss"]},
 	    {name: "CMake", mime: "text/x-cmake", mode: "cmake", ext: ["cmake", "cmake.in"], file: /^CMakeLists.txt$/},
-	    {name: "CoffeeScript", mime: "text/x-coffeescript", mode: "coffeescript", ext: ["coffee"], alias: ["coffee", "coffee-script"]},
+	    {name: "CoffeeScript", mimes: ["application/vnd.coffeescript", "text/coffeescript", "text/x-coffeescript"], mode: "coffeescript", ext: ["coffee"], alias: ["coffee", "coffee-script"]},
 	    {name: "Common Lisp", mime: "text/x-common-lisp", mode: "commonlisp", ext: ["cl", "lisp", "el"], alias: ["lisp"]},
 	    {name: "Cypher", mime: "application/x-cypher-query", mode: "cypher", ext: ["cyp", "cypher"]},
 	    {name: "Cython", mime: "text/x-cython", mode: "python", ext: ["pyx", "pxd", "pxi"]},
@@ -32538,6 +35364,7 @@
 	    {name: "Embedded Javascript", mime: "application/x-ejs", mode: "htmlembedded", ext: ["ejs"]},
 	    {name: "Embedded Ruby", mime: "application/x-erb", mode: "htmlembedded", ext: ["erb"]},
 	    {name: "Erlang", mime: "text/x-erlang", mode: "erlang", ext: ["erl"]},
+	    {name: "Esper", mime: "text/x-esper", mode: "sql"},
 	    {name: "Factor", mime: "text/x-factor", mode: "factor", ext: ["factor"]},
 	    {name: "FCL", mime: "text/x-fcl", mode: "fcl"},
 	    {name: "Forth", mime: "text/x-forth", mode: "forth", ext: ["forth", "fth", "4th"]},
@@ -32554,7 +35381,7 @@
 	    {name: "Haxe", mime: "text/x-haxe", mode: "haxe", ext: ["hx"]},
 	    {name: "HXML", mime: "text/x-hxml", mode: "haxe", ext: ["hxml"]},
 	    {name: "ASP.NET", mime: "application/x-aspx", mode: "htmlembedded", ext: ["aspx"], alias: ["asp", "aspx"]},
-	    {name: "HTML", mime: "text/html", mode: "htmlmixed", ext: ["html", "htm"], alias: ["xhtml"]},
+	    {name: "HTML", mime: "text/html", mode: "htmlmixed", ext: ["html", "htm", "handlebars", "hbs"], alias: ["xhtml"]},
 	    {name: "HTTP", mime: "message/http", mode: "http"},
 	    {name: "IDL", mime: "text/x-idl", mode: "idl", ext: ["pro"]},
 	    {name: "Pug", mime: "text/x-pug", mode: "pug", ext: ["jade", "pug"], alias: ["jade"]},
@@ -32582,15 +35409,16 @@
 	    {name: "MySQL", mime: "text/x-mysql", mode: "sql"},
 	    {name: "Nginx", mime: "text/x-nginx-conf", mode: "nginx", file: /nginx.*\.conf$/i},
 	    {name: "NSIS", mime: "text/x-nsis", mode: "nsis", ext: ["nsh", "nsi"]},
-	    {name: "NTriples", mime: "text/n-triples", mode: "ntriples", ext: ["nt"]},
-	    {name: "Objective C", mime: "text/x-objectivec", mode: "clike", ext: ["m", "mm"], alias: ["objective-c", "objc"]},
+	    {name: "NTriples", mimes: ["application/n-triples", "application/n-quads", "text/n-triples"],
+	     mode: "ntriples", ext: ["nt", "nq"]},
+	    {name: "Objective-C", mime: "text/x-objectivec", mode: "clike", ext: ["m", "mm"], alias: ["objective-c", "objc"]},
 	    {name: "OCaml", mime: "text/x-ocaml", mode: "mllike", ext: ["ml", "mli", "mll", "mly"]},
 	    {name: "Octave", mime: "text/x-octave", mode: "octave", ext: ["m"]},
 	    {name: "Oz", mime: "text/x-oz", mode: "oz", ext: ["oz"]},
 	    {name: "Pascal", mime: "text/x-pascal", mode: "pascal", ext: ["p", "pas"]},
 	    {name: "PEG.js", mime: "null", mode: "pegjs", ext: ["jsonld"]},
 	    {name: "Perl", mime: "text/x-perl", mode: "perl", ext: ["pl", "pm"]},
-	    {name: "PHP", mime: "application/x-httpd-php", mode: "php", ext: ["php", "php3", "php4", "php5", "phtml"]},
+	    {name: "PHP", mimes: ["text/x-php", "application/x-httpd-php", "application/x-httpd-php-open"], mode: "php", ext: ["php", "php3", "php4", "php5", "php7", "phtml"]},
 	    {name: "Pig", mime: "text/x-pig", mode: "pig", ext: ["pig"]},
 	    {name: "Plain Text", mime: "text/plain", mode: "null", ext: ["txt", "text", "conf", "def", "list", "log"]},
 	    {name: "PLSQL", mime: "text/x-plsql", mode: "sql", ext: ["pls"]},
@@ -32611,22 +35439,24 @@
 	    {name: "Scala", mime: "text/x-scala", mode: "clike", ext: ["scala"]},
 	    {name: "Scheme", mime: "text/x-scheme", mode: "scheme", ext: ["scm", "ss"]},
 	    {name: "SCSS", mime: "text/x-scss", mode: "css", ext: ["scss"]},
-	    {name: "Shell", mime: "text/x-sh", mode: "shell", ext: ["sh", "ksh", "bash"], alias: ["bash", "sh", "zsh"], file: /^PKGBUILD$/},
+	    {name: "Shell", mimes: ["text/x-sh", "application/x-sh"], mode: "shell", ext: ["sh", "ksh", "bash"], alias: ["bash", "sh", "zsh"], file: /^PKGBUILD$/},
 	    {name: "Sieve", mime: "application/sieve", mode: "sieve", ext: ["siv", "sieve"]},
 	    {name: "Slim", mimes: ["text/x-slim", "application/x-slim"], mode: "slim", ext: ["slim"]},
 	    {name: "Smalltalk", mime: "text/x-stsrc", mode: "smalltalk", ext: ["st"]},
 	    {name: "Smarty", mime: "text/x-smarty", mode: "smarty", ext: ["tpl"]},
 	    {name: "Solr", mime: "text/x-solr", mode: "solr"},
+	    {name: "SML", mime: "text/x-sml", mode: "mllike", ext: ["sml", "sig", "fun", "smackspec"]},
 	    {name: "Soy", mime: "text/x-soy", mode: "soy", ext: ["soy"], alias: ["closure template"]},
 	    {name: "SPARQL", mime: "application/sparql-query", mode: "sparql", ext: ["rq", "sparql"], alias: ["sparul"]},
 	    {name: "Spreadsheet", mime: "text/x-spreadsheet", mode: "spreadsheet", alias: ["excel", "formula"]},
 	    {name: "SQL", mime: "text/x-sql", mode: "sql", ext: ["sql"]},
+	    {name: "SQLite", mime: "text/x-sqlite", mode: "sql"},
 	    {name: "Squirrel", mime: "text/x-squirrel", mode: "clike", ext: ["nut"]},
 	    {name: "Stylus", mime: "text/x-styl", mode: "stylus", ext: ["styl"]},
 	    {name: "Swift", mime: "text/x-swift", mode: "swift", ext: ["swift"]},
 	    {name: "sTeX", mime: "text/x-stex", mode: "stex"},
-	    {name: "LaTeX", mime: "text/x-latex", mode: "stex", ext: ["text", "ltx"], alias: ["tex"]},
-	    {name: "SystemVerilog", mime: "text/x-systemverilog", mode: "verilog", ext: ["v"]},
+	    {name: "LaTeX", mime: "text/x-latex", mode: "stex", ext: ["text", "ltx", "tex"], alias: ["tex"]},
+	    {name: "SystemVerilog", mime: "text/x-systemverilog", mode: "verilog", ext: ["v", "sv", "svh"]},
 	    {name: "Tcl", mime: "text/x-tcl", mode: "tcl", ext: ["tcl"]},
 	    {name: "Textile", mime: "text/x-textile", mode: "textile", ext: ["textile"]},
 	    {name: "TiddlyWiki ", mime: "text/x-tiddlywiki", mode: "tiddlywiki"},
@@ -32638,6 +35468,7 @@
 	    {name: "TTCN_CFG", mime: "text/x-ttcn-cfg", mode: "ttcn-cfg", ext: ["cfg"]},
 	    {name: "Turtle", mime: "text/turtle", mode: "turtle", ext: ["ttl"]},
 	    {name: "TypeScript", mime: "application/typescript", mode: "javascript", ext: ["ts"], alias: ["ts"]},
+	    {name: "TypeScript-JSX", mime: "text/typescript-jsx", mode: "jsx", ext: ["tsx"], alias: ["tsx"]},
 	    {name: "Twig", mime: "text/x-twig", mode: "twig"},
 	    {name: "Web IDL", mime: "text/x-webidl", mode: "webidl", ext: ["webidl"]},
 	    {name: "VB.NET", mime: "text/x-vb", mode: "vb", ext: ["vb"]},
@@ -32703,9 +35534,448 @@
 	});
 
 
-/***/ },
-/* 171 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 194 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	// CodeMirror, copyright (c) by Marijn Haverbeke and others
+	// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+	(function(mod) {
+	  if (true) // CommonJS
+	    mod(__webpack_require__(187));
+	  else if (typeof define == "function" && define.amd) // AMD
+	    define(["../../lib/codemirror"], mod);
+	  else // Plain browser env
+	    mod(CodeMirror);
+	})(function(CodeMirror) {
+	  "use strict";
+
+	  var HINT_ELEMENT_CLASS        = "CodeMirror-hint";
+	  var ACTIVE_HINT_ELEMENT_CLASS = "CodeMirror-hint-active";
+
+	  // This is the old interface, kept around for now to stay
+	  // backwards-compatible.
+	  CodeMirror.showHint = function(cm, getHints, options) {
+	    if (!getHints) return cm.showHint(options);
+	    if (options && options.async) getHints.async = true;
+	    var newOpts = {hint: getHints};
+	    if (options) for (var prop in options) newOpts[prop] = options[prop];
+	    return cm.showHint(newOpts);
+	  };
+
+	  CodeMirror.defineExtension("showHint", function(options) {
+	    options = parseOptions(this, this.getCursor("start"), options);
+	    var selections = this.listSelections()
+	    if (selections.length > 1) return;
+	    // By default, don't allow completion when something is selected.
+	    // A hint function can have a `supportsSelection` property to
+	    // indicate that it can handle selections.
+	    if (this.somethingSelected()) {
+	      if (!options.hint.supportsSelection) return;
+	      // Don't try with cross-line selections
+	      for (var i = 0; i < selections.length; i++)
+	        if (selections[i].head.line != selections[i].anchor.line) return;
+	    }
+
+	    if (this.state.completionActive) this.state.completionActive.close();
+	    var completion = this.state.completionActive = new Completion(this, options);
+	    if (!completion.options.hint) return;
+
+	    CodeMirror.signal(this, "startCompletion", this);
+	    completion.update(true);
+	  });
+
+	  function Completion(cm, options) {
+	    this.cm = cm;
+	    this.options = options;
+	    this.widget = null;
+	    this.debounce = 0;
+	    this.tick = 0;
+	    this.startPos = this.cm.getCursor("start");
+	    this.startLen = this.cm.getLine(this.startPos.line).length - this.cm.getSelection().length;
+
+	    var self = this;
+	    cm.on("cursorActivity", this.activityFunc = function() { self.cursorActivity(); });
+	  }
+
+	  var requestAnimationFrame = window.requestAnimationFrame || function(fn) {
+	    return setTimeout(fn, 1000/60);
+	  };
+	  var cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
+
+	  Completion.prototype = {
+	    close: function() {
+	      if (!this.active()) return;
+	      this.cm.state.completionActive = null;
+	      this.tick = null;
+	      this.cm.off("cursorActivity", this.activityFunc);
+
+	      if (this.widget && this.data) CodeMirror.signal(this.data, "close");
+	      if (this.widget) this.widget.close();
+	      CodeMirror.signal(this.cm, "endCompletion", this.cm);
+	    },
+
+	    active: function() {
+	      return this.cm.state.completionActive == this;
+	    },
+
+	    pick: function(data, i) {
+	      var completion = data.list[i];
+	      if (completion.hint) completion.hint(this.cm, data, completion);
+	      else this.cm.replaceRange(getText(completion), completion.from || data.from,
+	                                completion.to || data.to, "complete");
+	      CodeMirror.signal(data, "pick", completion);
+	      this.close();
+	    },
+
+	    cursorActivity: function() {
+	      if (this.debounce) {
+	        cancelAnimationFrame(this.debounce);
+	        this.debounce = 0;
+	      }
+
+	      var pos = this.cm.getCursor(), line = this.cm.getLine(pos.line);
+	      if (pos.line != this.startPos.line || line.length - pos.ch != this.startLen - this.startPos.ch ||
+	          pos.ch < this.startPos.ch || this.cm.somethingSelected() ||
+	          (pos.ch && this.options.closeCharacters.test(line.charAt(pos.ch - 1)))) {
+	        this.close();
+	      } else {
+	        var self = this;
+	        this.debounce = requestAnimationFrame(function() {self.update();});
+	        if (this.widget) this.widget.disable();
+	      }
+	    },
+
+	    update: function(first) {
+	      if (this.tick == null) return
+	      var self = this, myTick = ++this.tick
+	      fetchHints(this.options.hint, this.cm, this.options, function(data) {
+	        if (self.tick == myTick) self.finishUpdate(data, first)
+	      })
+	    },
+
+	    finishUpdate: function(data, first) {
+	      if (this.data) CodeMirror.signal(this.data, "update");
+
+	      var picked = (this.widget && this.widget.picked) || (first && this.options.completeSingle);
+	      if (this.widget) this.widget.close();
+
+	      this.data = data;
+
+	      if (data && data.list.length) {
+	        if (picked && data.list.length == 1) {
+	          this.pick(data, 0);
+	        } else {
+	          this.widget = new Widget(this, data);
+	          CodeMirror.signal(data, "shown");
+	        }
+	      }
+	    }
+	  };
+
+	  function parseOptions(cm, pos, options) {
+	    var editor = cm.options.hintOptions;
+	    var out = {};
+	    for (var prop in defaultOptions) out[prop] = defaultOptions[prop];
+	    if (editor) for (var prop in editor)
+	      if (editor[prop] !== undefined) out[prop] = editor[prop];
+	    if (options) for (var prop in options)
+	      if (options[prop] !== undefined) out[prop] = options[prop];
+	    if (out.hint.resolve) out.hint = out.hint.resolve(cm, pos)
+	    return out;
+	  }
+
+	  function getText(completion) {
+	    if (typeof completion == "string") return completion;
+	    else return completion.text;
+	  }
+
+	  function buildKeyMap(completion, handle) {
+	    var baseMap = {
+	      Up: function() {handle.moveFocus(-1);},
+	      Down: function() {handle.moveFocus(1);},
+	      PageUp: function() {handle.moveFocus(-handle.menuSize() + 1, true);},
+	      PageDown: function() {handle.moveFocus(handle.menuSize() - 1, true);},
+	      Home: function() {handle.setFocus(0);},
+	      End: function() {handle.setFocus(handle.length - 1);},
+	      Enter: handle.pick,
+	      Tab: handle.pick,
+	      Esc: handle.close
+	    };
+	    var custom = completion.options.customKeys;
+	    var ourMap = custom ? {} : baseMap;
+	    function addBinding(key, val) {
+	      var bound;
+	      if (typeof val != "string")
+	        bound = function(cm) { return val(cm, handle); };
+	      // This mechanism is deprecated
+	      else if (baseMap.hasOwnProperty(val))
+	        bound = baseMap[val];
+	      else
+	        bound = val;
+	      ourMap[key] = bound;
+	    }
+	    if (custom)
+	      for (var key in custom) if (custom.hasOwnProperty(key))
+	        addBinding(key, custom[key]);
+	    var extra = completion.options.extraKeys;
+	    if (extra)
+	      for (var key in extra) if (extra.hasOwnProperty(key))
+	        addBinding(key, extra[key]);
+	    return ourMap;
+	  }
+
+	  function getHintElement(hintsElement, el) {
+	    while (el && el != hintsElement) {
+	      if (el.nodeName.toUpperCase() === "LI" && el.parentNode == hintsElement) return el;
+	      el = el.parentNode;
+	    }
+	  }
+
+	  function Widget(completion, data) {
+	    this.completion = completion;
+	    this.data = data;
+	    this.picked = false;
+	    var widget = this, cm = completion.cm;
+
+	    var hints = this.hints = document.createElement("ul");
+	    hints.className = "CodeMirror-hints";
+	    this.selectedHint = data.selectedHint || 0;
+
+	    var completions = data.list;
+	    for (var i = 0; i < completions.length; ++i) {
+	      var elt = hints.appendChild(document.createElement("li")), cur = completions[i];
+	      var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? "" : " " + ACTIVE_HINT_ELEMENT_CLASS);
+	      if (cur.className != null) className = cur.className + " " + className;
+	      elt.className = className;
+	      if (cur.render) cur.render(elt, data, cur);
+	      else elt.appendChild(document.createTextNode(cur.displayText || getText(cur)));
+	      elt.hintId = i;
+	    }
+
+	    var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null);
+	    var left = pos.left, top = pos.bottom, below = true;
+	    hints.style.left = left + "px";
+	    hints.style.top = top + "px";
+	    // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.
+	    var winW = window.innerWidth || Math.max(document.body.offsetWidth, document.documentElement.offsetWidth);
+	    var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight);
+	    (completion.options.container || document.body).appendChild(hints);
+	    var box = hints.getBoundingClientRect(), overlapY = box.bottom - winH;
+	    var scrolls = hints.scrollHeight > hints.clientHeight + 1
+	    var startScroll = cm.getScrollInfo();
+
+	    if (overlapY > 0) {
+	      var height = box.bottom - box.top, curTop = pos.top - (pos.bottom - box.top);
+	      if (curTop - height > 0) { // Fits above cursor
+	        hints.style.top = (top = pos.top - height) + "px";
+	        below = false;
+	      } else if (height > winH) {
+	        hints.style.height = (winH - 5) + "px";
+	        hints.style.top = (top = pos.bottom - box.top) + "px";
+	        var cursor = cm.getCursor();
+	        if (data.from.ch != cursor.ch) {
+	          pos = cm.cursorCoords(cursor);
+	          hints.style.left = (left = pos.left) + "px";
+	          box = hints.getBoundingClientRect();
+	        }
+	      }
+	    }
+	    var overlapX = box.right - winW;
+	    if (overlapX > 0) {
+	      if (box.right - box.left > winW) {
+	        hints.style.width = (winW - 5) + "px";
+	        overlapX -= (box.right - box.left) - winW;
+	      }
+	      hints.style.left = (left = pos.left - overlapX) + "px";
+	    }
+	    if (scrolls) for (var node = hints.firstChild; node; node = node.nextSibling)
+	      node.style.paddingRight = cm.display.nativeBarWidth + "px"
+
+	    cm.addKeyMap(this.keyMap = buildKeyMap(completion, {
+	      moveFocus: function(n, avoidWrap) { widget.changeActive(widget.selectedHint + n, avoidWrap); },
+	      setFocus: function(n) { widget.changeActive(n); },
+	      menuSize: function() { return widget.screenAmount(); },
+	      length: completions.length,
+	      close: function() { completion.close(); },
+	      pick: function() { widget.pick(); },
+	      data: data
+	    }));
+
+	    if (completion.options.closeOnUnfocus) {
+	      var closingOnBlur;
+	      cm.on("blur", this.onBlur = function() { closingOnBlur = setTimeout(function() { completion.close(); }, 100); });
+	      cm.on("focus", this.onFocus = function() { clearTimeout(closingOnBlur); });
+	    }
+
+	    cm.on("scroll", this.onScroll = function() {
+	      var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect();
+	      var newTop = top + startScroll.top - curScroll.top;
+	      var point = newTop - (window.pageYOffset || (document.documentElement || document.body).scrollTop);
+	      if (!below) point += hints.offsetHeight;
+	      if (point <= editor.top || point >= editor.bottom) return completion.close();
+	      hints.style.top = newTop + "px";
+	      hints.style.left = (left + startScroll.left - curScroll.left) + "px";
+	    });
+
+	    CodeMirror.on(hints, "dblclick", function(e) {
+	      var t = getHintElement(hints, e.target || e.srcElement);
+	      if (t && t.hintId != null) {widget.changeActive(t.hintId); widget.pick();}
+	    });
+
+	    CodeMirror.on(hints, "click", function(e) {
+	      var t = getHintElement(hints, e.target || e.srcElement);
+	      if (t && t.hintId != null) {
+	        widget.changeActive(t.hintId);
+	        if (completion.options.completeOnSingleClick) widget.pick();
+	      }
+	    });
+
+	    CodeMirror.on(hints, "mousedown", function() {
+	      setTimeout(function(){cm.focus();}, 20);
+	    });
+
+	    CodeMirror.signal(data, "select", completions[this.selectedHint], hints.childNodes[this.selectedHint]);
+	    return true;
+	  }
+
+	  Widget.prototype = {
+	    close: function() {
+	      if (this.completion.widget != this) return;
+	      this.completion.widget = null;
+	      this.hints.parentNode.removeChild(this.hints);
+	      this.completion.cm.removeKeyMap(this.keyMap);
+
+	      var cm = this.completion.cm;
+	      if (this.completion.options.closeOnUnfocus) {
+	        cm.off("blur", this.onBlur);
+	        cm.off("focus", this.onFocus);
+	      }
+	      cm.off("scroll", this.onScroll);
+	    },
+
+	    disable: function() {
+	      this.completion.cm.removeKeyMap(this.keyMap);
+	      var widget = this;
+	      this.keyMap = {Enter: function() { widget.picked = true; }};
+	      this.completion.cm.addKeyMap(this.keyMap);
+	    },
+
+	    pick: function() {
+	      this.completion.pick(this.data, this.selectedHint);
+	    },
+
+	    changeActive: function(i, avoidWrap) {
+	      if (i >= this.data.list.length)
+	        i = avoidWrap ? this.data.list.length - 1 : 0;
+	      else if (i < 0)
+	        i = avoidWrap ? 0  : this.data.list.length - 1;
+	      if (this.selectedHint == i) return;
+	      var node = this.hints.childNodes[this.selectedHint];
+	      if (node) node.className = node.className.replace(" " + ACTIVE_HINT_ELEMENT_CLASS, "");
+	      node = this.hints.childNodes[this.selectedHint = i];
+	      node.className += " " + ACTIVE_HINT_ELEMENT_CLASS;
+	      if (node.offsetTop < this.hints.scrollTop)
+	        this.hints.scrollTop = node.offsetTop - 3;
+	      else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight)
+	        this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3;
+	      CodeMirror.signal(this.data, "select", this.data.list[this.selectedHint], node);
+	    },
+
+	    screenAmount: function() {
+	      return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1;
+	    }
+	  };
+
+	  function applicableHelpers(cm, helpers) {
+	    if (!cm.somethingSelected()) return helpers
+	    var result = []
+	    for (var i = 0; i < helpers.length; i++)
+	      if (helpers[i].supportsSelection) result.push(helpers[i])
+	    return result
+	  }
+
+	  function fetchHints(hint, cm, options, callback) {
+	    if (hint.async) {
+	      hint(cm, callback, options)
+	    } else {
+	      var result = hint(cm, options)
+	      if (result && result.then) result.then(callback)
+	      else callback(result)
+	    }
+	  }
+
+	  function resolveAutoHints(cm, pos) {
+	    var helpers = cm.getHelpers(pos, "hint"), words
+	    if (helpers.length) {
+	      var resolved = function(cm, callback, options) {
+	        var app = applicableHelpers(cm, helpers);
+	        function run(i) {
+	          if (i == app.length) return callback(null)
+	          fetchHints(app[i], cm, options, function(result) {
+	            if (result && result.list.length > 0) callback(result)
+	            else run(i + 1)
+	          })
+	        }
+	        run(0)
+	      }
+	      resolved.async = true
+	      resolved.supportsSelection = true
+	      return resolved
+	    } else if (words = cm.getHelper(cm.getCursor(), "hintWords")) {
+	      return function(cm) { return CodeMirror.hint.fromList(cm, {words: words}) }
+	    } else if (CodeMirror.hint.anyword) {
+	      return function(cm, options) { return CodeMirror.hint.anyword(cm, options) }
+	    } else {
+	      return function() {}
+	    }
+	  }
+
+	  CodeMirror.registerHelper("hint", "auto", {
+	    resolve: resolveAutoHints
+	  });
+
+	  CodeMirror.registerHelper("hint", "fromList", function(cm, options) {
+	    var cur = cm.getCursor(), token = cm.getTokenAt(cur)
+	    var term, from = CodeMirror.Pos(cur.line, token.start), to = cur
+	    if (token.start < cur.ch && /\w/.test(token.string.charAt(cur.ch - token.start - 1))) {
+	      term = token.string.substr(0, cur.ch - token.start)
+	    } else {
+	      term = ""
+	      from = cur
+	    }
+	    var found = [];
+	    for (var i = 0; i < options.words.length; i++) {
+	      var word = options.words[i];
+	      if (word.slice(0, term.length) == term)
+	        found.push(word);
+	    }
+
+	    if (found.length) return {list: found, from: from, to: to};
+	  });
+
+	  CodeMirror.commands.autocomplete = CodeMirror.showHint;
+
+	  var defaultOptions = {
+	    hint: CodeMirror.hint.auto,
+	    completeSingle: true,
+	    alignWithWord: true,
+	    closeCharacters: /[\s()\[\]{};:>,]/,
+	    closeOnUnfocus: true,
+	    completeOnSingleClick: true,
+	    container: null,
+	    customKeys: null,
+	    extraKeys: null
+	  };
+
+	  CodeMirror.defineOption("hintOptions", null);
+	});
+
+
+/***/ }),
+/* 195 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
@@ -32721,7 +35991,7 @@
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -32799,16 +36069,16 @@
 	});
 
 
-/***/ },
-/* 172 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 196 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -32843,6 +36113,7 @@
 	    clearPlaceholder(cm);
 	    var elt = cm.state.placeholder = document.createElement("pre");
 	    elt.style.cssText = "height: 0; overflow: visible";
+	    elt.style.direction = cm.getOption("direction");
 	    elt.className = "CodeMirror-placeholder";
 	    var placeHolder = cm.getOption("placeholder")
 	    if (typeof placeHolder == "string") placeHolder = document.createTextNode(placeHolder)
@@ -32867,9 +36138,9 @@
 	});
 
 
-/***/ },
-/* 173 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 197 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
@@ -32882,7 +36153,7 @@
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164));
+	    mod(__webpack_require__(187));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -32907,11 +36178,12 @@
 	  });
 
 	  function onCursorActivity(cm) {
-	    cm.operation(function() { update(cm); });
+	    if (cm.state.markedSelection)
+	      cm.operation(function() { update(cm); });
 	  }
 
 	  function onChange(cm) {
-	    if (cm.state.markedSelection.length)
+	    if (cm.state.markedSelection && cm.state.markedSelection.length)
 	      cm.operation(function() { clear(cm); });
 	  }
 
@@ -32958,7 +36230,7 @@
 	    if (!array.length) return coverRange(cm, from, to);
 
 	    var coverStart = array[0].find(), coverEnd = array[array.length - 1].find();
-	    if (!coverStart || !coverEnd || to.line - from.line < CHUNK_SIZE ||
+	    if (!coverStart || !coverEnd || to.line - from.line <= CHUNK_SIZE ||
 	        cmp(from, coverEnd.to) >= 0 || cmp(to, coverStart.from) <= 0)
 	      return reset(cm);
 
@@ -32991,16 +36263,16 @@
 	});
 
 
-/***/ },
-/* 174 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 198 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
 	// Distributed under an MIT license: http://codemirror.net/LICENSE
 
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(164), __webpack_require__(168), __webpack_require__(171));
+	    mod(__webpack_require__(187), __webpack_require__(191), __webpack_require__(195));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror", "../markdown/markdown", "../../addon/mode/overlay"], mod);
 	  else // Plain browser env
@@ -33078,7 +36350,7 @@
 	      if (stream.sol() || state.ateSpace) {
 	        state.ateSpace = false;
 	        if (modeConfig.gitHubSpice !== false) {
-	          if(stream.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+@)?(?:[a-f0-9]{7,40}\b)/)) {
+	          if(stream.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+@)?(?=.{0,6}\d)(?:[a-f0-9]{7,40}\b)/)) {
 	            // User/Project@SHA
 	            // User@SHA
 	            // SHA
@@ -33110,10 +36382,9 @@
 	  };
 
 	  var markdownConfig = {
-	    underscoresBreakWords: false,
 	    taskLists: true,
-	    fencedCodeBlocks: '```',
-	    strikethrough: true
+	    strikethrough: true,
+	    emoji: true
 	  };
 	  for (var attr in modeConfig) {
 	    markdownConfig[attr] = modeConfig[attr];
@@ -33127,16 +36398,16 @@
 	});
 
 
-/***/ },
-/* 175 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 199 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	// Use strict mode (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode)
 	"use strict";
 
 
 	// Requires
-	var Typo = __webpack_require__(176);
+	var Typo = __webpack_require__(200);
 
 
 	// Create function
@@ -33251,9 +36522,9 @@
 	// Export
 	module.exports = CodeMirrorSpellChecker;
 
-/***/ },
-/* 176 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 200 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(__dirname, Buffer) {/* globals chrome: false */
 	/* globals __dirname: false */
@@ -33515,7 +36786,7 @@
 			}
 			else if (true) {
 				// Node.js
-				var fs = __webpack_require__(181);
+				var fs = __webpack_require__(205);
 				
 				try {
 					if (fs.existsSync(path)) {
@@ -34186,11 +37457,11 @@
 	if (true) {
 		module.exports = Typo;
 	}
-	/* WEBPACK VAR INJECTION */}.call(exports, "/", __webpack_require__(177).Buffer))
+	/* WEBPACK VAR INJECTION */}.call(exports, "/", __webpack_require__(201).Buffer))
 
-/***/ },
-/* 177 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 201 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {/*!
 	 * The buffer module from node.js, for the browser.
@@ -34202,9 +37473,9 @@
 
 	'use strict'
 
-	var base64 = __webpack_require__(178)
-	var ieee754 = __webpack_require__(179)
-	var isArray = __webpack_require__(180)
+	var base64 = __webpack_require__(202)
+	var ieee754 = __webpack_require__(203)
+	var isArray = __webpack_require__(204)
 
 	exports.Buffer = Buffer
 	exports.SlowBuffer = SlowBuffer
@@ -35984,9 +39255,9 @@
 
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
-/***/ },
-/* 178 */
-/***/ function(module, exports) {
+/***/ }),
+/* 202 */
+/***/ (function(module, exports) {
 
 	'use strict'
 
@@ -36104,9 +39375,9 @@
 	}
 
 
-/***/ },
-/* 179 */
-/***/ function(module, exports) {
+/***/ }),
+/* 203 */
+/***/ (function(module, exports) {
 
 	exports.read = function (buffer, offset, isLE, mLen, nBytes) {
 	  var e, m
@@ -36194,9 +39465,9 @@
 	}
 
 
-/***/ },
-/* 180 */
-/***/ function(module, exports) {
+/***/ }),
+/* 204 */
+/***/ (function(module, exports) {
 
 	var toString = {}.toString;
 
@@ -36205,23 +39476,24 @@
 	};
 
 
-/***/ },
-/* 181 */
-/***/ function(module, exports) {
+/***/ }),
+/* 205 */
+/***/ (function(module, exports) {
 
 	/* (ignored) */
 
-/***/ },
-/* 182 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 206 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {/**
 	 * marked - a markdown parser
 	 * Copyright (c) 2011-2014, Christopher Jeffrey. (MIT Licensed)
-	 * https://github.com/chjj/marked
+	 * https://github.com/markedjs/marked
 	 */
 
-	;(function() {
+	;(function(root) {
+	'use strict';
 
 	/**
 	 * Block-Level Grammar
@@ -36231,55 +39503,70 @@
 	  newline: /^\n+/,
 	  code: /^( {4}[^\n]+\n*)+/,
 	  fences: noop,
-	  hr: /^( *[-*_]){3,} *(?:\n+|$)/,
-	  heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,
+	  hr: /^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,
+	  heading: /^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,
 	  nptable: noop,
-	  lheading: /^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,
-	  blockquote: /^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/,
+	  blockquote: /^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,
 	  list: /^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,
-	  html: /^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/,
-	  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
+	  html: '^ {0,3}(?:' // optional indentation
+	    + '<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)' // (1)
+	    + '|comment[^\\n]*(\\n+|$)' // (2)
+	    + '|<\\?[\\s\\S]*?\\?>\\n*' // (3)
+	    + '|<![A-Z][\\s\\S]*?>\\n*' // (4)
+	    + '|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>\\n*' // (5)
+	    + '|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)' // (6)
+	    + '|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=\\h*\\n)[\\s\\S]*?(?:\\n{2,}|$)' // (7) open tag
+	    + '|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=\\h*\\n)[\\s\\S]*?(?:\\n{2,}|$)' // (7) closing tag
+	    + ')',
+	  def: /^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,
 	  table: noop,
-	  paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,
+	  lheading: /^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,
+	  paragraph: /^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,
 	  text: /^[^\n]+/
 	};
 
+	block._label = /(?!\s*\])(?:\\[\[\]]|[^\[\]])+/;
+	block._title = /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/;
+	block.def = edit(block.def)
+	  .replace('label', block._label)
+	  .replace('title', block._title)
+	  .getRegex();
+
 	block.bullet = /(?:[*+-]|\d+\.)/;
 	block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
-	block.item = replace(block.item, 'gm')
-	  (/bull/g, block.bullet)
-	  ();
-
-	block.list = replace(block.list)
-	  (/bull/g, block.bullet)
-	  ('hr', '\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))')
-	  ('def', '\\n+(?=' + block.def.source + ')')
-	  ();
-
-	block.blockquote = replace(block.blockquote)
-	  ('def', block.def)
-	  ();
-
-	block._tag = '(?!(?:'
-	  + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code'
-	  + '|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo'
-	  + '|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b';
-
-	block.html = replace(block.html)
-	  ('comment', /<!--[\s\S]*?-->/)
-	  ('closed', /<(tag)[\s\S]+?<\/\1>/)
-	  ('closing', /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)
-	  (/tag/g, block._tag)
-	  ();
-
-	block.paragraph = replace(block.paragraph)
-	  ('hr', block.hr)
-	  ('heading', block.heading)
-	  ('lheading', block.lheading)
-	  ('blockquote', block.blockquote)
-	  ('tag', '<' + block._tag)
-	  ('def', block.def)
-	  ();
+	block.item = edit(block.item, 'gm')
+	  .replace(/bull/g, block.bullet)
+	  .getRegex();
+
+	block.list = edit(block.list)
+	  .replace(/bull/g, block.bullet)
+	  .replace('hr', '\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))')
+	  .replace('def', '\\n+(?=' + block.def.source + ')')
+	  .getRegex();
+
+	block._tag = 'address|article|aside|base|basefont|blockquote|body|caption'
+	  + '|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption'
+	  + '|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe'
+	  + '|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option'
+	  + '|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr'
+	  + '|track|ul';
+	block._comment = /<!--(?!-?>)[\s\S]*?-->/;
+	block.html = edit(block.html, 'i')
+	  .replace('comment', block._comment)
+	  .replace('tag', block._tag)
+	  .replace('attribute', / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/)
+	  .getRegex();
+
+	block.paragraph = edit(block.paragraph)
+	  .replace('hr', block.hr)
+	  .replace('heading', block.heading)
+	  .replace('lheading', block.lheading)
+	  .replace('tag', block._tag) // pars can be interrupted by type (6) html blocks
+	  .getRegex();
+
+	block.blockquote = edit(block.blockquote)
+	  .replace('paragraph', block.paragraph)
+	  .getRegex();
 
 	/**
 	 * Normal Block Grammar
@@ -36292,24 +39579,42 @@
 	 */
 
 	block.gfm = merge({}, block.normal, {
-	  fences: /^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\s*\1 *(?:\n+|$)/,
+	  fences: /^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\n? *\1 *(?:\n+|$)/,
 	  paragraph: /^/,
 	  heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/
 	});
 
-	block.gfm.paragraph = replace(block.paragraph)
-	  ('(?!', '(?!'
+	block.gfm.paragraph = edit(block.paragraph)
+	  .replace('(?!', '(?!'
 	    + block.gfm.fences.source.replace('\\1', '\\2') + '|'
 	    + block.list.source.replace('\\1', '\\3') + '|')
-	  ();
+	  .getRegex();
 
 	/**
 	 * GFM + Tables Block Grammar
 	 */
 
 	block.tables = merge({}, block.gfm, {
-	  nptable: /^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,
-	  table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/
+	  nptable: /^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,
+	  table: /^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/
+	});
+
+	/**
+	 * Pedantic grammar
+	 */
+
+	block.pedantic = merge({}, block.normal, {
+	  html: edit(
+	    '^ *(?:comment *(?:\\n|\\s*$)'
+	    + '|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)' // closed tag
+	    + '|<tag(?:"[^"]*"|\'[^\']*\'|\\s[^\'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))')
+	    .replace('comment', block._comment)
+	    .replace(/tag/g, '(?!(?:'
+	      + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub'
+	      + '|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)'
+	      + '\\b)\\w+(?!:|[^\\w\\s@]*@)\\b')
+	    .getRegex(),
+	  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/
 	});
 
 	/**
@@ -36322,7 +39627,9 @@
 	  this.options = options || marked.defaults;
 	  this.rules = block.normal;
 
-	  if (this.options.gfm) {
+	  if (this.options.pedantic) {
+	    this.rules = block.pedantic;
+	  } else if (this.options.gfm) {
 	    if (this.options.tables) {
 	      this.rules = block.tables;
 	    } else {
@@ -36364,17 +39671,21 @@
 	 * Lexing
 	 */
 
-	Lexer.prototype.token = function(src, top, bq) {
-	  var src = src.replace(/^ +$/gm, '')
-	    , next
-	    , loose
-	    , cap
-	    , bull
-	    , b
-	    , item
-	    , space
-	    , i
-	    , l;
+	Lexer.prototype.token = function(src, top) {
+	  src = src.replace(/^ +$/gm, '');
+	  var next,
+	      loose,
+	      cap,
+	      bull,
+	      b,
+	      item,
+	      space,
+	      i,
+	      tag,
+	      l,
+	      isordered,
+	      istask,
+	      ischecked;
 
 	  while (src) {
 	    // newline
@@ -36424,45 +39735,36 @@
 
 	    // table no leading pipe (gfm)
 	    if (top && (cap = this.rules.nptable.exec(src))) {
-	      src = src.substring(cap[0].length);
-
 	      item = {
 	        type: 'table',
-	        header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
+	        header: splitCells(cap[1].replace(/^ *| *\| *$/g, '')),
 	        align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
-	        cells: cap[3].replace(/\n$/, '').split('\n')
+	        cells: cap[3] ? cap[3].replace(/\n$/, '').split('\n') : []
 	      };
 
-	      for (i = 0; i < item.align.length; i++) {
-	        if (/^ *-+: *$/.test(item.align[i])) {
-	          item.align[i] = 'right';
-	        } else if (/^ *:-+: *$/.test(item.align[i])) {
-	          item.align[i] = 'center';
-	        } else if (/^ *:-+ *$/.test(item.align[i])) {
-	          item.align[i] = 'left';
-	        } else {
-	          item.align[i] = null;
-	        }
-	      }
+	      if (item.header.length === item.align.length) {
+	        src = src.substring(cap[0].length);
 
-	      for (i = 0; i < item.cells.length; i++) {
-	        item.cells[i] = item.cells[i].split(/ *\| */);
-	      }
+	        for (i = 0; i < item.align.length; i++) {
+	          if (/^ *-+: *$/.test(item.align[i])) {
+	            item.align[i] = 'right';
+	          } else if (/^ *:-+: *$/.test(item.align[i])) {
+	            item.align[i] = 'center';
+	          } else if (/^ *:-+ *$/.test(item.align[i])) {
+	            item.align[i] = 'left';
+	          } else {
+	            item.align[i] = null;
+	          }
+	        }
 
-	      this.tokens.push(item);
+	        for (i = 0; i < item.cells.length; i++) {
+	          item.cells[i] = splitCells(item.cells[i], item.header.length);
+	        }
 
-	      continue;
-	    }
+	        this.tokens.push(item);
 
-	    // lheading
-	    if (cap = this.rules.lheading.exec(src)) {
-	      src = src.substring(cap[0].length);
-	      this.tokens.push({
-	        type: 'heading',
-	        depth: cap[2] === '=' ? 1 : 2,
-	        text: cap[1]
-	      });
-	      continue;
+	        continue;
+	      }
 	    }
 
 	    // hr
@@ -36487,7 +39789,7 @@
 	      // Pass `top` to keep the current
 	      // "toplevel" state. This is exactly
 	      // how markdown.pl works.
-	      this.token(cap, top, true);
+	      this.token(cap, top);
 
 	      this.tokens.push({
 	        type: 'blockquote_end'
@@ -36500,10 +39802,12 @@
 	    if (cap = this.rules.list.exec(src)) {
 	      src = src.substring(cap[0].length);
 	      bull = cap[2];
+	      isordered = bull.length > 1;
 
 	      this.tokens.push({
 	        type: 'list_start',
-	        ordered: bull.length > 1
+	        ordered: isordered,
+	        start: isordered ? +bull : ''
 	      });
 
 	      // Get each top-level item.
@@ -36549,14 +39853,24 @@
 	          if (!loose) loose = next;
 	        }
 
+	        // Check for task list items
+	        istask = /^\[[ xX]\] /.test(item);
+	        ischecked = undefined;
+	        if (istask) {
+	          ischecked = item[1] !== ' ';
+	          item = item.replace(/^\[[ xX]\] +/, '');
+	        }
+
 	        this.tokens.push({
 	          type: loose
 	            ? 'loose_item_start'
-	            : 'list_item_start'
+	            : 'list_item_start',
+	          task: istask,
+	          checked: ischecked
 	        });
 
 	        // Recurse.
-	        this.token(item, false, bq);
+	        this.token(item, false);
 
 	        this.tokens.push({
 	          type: 'list_item_end'
@@ -36585,46 +39899,63 @@
 	    }
 
 	    // def
-	    if ((!bq && top) && (cap = this.rules.def.exec(src))) {
+	    if (top && (cap = this.rules.def.exec(src))) {
 	      src = src.substring(cap[0].length);
-	      this.tokens.links[cap[1].toLowerCase()] = {
-	        href: cap[2],
-	        title: cap[3]
-	      };
+	      if (cap[3]) cap[3] = cap[3].substring(1, cap[3].length - 1);
+	      tag = cap[1].toLowerCase().replace(/\s+/g, ' ');
+	      if (!this.tokens.links[tag]) {
+	        this.tokens.links[tag] = {
+	          href: cap[2],
+	          title: cap[3]
+	        };
+	      }
 	      continue;
 	    }
 
 	    // table (gfm)
 	    if (top && (cap = this.rules.table.exec(src))) {
-	      src = src.substring(cap[0].length);
-
 	      item = {
 	        type: 'table',
-	        header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
+	        header: splitCells(cap[1].replace(/^ *| *\| *$/g, '')),
 	        align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
-	        cells: cap[3].replace(/(?: *\| *)?\n$/, '').split('\n')
+	        cells: cap[3] ? cap[3].replace(/(?: *\| *)?\n$/, '').split('\n') : []
 	      };
 
-	      for (i = 0; i < item.align.length; i++) {
-	        if (/^ *-+: *$/.test(item.align[i])) {
-	          item.align[i] = 'right';
-	        } else if (/^ *:-+: *$/.test(item.align[i])) {
-	          item.align[i] = 'center';
-	        } else if (/^ *:-+ *$/.test(item.align[i])) {
-	          item.align[i] = 'left';
-	        } else {
-	          item.align[i] = null;
+	      if (item.header.length === item.align.length) {
+	        src = src.substring(cap[0].length);
+
+	        for (i = 0; i < item.align.length; i++) {
+	          if (/^ *-+: *$/.test(item.align[i])) {
+	            item.align[i] = 'right';
+	          } else if (/^ *:-+: *$/.test(item.align[i])) {
+	            item.align[i] = 'center';
+	          } else if (/^ *:-+ *$/.test(item.align[i])) {
+	            item.align[i] = 'left';
+	          } else {
+	            item.align[i] = null;
+	          }
 	        }
-	      }
 
-	      for (i = 0; i < item.cells.length; i++) {
-	        item.cells[i] = item.cells[i]
-	          .replace(/^ *\| *| *\| *$/g, '')
-	          .split(/ *\| */);
-	      }
+	        for (i = 0; i < item.cells.length; i++) {
+	          item.cells[i] = splitCells(
+	            item.cells[i].replace(/^ *\| *| *\| *$/g, ''),
+	            item.header.length);
+	        }
+
+	        this.tokens.push(item);
 
-	      this.tokens.push(item);
+	        continue;
+	      }
+	    }
 
+	    // lheading
+	    if (cap = this.rules.lheading.exec(src)) {
+	      src = src.substring(cap[0].length);
+	      this.tokens.push({
+	        type: 'heading',
+	        depth: cap[2] === '=' ? 1 : 2,
+	        text: cap[1]
+	      });
 	      continue;
 	    }
 
@@ -36652,8 +39983,7 @@
 	    }
 
 	    if (src) {
-	      throw new
-	        Error('Infinite loop on byte: ' + src.charCodeAt(0));
+	      throw new Error('Infinite loop on byte: ' + src.charCodeAt(0));
 	    }
 	  }
 
@@ -36665,32 +39995,55 @@
 	 */
 
 	var inline = {
-	  escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,
-	  autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
+	  escape: /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,
+	  autolink: /^<(scheme:[^\s\x00-\x1f<>]*|email)>/,
 	  url: noop,
-	  tag: /^<!--[\s\S]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,
-	  link: /^!?\[(inside)\]\(href\)/,
-	  reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
-	  nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
-	  strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
-	  em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
-	  code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
+	  tag: '^comment'
+	    + '|^</[a-zA-Z][\\w:-]*\\s*>' // self-closing tag
+	    + '|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>' // open tag
+	    + '|^<\\?[\\s\\S]*?\\?>' // processing instruction, e.g. <?php ?>
+	    + '|^<![a-zA-Z]+\\s[\\s\\S]*?>' // declaration, e.g. <!DOCTYPE html>
+	    + '|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>', // CDATA section
+	  link: /^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,
+	  reflink: /^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,
+	  nolink: /^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,
+	  strong: /^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)|^__([^\s])__(?!_)|^\*\*([^\s])\*\*(?!\*)/,
+	  em: /^_([^\s][\s\S]*?[^\s_])_(?!_)|^_([^\s_][\s\S]*?[^\s])_(?!_)|^\*([^\s][\s\S]*?[^\s*])\*(?!\*)|^\*([^\s*][\s\S]*?[^\s])\*(?!\*)|^_([^\s_])_(?!_)|^\*([^\s*])\*(?!\*)/,
+	  code: /^(`+)\s*([\s\S]*?[^`]?)\s*\1(?!`)/,
 	  br: /^ {2,}\n(?!\s*$)/,
 	  del: noop,
-	  text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
+	  text: /^[\s\S]+?(?=[\\<!\[`*]|\b_| {2,}\n|$)/
 	};
 
-	inline._inside = /(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;
-	inline._href = /\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;
+	inline._escapes = /\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;
+
+	inline._scheme = /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;
+	inline._email = /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/;
+	inline.autolink = edit(inline.autolink)
+	  .replace('scheme', inline._scheme)
+	  .replace('email', inline._email)
+	  .getRegex();
 
-	inline.link = replace(inline.link)
-	  ('inside', inline._inside)
-	  ('href', inline._href)
-	  ();
+	inline._attribute = /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;
 
-	inline.reflink = replace(inline.reflink)
-	  ('inside', inline._inside)
-	  ();
+	inline.tag = edit(inline.tag)
+	  .replace('comment', block._comment)
+	  .replace('attribute', inline._attribute)
+	  .getRegex();
+
+	inline._label = /(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|[^\[\]\\])*?/;
+	inline._href = /\s*(<(?:\\[<>]?|[^\s<>\\])*>|(?:\\[()]?|\([^\s\x00-\x1f()\\]*\)|[^\s\x00-\x1f()\\])*?)/;
+	inline._title = /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;
+
+	inline.link = edit(inline.link)
+	  .replace('label', inline._label)
+	  .replace('href', inline._href)
+	  .replace('title', inline._title)
+	  .getRegex();
+
+	inline.reflink = edit(inline.reflink)
+	  .replace('label', inline._label)
+	  .getRegex();
 
 	/**
 	 * Normal Inline Grammar
@@ -36704,7 +40057,13 @@
 
 	inline.pedantic = merge({}, inline.normal, {
 	  strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
-	  em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
+	  em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,
+	  link: edit(/^!?\[(label)\]\((.*?)\)/)
+	    .replace('label', inline._label)
+	    .getRegex(),
+	  reflink: edit(/^!?\[(label)\]\s*\[([^\]]*)\]/)
+	    .replace('label', inline._label)
+	    .getRegex()
 	});
 
 	/**
@@ -36712,13 +40071,16 @@
 	 */
 
 	inline.gfm = merge({}, inline.normal, {
-	  escape: replace(inline.escape)('])', '~|])')(),
-	  url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
+	  escape: edit(inline.escape).replace('])', '~|])').getRegex(),
+	  url: edit(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/)
+	    .replace('email', inline._email)
+	    .getRegex(),
+	  _backpedal: /(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,
 	  del: /^~~(?=\S)([\s\S]*?\S)~~/,
-	  text: replace(inline.text)
-	    (']|', '~]|')
-	    ('|', '|https?://|')
-	    ()
+	  text: edit(inline.text)
+	    .replace(']|', '~]|')
+	    .replace('|', '|https?://|ftp://|www\\.|[a-zA-Z0-9.!#$%&\'*+/=?^_`{\\|}~-]+@|')
+	    .getRegex()
 	});
 
 	/**
@@ -36726,8 +40088,8 @@
 	 */
 
 	inline.breaks = merge({}, inline.gfm, {
-	  br: replace(inline.br)('{2,}', '*')(),
-	  text: replace(inline.gfm.text)('{2,}', '*')()
+	  br: edit(inline.br).replace('{2,}', '*').getRegex(),
+	  text: edit(inline.gfm.text).replace('{2,}', '*').getRegex()
 	});
 
 	/**
@@ -36738,22 +40100,21 @@
 	  this.options = options || marked.defaults;
 	  this.links = links;
 	  this.rules = inline.normal;
-	  this.renderer = this.options.renderer || new Renderer;
+	  this.renderer = this.options.renderer || new Renderer();
 	  this.renderer.options = this.options;
 
 	  if (!this.links) {
-	    throw new
-	      Error('Tokens array requires a `links` property.');
+	    throw new Error('Tokens array requires a `links` property.');
 	  }
 
-	  if (this.options.gfm) {
+	  if (this.options.pedantic) {
+	    this.rules = inline.pedantic;
+	  } else if (this.options.gfm) {
 	    if (this.options.breaks) {
 	      this.rules = inline.breaks;
 	    } else {
 	      this.rules = inline.gfm;
 	    }
-	  } else if (this.options.pedantic) {
-	    this.rules = inline.pedantic;
 	  }
 	}
 
@@ -36777,11 +40138,12 @@
 	 */
 
 	InlineLexer.prototype.output = function(src) {
-	  var out = ''
-	    , link
-	    , text
-	    , href
-	    , cap;
+	  var out = '',
+	      link,
+	      text,
+	      href,
+	      title,
+	      cap;
 
 	  while (src) {
 	    // escape
@@ -36795,10 +40157,8 @@
 	    if (cap = this.rules.autolink.exec(src)) {
 	      src = src.substring(cap[0].length);
 	      if (cap[2] === '@') {
-	        text = cap[1].charAt(6) === ':'
-	          ? this.mangle(cap[1].substring(7))
-	          : this.mangle(cap[1]);
-	        href = this.mangle('mailto:') + text;
+	        text = escape(this.mangle(cap[1]));
+	        href = 'mailto:' + text;
 	      } else {
 	        text = escape(cap[1]);
 	        href = text;
@@ -36809,9 +40169,19 @@
 
 	    // url (gfm)
 	    if (!this.inLink && (cap = this.rules.url.exec(src))) {
+	      cap[0] = this.rules._backpedal.exec(cap[0])[0];
 	      src = src.substring(cap[0].length);
-	      text = escape(cap[1]);
-	      href = text;
+	      if (cap[2] === '@') {
+	        text = escape(cap[0]);
+	        href = 'mailto:' + text;
+	      } else {
+	        text = escape(cap[0]);
+	        if (cap[1] === 'www.') {
+	          href = 'http://' + text;
+	        } else {
+	          href = text;
+	        }
+	      }
 	      out += this.renderer.link(href, null, text);
 	      continue;
 	    }
@@ -36836,9 +40206,23 @@
 	    if (cap = this.rules.link.exec(src)) {
 	      src = src.substring(cap[0].length);
 	      this.inLink = true;
+	      href = cap[2];
+	      if (this.options.pedantic) {
+	        link = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(href);
+
+	        if (link) {
+	          href = link[1];
+	          title = link[3];
+	        } else {
+	          title = '';
+	        }
+	      } else {
+	        title = cap[3] ? cap[3].slice(1, -1) : '';
+	      }
+	      href = href.trim().replace(/^<([\s\S]*)>$/, '$1');
 	      out += this.outputLink(cap, {
-	        href: cap[2],
-	        title: cap[3]
+	        href: InlineLexer.escapes(href),
+	        title: InlineLexer.escapes(title)
 	      });
 	      this.inLink = false;
 	      continue;
@@ -36864,21 +40248,21 @@
 	    // strong
 	    if (cap = this.rules.strong.exec(src)) {
 	      src = src.substring(cap[0].length);
-	      out += this.renderer.strong(this.output(cap[2] || cap[1]));
+	      out += this.renderer.strong(this.output(cap[4] || cap[3] || cap[2] || cap[1]));
 	      continue;
 	    }
 
 	    // em
 	    if (cap = this.rules.em.exec(src)) {
 	      src = src.substring(cap[0].length);
-	      out += this.renderer.em(this.output(cap[2] || cap[1]));
+	      out += this.renderer.em(this.output(cap[6] || cap[5] || cap[4] || cap[3] || cap[2] || cap[1]));
 	      continue;
 	    }
 
 	    // code
 	    if (cap = this.rules.code.exec(src)) {
 	      src = src.substring(cap[0].length);
-	      out += this.renderer.codespan(escape(cap[2], true));
+	      out += this.renderer.codespan(escape(cap[2].trim(), true));
 	      continue;
 	    }
 
@@ -36904,21 +40288,24 @@
 	    }
 
 	    if (src) {
-	      throw new
-	        Error('Infinite loop on byte: ' + src.charCodeAt(0));
+	      throw new Error('Infinite loop on byte: ' + src.charCodeAt(0));
 	    }
 	  }
 
 	  return out;
 	};
 
+	InlineLexer.escapes = function(text) {
+	  return text ? text.replace(InlineLexer.rules._escapes, '$1') : text;
+	}
+
 	/**
 	 * Compile Link
 	 */
 
 	InlineLexer.prototype.outputLink = function(cap, link) {
-	  var href = escape(link.href)
-	    , title = link.title ? escape(link.title) : null;
+	  var href = link.href,
+	      title = link.title ? escape(link.title) : null;
 
 	  return cap[0].charAt(0) !== '!'
 	    ? this.renderer.link(href, title, this.output(cap[1]))
@@ -36954,10 +40341,10 @@
 
 	InlineLexer.prototype.mangle = function(text) {
 	  if (!this.options.mangle) return text;
-	  var out = ''
-	    , l = text.length
-	    , i = 0
-	    , ch;
+	  var out = '',
+	      l = text.length,
+	      i = 0,
+	      ch;
 
 	  for (; i < l; i++) {
 	    ch = text.charCodeAt(i);
@@ -36975,7 +40362,7 @@
 	 */
 
 	function Renderer(options) {
-	  this.options = options || {};
+	  this.options = options || marked.defaults;
 	}
 
 	Renderer.prototype.code = function(code, lang, escaped) {
@@ -36990,7 +40377,7 @@
 	  if (!lang) {
 	    return '<pre><code>'
 	      + (escaped ? code : escape(code, true))
-	      + '\n</code></pre>';
+	      + '</code></pre>';
 	  }
 
 	  return '<pre><code class="'
@@ -36998,7 +40385,7 @@
 	    + escape(lang, true)
 	    + '">'
 	    + (escaped ? code : escape(code, true))
-	    + '\n</code></pre>\n';
+	    + '</code></pre>\n';
 	};
 
 	Renderer.prototype.blockquote = function(quote) {
@@ -37010,43 +40397,56 @@
 	};
 
 	Renderer.prototype.heading = function(text, level, raw) {
-	  return '<h'
-	    + level
-	    + ' id="'
-	    + this.options.headerPrefix
-	    + raw.toLowerCase().replace(/[^\w]+/g, '-')
-	    + '">'
-	    + text
-	    + '</h'
-	    + level
-	    + '>\n';
+	  if (this.options.headerIds) {
+	    return '<h'
+	      + level
+	      + ' id="'
+	      + this.options.headerPrefix
+	      + raw.toLowerCase().replace(/[^\w]+/g, '-')
+	      + '">'
+	      + text
+	      + '</h'
+	      + level
+	      + '>\n';
+	  }
+	  // ignore IDs
+	  return '<h' + level + '>' + text + '</h' + level + '>\n';
 	};
 
 	Renderer.prototype.hr = function() {
 	  return this.options.xhtml ? '<hr/>\n' : '<hr>\n';
 	};
 
-	Renderer.prototype.list = function(body, ordered) {
-	  var type = ordered ? 'ol' : 'ul';
-	  return '<' + type + '>\n' + body + '</' + type + '>\n';
+	Renderer.prototype.list = function(body, ordered, start) {
+	  var type = ordered ? 'ol' : 'ul',
+	      startatt = (ordered && start !== 1) ? (' start="' + start + '"') : '';
+	  return '<' + type + startatt + '>\n' + body + '</' + type + '>\n';
 	};
 
 	Renderer.prototype.listitem = function(text) {
 	  return '<li>' + text + '</li>\n';
 	};
 
+	Renderer.prototype.checkbox = function(checked) {
+	  return '<input '
+	    + (checked ? 'checked="" ' : '')
+	    + 'disabled="" type="checkbox"'
+	    + (this.options.xhtml ? ' /' : '')
+	    + '> ';
+	}
+
 	Renderer.prototype.paragraph = function(text) {
 	  return '<p>' + text + '</p>\n';
 	};
 
 	Renderer.prototype.table = function(header, body) {
+	  if (body) body = '<tbody>' + body + '</tbody>';
+
 	  return '<table>\n'
 	    + '<thead>\n'
 	    + header
 	    + '</thead>\n'
-	    + '<tbody>\n'
 	    + body
-	    + '</tbody>\n'
 	    + '</table>\n';
 	};
 
@@ -37057,7 +40457,7 @@
 	Renderer.prototype.tablecell = function(content, flags) {
 	  var type = flags.header ? 'th' : 'td';
 	  var tag = flags.align
-	    ? '<' + type + ' style="text-align:' + flags.align + '">'
+	    ? '<' + type + ' align="' + flags.align + '">'
 	    : '<' + type + '>';
 	  return tag + content + '</' + type + '>\n';
 	};
@@ -37090,13 +40490,21 @@
 	        .replace(/[^\w:]/g, '')
 	        .toLowerCase();
 	    } catch (e) {
-	      return '';
+	      return text;
 	    }
-	    if (prot.indexOf('javascript:') === 0 || prot.indexOf('vbscript:') === 0) {
-	      return '';
+	    if (prot.indexOf('javascript:') === 0 || prot.indexOf('vbscript:') === 0 || prot.indexOf('data:') === 0) {
+	      return text;
 	    }
 	  }
-	  var out = '<a href="' + href + '"';
+	  if (this.options.baseUrl && !originIndependentUrl.test(href)) {
+	    href = resolveUrl(this.options.baseUrl, href);
+	  }
+	  try {
+	    href = encodeURI(href).replace(/%25/g, '%');
+	  } catch (e) {
+	    return text;
+	  }
+	  var out = '<a href="' + escape(href) + '"';
 	  if (title) {
 	    out += ' title="' + title + '"';
 	  }
@@ -37105,6 +40513,9 @@
 	};
 
 	Renderer.prototype.image = function(href, title, text) {
+	  if (this.options.baseUrl && !originIndependentUrl.test(href)) {
+	    href = resolveUrl(this.options.baseUrl, href);
+	  }
 	  var out = '<img src="' + href + '" alt="' + text + '"';
 	  if (title) {
 	    out += ' title="' + title + '"';
@@ -37117,6 +40528,32 @@
 	  return text;
 	};
 
+	/**
+	 * TextRenderer
+	 * returns only the textual part of the token
+	 */
+
+	function TextRenderer() {}
+
+	// no need for block level renderers
+
+	TextRenderer.prototype.strong =
+	TextRenderer.prototype.em =
+	TextRenderer.prototype.codespan =
+	TextRenderer.prototype.del =
+	TextRenderer.prototype.text = function (text) {
+	  return text;
+	}
+
+	TextRenderer.prototype.link =
+	TextRenderer.prototype.image = function(href, title, text) {
+	  return '' + text;
+	}
+
+	TextRenderer.prototype.br = function() {
+	  return '';
+	}
+
 	/**
 	 * Parsing & Compiling
 	 */
@@ -37125,7 +40562,7 @@
 	  this.tokens = [];
 	  this.token = null;
 	  this.options = options || marked.defaults;
-	  this.options.renderer = this.options.renderer || new Renderer;
+	  this.options.renderer = this.options.renderer || new Renderer();
 	  this.renderer = this.options.renderer;
 	  this.renderer.options = this.options;
 	}
@@ -37134,8 +40571,8 @@
 	 * Static Parse Method
 	 */
 
-	Parser.parse = function(src, options, renderer) {
-	  var parser = new Parser(options, renderer);
+	Parser.parse = function(src, options) {
+	  var parser = new Parser(options);
 	  return parser.parse(src);
 	};
 
@@ -37144,7 +40581,12 @@
 	 */
 
 	Parser.prototype.parse = function(src) {
-	  this.inline = new InlineLexer(src.links, this.options, this.renderer);
+	  this.inline = new InlineLexer(src.links, this.options);
+	  // use an InlineLexer with a TextRenderer to extract pure text
+	  this.inlineText = new InlineLexer(
+	    src.links,
+	    merge({}, this.options, {renderer: new TextRenderer()})
+	  );
 	  this.tokens = src.reverse();
 
 	  var out = '';
@@ -37201,7 +40643,7 @@
 	      return this.renderer.heading(
 	        this.inline.output(this.token.text),
 	        this.token.depth,
-	        this.token.text);
+	        unescape(this.inlineText.output(this.token.text)));
 	    }
 	    case 'code': {
 	      return this.renderer.code(this.token.text,
@@ -37209,18 +40651,16 @@
 	        this.token.escaped);
 	    }
 	    case 'table': {
-	      var header = ''
-	        , body = ''
-	        , i
-	        , row
-	        , cell
-	        , flags
-	        , j;
+	      var header = '',
+	          body = '',
+	          i,
+	          row,
+	          cell,
+	          j;
 
 	      // header
 	      cell = '';
 	      for (i = 0; i < this.token.header.length; i++) {
-	        flags = { header: true, align: this.token.align[i] };
 	        cell += this.renderer.tablecell(
 	          this.inline.output(this.token.header[i]),
 	          { header: true, align: this.token.align[i] }
@@ -37244,7 +40684,7 @@
 	      return this.renderer.table(header, body);
 	    }
 	    case 'blockquote_start': {
-	      var body = '';
+	      body = '';
 
 	      while (this.next().type !== 'blockquote_end') {
 	        body += this.tok();
@@ -37253,17 +40693,22 @@
 	      return this.renderer.blockquote(body);
 	    }
 	    case 'list_start': {
-	      var body = ''
-	        , ordered = this.token.ordered;
+	      body = '';
+	      var ordered = this.token.ordered,
+	          start = this.token.start;
 
 	      while (this.next().type !== 'list_end') {
 	        body += this.tok();
 	      }
 
-	      return this.renderer.list(body, ordered);
+	      return this.renderer.list(body, ordered, start);
 	    }
 	    case 'list_item_start': {
-	      var body = '';
+	      body = '';
+
+	      if (this.token.task) {
+	        body += this.renderer.checkbox(this.token.checked);
+	      }
 
 	      while (this.next().type !== 'list_item_end') {
 	        body += this.token.type === 'text'
@@ -37274,7 +40719,7 @@
 	      return this.renderer.listitem(body);
 	    }
 	    case 'loose_item_start': {
-	      var body = '';
+	      body = '';
 
 	      while (this.next().type !== 'list_item_end') {
 	        body += this.tok();
@@ -37283,10 +40728,8 @@
 	      return this.renderer.listitem(body);
 	    }
 	    case 'html': {
-	      var html = !this.token.pre && !this.options.pedantic
-	        ? this.inline.output(this.token.text)
-	        : this.token.text;
-	      return this.renderer.html(html);
+	      // TODO parse inline content if parameter markdown=1
+	      return this.renderer.html(this.token.text);
 	    }
 	    case 'paragraph': {
 	      return this.renderer.paragraph(this.inline.output(this.token.text));
@@ -37311,8 +40754,8 @@
 	}
 
 	function unescape(html) {
-		// explicitly match decimal, hex, and named HTML entities 
-	  return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g, function(_, n) {
+	  // explicitly match decimal, hex, and named HTML entities
+	  return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig, function(_, n) {
 	    n = n.toLowerCase();
 	    if (n === 'colon') return ':';
 	    if (n.charAt(0) === '#') {
@@ -37324,25 +40767,53 @@
 	  });
 	}
 
-	function replace(regex, opt) {
-	  regex = regex.source;
+	function edit(regex, opt) {
+	  regex = regex.source || regex;
 	  opt = opt || '';
-	  return function self(name, val) {
-	    if (!name) return new RegExp(regex, opt);
-	    val = val.source || val;
-	    val = val.replace(/(^|[^\[])\^/g, '$1');
-	    regex = regex.replace(name, val);
-	    return self;
+	  return {
+	    replace: function(name, val) {
+	      val = val.source || val;
+	      val = val.replace(/(^|[^\[])\^/g, '$1');
+	      regex = regex.replace(name, val);
+	      return this;
+	    },
+	    getRegex: function() {
+	      return new RegExp(regex, opt);
+	    }
 	  };
 	}
 
+	function resolveUrl(base, href) {
+	  if (!baseUrls[' ' + base]) {
+	    // we can ignore everything in base after the last slash of its path component,
+	    // but we might need to add _that_
+	    // https://tools.ietf.org/html/rfc3986#section-3
+	    if (/^[^:]+:\/*[^/]*$/.test(base)) {
+	      baseUrls[' ' + base] = base + '/';
+	    } else {
+	      baseUrls[' ' + base] = base.replace(/[^/]*$/, '');
+	    }
+	  }
+	  base = baseUrls[' ' + base];
+
+	  if (href.slice(0, 2) === '//') {
+	    return base.replace(/:[\s\S]*/, ':') + href;
+	  } else if (href.charAt(0) === '/') {
+	    return base.replace(/(:\/*[^/]*)[\s\S]*/, '$1') + href;
+	  } else {
+	    return base + href;
+	  }
+	}
+	var baseUrls = {};
+	var originIndependentUrl = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
+
 	function noop() {}
 	noop.exec = noop;
 
 	function merge(obj) {
-	  var i = 1
-	    , target
-	    , key;
+	  var i = 1,
+	      target,
+	      key;
 
 	  for (; i < arguments.length; i++) {
 	    target = arguments[i];
@@ -37356,12 +40827,36 @@
 	  return obj;
 	}
 
+	function splitCells(tableRow, count) {
+	  var cells = tableRow.replace(/([^\\])\|/g, '$1 |').split(/ +\| */),
+	      i = 0;
+
+	  if (cells.length > count) {
+	    cells.splice(count);
+	  } else {
+	    while (cells.length < count) cells.push('');
+	  }
+
+	  for (; i < cells.length; i++) {
+	    cells[i] = cells[i].replace(/\\\|/g, '|');
+	  }
+	  return cells;
+	}
 
 	/**
 	 * Marked
 	 */
 
 	function marked(src, opt, callback) {
+	  // throw error in case of non string input
+	  if (typeof src === 'undefined' || src === null) {
+	    throw new Error('marked(): input parameter is undefined or null');
+	  }
+	  if (typeof src !== 'string') {
+	    throw new Error('marked(): input parameter is of type '
+	      + Object.prototype.toString.call(src) + ', string expected');
+	  }
+
 	  if (callback || typeof opt === 'function') {
 	    if (!callback) {
 	      callback = opt;
@@ -37370,10 +40865,10 @@
 
 	    opt = merge({}, marked.defaults, opt || {});
 
-	    var highlight = opt.highlight
-	      , tokens
-	      , pending
-	      , i = 0;
+	    var highlight = opt.highlight,
+	        tokens,
+	        pending,
+	        i = 0;
 
 	    try {
 	      tokens = Lexer.lex(src, opt)
@@ -37435,9 +40930,9 @@
 	    if (opt) opt = merge({}, marked.defaults, opt);
 	    return Parser.parse(Lexer.lex(src, opt), opt);
 	  } catch (e) {
-	    e.message += '\nPlease report this to https://github.com/chjj/marked.';
+	    e.message += '\nPlease report this to https://github.com/markedjs/marked.';
 	    if ((opt || marked.defaults).silent) {
-	      return '<p>An error occured:</p><pre>'
+	      return '<p>An error occurred:</p><pre>'
 	        + escape(e.message + '', true)
 	        + '</pre>';
 	    }
@@ -37455,23 +40950,29 @@
 	  return marked;
 	};
 
-	marked.defaults = {
-	  gfm: true,
-	  tables: true,
-	  breaks: false,
-	  pedantic: false,
-	  sanitize: false,
-	  sanitizer: null,
-	  mangle: true,
-	  smartLists: false,
-	  silent: false,
-	  highlight: null,
-	  langPrefix: 'lang-',
-	  smartypants: false,
-	  headerPrefix: '',
-	  renderer: new Renderer,
-	  xhtml: false
-	};
+	marked.getDefaults = function () {
+	  return {
+	    baseUrl: null,
+	    breaks: false,
+	    gfm: true,
+	    headerIds: true,
+	    headerPrefix: '',
+	    highlight: null,
+	    langPrefix: 'language-',
+	    mangle: true,
+	    pedantic: false,
+	    renderer: new Renderer(),
+	    sanitize: false,
+	    sanitizer: null,
+	    silent: false,
+	    smartLists: false,
+	    smartypants: false,
+	    tables: true,
+	    xhtml: false
+	  };
+	}
+
+	marked.defaults = marked.getDefaults();
 
 	/**
 	 * Expose
@@ -37481,6 +40982,7 @@
 	marked.parser = Parser.parse;
 
 	marked.Renderer = Renderer;
+	marked.TextRenderer = TextRenderer;
 
 	marked.Lexer = Lexer;
 	marked.lexer = Lexer.lex;
@@ -37495,22 +40997,19 @@
 	} else if (typeof define === 'function' && define.amd) {
 	  define(function() { return marked; });
 	} else {
-	  this.marked = marked;
+	  root.marked = marked;
 	}
-
-	}).call(function() {
-	  return this || (typeof window !== 'undefined' ? window : global);
-	}());
+	})(this || (typeof window !== 'undefined' ? window : global));
 
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
-/***/ },
-/* 183 */
-/***/ function(module, exports, __webpack_require__) {
+/***/ }),
+/* 207 */
+/***/ (function(module, exports, __webpack_require__) {
 
 	var React = __webpack_require__(1);
-	var ReactDOM = __webpack_require__(158);
-	var SimpleMDEReact = __webpack_require__(160);
+	var ReactDOM = __webpack_require__(36);
+	var SimpleMDEReact = __webpack_require__(183);
 
 	module.exports = React.createClass({
 	  displayName: 'exports',
@@ -37535,5 +41034,5 @@
 	  }
 	});
 
-/***/ }
+/***/ })
 /******/ ]);
\ No newline at end of file
diff --git a/demo/dist/stylesheets/vendor.css b/demo/dist/stylesheets/vendor.css
index d62f4d77..4038ea9b 100644
--- a/demo/dist/stylesheets/vendor.css
+++ b/demo/dist/stylesheets/vendor.css
@@ -4,4 +4,4 @@
  * @link https://github.com/NextStepWebs/simplemde-markdown-editor
  * @license MIT
  */
-.CodeMirror{color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:1}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:' ';height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-preview,.editor-preview-side{padding:10px;background:#fafafa;overflow:auto;display:none;box-sizing:border-box}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;border:1px solid #ddd}.editor-preview-active,.editor-preview-active-side{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror .CodeMirror-code .cm-tag{color:#63a35c}.CodeMirror .CodeMirror-code .cm-attribute{color:#795da3}.CodeMirror .CodeMirror-code .cm-string{color:#183691}.CodeMirror .CodeMirror-selected{background:#d9d9d9}.CodeMirror .CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror .CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror .CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror .CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror .CodeMirror-code .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.CodeMirror .CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror .CodeMirror-code .cm-url{color:#aab2b3}.CodeMirror .CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
\ No newline at end of file
+.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:1}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:' ';height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview{padding:10px;position:absolute;width:100%;height:100%;top:0;left:0;background:#fafafa;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{padding:10px;position:fixed;bottom:0;width:50%;top:50px;right:0;background:#fafafa;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd}.editor-preview-active-side{display:block}.editor-preview-active{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror .CodeMirror-code .cm-tag{color:#63a35c}.CodeMirror .CodeMirror-code .cm-attribute{color:#795da3}.CodeMirror .CodeMirror-code .cm-string{color:#183691}.CodeMirror .CodeMirror-selected{background:#d9d9d9}.CodeMirror .CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror .CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror .CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror .CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror .CodeMirror-code .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.CodeMirror .CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror .CodeMirror-code .cm-url{color:#aab2b3}.CodeMirror .CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror-hints{position:absolute;z-index:2147483647;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:4px 8px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#e6e6e6}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
\ No newline at end of file
diff --git a/package.json b/package.json
index ce8bb521..34f16423 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "license": "MIT",
   "dependencies": {
     "react": "^15.5.x",
-    "simplemde": "git://github.com/wktang/simplemde-markdown-editor"
+    "simplemde": "git://github.com/leetcode/simplemde-markdown-editor"
   },
   "main": "dist/simplemde-editor.js",
   "devDependencies": {
diff --git a/src/index.js b/src/index.js
index df7fd7e0..28467187 100644
--- a/src/index.js
+++ b/src/index.js
@@ -50,7 +50,11 @@ module.exports = React.createClass({
     const SimpleMDE = require('simplemde');
     const initialOptions = {
       element: document.getElementById(this.id),
-      initialValue: this.props.value
+      initialValue: this.props.value,
+      autoSuggest: {
+        mode: 'markdown',
+        triggers: this.props.mentions,
+      },
     };
 
     const allOptions = Object.assign({}, initialOptions, this.props.options);
diff --git a/yarn.lock b/yarn.lock
index 4353337a..0a76a162 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3159,9 +3159,9 @@ signal-exit@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
 
-simplemde@^1.11.2:
+"simplemde@git://github.com/jeremyleu/simplemde-markdown-editor":
   version "1.11.2"
-  resolved "https://registry.yarnpkg.com/simplemde/-/simplemde-1.11.2.tgz#a23a35d978d2c40ef07dec008c92f070d8e080e3"
+  resolved "git://github.com/jeremyleu/simplemde-markdown-editor#32599afb8f1c363ba70e34ac4399a4e678db6587"
   dependencies:
     codemirror "*"
     codemirror-spell-checker "*"