upgrade to textcomplete (jquery.textcomplete is discontinued), enable built-in cache and unify to start lookup after 3 characters

1 files changed, 2409 insertions, 0 deletions

diff --git a/library/textcomplete/textcomplete.js b/library/textcomplete/textcomplete.js
new file mode 100644
index 000000000..5134be691
--- /dev/null
+++ b/library/textcomplete/textcomplete.js
@@ -0,0 +1,2409 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _strategy = __webpack_require__(2);
+
+var _strategy2 = _interopRequireDefault(_strategy);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * Encapsulate an result of each search results.
+ */
+var SearchResult = function () {
+
+  /**
+   * @param {object} data - An element of array callbacked by search function.
+   */
+  function SearchResult(data, term, strategy) {
+    _classCallCheck(this, SearchResult);
+
+    this.data = data;
+    this.term = term;
+    this.strategy = strategy;
+  }
+
+  _createClass(SearchResult, [{
+    key: "replace",
+    value: function replace(beforeCursor, afterCursor) {
+      var replacement = this.strategy.replace(this.data);
+      if (replacement !== null) {
+        if (Array.isArray(replacement)) {
+          afterCursor = replacement[1] + afterCursor;
+          replacement = replacement[0];
+        }
+        var match = this.strategy.matchText(beforeCursor);
+        if (match) {
+          replacement = replacement.replace(/\$&/g, match[0]).replace(/\$(\d)/g, function (_, p1) {
+            return match[parseInt(p1, 10)];
+          });
+          return [[beforeCursor.slice(0, match.index), replacement, beforeCursor.slice(match.index + match[0].length)].join(""), afterCursor];
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.strategy.template(this.data, this.term);
+    }
+  }]);
+
+  return SearchResult;
+}();
+
+exports.default = SearchResult;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var has = Object.prototype.hasOwnProperty
+  , prefix = '~';
+
+/**
+ * Constructor to create a storage for our `EE` objects.
+ * An `Events` instance is a plain object whose properties are event names.
+ *
+ * @constructor
+ * @api private
+ */
+function Events() {}
+
+//
+// We try to not inherit from `Object.prototype`. In some engines creating an
+// instance in this way is faster than calling `Object.create(null)` directly.
+// If `Object.create(null)` is not supported we prefix the event names with a
+// character to make sure that the built-in object properties are not
+// overridden or used as an attack vector.
+//
+if (Object.create) {
+  Events.prototype = Object.create(null);
+
+  //
+  // This hack is needed because the `__proto__` property is still inherited in
+  // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
+  //
+  if (!new Events().__proto__) prefix = false;
+}
+
+/**
+ * Representation of a single event listener.
+ *
+ * @param {Function} fn The listener function.
+ * @param {Mixed} context The context to invoke the listener with.
+ * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
+ * @constructor
+ * @api private
+ */
+function EE(fn, context, once) {
+  this.fn = fn;
+  this.context = context;
+  this.once = once || false;
+}
+
+/**
+ * Minimal `EventEmitter` interface that is molded against the Node.js
+ * `EventEmitter` interface.
+ *
+ * @constructor
+ * @api public
+ */
+function EventEmitter() {
+  this._events = new Events();
+  this._eventsCount = 0;
+}
+
+/**
+ * Return an array listing the events for which the emitter has registered
+ * listeners.
+ *
+ * @returns {Array}
+ * @api public
+ */
+EventEmitter.prototype.eventNames = function eventNames() {
+  var names = []
+    , events
+    , name;
+
+  if (this._eventsCount === 0) return names;
+
+  for (name in (events = this._events)) {
+    if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
+  }
+
+  if (Object.getOwnPropertySymbols) {
+    return names.concat(Object.getOwnPropertySymbols(events));
+  }
+
+  return names;
+};
+
+/**
+ * Return the listeners registered for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Boolean} exists Only check if there are listeners.
+ * @returns {Array|Boolean}
+ * @api public
+ */
+EventEmitter.prototype.listeners = function listeners(event, exists) {
+  var evt = prefix ? prefix + event : event
+    , available = this._events[evt];
+
+  if (exists) return !!available;
+  if (!available) return [];
+  if (available.fn) return [available.fn];
+
+  for (var i = 0, l = available.length, ee = new Array(l); i < l; i++) {
+    ee[i] = available[i].fn;
+  }
+
+  return ee;
+};
+
+/**
+ * Calls each of the listeners registered for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @returns {Boolean} `true` if the event had listeners, else `false`.
+ * @api public
+ */
+EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
+  var evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) return false;
+
+  var listeners = this._events[evt]
+    , len = arguments.length
+    , args
+    , i;
+
+  if (listeners.fn) {
+    if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
+
+    switch (len) {
+      case 1: return listeners.fn.call(listeners.context), true;
+      case 2: return listeners.fn.call(listeners.context, a1), true;
+      case 3: return listeners.fn.call(listeners.context, a1, a2), true;
+      case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;
+      case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
+      case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
+    }
+
+    for (i = 1, args = new Array(len -1); i < len; i++) {
+      args[i - 1] = arguments[i];
+    }
+
+    listeners.fn.apply(listeners.context, args);
+  } else {
+    var length = listeners.length
+      , j;
+
+    for (i = 0; i < length; i++) {
+      if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
+
+      switch (len) {
+        case 1: listeners[i].fn.call(listeners[i].context); break;
+        case 2: listeners[i].fn.call(listeners[i].context, a1); break;
+        case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;
+        case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;
+        default:
+          if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {
+            args[j - 1] = arguments[j];
+          }
+
+          listeners[i].fn.apply(listeners[i].context, args);
+      }
+    }
+  }
+
+  return true;
+};
+
+/**
+ * Add a listener for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn The listener function.
+ * @param {Mixed} [context=this] The context to invoke the listener with.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.on = function on(event, fn, context) {
+  var listener = new EE(fn, context || this)
+    , evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) this._events[evt] = listener, this._eventsCount++;
+  else if (!this._events[evt].fn) this._events[evt].push(listener);
+  else this._events[evt] = [this._events[evt], listener];
+
+  return this;
+};
+
+/**
+ * Add a one-time listener for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn The listener function.
+ * @param {Mixed} [context=this] The context to invoke the listener with.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.once = function once(event, fn, context) {
+  var listener = new EE(fn, context || this, true)
+    , evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) this._events[evt] = listener, this._eventsCount++;
+  else if (!this._events[evt].fn) this._events[evt].push(listener);
+  else this._events[evt] = [this._events[evt], listener];
+
+  return this;
+};
+
+/**
+ * Remove the listeners of a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn Only remove the listeners that match this function.
+ * @param {Mixed} context Only remove the listeners that have this context.
+ * @param {Boolean} once Only remove one-time listeners.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
+  var evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) return this;
+  if (!fn) {
+    if (--this._eventsCount === 0) this._events = new Events();
+    else delete this._events[evt];
+    return this;
+  }
+
+  var listeners = this._events[evt];
+
+  if (listeners.fn) {
+    if (
+         listeners.fn === fn
+      && (!once || listeners.once)
+      && (!context || listeners.context === context)
+    ) {
+      if (--this._eventsCount === 0) this._events = new Events();
+      else delete this._events[evt];
+    }
+  } else {
+    for (var i = 0, events = [], length = listeners.length; i < length; i++) {
+      if (
+           listeners[i].fn !== fn
+        || (once && !listeners[i].once)
+        || (context && listeners[i].context !== context)
+      ) {
+        events.push(listeners[i]);
+      }
+    }
+
+    //
+    // Reset the array, or remove it completely if we have no more listeners.
+    //
+    if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;
+    else if (--this._eventsCount === 0) this._events = new Events();
+    else delete this._events[evt];
+  }
+
+  return this;
+};
+
+/**
+ * Remove all listeners, or those of the specified event.
+ *
+ * @param {String|Symbol} [event] The event name.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
+  var evt;
+
+  if (event) {
+    evt = prefix ? prefix + event : event;
+    if (this._events[evt]) {
+      if (--this._eventsCount === 0) this._events = new Events();
+      else delete this._events[evt];
+    }
+  } else {
+    this._events = new Events();
+    this._eventsCount = 0;
+  }
+
+  return this;
+};
+
+//
+// Alias methods names because people roll like that.
+//
+EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
+EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+//
+// This function doesn't apply anymore.
+//
+EventEmitter.prototype.setMaxListeners = function setMaxListeners() {
+  return this;
+};
+
+//
+// Expose the prefix.
+//
+EventEmitter.prefixed = prefix;
+
+//
+// Allow `EventEmitter` to be imported as module namespace.
+//
+EventEmitter.EventEmitter = EventEmitter;
+
+//
+// Expose the module.
+//
+if (true) {
+  module.exports = EventEmitter;
+}
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var DEFAULT_INDEX = 2;
+
+function DEFAULT_TEMPLATE(value) {
+  return value;
+}
+
+/**
+ * Properties for a strategy.
+ *
+ * @typedef
+ */
+
+/**
+ * Encapsulate a single strategy.
+ */
+var Strategy = function () {
+  function Strategy(props) {
+    _classCallCheck(this, Strategy);
+
+    this.props = props;
+    this.cache = props.cache ? {} : null;
+  }
+
+  /**
+   * @return {this}
+   */
+
+
+  _createClass(Strategy, [{
+    key: "destroy",
+    value: function destroy() {
+      this.cache = null;
+      return this;
+    }
+  }, {
+    key: "search",
+    value: function search(term, callback, match) {
+      if (this.cache) {
+        this.searchWithCache(term, callback, match);
+      } else {
+        this.props.search(term, callback, match);
+      }
+    }
+
+    /**
+     * @param {object} data - An element of array callbacked by search function.
+     */
+
+  }, {
+    key: "replace",
+    value: function replace(data) {
+      return this.props.replace(data);
+    }
+
+    /** @private */
+
+  }, {
+    key: "searchWithCache",
+    value: function searchWithCache(term, callback, match) {
+      var _this = this;
+
+      if (this.cache && this.cache[term]) {
+        callback(this.cache[term]);
+      } else {
+        this.props.search(term, function (results) {
+          if (_this.cache) {
+            _this.cache[term] = results;
+          }
+          callback(results);
+        }, match);
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "matchText",
+    value: function matchText(text) {
+      if (typeof this.match === "function") {
+        return this.match(text);
+      } else {
+        return text.match(this.match);
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "match",
+    get: function get() {
+      return this.props.match;
+    }
+
+    /** @private */
+
+  }, {
+    key: "index",
+    get: function get() {
+      return typeof this.props.index === "number" ? this.props.index : DEFAULT_INDEX;
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return this.props.template || DEFAULT_TEMPLATE;
+    }
+  }]);
+
+  return Strategy;
+}();
+
+exports.default = Strategy;
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateElementOffset = calculateElementOffset;
+exports.getLineHeightPx = getLineHeightPx;
+exports.calculateLineHeightPx = calculateLineHeightPx;
+
+
+/**
+ * Create a custom event
+ *
+ * @private
+ */
+var createCustomEvent = exports.createCustomEvent = function () {
+  if (typeof window.CustomEvent === "function") {
+    return function (type, options) {
+      return new document.defaultView.CustomEvent(type, {
+        cancelable: options && options.cancelable || false,
+        detail: options && options.detail || undefined
+      });
+    };
+  } else {
+    // Custom event polyfill from
+    // https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#polyfill
+    return function (type, options) {
+      var event = document.createEvent("CustomEvent");
+      event.initCustomEvent(type,
+      /* bubbles */false, options && options.cancelable || false, options && options.detail || undefined);
+      return event;
+    };
+  }
+}
+
+/**
+ * Get the current coordinates of the `el` relative to the document.
+ *
+ * @private
+ */
+();function calculateElementOffset(el) {
+  var rect = el.getBoundingClientRect();
+  var _el$ownerDocument = el.ownerDocument,
+      defaultView = _el$ownerDocument.defaultView,
+      documentElement = _el$ownerDocument.documentElement;
+
+  var offset = {
+    top: rect.top + defaultView.pageYOffset,
+    left: rect.left + defaultView.pageXOffset
+  };
+  if (documentElement) {
+    offset.top -= documentElement.clientTop;
+    offset.left -= documentElement.clientLeft;
+  }
+  return offset;
+}
+
+var CHAR_CODE_ZERO = "0".charCodeAt(0);
+var CHAR_CODE_NINE = "9".charCodeAt(0);
+
+function isDigit(charCode) {
+  return charCode >= CHAR_CODE_ZERO && charCode <= CHAR_CODE_NINE;
+}
+
+/**
+ * Returns the line-height of the given node in pixels.
+ *
+ * @private
+ */
+function getLineHeightPx(node) {
+  var computedStyle = window.getComputedStyle(node
+
+  // If the char code starts with a digit, it is either a value in pixels,
+  // or unitless, as per:
+  // https://drafts.csswg.org/css2/visudet.html#propdef-line-height
+  // https://drafts.csswg.org/css2/cascade.html#computed-value
+  );if (isDigit(computedStyle.lineHeight.charCodeAt(0))) {
+    // In real browsers the value is *always* in pixels, even for unit-less
+    // line-heights. However, we still check as per the spec.
+    if (isDigit(computedStyle.lineHeight.charCodeAt(computedStyle.lineHeight.length - 1))) {
+      return parseFloat(computedStyle.lineHeight) * parseFloat(computedStyle.fontSize);
+    } else {
+      return parseFloat(computedStyle.lineHeight);
+    }
+  }
+
+  // Otherwise, the value is "normal".
+  // If the line-height is "normal", calculate by font-size
+  return calculateLineHeightPx(node.nodeName, computedStyle);
+}
+
+/**
+ * Returns calculated line-height of the given node in pixels.
+ *
+ * @private
+ */
+function calculateLineHeightPx(nodeName, computedStyle) {
+  var body = document.body;
+  if (!body) {
+    return 0;
+  }
+
+  var tempNode = document.createElement(nodeName);
+  tempNode.innerHTML = "&nbsp;";
+  tempNode.style.fontSize = computedStyle.fontSize;
+  tempNode.style.fontFamily = computedStyle.fontFamily;
+  tempNode.style.padding = "0";
+  body.appendChild(tempNode
+
+  // Make sure textarea has only 1 row
+  );if (tempNode instanceof HTMLTextAreaElement) {
+    ;tempNode.rows = 1;
+  }
+
+  // Assume the height of the element is the line-height
+  var height = tempNode.offsetHeight;
+  body.removeChild(tempNode);
+
+  return height;
+}
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _eventemitter = __webpack_require__(1);
+
+var _eventemitter2 = _interopRequireDefault(_eventemitter);
+
+var _utils = __webpack_require__(3);
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+/*eslint no-unused-vars: off*/
+
+/**
+ * Abstract class representing a editor target.
+ *
+ * Editor classes must implement `#applySearchResult`, `#getCursorOffset` and
+ * `#getBeforeCursor` methods.
+ *
+ * Editor classes must invoke `#emitMoveEvent`, `#emitEnterEvent`,
+ * `#emitChangeEvent` and `#emitEscEvent` at proper timing.
+ *
+ * @abstract
+ */
+
+
+/** @typedef */
+var Editor = function (_EventEmitter) {
+  _inherits(Editor, _EventEmitter);
+
+  function Editor() {
+    _classCallCheck(this, Editor);
+
+    return _possibleConstructorReturn(this, (Editor.__proto__ || Object.getPrototypeOf(Editor)).apply(this, arguments));
+  }
+
+  _createClass(Editor, [{
+    key: "destroy",
+
+    /**
+     * It is called when associated textcomplete object is destroyed.
+     *
+     * @return {this}
+     */
+    value: function destroy() {
+      return this;
+    }
+
+    /**
+     * It is called when a search result is selected by a user.
+     */
+
+  }, {
+    key: "applySearchResult",
+    value: function applySearchResult(_) {
+      throw new Error("Not implemented.");
+    }
+
+    /**
+     * The input cursor's absolute coordinates from the window's left
+     * top corner.
+     */
+
+  }, {
+    key: "getCursorOffset",
+    value: function getCursorOffset() {
+      throw new Error("Not implemented.");
+    }
+
+    /**
+     * Editor string value from head to cursor.
+     * Returns null if selection type is range not cursor.
+     */
+
+  }, {
+    key: "getBeforeCursor",
+    value: function getBeforeCursor() {
+      throw new Error("Not implemented.");
+    }
+
+    /**
+     * Emit a move event, which moves active dropdown element.
+     * Child class must call this method at proper timing with proper parameter.
+     *
+     * @see {@link Textarea} for live example.
+     */
+
+  }, {
+    key: "emitMoveEvent",
+    value: function emitMoveEvent(code) {
+      var moveEvent = (0, _utils.createCustomEvent)("move", {
+        cancelable: true,
+        detail: {
+          code: code
+        }
+      });
+      this.emit("move", moveEvent);
+      return moveEvent;
+    }
+
+    /**
+     * Emit a enter event, which selects current search result.
+     * Child class must call this method at proper timing.
+     *
+     * @see {@link Textarea} for live example.
+     */
+
+  }, {
+    key: "emitEnterEvent",
+    value: function emitEnterEvent() {
+      var enterEvent = (0, _utils.createCustomEvent)("enter", { cancelable: true });
+      this.emit("enter", enterEvent);
+      return enterEvent;
+    }
+
+    /**
+     * Emit a change event, which triggers auto completion.
+     * Child class must call this method at proper timing.
+     *
+     * @see {@link Textarea} for live example.
+     */
+
+  }, {
+    key: "emitChangeEvent",
+    value: function emitChangeEvent() {
+      var changeEvent = (0, _utils.createCustomEvent)("change", {
+        detail: {
+          beforeCursor: this.getBeforeCursor()
+        }
+      });
+      this.emit("change", changeEvent);
+      return changeEvent;
+    }
+
+    /**
+     * Emit a esc event, which hides dropdown element.
+     * Child class must call this method at proper timing.
+     *
+     * @see {@link Textarea} for live example.
+     */
+
+  }, {
+    key: "emitEscEvent",
+    value: function emitEscEvent() {
+      var escEvent = (0, _utils.createCustomEvent)("esc", { cancelable: true });
+      this.emit("esc", escEvent);
+      return escEvent;
+    }
+
+    /**
+     * Helper method for parsing KeyboardEvent.
+     *
+     * @see {@link Textarea} for live example.
+     */
+
+  }, {
+    key: "getCode",
+    value: function getCode(e) {
+      return e.keyCode === 9 ? "ENTER" // tab
+      : e.keyCode === 13 ? "ENTER" // enter
+      : e.keyCode === 27 ? "ESC" // esc
+      : e.keyCode === 38 ? "UP" // up
+      : e.keyCode === 40 ? "DOWN" // down
+      : e.keyCode === 78 && e.ctrlKey ? "DOWN" // ctrl-n
+      : e.keyCode === 80 && e.ctrlKey ? "UP" // ctrl-p
+      : "OTHER";
+    }
+  }]);
+
+  return Editor;
+}(_eventemitter2.default);
+
+exports.default = Editor;
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {
+
+var _textcomplete = __webpack_require__(7);
+
+var _textcomplete2 = _interopRequireDefault(_textcomplete);
+
+var _textarea = __webpack_require__(12);
+
+var _textarea2 = _interopRequireDefault(_textarea);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var editors = void 0;
+if (global.Textcomplete && global.Textcomplete.editors) {
+  editors = global.Textcomplete.editors;
+} else {
+  editors = {};
+}
+editors.Textarea = _textarea2.default;
+
+global.Textcomplete = _textcomplete2.default;
+global.Textcomplete.editors = editors;
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+var g;

+

+// This works in non-strict mode

+g = (function() {

+	return this;

+})();

+

+try {

+	// This works if eval is allowed (see CSP)

+	g = g || Function("return this")() || (1,eval)("this");

+} catch(e) {

+	// This works if the window reference is available

+	if(typeof window === "object")

+		g = window;

+}

+

+// g can still be undefined, but nothing to do about it...

+// We return undefined, instead of nothing here, so it's

+// easier to handle this case. if(!global) { ...}

+

+module.exports = g;

+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _completer = __webpack_require__(8);
+
+var _completer2 = _interopRequireDefault(_completer);
+
+var _editor = __webpack_require__(4);
+
+var _editor2 = _interopRequireDefault(_editor);
+
+var _dropdown = __webpack_require__(10);
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _strategy = __webpack_require__(2);
+
+var _strategy2 = _interopRequireDefault(_strategy);
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+var _eventemitter = __webpack_require__(1);
+
+var _eventemitter2 = _interopRequireDefault(_eventemitter);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var CALLBACK_METHODS = ["handleChange", "handleEnter", "handleEsc", "handleHit", "handleMove", "handleSelect"];
+
+/** @typedef */
+
+/**
+ * The core of textcomplete. It acts as a mediator.
+ */
+var Textcomplete = function (_EventEmitter) {
+  _inherits(Textcomplete, _EventEmitter);
+
+  /**
+   * @param {Editor} editor - Where the textcomplete works on.
+   */
+  function Textcomplete(editor) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, Textcomplete);
+
+    var _this = _possibleConstructorReturn(this, (Textcomplete.__proto__ || Object.getPrototypeOf(Textcomplete)).call(this));
+
+    _this.completer = new _completer2.default();
+    _this.isQueryInFlight = false;
+    _this.nextPendingQuery = null;
+    _this.dropdown = new _dropdown2.default(options.dropdown || {});
+    _this.editor = editor;
+    _this.options = options;
+
+    CALLBACK_METHODS.forEach(function (method) {
+      ;_this[method] = _this[method].bind(_this);
+    });
+
+    _this.startListening();
+    return _this;
+  }
+
+  /**
+   * @return {this}
+   */
+
+
+  _createClass(Textcomplete, [{
+    key: "destroy",
+    value: function destroy() {
+      var destroyEditor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      this.completer.destroy();
+      this.dropdown.destroy();
+      if (destroyEditor) {
+        this.editor.destroy();
+      }
+      this.stopListening();
+      return this;
+    }
+
+    /**
+     * @return {this}
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      this.dropdown.deactivate();
+      return this;
+    }
+
+    /**
+     * @return {this}
+     * @example
+     * textcomplete.register([{
+     *   match: /(^|\s)(\w+)$/,
+     *   search: function (term, callback) {
+     *     $.ajax({ ... })
+     *       .done(callback)
+     *       .fail([]);
+     *   },
+     *   replace: function (value) {
+     *     return '$1' + value + ' ';
+     *   }
+     * }]);
+     */
+
+  }, {
+    key: "register",
+    value: function register(strategyPropsArray) {
+      var _this2 = this;
+
+      strategyPropsArray.forEach(function (props) {
+        _this2.completer.registerStrategy(new _strategy2.default(props));
+      });
+      return this;
+    }
+
+    /**
+     * Start autocompleting.
+     *
+     * @param {string} text - Head to input cursor.
+     * @return {this}
+     */
+
+  }, {
+    key: "trigger",
+    value: function trigger(text) {
+      if (this.isQueryInFlight) {
+        this.nextPendingQuery = text;
+      } else {
+        this.isQueryInFlight = true;
+        this.nextPendingQuery = null;
+        this.completer.run(text);
+      }
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleHit",
+    value: function handleHit(_ref) {
+      var searchResults = _ref.searchResults;
+
+      if (searchResults.length) {
+        this.dropdown.render(searchResults, this.editor.getCursorOffset());
+      } else {
+        this.dropdown.deactivate();
+      }
+      this.isQueryInFlight = false;
+      if (this.nextPendingQuery !== null) {
+        this.trigger(this.nextPendingQuery);
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleMove",
+    value: function handleMove(e) {
+      e.detail.code === "UP" ? this.dropdown.up(e) : this.dropdown.down(e);
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleEnter",
+    value: function handleEnter(e) {
+      var activeItem = this.dropdown.getActiveItem();
+      if (activeItem) {
+        this.dropdown.select(activeItem);
+        e.preventDefault();
+      } else {
+        this.dropdown.deactivate();
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleEsc",
+    value: function handleEsc(e) {
+      if (this.dropdown.shown) {
+        this.dropdown.deactivate();
+        e.preventDefault();
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleChange",
+    value: function handleChange(e) {
+      if (e.detail.beforeCursor != null) {
+        this.trigger(e.detail.beforeCursor);
+      } else {
+        this.dropdown.deactivate();
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "handleSelect",
+    value: function handleSelect(selectEvent) {
+      this.emit("select", selectEvent);
+      if (!selectEvent.defaultPrevented) {
+        this.editor.applySearchResult(selectEvent.detail.searchResult);
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "startListening",
+    value: function startListening() {
+      var _this3 = this;
+
+      this.editor.on("move", this.handleMove).on("enter", this.handleEnter).on("esc", this.handleEsc).on("change", this.handleChange);
+      this.dropdown.on("select", this.handleSelect);["show", "shown", "render", "rendered", "selected", "hidden", "hide"].forEach(function (eventName) {
+        _this3.dropdown.on(eventName, function () {
+          return _this3.emit(eventName);
+        });
+      });
+      this.completer.on("hit", this.handleHit);
+    }
+
+    /** @private */
+
+  }, {
+    key: "stopListening",
+    value: function stopListening() {
+      this.completer.removeAllListeners();
+      this.dropdown.removeAllListeners();
+      this.editor.removeListener("move", this.handleMove).removeListener("enter", this.handleEnter).removeListener("esc", this.handleEsc).removeListener("change", this.handleChange);
+    }
+  }]);
+
+  return Textcomplete;
+}(_eventemitter2.default);
+
+exports.default = Textcomplete;
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _eventemitter = __webpack_require__(1);
+
+var _eventemitter2 = _interopRequireDefault(_eventemitter);
+
+var _query = __webpack_require__(9);
+
+var _query2 = _interopRequireDefault(_query);
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+var _strategy = __webpack_require__(2);
+
+var _strategy2 = _interopRequireDefault(_strategy);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var CALLBACK_METHODS = ["handleQueryResult"];
+
+/**
+ * Complete engine.
+ */
+
+var Completer = function (_EventEmitter) {
+  _inherits(Completer, _EventEmitter);
+
+  function Completer() {
+    _classCallCheck(this, Completer);
+
+    var _this = _possibleConstructorReturn(this, (Completer.__proto__ || Object.getPrototypeOf(Completer)).call(this));
+
+    _this.strategies = [];
+
+    CALLBACK_METHODS.forEach(function (method) {
+      ;_this[method] = _this[method].bind(_this);
+    });
+    return _this;
+  }
+
+  /**
+   * @return {this}
+   */
+
+
+  _createClass(Completer, [{
+    key: "destroy",
+    value: function destroy() {
+      this.strategies.forEach(function (strategy) {
+        return strategy.destroy();
+      });
+      return this;
+    }
+
+    /**
+     * Register a strategy to the completer.
+     *
+     * @return {this}
+     */
+
+  }, {
+    key: "registerStrategy",
+    value: function registerStrategy(strategy) {
+      this.strategies.push(strategy);
+      return this;
+    }
+
+    /**
+     * @param {string} text - Head to input cursor.
+     */
+
+  }, {
+    key: "run",
+    value: function run(text) {
+      var query = this.extractQuery(text);
+      if (query) {
+        query.execute(this.handleQueryResult);
+      } else {
+        this.handleQueryResult([]);
+      }
+    }
+
+    /**
+     * Find a query, which matches to the given text.
+     *
+     * @private
+     */
+
+  }, {
+    key: "extractQuery",
+    value: function extractQuery(text) {
+      for (var i = 0; i < this.strategies.length; i++) {
+        var query = _query2.default.build(this.strategies[i], text);
+        if (query) {
+          return query;
+        }
+      }
+      return null;
+    }
+
+    /**
+     * Callbacked by {@link Query#execute}.
+     *
+     * @private
+     */
+
+  }, {
+    key: "handleQueryResult",
+    value: function handleQueryResult(searchResults) {
+      this.emit("hit", { searchResults: searchResults });
+    }
+  }]);
+
+  return Completer;
+}(_eventemitter2.default);
+
+exports.default = Completer;
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+var _strategy = __webpack_require__(2);
+
+var _strategy2 = _interopRequireDefault(_strategy);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * Encapsulate matching condition between a Strategy and current editor's value.
+ */
+var Query = function () {
+  _createClass(Query, null, [{
+    key: "build",
+
+
+    /**
+     * Build a Query object by the given string if this matches to the string.
+     *
+     * @param {string} text - Head to input cursor.
+     */
+    value: function build(strategy, text) {
+      if (typeof strategy.props.context === "function") {
+        var context = strategy.props.context(text);
+        if (typeof context === "string") {
+          text = context;
+        } else if (!context) {
+          return null;
+        }
+      }
+      var match = strategy.matchText(text);
+      return match ? new Query(strategy, match[strategy.index], match) : null;
+    }
+  }]);
+
+  function Query(strategy, term, match) {
+    _classCallCheck(this, Query);
+
+    this.strategy = strategy;
+    this.term = term;
+    this.match = match;
+  }
+
+  /**
+   * Invoke search strategy and callback the given function.
+   */
+
+
+  _createClass(Query, [{
+    key: "execute",
+    value: function execute(callback) {
+      var _this = this;
+
+      this.strategy.search(this.term, function (results) {
+        callback(results.map(function (result) {
+          return new _search_result2.default(result, _this.term, _this.strategy);
+        }));
+      }, this.match);
+    }
+  }]);
+
+  return Query;
+}();
+
+exports.default = Query;
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _eventemitter = __webpack_require__(1);
+
+var _eventemitter2 = _interopRequireDefault(_eventemitter);
+
+var _dropdown_item = __webpack_require__(11);
+
+var _dropdown_item2 = _interopRequireDefault(_dropdown_item);
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+var _utils = __webpack_require__(3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var DEFAULT_CLASS_NAME = "dropdown-menu textcomplete-dropdown";
+
+/** @typedef */
+
+/**
+ * Encapsulate a dropdown view.
+ *
+ * @prop {boolean} shown - Whether the #el is shown or not.
+ * @prop {DropdownItem[]} items - The array of rendered dropdown items.
+ */
+var Dropdown = function (_EventEmitter) {
+  _inherits(Dropdown, _EventEmitter);
+
+  _createClass(Dropdown, null, [{
+    key: "createElement",
+    value: function createElement() {
+      var el = document.createElement("ul");
+      var style = el.style;
+      style.display = "none";
+      style.position = "absolute";
+      style.zIndex = "10000";
+      var body = document.body;
+      if (body) {
+        body.appendChild(el);
+      }
+      return el;
+    }
+  }]);
+
+  function Dropdown(options) {
+    _classCallCheck(this, Dropdown);
+
+    var _this = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this));
+
+    _this.shown = false;
+    _this.items = [];
+    _this.activeItem = null;
+    _this.footer = options.footer;
+    _this.header = options.header;
+    _this.maxCount = options.maxCount || 10;
+    _this.el.className = options.className || DEFAULT_CLASS_NAME;
+    _this.rotate = options.hasOwnProperty("rotate") ? options.rotate : true;
+    _this.placement = options.placement;
+    _this.itemOptions = options.item || {};
+    var style = options.style;
+    if (style) {
+      Object.keys(style).forEach(function (key) {
+        ;_this.el.style[key] = style[key];
+      });
+    }
+    return _this;
+  }
+
+  /**
+   * @return {this}
+   */
+
+
+  _createClass(Dropdown, [{
+    key: "destroy",
+    value: function destroy() {
+      var parentNode = this.el.parentNode;
+      if (parentNode) {
+        parentNode.removeChild(this.el);
+      }
+      this.clear()._el = null;
+      return this;
+    }
+  }, {
+    key: "render",
+
+
+    /**
+     * Render the given data as dropdown items.
+     *
+     * @return {this}
+     */
+    value: function render(searchResults, cursorOffset) {
+      var _this2 = this;
+
+      var renderEvent = (0, _utils.createCustomEvent)("render", { cancelable: true });
+      this.emit("render", renderEvent);
+      if (renderEvent.defaultPrevented) {
+        return this;
+      }
+      var rawResults = searchResults.map(function (searchResult) {
+        return searchResult.data;
+      });
+      var dropdownItems = searchResults.slice(0, this.maxCount || searchResults.length).map(function (searchResult) {
+        return new _dropdown_item2.default(searchResult, _this2.itemOptions);
+      });
+      this.clear().setStrategyId(searchResults[0]).renderEdge(rawResults, "header").append(dropdownItems).renderEdge(rawResults, "footer").show().setOffset(cursorOffset);
+      this.emit("rendered", (0, _utils.createCustomEvent)("rendered"));
+      return this;
+    }
+
+    /**
+     * Hide the dropdown then sweep out items.
+     *
+     * @return {this}
+     */
+
+  }, {
+    key: "deactivate",
+    value: function deactivate() {
+      return this.hide().clear();
+    }
+
+    /**
+     * @return {this}
+     */
+
+  }, {
+    key: "select",
+    value: function select(dropdownItem) {
+      var detail = { searchResult: dropdownItem.searchResult };
+      var selectEvent = (0, _utils.createCustomEvent)("select", {
+        cancelable: true,
+        detail: detail
+      });
+      this.emit("select", selectEvent);
+      if (selectEvent.defaultPrevented) {
+        return this;
+      }
+      this.deactivate();
+      this.emit("selected", (0, _utils.createCustomEvent)("selected", { detail: detail }));
+      return this;
+    }
+
+    /**
+     * @return {this}
+     */
+
+  }, {
+    key: "up",
+    value: function up(e) {
+      return this.shown ? this.moveActiveItem("prev", e) : this;
+    }
+
+    /**
+     * @return {this}
+     */
+
+  }, {
+    key: "down",
+    value: function down(e) {
+      return this.shown ? this.moveActiveItem("next", e) : this;
+    }
+
+    /**
+     * Retrieve the active item.
+     */
+
+  }, {
+    key: "getActiveItem",
+    value: function getActiveItem() {
+      return this.activeItem;
+    }
+
+    /**
+     * Add items to dropdown.
+     *
+     * @private
+     */
+
+  }, {
+    key: "append",
+    value: function append(items) {
+      var _this3 = this;
+
+      var fragment = document.createDocumentFragment();
+      items.forEach(function (item) {
+        _this3.items.push(item);
+        item.appended(_this3);
+        fragment.appendChild(item.el);
+      });
+      this.el.appendChild(fragment);
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "setOffset",
+    value: function setOffset(cursorOffset) {
+      var doc = document.documentElement;
+      if (doc) {
+        var elementWidth = this.el.offsetWidth;
+        if (cursorOffset.left) {
+          var browserWidth = doc.clientWidth;
+          if (cursorOffset.left + elementWidth > browserWidth) {
+            cursorOffset.left = browserWidth - elementWidth;
+          }
+          this.el.style.left = cursorOffset.left + "px";
+        } else if (cursorOffset.right) {
+          if (cursorOffset.right - elementWidth < 0) {
+            cursorOffset.right = 0;
+          }
+          this.el.style.right = cursorOffset.right + "px";
+        }
+        if (this.isPlacementTop()) {
+          this.el.style.bottom = doc.clientHeight - cursorOffset.top + cursorOffset.lineHeight + "px";
+        } else {
+          this.el.style.top = cursorOffset.top + "px";
+        }
+      }
+      return this;
+    }
+
+    /**
+     * Show the element.
+     *
+     * @private
+     */
+
+  }, {
+    key: "show",
+    value: function show() {
+      if (!this.shown) {
+        var showEvent = (0, _utils.createCustomEvent)("show", { cancelable: true });
+        this.emit("show", showEvent);
+        if (showEvent.defaultPrevented) {
+          return this;
+        }
+        this.el.style.display = "block";
+        this.shown = true;
+        this.emit("shown", (0, _utils.createCustomEvent)("shown"));
+      }
+      return this;
+    }
+
+    /**
+     * Hide the element.
+     *
+     * @private
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      if (this.shown) {
+        var hideEvent = (0, _utils.createCustomEvent)("hide", { cancelable: true });
+        this.emit("hide", hideEvent);
+        if (hideEvent.defaultPrevented) {
+          return this;
+        }
+        this.el.style.display = "none";
+        this.shown = false;
+        this.emit("hidden", (0, _utils.createCustomEvent)("hidden"));
+      }
+      return this;
+    }
+
+    /**
+     * Clear search results.
+     *
+     * @private
+     */
+
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.el.innerHTML = "";
+      this.items.forEach(function (item) {
+        return item.destroy();
+      });
+      this.items = [];
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "moveActiveItem",
+    value: function moveActiveItem(direction, e) {
+      var nextActiveItem = direction === "next" ? this.activeItem ? this.activeItem.next : this.items[0] : this.activeItem ? this.activeItem.prev : this.items[this.items.length - 1];
+      if (nextActiveItem) {
+        nextActiveItem.activate();
+        e.preventDefault();
+      }
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "setStrategyId",
+    value: function setStrategyId(searchResult) {
+      var strategyId = searchResult && searchResult.strategy.props.id;
+      if (strategyId) {
+        this.el.setAttribute("data-strategy", strategyId);
+      } else {
+        this.el.removeAttribute("data-strategy");
+      }
+      return this;
+    }
+
+    /**
+     * @private
+     * @param {object[]} rawResults - What callbacked by search function.
+     */
+
+  }, {
+    key: "renderEdge",
+    value: function renderEdge(rawResults, type) {
+      var source = (type === "header" ? this.header : this.footer) || "";
+      var content = typeof source === "function" ? source(rawResults) : source;
+      var li = document.createElement("li");
+      li.classList.add("textcomplete-" + type);
+      li.innerHTML = content;
+      this.el.appendChild(li);
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "isPlacementTop",
+    value: function isPlacementTop() {
+      return this.placement === "top";
+    }
+  }, {
+    key: "el",
+    get: function get() {
+      if (!this._el) {
+        this._el = Dropdown.createElement();
+      }
+      return this._el;
+    }
+  }]);
+
+  return Dropdown;
+}(_eventemitter2.default);
+
+exports.default = Dropdown;
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_CLASS_NAME = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var DEFAULT_CLASS_NAME = exports.DEFAULT_CLASS_NAME = "textcomplete-item";
+var CALLBACK_METHODS = ["onClick", "onMouseover"];
+
+/** @typedef */
+
+
+// Declare interface instead of importing Dropdown itself to prevent circular dependency.
+
+/**
+ * Encapsulate an item of dropdown.
+ */
+var DropdownItem = function () {
+  function DropdownItem(searchResult, options) {
+    var _this = this;
+
+    _classCallCheck(this, DropdownItem);
+
+    this.searchResult = searchResult;
+    this.active = false;
+    this.className = options.className || DEFAULT_CLASS_NAME;
+    this.activeClassName = this.className + " active";
+
+    CALLBACK_METHODS.forEach(function (method) {
+      ;_this[method] = _this[method].bind(_this);
+    });
+  }
+
+  _createClass(DropdownItem, [{
+    key: "destroy",
+
+
+    /**
+     * Try to free resources and perform other cleanup operations.
+     */
+    value: function destroy() {
+      this.el.removeEventListener("mousedown", this.onClick, false);
+      this.el.removeEventListener("mouseover", this.onMouseover, false);
+      this.el.removeEventListener("touchstart", this.onClick, false);
+      if (this.active) {
+        this.dropdown.activeItem = null;
+      }
+      // This element has already been removed by {@link Dropdown#clear}.
+      this._el = null;
+    }
+
+    /**
+     * Callbacked when it is appended to a dropdown.
+     *
+     * @see Dropdown#append
+     */
+
+  }, {
+    key: "appended",
+    value: function appended(dropdown) {
+      this.dropdown = dropdown;
+      this.siblings = dropdown.items;
+      this.index = this.siblings.length - 1;
+    }
+
+    /**
+     * Deactivate active item then activate itself.
+     *
+     * @return {this}
+     */
+
+  }, {
+    key: "activate",
+    value: function activate() {
+      if (!this.active) {
+        var _activeItem = this.dropdown.getActiveItem();
+        if (_activeItem) {
+          _activeItem.deactivate();
+        }
+        this.dropdown.activeItem = this;
+        this.active = true;
+        this.el.className = this.activeClassName;
+      }
+      return this;
+    }
+
+    /**
+     * Get the next sibling.
+     */
+
+  }, {
+    key: "deactivate",
+
+
+    /** @private */
+    value: function deactivate() {
+      if (this.active) {
+        this.active = false;
+        this.el.className = this.className;
+        this.dropdown.activeItem = null;
+      }
+      return this;
+    }
+
+    /** @private */
+
+  }, {
+    key: "onClick",
+    value: function onClick(e) {
+      e.preventDefault // Prevent blur event
+      ();this.dropdown.select(this);
+    }
+
+    /** @private */
+
+  }, {
+    key: "onMouseover",
+    value: function onMouseover() {
+      this.activate();
+    }
+  }, {
+    key: "el",
+    get: function get() {
+      if (this._el) {
+        return this._el;
+      }
+      var li = document.createElement("li");
+      li.className = this.active ? this.activeClassName : this.className;
+      var a = document.createElement("a");
+      a.innerHTML = this.searchResult.render();
+      li.appendChild(a);
+      this._el = li;
+      li.addEventListener("mousedown", this.onClick);
+      li.addEventListener("mouseover", this.onMouseover);
+      li.addEventListener("touchstart", this.onClick);
+      return li;
+    }
+  }, {
+    key: "next",
+    get: function get() {
+      var nextIndex = void 0;
+      if (this.index === this.siblings.length - 1) {
+        if (!this.dropdown.rotate) {
+          return null;
+        }
+        nextIndex = 0;
+      } else {
+        nextIndex = this.index + 1;
+      }
+      return this.siblings[nextIndex];
+    }
+
+    /**
+     * Get the previous sibling.
+     */
+
+  }, {
+    key: "prev",
+    get: function get() {
+      var nextIndex = void 0;
+      if (this.index === 0) {
+        if (!this.dropdown.rotate) {
+          return null;
+        }
+        nextIndex = this.siblings.length - 1;
+      } else {
+        nextIndex = this.index - 1;
+      }
+      return this.siblings[nextIndex];
+    }
+  }]);
+
+  return DropdownItem;
+}();
+
+exports.default = DropdownItem;
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _update = __webpack_require__(13);
+
+var _update2 = _interopRequireDefault(_update);
+
+var _editor = __webpack_require__(4);
+
+var _editor2 = _interopRequireDefault(_editor);
+
+var _utils = __webpack_require__(3);
+
+var _search_result = __webpack_require__(0);
+
+var _search_result2 = _interopRequireDefault(_search_result);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var getCaretCoordinates = __webpack_require__(14);
+
+var CALLBACK_METHODS = ["onInput", "onKeydown"];
+
+/**
+ * Encapsulate the target textarea element.
+ */
+
+var Textarea = function (_Editor) {
+  _inherits(Textarea, _Editor);
+
+  /**
+   * @param {HTMLTextAreaElement} el - Where the textcomplete works on.
+   */
+  function Textarea(el) {
+    _classCallCheck(this, Textarea);
+
+    var _this = _possibleConstructorReturn(this, (Textarea.__proto__ || Object.getPrototypeOf(Textarea)).call(this));
+
+    _this.el = el;
+
+    CALLBACK_METHODS.forEach(function (method) {
+      ;_this[method] = _this[method].bind(_this);
+    });
+
+    _this.startListening();
+    return _this;
+  }
+
+  /**
+   * @return {this}
+   */
+
+
+  _createClass(Textarea, [{
+    key: "destroy",
+    value: function destroy() {
+      _get(Textarea.prototype.__proto__ || Object.getPrototypeOf(Textarea.prototype), "destroy", this).call(this);
+      this.stopListening
+      // Release the element reference early to help garbage collection.
+      ();this.el = null;
+      return this;
+    }
+
+    /**
+     * Implementation for {@link Editor#applySearchResult}
+     */
+
+  }, {
+    key: "applySearchResult",
+    value: function applySearchResult(searchResult) {
+      var before = this.getBeforeCursor();
+      if (before != null) {
+        var replace = searchResult.replace(before, this.getAfterCursor());
+        this.el.focus // Clicking a dropdown item removes focus from the element.
+        ();if (Array.isArray(replace)) {
+          (0, _update2.default)(this.el, replace[0], replace[1]);
+          this.el.dispatchEvent(new Event("input"));
+        }
+      }
+    }
+
+    /**
+     * Implementation for {@link Editor#getCursorOffset}
+     */
+
+  }, {
+    key: "getCursorOffset",
+    value: function getCursorOffset() {
+      var elOffset = (0, _utils.calculateElementOffset)(this.el);
+      var elScroll = this.getElScroll();
+      var cursorPosition = this.getCursorPosition();
+      var lineHeight = (0, _utils.getLineHeightPx)(this.el);
+      var top = elOffset.top - elScroll.top + cursorPosition.top + lineHeight;
+      var left = elOffset.left - elScroll.left + cursorPosition.left;
+      if (this.el.dir !== "rtl") {
+        return { top: top, left: left, lineHeight: lineHeight };
+      } else {
+        var right = document.documentElement ? document.documentElement.clientWidth - left : 0;
+        return { top: top, right: right, lineHeight: lineHeight };
+      }
+    }
+
+    /**
+     * Implementation for {@link Editor#getBeforeCursor}
+     */
+
+  }, {
+    key: "getBeforeCursor",
+    value: function getBeforeCursor() {
+      return this.el.selectionStart !== this.el.selectionEnd ? null : this.el.value.substring(0, this.el.selectionEnd);
+    }
+
+    /** @private */
+
+  }, {
+    key: "getAfterCursor",
+    value: function getAfterCursor() {
+      return this.el.value.substring(this.el.selectionEnd);
+    }
+
+    /** @private */
+
+  }, {
+    key: "getElScroll",
+    value: function getElScroll() {
+      return { top: this.el.scrollTop, left: this.el.scrollLeft };
+    }
+
+    /**
+     * The input cursor's relative coordinates from the textarea's left
+     * top corner.
+     *
+     * @private
+     */
+
+  }, {
+    key: "getCursorPosition",
+    value: function getCursorPosition() {
+      return getCaretCoordinates(this.el, this.el.selectionEnd);
+    }
+
+    /** @private */
+
+  }, {
+    key: "onInput",
+    value: function onInput() {
+      this.emitChangeEvent();
+    }
+
+    /** @private */
+
+  }, {
+    key: "onKeydown",
+    value: function onKeydown(e) {
+      var code = this.getCode(e);
+      var event = void 0;
+      if (code === "UP" || code === "DOWN") {
+        event = this.emitMoveEvent(code);
+      } else if (code === "ENTER") {
+        event = this.emitEnterEvent();
+      } else if (code === "ESC") {
+        event = this.emitEscEvent();
+      }
+      if (event && event.defaultPrevented) {
+        e.preventDefault();
+      }
+    }
+
+    /** @private */
+
+  }, {
+    key: "startListening",
+    value: function startListening() {
+      this.el.addEventListener("input", this.onInput);
+      this.el.addEventListener("keydown", this.onKeydown);
+    }
+
+    /** @private */
+
+  }, {
+    key: "stopListening",
+    value: function stopListening() {
+      this.el.removeEventListener("input", this.onInput);
+      this.el.removeEventListener("keydown", this.onKeydown);
+    }
+  }]);
+
+  return Textarea;
+}(_editor2.default);
+
+exports.default = Textarea;
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = function (el, headToCursor, cursorToTail) {
+  var curr = el.value,
+      // strA + strB1 + strC
+  next = headToCursor + (cursorToTail || ''),
+      // strA + strB2 + strC
+  activeElement = document.activeElement;
+
+  //  Calculate length of strA and strC
+  var aLength = 0,
+      cLength = 0;
+  while (aLength < curr.length && aLength < next.length && curr[aLength] === next[aLength]) {
+    aLength++;
+  }
+  while (curr.length - cLength - 1 >= 0 && next.length - cLength - 1 >= 0 && curr[curr.length - cLength - 1] === next[next.length - cLength - 1]) {
+    cLength++;
+  }
+  aLength = Math.min(aLength, Math.min(curr.length, next.length) - cLength);
+
+  // Select strB1
+  el.setSelectionRange(aLength, curr.length - cLength);
+
+  // Get strB2
+  var strB2 = next.substring(aLength, next.length - cLength);
+
+  // Replace strB1 with strB2
+  el.focus();
+  if (!document.execCommand('insertText', false, strB2)) {
+    // Document.execCommand returns false if the command is not supported.
+    // Firefox and IE returns false in this case.
+    el.value = next;
+    el.dispatchEvent(createInputEvent());
+  }
+
+  // Move cursor to the end of headToCursor
+  el.setSelectionRange(headToCursor.length, headToCursor.length);
+
+  activeElement && activeElement.focus();
+  return el;
+};
+
+function createInputEvent() {
+  if (typeof Event !== "undefined") {
+    return new Event("input", { bubbles: true, cancelable: true });
+  } else {
+    var event = document.createEvent("Event");
+    event.initEvent("input", true, true);
+    return event;
+  }
+}
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports) {
+
+/* jshint browser: true */
+
+(function () {
+
+// The properties that we copy into a mirrored div.
+// Note that some browsers, such as Firefox,
+// do not concatenate properties, i.e. padding-top, bottom etc. -> padding,
+// so we have to do every single property specifically.
+var properties = [
+  'direction',  // RTL support
+  'boxSizing',
+  'width',  // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
+  'height',
+  'overflowX',
+  'overflowY',  // copy the scrollbar for IE
+
+  'borderTopWidth',
+  'borderRightWidth',
+  'borderBottomWidth',
+  'borderLeftWidth',
+  'borderStyle',
+
+  'paddingTop',
+  'paddingRight',
+  'paddingBottom',
+  'paddingLeft',
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/font
+  'fontStyle',
+  'fontVariant',
+  'fontWeight',
+  'fontStretch',
+  'fontSize',
+  'fontSizeAdjust',
+  'lineHeight',
+  'fontFamily',
+
+  'textAlign',
+  'textTransform',
+  'textIndent',
+  'textDecoration',  // might not make a difference, but better be safe
+
+  'letterSpacing',
+  'wordSpacing',
+
+  'tabSize',
+  'MozTabSize'
+
+];
+
+var isBrowser = (typeof window !== 'undefined');
+var isFirefox = (isBrowser && window.mozInnerScreenX != null);
+
+function getCaretCoordinates(element, position, options) {
+  if(!isBrowser) {
+    throw new Error('textarea-caret-position#getCaretCoordinates should only be called in a browser');
+  }
+
+  var debug = options && options.debug || false;
+  if (debug) {
+    var el = document.querySelector('#input-textarea-caret-position-mirror-div');
+    if ( el ) { el.parentNode.removeChild(el); }
+  }
+
+  // mirrored div
+  var div = document.createElement('div');
+  div.id = 'input-textarea-caret-position-mirror-div';
+  document.body.appendChild(div);
+
+  var style = div.style;
+  var computed = window.getComputedStyle? getComputedStyle(element) : element.currentStyle;  // currentStyle for IE < 9
+
+  // default textarea styles
+  style.whiteSpace = 'pre-wrap';
+  if (element.nodeName !== 'INPUT')
+    style.wordWrap = 'break-word';  // only for textarea-s
+
+  // position off-screen
+  style.position = 'absolute';  // required to return coordinates properly
+  if (!debug)
+    style.visibility = 'hidden';  // not 'display: none' because we want rendering
+
+  // transfer the element's properties to the div
+  properties.forEach(function (prop) {
+    style[prop] = computed[prop];
+  });
+
+  if (isFirefox) {
+    // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275
+    if (element.scrollHeight > parseInt(computed.height))
+      style.overflowY = 'scroll';
+  } else {
+    style.overflow = 'hidden';  // for Chrome to not render a scrollbar; IE keeps overflowY = 'scroll'
+  }
+
+  div.textContent = element.value.substring(0, position);
+  // the second special handling for input type="text" vs textarea: spaces need to be replaced with non-breaking spaces - http://stackoverflow.com/a/13402035/1269037
+  if (element.nodeName === 'INPUT')
+    div.textContent = div.textContent.replace(/\s/g, '\u00a0');
+
+  var span = document.createElement('span');
+  // Wrapping must be replicated *exactly*, including when a long word gets
+  // onto the next line, with whitespace at the end of the line before (#7).
+  // The  *only* reliable way to do that is to copy the *entire* rest of the
+  // textarea's content into the <span> created at the caret position.
+  // for inputs, just '.' would be enough, but why bother?
+  span.textContent = element.value.substring(position) || '.';  // || because a completely empty faux span doesn't render at all
+  div.appendChild(span);
+
+  var coordinates = {
+    top: span.offsetTop + parseInt(computed['borderTopWidth']),
+    left: span.offsetLeft + parseInt(computed['borderLeftWidth'])
+  };
+
+  if (debug) {
+    span.style.backgroundColor = '#aaa';
+  } else {
+    document.body.removeChild(div);
+  }
+
+  return coordinates;
+}
+
+if (typeof module != 'undefined' && typeof module.exports != 'undefined') {
+  module.exports = getCaretCoordinates;
+} else if(isBrowser){
+  window.getCaretCoordinates = getCaretCoordinates;
+}
+
+}());
+
+
+/***/ })
+/******/ ]);
+//# sourceMappingURL=textcomplete.js.map
\ No newline at end of file