aboutsummaryrefslogtreecommitdiffstats
path: root/library/textcomplete/textcomplete.js
diff options
context:
space:
mode:
Diffstat (limited to 'library/textcomplete/textcomplete.js')
-rw-r--r--library/textcomplete/textcomplete.js2409
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
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-29 18:56:47 +0000