all repos — NoPaste @ 4d5201f1a9fd36bf5ab4e04de97fc70c12081b9a

Resurrected - The PussTheCat.org fork of NoPaste

scripts/codemirror.js (view raw)

   1// CodeMirror, copyright (c) by Marijn Haverbeke and others
   2// Distributed under an MIT license: https://codemirror.net/LICENSE
   3
   4// This is CodeMirror (https://codemirror.net), a code editor
   5// implemented in JavaScript on top of the browser's DOM.
   6//
   7// You can find some technical background for some of the code below
   8// at http://marijnhaverbeke.nl/blog/#cm-internals .
   9
  10(function (global, factory) {
  11  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  12  typeof define === 'function' && define.amd ? define(factory) :
  13  (global = global || self, global.CodeMirror = factory());
  14}(this, (function () { 'use strict';
  15
  16  // Kludges for bugs and behavior differences that can't be feature
  17  // detected are enabled based on userAgent etc sniffing.
  18  var userAgent = navigator.userAgent;
  19  var platform = navigator.platform;
  20
  21  var gecko = /gecko\/\d/i.test(userAgent);
  22  var ie_upto10 = /MSIE \d/.test(userAgent);
  23  var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(userAgent);
  24  var edge = /Edge\/(\d+)/.exec(userAgent);
  25  var ie = ie_upto10 || ie_11up || edge;
  26  var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : +(edge || ie_11up)[1]);
  27  var webkit = !edge && /WebKit\//.test(userAgent);
  28  var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(userAgent);
  29  var chrome = !edge && /Chrome\//.test(userAgent);
  30  var presto = /Opera\//.test(userAgent);
  31  var safari = /Apple Computer/.test(navigator.vendor);
  32  var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(userAgent);
  33  var phantom = /PhantomJS/.test(userAgent);
  34
  35  var ios = !edge && /AppleWebKit/.test(userAgent) && /Mobile\/\w+/.test(userAgent);
  36  var android = /Android/.test(userAgent);
  37  // This is woefully incomplete. Suggestions for alternative methods welcome.
  38  var mobile = ios || android || /webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent);
  39  var mac = ios || /Mac/.test(platform);
  40  var chromeOS = /\bCrOS\b/.test(userAgent);
  41  var windows = /win/i.test(platform);
  42
  43  var presto_version = presto && userAgent.match(/Version\/(\d*\.\d*)/);
  44  if (presto_version) { presto_version = Number(presto_version[1]); }
  45  if (presto_version && presto_version >= 15) { presto = false; webkit = true; }
  46  // Some browsers use the wrong event properties to signal cmd/ctrl on OS X
  47  var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11));
  48  var captureRightClick = gecko || (ie && ie_version >= 9);
  49
  50  function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*") }
  51
  52  var rmClass = function(node, cls) {
  53    var current = node.className;
  54    var match = classTest(cls).exec(current);
  55    if (match) {
  56      var after = current.slice(match.index + match[0].length);
  57      node.className = current.slice(0, match.index) + (after ? match[1] + after : "");
  58    }
  59  };
  60
  61  function removeChildren(e) {
  62    for (var count = e.childNodes.length; count > 0; --count)
  63      { e.removeChild(e.firstChild); }
  64    return e
  65  }
  66
  67  function removeChildrenAndAdd(parent, e) {
  68    return removeChildren(parent).appendChild(e)
  69  }
  70
  71  function elt(tag, content, className, style) {
  72    var e = document.createElement(tag);
  73    if (className) { e.className = className; }
  74    if (style) { e.style.cssText = style; }
  75    if (typeof content == "string") { e.appendChild(document.createTextNode(content)); }
  76    else if (content) { for (var i = 0; i < content.length; ++i) { e.appendChild(content[i]); } }
  77    return e
  78  }
  79  // wrapper for elt, which removes the elt from the accessibility tree
  80  function eltP(tag, content, className, style) {
  81    var e = elt(tag, content, className, style);
  82    e.setAttribute("role", "presentation");
  83    return e
  84  }
  85
  86  var range;
  87  if (document.createRange) { range = function(node, start, end, endNode) {
  88    var r = document.createRange();
  89    r.setEnd(endNode || node, end);
  90    r.setStart(node, start);
  91    return r
  92  }; }
  93  else { range = function(node, start, end) {
  94    var r = document.body.createTextRange();
  95    try { r.moveToElementText(node.parentNode); }
  96    catch(e) { return r }
  97    r.collapse(true);
  98    r.moveEnd("character", end);
  99    r.moveStart("character", start);
 100    return r
 101  }; }
 102
 103  function contains(parent, child) {
 104    if (child.nodeType == 3) // Android browser always returns false when child is a textnode
 105      { child = child.parentNode; }
 106    if (parent.contains)
 107      { return parent.contains(child) }
 108    do {
 109      if (child.nodeType == 11) { child = child.host; }
 110      if (child == parent) { return true }
 111    } while (child = child.parentNode)
 112  }
 113
 114  function activeElt() {
 115    // IE and Edge may throw an "Unspecified Error" when accessing document.activeElement.
 116    // IE < 10 will throw when accessed while the page is loading or in an iframe.
 117    // IE > 9 and Edge will throw when accessed in an iframe if document.body is unavailable.
 118    var activeElement;
 119    try {
 120      activeElement = document.activeElement;
 121    } catch(e) {
 122      activeElement = document.body || null;
 123    }
 124    while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)
 125      { activeElement = activeElement.shadowRoot.activeElement; }
 126    return activeElement
 127  }
 128
 129  function addClass(node, cls) {
 130    var current = node.className;
 131    if (!classTest(cls).test(current)) { node.className += (current ? " " : "") + cls; }
 132  }
 133  function joinClasses(a, b) {
 134    var as = a.split(" ");
 135    for (var i = 0; i < as.length; i++)
 136      { if (as[i] && !classTest(as[i]).test(b)) { b += " " + as[i]; } }
 137    return b
 138  }
 139
 140  var selectInput = function(node) { node.select(); };
 141  if (ios) // Mobile Safari apparently has a bug where select() is broken.
 142    { selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; }; }
 143  else if (ie) // Suppress mysterious IE10 errors
 144    { selectInput = function(node) { try { node.select(); } catch(_e) {} }; }
 145
 146  function bind(f) {
 147    var args = Array.prototype.slice.call(arguments, 1);
 148    return function(){return f.apply(null, args)}
 149  }
 150
 151  function copyObj(obj, target, overwrite) {
 152    if (!target) { target = {}; }
 153    for (var prop in obj)
 154      { if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop)))
 155        { target[prop] = obj[prop]; } }
 156    return target
 157  }
 158
 159  // Counts the column offset in a string, taking tabs into account.
 160  // Used mostly to find indentation.
 161  function countColumn(string, end, tabSize, startIndex, startValue) {
 162    if (end == null) {
 163      end = string.search(/[^\s\u00a0]/);
 164      if (end == -1) { end = string.length; }
 165    }
 166    for (var i = startIndex || 0, n = startValue || 0;;) {
 167      var nextTab = string.indexOf("\t", i);
 168      if (nextTab < 0 || nextTab >= end)
 169        { return n + (end - i) }
 170      n += nextTab - i;
 171      n += tabSize - (n % tabSize);
 172      i = nextTab + 1;
 173    }
 174  }
 175
 176  var Delayed = function() {
 177    this.id = null;
 178    this.f = null;
 179    this.time = 0;
 180    this.handler = bind(this.onTimeout, this);
 181  };
 182  Delayed.prototype.onTimeout = function (self) {
 183    self.id = 0;
 184    if (self.time <= +new Date) {
 185      self.f();
 186    } else {
 187      setTimeout(self.handler, self.time - +new Date);
 188    }
 189  };
 190  Delayed.prototype.set = function (ms, f) {
 191    this.f = f;
 192    var time = +new Date + ms;
 193    if (!this.id || time < this.time) {
 194      clearTimeout(this.id);
 195      this.id = setTimeout(this.handler, ms);
 196      this.time = time;
 197    }
 198  };
 199
 200  function indexOf(array, elt) {
 201    for (var i = 0; i < array.length; ++i)
 202      { if (array[i] == elt) { return i } }
 203    return -1
 204  }
 205
 206  // Number of pixels added to scroller and sizer to hide scrollbar
 207  var scrollerGap = 50;
 208
 209  // Returned or thrown by various protocols to signal 'I'm not
 210  // handling this'.
 211  var Pass = {toString: function(){return "CodeMirror.Pass"}};
 212
 213  // Reused option objects for setSelection & friends
 214  var sel_dontScroll = {scroll: false}, sel_mouse = {origin: "*mouse"}, sel_move = {origin: "+move"};
 215
 216  // The inverse of countColumn -- find the offset that corresponds to
 217  // a particular column.
 218  function findColumn(string, goal, tabSize) {
 219    for (var pos = 0, col = 0;;) {
 220      var nextTab = string.indexOf("\t", pos);
 221      if (nextTab == -1) { nextTab = string.length; }
 222      var skipped = nextTab - pos;
 223      if (nextTab == string.length || col + skipped >= goal)
 224        { return pos + Math.min(skipped, goal - col) }
 225      col += nextTab - pos;
 226      col += tabSize - (col % tabSize);
 227      pos = nextTab + 1;
 228      if (col >= goal) { return pos }
 229    }
 230  }
 231
 232  var spaceStrs = [""];
 233  function spaceStr(n) {
 234    while (spaceStrs.length <= n)
 235      { spaceStrs.push(lst(spaceStrs) + " "); }
 236    return spaceStrs[n]
 237  }
 238
 239  function lst(arr) { return arr[arr.length-1] }
 240
 241  function map(array, f) {
 242    var out = [];
 243    for (var i = 0; i < array.length; i++) { out[i] = f(array[i], i); }
 244    return out
 245  }
 246
 247  function insertSorted(array, value, score) {
 248    var pos = 0, priority = score(value);
 249    while (pos < array.length && score(array[pos]) <= priority) { pos++; }
 250    array.splice(pos, 0, value);
 251  }
 252
 253  function nothing() {}
 254
 255  function createObj(base, props) {
 256    var inst;
 257    if (Object.create) {
 258      inst = Object.create(base);
 259    } else {
 260      nothing.prototype = base;
 261      inst = new nothing();
 262    }
 263    if (props) { copyObj(props, inst); }
 264    return inst
 265  }
 266
 267  var nonASCIISingleCaseWordChar = /[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;
 268  function isWordCharBasic(ch) {
 269    return /\w/.test(ch) || ch > "\x80" &&
 270      (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch))
 271  }
 272  function isWordChar(ch, helper) {
 273    if (!helper) { return isWordCharBasic(ch) }
 274    if (helper.source.indexOf("\\w") > -1 && isWordCharBasic(ch)) { return true }
 275    return helper.test(ch)
 276  }
 277
 278  function isEmpty(obj) {
 279    for (var n in obj) { if (obj.hasOwnProperty(n) && obj[n]) { return false } }
 280    return true
 281  }
 282
 283  // Extending unicode characters. A series of a non-extending char +
 284  // any number of extending chars is treated as a single unit as far
 285  // as editing and measuring is concerned. This is not fully correct,
 286  // since some scripts/fonts/browsers also treat other configurations
 287  // of code points as a group.
 288  var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/;
 289  function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch) }
 290
 291  // Returns a number from the range [`0`; `str.length`] unless `pos` is outside that range.
 292  function skipExtendingChars(str, pos, dir) {
 293    while ((dir < 0 ? pos > 0 : pos < str.length) && isExtendingChar(str.charAt(pos))) { pos += dir; }
 294    return pos
 295  }
 296
 297  // Returns the value from the range [`from`; `to`] that satisfies
 298  // `pred` and is closest to `from`. Assumes that at least `to`
 299  // satisfies `pred`. Supports `from` being greater than `to`.
 300  function findFirst(pred, from, to) {
 301    // At any point we are certain `to` satisfies `pred`, don't know
 302    // whether `from` does.
 303    var dir = from > to ? -1 : 1;
 304    for (;;) {
 305      if (from == to) { return from }
 306      var midF = (from + to) / 2, mid = dir < 0 ? Math.ceil(midF) : Math.floor(midF);
 307      if (mid == from) { return pred(mid) ? from : to }
 308      if (pred(mid)) { to = mid; }
 309      else { from = mid + dir; }
 310    }
 311  }
 312
 313  // BIDI HELPERS
 314
 315  function iterateBidiSections(order, from, to, f) {
 316    if (!order) { return f(from, to, "ltr", 0) }
 317    var found = false;
 318    for (var i = 0; i < order.length; ++i) {
 319      var part = order[i];
 320      if (part.from < to && part.to > from || from == to && part.to == from) {
 321        f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr", i);
 322        found = true;
 323      }
 324    }
 325    if (!found) { f(from, to, "ltr"); }
 326  }
 327
 328  var bidiOther = null;
 329  function getBidiPartAt(order, ch, sticky) {
 330    var found;
 331    bidiOther = null;
 332    for (var i = 0; i < order.length; ++i) {
 333      var cur = order[i];
 334      if (cur.from < ch && cur.to > ch) { return i }
 335      if (cur.to == ch) {
 336        if (cur.from != cur.to && sticky == "before") { found = i; }
 337        else { bidiOther = i; }
 338      }
 339      if (cur.from == ch) {
 340        if (cur.from != cur.to && sticky != "before") { found = i; }
 341        else { bidiOther = i; }
 342      }
 343    }
 344    return found != null ? found : bidiOther
 345  }
 346
 347  // Bidirectional ordering algorithm
 348  // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm
 349  // that this (partially) implements.
 350
 351  // One-char codes used for character types:
 352  // L (L):   Left-to-Right
 353  // R (R):   Right-to-Left
 354  // r (AL):  Right-to-Left Arabic
 355  // 1 (EN):  European Number
 356  // + (ES):  European Number Separator
 357  // % (ET):  European Number Terminator
 358  // n (AN):  Arabic Number
 359  // , (CS):  Common Number Separator
 360  // m (NSM): Non-Spacing Mark
 361  // b (BN):  Boundary Neutral
 362  // s (B):   Paragraph Separator
 363  // t (S):   Segment Separator
 364  // w (WS):  Whitespace
 365  // N (ON):  Other Neutrals
 366
 367  // Returns null if characters are ordered as they appear
 368  // (left-to-right), or an array of sections ({from, to, level}
 369  // objects) in the order in which they occur visually.
 370  var bidiOrdering = (function() {
 371    // Character types for codepoints 0 to 0xff
 372    var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN";
 373    // Character types for codepoints 0x600 to 0x6f9
 374    var arabicTypes = "nnnnnnNNr%%r,rNNmmmmmmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmmmnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmnNmmmmmmrrmmNmmmmrr1111111111";
 375    function charType(code) {
 376      if (code <= 0xf7) { return lowTypes.charAt(code) }
 377      else if (0x590 <= code && code <= 0x5f4) { return "R" }
 378      else if (0x600 <= code && code <= 0x6f9) { return arabicTypes.charAt(code - 0x600) }
 379      else if (0x6ee <= code && code <= 0x8ac) { return "r" }
 380      else if (0x2000 <= code && code <= 0x200b) { return "w" }
 381      else if (code == 0x200c) { return "b" }
 382      else { return "L" }
 383    }
 384
 385    var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
 386    var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/;
 387
 388    function BidiSpan(level, from, to) {
 389      this.level = level;
 390      this.from = from; this.to = to;
 391    }
 392
 393    return function(str, direction) {
 394      var outerType = direction == "ltr" ? "L" : "R";
 395
 396      if (str.length == 0 || direction == "ltr" && !bidiRE.test(str)) { return false }
 397      var len = str.length, types = [];
 398      for (var i = 0; i < len; ++i)
 399        { types.push(charType(str.charCodeAt(i))); }
 400
 401      // W1. Examine each non-spacing mark (NSM) in the level run, and
 402      // change the type of the NSM to the type of the previous
 403      // character. If the NSM is at the start of the level run, it will
 404      // get the type of sor.
 405      for (var i$1 = 0, prev = outerType; i$1 < len; ++i$1) {
 406        var type = types[i$1];
 407        if (type == "m") { types[i$1] = prev; }
 408        else { prev = type; }
 409      }
 410
 411      // W2. Search backwards from each instance of a European number
 412      // until the first strong type (R, L, AL, or sor) is found. If an
 413      // AL is found, change the type of the European number to Arabic
 414      // number.
 415      // W3. Change all ALs to R.
 416      for (var i$2 = 0, cur = outerType; i$2 < len; ++i$2) {
 417        var type$1 = types[i$2];
 418        if (type$1 == "1" && cur == "r") { types[i$2] = "n"; }
 419        else if (isStrong.test(type$1)) { cur = type$1; if (type$1 == "r") { types[i$2] = "R"; } }
 420      }
 421
 422      // W4. A single European separator between two European numbers
 423      // changes to a European number. A single common separator between
 424      // two numbers of the same type changes to that type.
 425      for (var i$3 = 1, prev$1 = types[0]; i$3 < len - 1; ++i$3) {
 426        var type$2 = types[i$3];
 427        if (type$2 == "+" && prev$1 == "1" && types[i$3+1] == "1") { types[i$3] = "1"; }
 428        else if (type$2 == "," && prev$1 == types[i$3+1] &&
 429                 (prev$1 == "1" || prev$1 == "n")) { types[i$3] = prev$1; }
 430        prev$1 = type$2;
 431      }
 432
 433      // W5. A sequence of European terminators adjacent to European
 434      // numbers changes to all European numbers.
 435      // W6. Otherwise, separators and terminators change to Other
 436      // Neutral.
 437      for (var i$4 = 0; i$4 < len; ++i$4) {
 438        var type$3 = types[i$4];
 439        if (type$3 == ",") { types[i$4] = "N"; }
 440        else if (type$3 == "%") {
 441          var end = (void 0);
 442          for (end = i$4 + 1; end < len && types[end] == "%"; ++end) {}
 443          var replace = (i$4 && types[i$4-1] == "!") || (end < len && types[end] == "1") ? "1" : "N";
 444          for (var j = i$4; j < end; ++j) { types[j] = replace; }
 445          i$4 = end - 1;
 446        }
 447      }
 448
 449      // W7. Search backwards from each instance of a European number
 450      // until the first strong type (R, L, or sor) is found. If an L is
 451      // found, then change the type of the European number to L.
 452      for (var i$5 = 0, cur$1 = outerType; i$5 < len; ++i$5) {
 453        var type$4 = types[i$5];
 454        if (cur$1 == "L" && type$4 == "1") { types[i$5] = "L"; }
 455        else if (isStrong.test(type$4)) { cur$1 = type$4; }
 456      }
 457
 458      // N1. A sequence of neutrals takes the direction of the
 459      // surrounding strong text if the text on both sides has the same
 460      // direction. European and Arabic numbers act as if they were R in
 461      // terms of their influence on neutrals. Start-of-level-run (sor)
 462      // and end-of-level-run (eor) are used at level run boundaries.
 463      // N2. Any remaining neutrals take the embedding direction.
 464      for (var i$6 = 0; i$6 < len; ++i$6) {
 465        if (isNeutral.test(types[i$6])) {
 466          var end$1 = (void 0);
 467          for (end$1 = i$6 + 1; end$1 < len && isNeutral.test(types[end$1]); ++end$1) {}
 468          var before = (i$6 ? types[i$6-1] : outerType) == "L";
 469          var after = (end$1 < len ? types[end$1] : outerType) == "L";
 470          var replace$1 = before == after ? (before ? "L" : "R") : outerType;
 471          for (var j$1 = i$6; j$1 < end$1; ++j$1) { types[j$1] = replace$1; }
 472          i$6 = end$1 - 1;
 473        }
 474      }
 475
 476      // Here we depart from the documented algorithm, in order to avoid
 477      // building up an actual levels array. Since there are only three
 478      // levels (0, 1, 2) in an implementation that doesn't take
 479      // explicit embedding into account, we can build up the order on
 480      // the fly, without following the level-based algorithm.
 481      var order = [], m;
 482      for (var i$7 = 0; i$7 < len;) {
 483        if (countsAsLeft.test(types[i$7])) {
 484          var start = i$7;
 485          for (++i$7; i$7 < len && countsAsLeft.test(types[i$7]); ++i$7) {}
 486          order.push(new BidiSpan(0, start, i$7));
 487        } else {
 488          var pos = i$7, at = order.length, isRTL = direction == "rtl" ? 1 : 0;
 489          for (++i$7; i$7 < len && types[i$7] != "L"; ++i$7) {}
 490          for (var j$2 = pos; j$2 < i$7;) {
 491            if (countsAsNum.test(types[j$2])) {
 492              if (pos < j$2) { order.splice(at, 0, new BidiSpan(1, pos, j$2)); at += isRTL; }
 493              var nstart = j$2;
 494              for (++j$2; j$2 < i$7 && countsAsNum.test(types[j$2]); ++j$2) {}
 495              order.splice(at, 0, new BidiSpan(2, nstart, j$2));
 496              at += isRTL;
 497              pos = j$2;
 498            } else { ++j$2; }
 499          }
 500          if (pos < i$7) { order.splice(at, 0, new BidiSpan(1, pos, i$7)); }
 501        }
 502      }
 503      if (direction == "ltr") {
 504        if (order[0].level == 1 && (m = str.match(/^\s+/))) {
 505          order[0].from = m[0].length;
 506          order.unshift(new BidiSpan(0, 0, m[0].length));
 507        }
 508        if (lst(order).level == 1 && (m = str.match(/\s+$/))) {
 509          lst(order).to -= m[0].length;
 510          order.push(new BidiSpan(0, len - m[0].length, len));
 511        }
 512      }
 513
 514      return direction == "rtl" ? order.reverse() : order
 515    }
 516  })();
 517
 518  // Get the bidi ordering for the given line (and cache it). Returns
 519  // false for lines that are fully left-to-right, and an array of
 520  // BidiSpan objects otherwise.
 521  function getOrder(line, direction) {
 522    var order = line.order;
 523    if (order == null) { order = line.order = bidiOrdering(line.text, direction); }
 524    return order
 525  }
 526
 527  // EVENT HANDLING
 528
 529  // Lightweight event framework. on/off also work on DOM nodes,
 530  // registering native DOM handlers.
 531
 532  var noHandlers = [];
 533
 534  var on = function(emitter, type, f) {
 535    if (emitter.addEventListener) {
 536      emitter.addEventListener(type, f, false);
 537    } else if (emitter.attachEvent) {
 538      emitter.attachEvent("on" + type, f);
 539    } else {
 540      var map = emitter._handlers || (emitter._handlers = {});
 541      map[type] = (map[type] || noHandlers).concat(f);
 542    }
 543  };
 544
 545  function getHandlers(emitter, type) {
 546    return emitter._handlers && emitter._handlers[type] || noHandlers
 547  }
 548
 549  function off(emitter, type, f) {
 550    if (emitter.removeEventListener) {
 551      emitter.removeEventListener(type, f, false);
 552    } else if (emitter.detachEvent) {
 553      emitter.detachEvent("on" + type, f);
 554    } else {
 555      var map = emitter._handlers, arr = map && map[type];
 556      if (arr) {
 557        var index = indexOf(arr, f);
 558        if (index > -1)
 559          { map[type] = arr.slice(0, index).concat(arr.slice(index + 1)); }
 560      }
 561    }
 562  }
 563
 564  function signal(emitter, type /*, values...*/) {
 565    var handlers = getHandlers(emitter, type);
 566    if (!handlers.length) { return }
 567    var args = Array.prototype.slice.call(arguments, 2);
 568    for (var i = 0; i < handlers.length; ++i) { handlers[i].apply(null, args); }
 569  }
 570
 571  // The DOM events that CodeMirror handles can be overridden by
 572  // registering a (non-DOM) handler on the editor for the event name,
 573  // and preventDefault-ing the event in that handler.
 574  function signalDOMEvent(cm, e, override) {
 575    if (typeof e == "string")
 576      { e = {type: e, preventDefault: function() { this.defaultPrevented = true; }}; }
 577    signal(cm, override || e.type, cm, e);
 578    return e_defaultPrevented(e) || e.codemirrorIgnore
 579  }
 580
 581  function signalCursorActivity(cm) {
 582    var arr = cm._handlers && cm._handlers.cursorActivity;
 583    if (!arr) { return }
 584    var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []);
 585    for (var i = 0; i < arr.length; ++i) { if (indexOf(set, arr[i]) == -1)
 586      { set.push(arr[i]); } }
 587  }
 588
 589  function hasHandler(emitter, type) {
 590    return getHandlers(emitter, type).length > 0
 591  }
 592
 593  // Add on and off methods to a constructor's prototype, to make
 594  // registering events on such objects more convenient.
 595  function eventMixin(ctor) {
 596    ctor.prototype.on = function(type, f) {on(this, type, f);};
 597    ctor.prototype.off = function(type, f) {off(this, type, f);};
 598  }
 599
 600  // Due to the fact that we still support jurassic IE versions, some
 601  // compatibility wrappers are needed.
 602
 603  function e_preventDefault(e) {
 604    if (e.preventDefault) { e.preventDefault(); }
 605    else { e.returnValue = false; }
 606  }
 607  function e_stopPropagation(e) {
 608    if (e.stopPropagation) { e.stopPropagation(); }
 609    else { e.cancelBubble = true; }
 610  }
 611  function e_defaultPrevented(e) {
 612    return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false
 613  }
 614  function e_stop(e) {e_preventDefault(e); e_stopPropagation(e);}
 615
 616  function e_target(e) {return e.target || e.srcElement}
 617  function e_button(e) {
 618    var b = e.which;
 619    if (b == null) {
 620      if (e.button & 1) { b = 1; }
 621      else if (e.button & 2) { b = 3; }
 622      else if (e.button & 4) { b = 2; }
 623    }
 624    if (mac && e.ctrlKey && b == 1) { b = 3; }
 625    return b
 626  }
 627
 628  // Detect drag-and-drop
 629  var dragAndDrop = function() {
 630    // There is *some* kind of drag-and-drop support in IE6-8, but I
 631    // couldn't get it to work yet.
 632    if (ie && ie_version < 9) { return false }
 633    var div = elt('div');
 634    return "draggable" in div || "dragDrop" in div
 635  }();
 636
 637  var zwspSupported;
 638  function zeroWidthElement(measure) {
 639    if (zwspSupported == null) {
 640      var test = elt("span", "\u200b");
 641      removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")]));
 642      if (measure.firstChild.offsetHeight != 0)
 643        { zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8); }
 644    }
 645    var node = zwspSupported ? elt("span", "\u200b") :
 646      elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px");
 647    node.setAttribute("cm-text", "");
 648    return node
 649  }
 650
 651  // Feature-detect IE's crummy client rect reporting for bidi text
 652  var badBidiRects;
 653  function hasBadBidiRects(measure) {
 654    if (badBidiRects != null) { return badBidiRects }
 655    var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA"));
 656    var r0 = range(txt, 0, 1).getBoundingClientRect();
 657    var r1 = range(txt, 1, 2).getBoundingClientRect();
 658    removeChildren(measure);
 659    if (!r0 || r0.left == r0.right) { return false } // Safari returns null in some cases (#2780)
 660    return badBidiRects = (r1.right - r0.right < 3)
 661  }
 662
 663  // See if "".split is the broken IE version, if so, provide an
 664  // alternative way to split lines.
 665  var splitLinesAuto = "\n\nb".split(/\n/).length != 3 ? function (string) {
 666    var pos = 0, result = [], l = string.length;
 667    while (pos <= l) {
 668      var nl = string.indexOf("\n", pos);
 669      if (nl == -1) { nl = string.length; }
 670      var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl);
 671      var rt = line.indexOf("\r");
 672      if (rt != -1) {
 673        result.push(line.slice(0, rt));
 674        pos += rt + 1;
 675      } else {
 676        result.push(line);
 677        pos = nl + 1;
 678      }
 679    }
 680    return result
 681  } : function (string) { return string.split(/\r\n?|\n/); };
 682
 683  var hasSelection = window.getSelection ? function (te) {
 684    try { return te.selectionStart != te.selectionEnd }
 685    catch(e) { return false }
 686  } : function (te) {
 687    var range;
 688    try {range = te.ownerDocument.selection.createRange();}
 689    catch(e) {}
 690    if (!range || range.parentElement() != te) { return false }
 691    return range.compareEndPoints("StartToEnd", range) != 0
 692  };
 693
 694  var hasCopyEvent = (function () {
 695    var e = elt("div");
 696    if ("oncopy" in e) { return true }
 697    e.setAttribute("oncopy", "return;");
 698    return typeof e.oncopy == "function"
 699  })();
 700
 701  var badZoomedRects = null;
 702  function hasBadZoomedRects(measure) {
 703    if (badZoomedRects != null) { return badZoomedRects }
 704    var node = removeChildrenAndAdd(measure, elt("span", "x"));
 705    var normal = node.getBoundingClientRect();
 706    var fromRange = range(node, 0, 1).getBoundingClientRect();
 707    return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1
 708  }
 709
 710  // Known modes, by name and by MIME
 711  var modes = {}, mimeModes = {};
 712
 713  // Extra arguments are stored as the mode's dependencies, which is
 714  // used by (legacy) mechanisms like loadmode.js to automatically
 715  // load a mode. (Preferred mechanism is the require/define calls.)
 716  function defineMode(name, mode) {
 717    if (arguments.length > 2)
 718      { mode.dependencies = Array.prototype.slice.call(arguments, 2); }
 719    modes[name] = mode;
 720  }
 721
 722  function defineMIME(mime, spec) {
 723    mimeModes[mime] = spec;
 724  }
 725
 726  // Given a MIME type, a {name, ...options} config object, or a name
 727  // string, return a mode config object.
 728  function resolveMode(spec) {
 729    if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) {
 730      spec = mimeModes[spec];
 731    } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) {
 732      var found = mimeModes[spec.name];
 733      if (typeof found == "string") { found = {name: found}; }
 734      spec = createObj(found, spec);
 735      spec.name = found.name;
 736    } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) {
 737      return resolveMode("application/xml")
 738    } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+json$/.test(spec)) {
 739      return resolveMode("application/json")
 740    }
 741    if (typeof spec == "string") { return {name: spec} }
 742    else { return spec || {name: "null"} }
 743  }
 744
 745  // Given a mode spec (anything that resolveMode accepts), find and
 746  // initialize an actual mode object.
 747  function getMode(options, spec) {
 748    spec = resolveMode(spec);
 749    var mfactory = modes[spec.name];
 750    if (!mfactory) { return getMode(options, "text/plain") }
 751    var modeObj = mfactory(options, spec);
 752    if (modeExtensions.hasOwnProperty(spec.name)) {
 753      var exts = modeExtensions[spec.name];
 754      for (var prop in exts) {
 755        if (!exts.hasOwnProperty(prop)) { continue }
 756        if (modeObj.hasOwnProperty(prop)) { modeObj["_" + prop] = modeObj[prop]; }
 757        modeObj[prop] = exts[prop];
 758      }
 759    }
 760    modeObj.name = spec.name;
 761    if (spec.helperType) { modeObj.helperType = spec.helperType; }
 762    if (spec.modeProps) { for (var prop$1 in spec.modeProps)
 763      { modeObj[prop$1] = spec.modeProps[prop$1]; } }
 764
 765    return modeObj
 766  }
 767
 768  // This can be used to attach properties to mode objects from
 769  // outside the actual mode definition.
 770  var modeExtensions = {};
 771  function extendMode(mode, properties) {
 772    var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {});
 773    copyObj(properties, exts);
 774  }
 775
 776  function copyState(mode, state) {
 777    if (state === true) { return state }
 778    if (mode.copyState) { return mode.copyState(state) }
 779    var nstate = {};
 780    for (var n in state) {
 781      var val = state[n];
 782      if (val instanceof Array) { val = val.concat([]); }
 783      nstate[n] = val;
 784    }
 785    return nstate
 786  }
 787
 788  // Given a mode and a state (for that mode), find the inner mode and
 789  // state at the position that the state refers to.
 790  function innerMode(mode, state) {
 791    var info;
 792    while (mode.innerMode) {
 793      info = mode.innerMode(state);
 794      if (!info || info.mode == mode) { break }
 795      state = info.state;
 796      mode = info.mode;
 797    }
 798    return info || {mode: mode, state: state}
 799  }
 800
 801  function startState(mode, a1, a2) {
 802    return mode.startState ? mode.startState(a1, a2) : true
 803  }
 804
 805  // STRING STREAM
 806
 807  // Fed to the mode parsers, provides helper functions to make
 808  // parsers more succinct.
 809
 810  var StringStream = function(string, tabSize, lineOracle) {
 811    this.pos = this.start = 0;
 812    this.string = string;
 813    this.tabSize = tabSize || 8;
 814    this.lastColumnPos = this.lastColumnValue = 0;
 815    this.lineStart = 0;
 816    this.lineOracle = lineOracle;
 817  };
 818
 819  StringStream.prototype.eol = function () {return this.pos >= this.string.length};
 820  StringStream.prototype.sol = function () {return this.pos == this.lineStart};
 821  StringStream.prototype.peek = function () {return this.string.charAt(this.pos) || undefined};
 822  StringStream.prototype.next = function () {
 823    if (this.pos < this.string.length)
 824      { return this.string.charAt(this.pos++) }
 825  };
 826  StringStream.prototype.eat = function (match) {
 827    var ch = this.string.charAt(this.pos);
 828    var ok;
 829    if (typeof match == "string") { ok = ch == match; }
 830    else { ok = ch && (match.test ? match.test(ch) : match(ch)); }
 831    if (ok) {++this.pos; return ch}
 832  };
 833  StringStream.prototype.eatWhile = function (match) {
 834    var start = this.pos;
 835    while (this.eat(match)){}
 836    return this.pos > start
 837  };
 838  StringStream.prototype.eatSpace = function () {
 839    var start = this.pos;
 840    while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) { ++this.pos; }
 841    return this.pos > start
 842  };
 843  StringStream.prototype.skipToEnd = function () {this.pos = this.string.length;};
 844  StringStream.prototype.skipTo = function (ch) {
 845    var found = this.string.indexOf(ch, this.pos);
 846    if (found > -1) {this.pos = found; return true}
 847  };
 848  StringStream.prototype.backUp = function (n) {this.pos -= n;};
 849  StringStream.prototype.column = function () {
 850    if (this.lastColumnPos < this.start) {
 851      this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue);
 852      this.lastColumnPos = this.start;
 853    }
 854    return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
 855  };
 856  StringStream.prototype.indentation = function () {
 857    return countColumn(this.string, null, this.tabSize) -
 858      (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0)
 859  };
 860  StringStream.prototype.match = function (pattern, consume, caseInsensitive) {
 861    if (typeof pattern == "string") {
 862      var cased = function (str) { return caseInsensitive ? str.toLowerCase() : str; };
 863      var substr = this.string.substr(this.pos, pattern.length);
 864      if (cased(substr) == cased(pattern)) {
 865        if (consume !== false) { this.pos += pattern.length; }
 866        return true
 867      }
 868    } else {
 869      var match = this.string.slice(this.pos).match(pattern);
 870      if (match && match.index > 0) { return null }
 871      if (match && consume !== false) { this.pos += match[0].length; }
 872      return match
 873    }
 874  };
 875  StringStream.prototype.current = function (){return this.string.slice(this.start, this.pos)};
 876  StringStream.prototype.hideFirstChars = function (n, inner) {
 877    this.lineStart += n;
 878    try { return inner() }
 879    finally { this.lineStart -= n; }
 880  };
 881  StringStream.prototype.lookAhead = function (n) {
 882    var oracle = this.lineOracle;
 883    return oracle && oracle.lookAhead(n)
 884  };
 885  StringStream.prototype.baseToken = function () {
 886    var oracle = this.lineOracle;
 887    return oracle && oracle.baseToken(this.pos)
 888  };
 889
 890  // Find the line object corresponding to the given line number.
 891  function getLine(doc, n) {
 892    n -= doc.first;
 893    if (n < 0 || n >= doc.size) { throw new Error("There is no line " + (n + doc.first) + " in the document.") }
 894    var chunk = doc;
 895    while (!chunk.lines) {
 896      for (var i = 0;; ++i) {
 897        var child = chunk.children[i], sz = child.chunkSize();
 898        if (n < sz) { chunk = child; break }
 899        n -= sz;
 900      }
 901    }
 902    return chunk.lines[n]
 903  }
 904
 905  // Get the part of a document between two positions, as an array of
 906  // strings.
 907  function getBetween(doc, start, end) {
 908    var out = [], n = start.line;
 909    doc.iter(start.line, end.line + 1, function (line) {
 910      var text = line.text;
 911      if (n == end.line) { text = text.slice(0, end.ch); }
 912      if (n == start.line) { text = text.slice(start.ch); }
 913      out.push(text);
 914      ++n;
 915    });
 916    return out
 917  }
 918  // Get the lines between from and to, as array of strings.
 919  function getLines(doc, from, to) {
 920    var out = [];
 921    doc.iter(from, to, function (line) { out.push(line.text); }); // iter aborts when callback returns truthy value
 922    return out
 923  }
 924
 925  // Update the height of a line, propagating the height change
 926  // upwards to parent nodes.
 927  function updateLineHeight(line, height) {
 928    var diff = height - line.height;
 929    if (diff) { for (var n = line; n; n = n.parent) { n.height += diff; } }
 930  }
 931
 932  // Given a line object, find its line number by walking up through
 933  // its parent links.
 934  function lineNo(line) {
 935    if (line.parent == null) { return null }
 936    var cur = line.parent, no = indexOf(cur.lines, line);
 937    for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {
 938      for (var i = 0;; ++i) {
 939        if (chunk.children[i] == cur) { break }
 940        no += chunk.children[i].chunkSize();
 941      }
 942    }
 943    return no + cur.first
 944  }
 945
 946  // Find the line at the given vertical position, using the height
 947  // information in the document tree.
 948  function lineAtHeight(chunk, h) {
 949    var n = chunk.first;
 950    outer: do {
 951      for (var i$1 = 0; i$1 < chunk.children.length; ++i$1) {
 952        var child = chunk.children[i$1], ch = child.height;
 953        if (h < ch) { chunk = child; continue outer }
 954        h -= ch;
 955        n += child.chunkSize();
 956      }
 957      return n
 958    } while (!chunk.lines)
 959    var i = 0;
 960    for (; i < chunk.lines.length; ++i) {
 961      var line = chunk.lines[i], lh = line.height;
 962      if (h < lh) { break }
 963      h -= lh;
 964    }
 965    return n + i
 966  }
 967
 968  function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size}
 969
 970  function lineNumberFor(options, i) {
 971    return String(options.lineNumberFormatter(i + options.firstLineNumber))
 972  }
 973
 974  // A Pos instance represents a position within the text.
 975  function Pos(line, ch, sticky) {
 976    if ( sticky === void 0 ) sticky = null;
 977
 978    if (!(this instanceof Pos)) { return new Pos(line, ch, sticky) }
 979    this.line = line;
 980    this.ch = ch;
 981    this.sticky = sticky;
 982  }
 983
 984  // Compare two positions, return 0 if they are the same, a negative
 985  // number when a is less, and a positive number otherwise.
 986  function cmp(a, b) { return a.line - b.line || a.ch - b.ch }
 987
 988  function equalCursorPos(a, b) { return a.sticky == b.sticky && cmp(a, b) == 0 }
 989
 990  function copyPos(x) {return Pos(x.line, x.ch)}
 991  function maxPos(a, b) { return cmp(a, b) < 0 ? b : a }
 992  function minPos(a, b) { return cmp(a, b) < 0 ? a : b }
 993
 994  // Most of the external API clips given positions to make sure they
 995  // actually exist within the document.
 996  function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1))}
 997  function clipPos(doc, pos) {
 998    if (pos.line < doc.first) { return Pos(doc.first, 0) }
 999    var last = doc.first + doc.size - 1;
1000    if (pos.line > last) { return Pos(last, getLine(doc, last).text.length) }
1001    return clipToLen(pos, getLine(doc, pos.line).text.length)
1002  }
1003  function clipToLen(pos, linelen) {
1004    var ch = pos.ch;
1005    if (ch == null || ch > linelen) { return Pos(pos.line, linelen) }
1006    else if (ch < 0) { return Pos(pos.line, 0) }
1007    else { return pos }
1008  }
1009  function clipPosArray(doc, array) {
1010    var out = [];
1011    for (var i = 0; i < array.length; i++) { out[i] = clipPos(doc, array[i]); }
1012    return out
1013  }
1014
1015  var SavedContext = function(state, lookAhead) {
1016    this.state = state;
1017    this.lookAhead = lookAhead;
1018  };
1019
1020  var Context = function(doc, state, line, lookAhead) {
1021    this.state = state;
1022    this.doc = doc;
1023    this.line = line;
1024    this.maxLookAhead = lookAhead || 0;
1025    this.baseTokens = null;
1026    this.baseTokenPos = 1;
1027  };
1028
1029  Context.prototype.lookAhead = function (n) {
1030    var line = this.doc.getLine(this.line + n);
1031    if (line != null && n > this.maxLookAhead) { this.maxLookAhead = n; }
1032    return line
1033  };
1034
1035  Context.prototype.baseToken = function (n) {
1036    if (!this.baseTokens) { return null }
1037    while (this.baseTokens[this.baseTokenPos] <= n)
1038      { this.baseTokenPos += 2; }
1039    var type = this.baseTokens[this.baseTokenPos + 1];
1040    return {type: type && type.replace(/( |^)overlay .*/, ""),
1041            size: this.baseTokens[this.baseTokenPos] - n}
1042  };
1043
1044  Context.prototype.nextLine = function () {
1045    this.line++;
1046    if (this.maxLookAhead > 0) { this.maxLookAhead--; }
1047  };
1048
1049  Context.fromSaved = function (doc, saved, line) {
1050    if (saved instanceof SavedContext)
1051      { return new Context(doc, copyState(doc.mode, saved.state), line, saved.lookAhead) }
1052    else
1053      { return new Context(doc, copyState(doc.mode, saved), line) }
1054  };
1055
1056  Context.prototype.save = function (copy) {
1057    var state = copy !== false ? copyState(this.doc.mode, this.state) : this.state;
1058    return this.maxLookAhead > 0 ? new SavedContext(state, this.maxLookAhead) : state
1059  };
1060
1061
1062  // Compute a style array (an array starting with a mode generation
1063  // -- for invalidation -- followed by pairs of end positions and
1064  // style strings), which is used to highlight the tokens on the
1065  // line.
1066  function highlightLine(cm, line, context, forceToEnd) {
1067    // A styles array always starts with a number identifying the
1068    // mode/overlays that it is based on (for easy invalidation).
1069    var st = [cm.state.modeGen], lineClasses = {};
1070    // Compute the base array of styles
1071    runMode(cm, line.text, cm.doc.mode, context, function (end, style) { return st.push(end, style); },
1072            lineClasses, forceToEnd);
1073    var state = context.state;
1074
1075    // Run overlays, adjust style array.
1076    var loop = function ( o ) {
1077      context.baseTokens = st;
1078      var overlay = cm.state.overlays[o], i = 1, at = 0;
1079      context.state = true;
1080      runMode(cm, line.text, overlay.mode, context, function (end, style) {
1081        var start = i;
1082        // Ensure there's a token end at the current position, and that i points at it
1083        while (at < end) {
1084          var i_end = st[i];
1085          if (i_end > end)
1086            { st.splice(i, 1, end, st[i+1], i_end); }
1087          i += 2;
1088          at = Math.min(end, i_end);
1089        }
1090        if (!style) { return }
1091        if (overlay.opaque) {
1092          st.splice(start, i - start, end, "overlay " + style);
1093          i = start + 2;
1094        } else {
1095          for (; start < i; start += 2) {
1096            var cur = st[start+1];
1097            st[start+1] = (cur ? cur + " " : "") + "overlay " + style;
1098          }
1099        }
1100      }, lineClasses);
1101      context.state = state;
1102      context.baseTokens = null;
1103      context.baseTokenPos = 1;
1104    };
1105
1106    for (var o = 0; o < cm.state.overlays.length; ++o) loop( o );
1107
1108    return {styles: st, classes: lineClasses.bgClass || lineClasses.textClass ? lineClasses : null}
1109  }
1110
1111  function getLineStyles(cm, line, updateFrontier) {
1112    if (!line.styles || line.styles[0] != cm.state.modeGen) {
1113      var context = getContextBefore(cm, lineNo(line));
1114      var resetState = line.text.length > cm.options.maxHighlightLength && copyState(cm.doc.mode, context.state);
1115      var result = highlightLine(cm, line, context);
1116      if (resetState) { context.state = resetState; }
1117      line.stateAfter = context.save(!resetState);
1118      line.styles = result.styles;
1119      if (result.classes) { line.styleClasses = result.classes; }
1120      else if (line.styleClasses) { line.styleClasses = null; }
1121      if (updateFrontier === cm.doc.highlightFrontier)
1122        { cm.doc.modeFrontier = Math.max(cm.doc.modeFrontier, ++cm.doc.highlightFrontier); }
1123    }
1124    return line.styles
1125  }
1126
1127  function getContextBefore(cm, n, precise) {
1128    var doc = cm.doc, display = cm.display;
1129    if (!doc.mode.startState) { return new Context(doc, true, n) }
1130    var start = findStartLine(cm, n, precise);
1131    var saved = start > doc.first && getLine(doc, start - 1).stateAfter;
1132    var context = saved ? Context.fromSaved(doc, saved, start) : new Context(doc, startState(doc.mode), start);
1133
1134    doc.iter(start, n, function (line) {
1135      processLine(cm, line.text, context);
1136      var pos = context.line;
1137      line.stateAfter = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo ? context.save() : null;
1138      context.nextLine();
1139    });
1140    if (precise) { doc.modeFrontier = context.line; }
1141    return context
1142  }
1143
1144  // Lightweight form of highlight -- proceed over this line and
1145  // update state, but don't save a style array. Used for lines that
1146  // aren't currently visible.
1147  function processLine(cm, text, context, startAt) {
1148    var mode = cm.doc.mode;
1149    var stream = new StringStream(text, cm.options.tabSize, context);
1150    stream.start = stream.pos = startAt || 0;
1151    if (text == "") { callBlankLine(mode, context.state); }
1152    while (!stream.eol()) {
1153      readToken(mode, stream, context.state);
1154      stream.start = stream.pos;
1155    }
1156  }
1157
1158  function callBlankLine(mode, state) {
1159    if (mode.blankLine) { return mode.blankLine(state) }
1160    if (!mode.innerMode) { return }
1161    var inner = innerMode(mode, state);
1162    if (inner.mode.blankLine) { return inner.mode.blankLine(inner.state) }
1163  }
1164
1165  function readToken(mode, stream, state, inner) {
1166    for (var i = 0; i < 10; i++) {
1167      if (inner) { inner[0] = innerMode(mode, state).mode; }
1168      var style = mode.token(stream, state);
1169      if (stream.pos > stream.start) { return style }
1170    }
1171    throw new Error("Mode " + mode.name + " failed to advance stream.")
1172  }
1173
1174  var Token = function(stream, type, state) {
1175    this.start = stream.start; this.end = stream.pos;
1176    this.string = stream.current();
1177    this.type = type || null;
1178    this.state = state;
1179  };
1180
1181  // Utility for getTokenAt and getLineTokens
1182  function takeToken(cm, pos, precise, asArray) {
1183    var doc = cm.doc, mode = doc.mode, style;
1184    pos = clipPos(doc, pos);
1185    var line = getLine(doc, pos.line), context = getContextBefore(cm, pos.line, precise);
1186    var stream = new StringStream(line.text, cm.options.tabSize, context), tokens;
1187    if (asArray) { tokens = []; }
1188    while ((asArray || stream.pos < pos.ch) && !stream.eol()) {
1189      stream.start = stream.pos;
1190      style = readToken(mode, stream, context.state);
1191      if (asArray) { tokens.push(new Token(stream, style, copyState(doc.mode, context.state))); }
1192    }
1193    return asArray ? tokens : new Token(stream, style, context.state)
1194  }
1195
1196  function extractLineClasses(type, output) {
1197    if (type) { for (;;) {
1198      var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/);
1199      if (!lineClass) { break }
1200      type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length);
1201      var prop = lineClass[1] ? "bgClass" : "textClass";
1202      if (output[prop] == null)
1203        { output[prop] = lineClass[2]; }
1204      else if (!(new RegExp("(?:^|\\s)" + lineClass[2] + "(?:$|\\s)")).test(output[prop]))
1205        { output[prop] += " " + lineClass[2]; }
1206    } }
1207    return type
1208  }
1209
1210  // Run the given mode's parser over a line, calling f for each token.
1211  function runMode(cm, text, mode, context, f, lineClasses, forceToEnd) {
1212    var flattenSpans = mode.flattenSpans;
1213    if (flattenSpans == null) { flattenSpans = cm.options.flattenSpans; }
1214    var curStart = 0, curStyle = null;
1215    var stream = new StringStream(text, cm.options.tabSize, context), style;
1216    var inner = cm.options.addModeClass && [null];
1217    if (text == "") { extractLineClasses(callBlankLine(mode, context.state), lineClasses); }
1218    while (!stream.eol()) {
1219      if (stream.pos > cm.options.maxHighlightLength) {
1220        flattenSpans = false;
1221        if (forceToEnd) { processLine(cm, text, context, stream.pos); }
1222        stream.pos = text.length;
1223        style = null;
1224      } else {
1225        style = extractLineClasses(readToken(mode, stream, context.state, inner), lineClasses);
1226      }
1227      if (inner) {
1228        var mName = inner[0].name;
1229        if (mName) { style = "m-" + (style ? mName + " " + style : mName); }
1230      }
1231      if (!flattenSpans || curStyle != style) {
1232        while (curStart < stream.start) {
1233          curStart = Math.min(stream.start, curStart + 5000);
1234          f(curStart, curStyle);
1235        }
1236        curStyle = style;
1237      }
1238      stream.start = stream.pos;
1239    }
1240    while (curStart < stream.pos) {
1241      // Webkit seems to refuse to render text nodes longer than 57444
1242      // characters, and returns inaccurate measurements in nodes
1243      // starting around 5000 chars.
1244      var pos = Math.min(stream.pos, curStart + 5000);
1245      f(pos, curStyle);
1246      curStart = pos;
1247    }
1248  }
1249
1250  // Finds the line to start with when starting a parse. Tries to
1251  // find a line with a stateAfter, so that it can start with a
1252  // valid state. If that fails, it returns the line with the
1253  // smallest indentation, which tends to need the least context to
1254  // parse correctly.
1255  function findStartLine(cm, n, precise) {
1256    var minindent, minline, doc = cm.doc;
1257    var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100);
1258    for (var search = n; search > lim; --search) {
1259      if (search <= doc.first) { return doc.first }
1260      var line = getLine(doc, search - 1), after = line.stateAfter;
1261      if (after && (!precise || search + (after instanceof SavedContext ? after.lookAhead : 0) <= doc.modeFrontier))
1262        { return search }
1263      var indented = countColumn(line.text, null, cm.options.tabSize);
1264      if (minline == null || minindent > indented) {
1265        minline = search - 1;
1266        minindent = indented;
1267      }
1268    }
1269    return minline
1270  }
1271
1272  function retreatFrontier(doc, n) {
1273    doc.modeFrontier = Math.min(doc.modeFrontier, n);
1274    if (doc.highlightFrontier < n - 10) { return }
1275    var start = doc.first;
1276    for (var line = n - 1; line > start; line--) {
1277      var saved = getLine(doc, line).stateAfter;
1278      // change is on 3
1279      // state on line 1 looked ahead 2 -- so saw 3
1280      // test 1 + 2 < 3 should cover this
1281      if (saved && (!(saved instanceof SavedContext) || line + saved.lookAhead < n)) {
1282        start = line + 1;
1283        break
1284      }
1285    }
1286    doc.highlightFrontier = Math.min(doc.highlightFrontier, start);
1287  }
1288
1289  // Optimize some code when these features are not used.
1290  var sawReadOnlySpans = false, sawCollapsedSpans = false;
1291
1292  function seeReadOnlySpans() {
1293    sawReadOnlySpans = true;
1294  }
1295
1296  function seeCollapsedSpans() {
1297    sawCollapsedSpans = true;
1298  }
1299
1300  // TEXTMARKER SPANS
1301
1302  function MarkedSpan(marker, from, to) {
1303    this.marker = marker;
1304    this.from = from; this.to = to;
1305  }
1306
1307  // Search an array of spans for a span matching the given marker.
1308  function getMarkedSpanFor(spans, marker) {
1309    if (spans) { for (var i = 0; i < spans.length; ++i) {
1310      var span = spans[i];
1311      if (span.marker == marker) { return span }
1312    } }
1313  }
1314  // Remove a span from an array, returning undefined if no spans are
1315  // left (we don't store arrays for lines without spans).
1316  function removeMarkedSpan(spans, span) {
1317    var r;
1318    for (var i = 0; i < spans.length; ++i)
1319      { if (spans[i] != span) { (r || (r = [])).push(spans[i]); } }
1320    return r
1321  }
1322  // Add a span to a line.
1323  function addMarkedSpan(line, span) {
1324    line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span];
1325    span.marker.attachLine(line);
1326  }
1327
1328  // Used for the algorithm that adjusts markers for a change in the
1329  // document. These functions cut an array of spans at a given
1330  // character position, returning an array of remaining chunks (or
1331  // undefined if nothing remains).
1332  function markedSpansBefore(old, startCh, isInsert) {
1333    var nw;
1334    if (old) { for (var i = 0; i < old.length; ++i) {
1335      var span = old[i], marker = span.marker;
1336      var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh);
1337      if (startsBefore || span.from == startCh && marker.type == "bookmark" && (!isInsert || !span.marker.insertLeft)) {
1338        var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh)
1339        ;(nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to));
1340      }
1341    } }
1342    return nw
1343  }
1344  function markedSpansAfter(old, endCh, isInsert) {
1345    var nw;
1346    if (old) { for (var i = 0; i < old.length; ++i) {
1347      var span = old[i], marker = span.marker;
1348      var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh);
1349      if (endsAfter || span.from == endCh && marker.type == "bookmark" && (!isInsert || span.marker.insertLeft)) {
1350        var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh)
1351        ;(nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh,
1352                                              span.to == null ? null : span.to - endCh));
1353      }
1354    } }
1355    return nw
1356  }
1357
1358  // Given a change object, compute the new set of marker spans that
1359  // cover the line in which the change took place. Removes spans
1360  // entirely within the change, reconnects spans belonging to the
1361  // same marker that appear on both sides of the change, and cuts off
1362  // spans partially within the change. Returns an array of span
1363  // arrays with one element for each line in (after) the change.
1364  function stretchSpansOverChange(doc, change) {
1365    if (change.full) { return null }
1366    var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans;
1367    var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans;
1368    if (!oldFirst && !oldLast) { return null }
1369
1370    var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0;
1371    // Get the spans that 'stick out' on both sides
1372    var first = markedSpansBefore(oldFirst, startCh, isInsert);
1373    var last = markedSpansAfter(oldLast, endCh, isInsert);
1374
1375    // Next, merge those two ends
1376    var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0);
1377    if (first) {
1378      // Fix up .to properties of first
1379      for (var i = 0; i < first.length; ++i) {
1380        var span = first[i];
1381        if (span.to == null) {
1382          var found = getMarkedSpanFor(last, span.marker);
1383          if (!found) { span.to = startCh; }
1384          else if (sameLine) { span.to = found.to == null ? null : found.to + offset; }
1385        }
1386      }
1387    }
1388    if (last) {
1389      // Fix up .from in last (or move them into first in case of sameLine)
1390      for (var i$1 = 0; i$1 < last.length; ++i$1) {
1391        var span$1 = last[i$1];
1392        if (span$1.to != null) { span$1.to += offset; }
1393        if (span$1.from == null) {
1394          var found$1 = getMarkedSpanFor(first, span$1.marker);
1395          if (!found$1) {
1396            span$1.from = offset;
1397            if (sameLine) { (first || (first = [])).push(span$1); }
1398          }
1399        } else {
1400          span$1.from += offset;
1401          if (sameLine) { (first || (first = [])).push(span$1); }
1402        }
1403      }
1404    }
1405    // Make sure we didn't create any zero-length spans
1406    if (first) { first = clearEmptySpans(first); }
1407    if (last && last != first) { last = clearEmptySpans(last); }
1408
1409    var newMarkers = [first];
1410    if (!sameLine) {
1411      // Fill gap with whole-line-spans
1412      var gap = change.text.length - 2, gapMarkers;
1413      if (gap > 0 && first)
1414        { for (var i$2 = 0; i$2 < first.length; ++i$2)
1415          { if (first[i$2].to == null)
1416            { (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i$2].marker, null, null)); } } }
1417      for (var i$3 = 0; i$3 < gap; ++i$3)
1418        { newMarkers.push(gapMarkers); }
1419      newMarkers.push(last);
1420    }
1421    return newMarkers
1422  }
1423
1424  // Remove spans that are empty and don't have a clearWhenEmpty
1425  // option of false.
1426  function clearEmptySpans(spans) {
1427    for (var i = 0; i < spans.length; ++i) {
1428      var span = spans[i];
1429      if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false)
1430        { spans.splice(i--, 1); }
1431    }
1432    if (!spans.length) { return null }
1433    return spans
1434  }
1435
1436  // Used to 'clip' out readOnly ranges when making a change.
1437  function removeReadOnlyRanges(doc, from, to) {
1438    var markers = null;
1439    doc.iter(from.line, to.line + 1, function (line) {
1440      if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {
1441        var mark = line.markedSpans[i].marker;
1442        if (mark.readOnly && (!markers || indexOf(markers, mark) == -1))
1443          { (markers || (markers = [])).push(mark); }
1444      } }
1445    });
1446    if (!markers) { return null }
1447    var parts = [{from: from, to: to}];
1448    for (var i = 0; i < markers.length; ++i) {
1449      var mk = markers[i], m = mk.find(0);
1450      for (var j = 0; j < parts.length; ++j) {
1451        var p = parts[j];
1452        if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) { continue }
1453        var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to);
1454        if (dfrom < 0 || !mk.inclusiveLeft && !dfrom)
1455          { newParts.push({from: p.from, to: m.from}); }
1456        if (dto > 0 || !mk.inclusiveRight && !dto)
1457          { newParts.push({from: m.to, to: p.to}); }
1458        parts.splice.apply(parts, newParts);
1459        j += newParts.length - 3;
1460      }
1461    }
1462    return parts
1463  }
1464
1465  // Connect or disconnect spans from a line.
1466  function detachMarkedSpans(line) {
1467    var spans = line.markedSpans;
1468    if (!spans) { return }
1469    for (var i = 0; i < spans.length; ++i)
1470      { spans[i].marker.detachLine(line); }
1471    line.markedSpans = null;
1472  }
1473  function attachMarkedSpans(line, spans) {
1474    if (!spans) { return }
1475    for (var i = 0; i < spans.length; ++i)
1476      { spans[i].marker.attachLine(line); }
1477    line.markedSpans = spans;
1478  }
1479
1480  // Helpers used when computing which overlapping collapsed span
1481  // counts as the larger one.
1482  function extraLeft(marker) { return marker.inclusiveLeft ? -1 : 0 }
1483  function extraRight(marker) { return marker.inclusiveRight ? 1 : 0 }
1484
1485  // Returns a number indicating which of two overlapping collapsed
1486  // spans is larger (and thus includes the other). Falls back to
1487  // comparing ids when the spans cover exactly the same range.
1488  function compareCollapsedMarkers(a, b) {
1489    var lenDiff = a.lines.length - b.lines.length;
1490    if (lenDiff != 0) { return lenDiff }
1491    var aPos = a.find(), bPos = b.find();
1492    var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b);
1493    if (fromCmp) { return -fromCmp }
1494    var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b);
1495    if (toCmp) { return toCmp }
1496    return b.id - a.id
1497  }
1498
1499  // Find out whether a line ends or starts in a collapsed span. If
1500  // so, return the marker for that span.
1501  function collapsedSpanAtSide(line, start) {
1502    var sps = sawCollapsedSpans && line.markedSpans, found;
1503    if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {
1504      sp = sps[i];
1505      if (sp.marker.collapsed && (start ? sp.from : sp.to) == null &&
1506          (!found || compareCollapsedMarkers(found, sp.marker) < 0))
1507        { found = sp.marker; }
1508    } }
1509    return found
1510  }
1511  function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true) }
1512  function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false) }
1513
1514  function collapsedSpanAround(line, ch) {
1515    var sps = sawCollapsedSpans && line.markedSpans, found;
1516    if (sps) { for (var i = 0; i < sps.length; ++i) {
1517      var sp = sps[i];
1518      if (sp.marker.collapsed && (sp.from == null || sp.from < ch) && (sp.to == null || sp.to > ch) &&
1519          (!found || compareCollapsedMarkers(found, sp.marker) < 0)) { found = sp.marker; }
1520    } }
1521    return found
1522  }
1523
1524  // Test whether there exists a collapsed span that partially
1525  // overlaps (covers the start or end, but not both) of a new span.
1526  // Such overlap is not allowed.
1527  function conflictingCollapsedRange(doc, lineNo, from, to, marker) {
1528    var line = getLine(doc, lineNo);
1529    var sps = sawCollapsedSpans && line.markedSpans;
1530    if (sps) { for (var i = 0; i < sps.length; ++i) {
1531      var sp = sps[i];
1532      if (!sp.marker.collapsed) { continue }
1533      var found = sp.marker.find(0);
1534      var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker);
1535      var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker);
1536      if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) { continue }
1537      if (fromCmp <= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.to, from) >= 0 : cmp(found.to, from) > 0) ||
1538          fromCmp >= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.from, to) <= 0 : cmp(found.from, to) < 0))
1539        { return true }
1540    } }
1541  }
1542
1543  // A visual line is a line as drawn on the screen. Folding, for
1544  // example, can cause multiple logical lines to appear on the same
1545  // visual line. This finds the start of the visual line that the
1546  // given line is part of (usually that is the line itself).
1547  function visualLine(line) {
1548    var merged;
1549    while (merged = collapsedSpanAtStart(line))
1550      { line = merged.find(-1, true).line; }
1551    return line
1552  }
1553
1554  function visualLineEnd(line) {
1555    var merged;
1556    while (merged = collapsedSpanAtEnd(line))
1557      { line = merged.find(1, true).line; }
1558    return line
1559  }
1560
1561  // Returns an array of logical lines that continue the visual line
1562  // started by the argument, or undefined if there are no such lines.
1563  function visualLineContinued(line) {
1564    var merged, lines;
1565    while (merged = collapsedSpanAtEnd(line)) {
1566      line = merged.find(1, true).line
1567      ;(lines || (lines = [])).push(line);
1568    }
1569    return lines
1570  }
1571
1572  // Get the line number of the start of the visual line that the
1573  // given line number is part of.
1574  function visualLineNo(doc, lineN) {
1575    var line = getLine(doc, lineN), vis = visualLine(line);
1576    if (line == vis) { return lineN }
1577    return lineNo(vis)
1578  }
1579
1580  // Get the line number of the start of the next visual line after
1581  // the given line.
1582  function visualLineEndNo(doc, lineN) {
1583    if (lineN > doc.lastLine()) { return lineN }
1584    var line = getLine(doc, lineN), merged;
1585    if (!lineIsHidden(doc, line)) { return lineN }
1586    while (merged = collapsedSpanAtEnd(line))
1587      { line = merged.find(1, true).line; }
1588    return lineNo(line) + 1
1589  }
1590
1591  // Compute whether a line is hidden. Lines count as hidden when they
1592  // are part of a visual line that starts with another line, or when
1593  // they are entirely covered by collapsed, non-widget span.
1594  function lineIsHidden(doc, line) {
1595    var sps = sawCollapsedSpans && line.markedSpans;
1596    if (sps) { for (var sp = (void 0), i = 0; i < sps.length; ++i) {
1597      sp = sps[i];
1598      if (!sp.marker.collapsed) { continue }
1599      if (sp.from == null) { return true }
1600      if (sp.marker.widgetNode) { continue }
1601      if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp))
1602        { return true }
1603    } }
1604  }
1605  function lineIsHiddenInner(doc, line, span) {
1606    if (span.to == null) {
1607      var end = span.marker.find(1, true);
1608      return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker))
1609    }
1610    if (span.marker.inclusiveRight && span.to == line.text.length)
1611      { return true }
1612    for (var sp = (void 0), i = 0; i < line.markedSpans.length; ++i) {
1613      sp = line.markedSpans[i];
1614      if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to &&
1615          (sp.to == null || sp.to != span.from) &&
1616          (sp.marker.inclusiveLeft || span.marker.inclusiveRight) &&
1617          lineIsHiddenInner(doc, line, sp)) { return true }
1618    }
1619  }
1620
1621  // Find the height above the given line.
1622  function heightAtLine(lineObj) {
1623    lineObj = visualLine(lineObj);
1624
1625    var h = 0, chunk = lineObj.parent;
1626    for (var i = 0; i < chunk.lines.length; ++i) {
1627      var line = chunk.lines[i];
1628      if (line == lineObj) { break }
1629      else { h += line.height; }
1630    }
1631    for (var p = chunk.parent; p; chunk = p, p = chunk.parent) {
1632      for (var i$1 = 0; i$1 < p.children.length; ++i$1) {
1633        var cur = p.children[i$1];
1634        if (cur == chunk) { break }
1635        else { h += cur.height; }
1636      }
1637    }
1638    return h
1639  }
1640
1641  // Compute the character length of a line, taking into account
1642  // collapsed ranges (see markText) that might hide parts, and join
1643  // other lines onto it.
1644  function lineLength(line) {
1645    if (line.height == 0) { return 0 }
1646    var len = line.text.length, merged, cur = line;
1647    while (merged = collapsedSpanAtStart(cur)) {
1648      var found = merged.find(0, true);
1649      cur = found.from.line;
1650      len += found.from.ch - found.to.ch;
1651    }
1652    cur = line;
1653    while (merged = collapsedSpanAtEnd(cur)) {
1654      var found$1 = merged.find(0, true);
1655      len -= cur.text.length - found$1.from.ch;
1656      cur = found$1.to.line;
1657      len += cur.text.length - found$1.to.ch;
1658    }
1659    return len
1660  }
1661
1662  // Find the longest line in the document.
1663  function findMaxLine(cm) {
1664    var d = cm.display, doc = cm.doc;
1665    d.maxLine = getLine(doc, doc.first);
1666    d.maxLineLength = lineLength(d.maxLine);
1667    d.maxLineChanged = true;
1668    doc.iter(function (line) {
1669      var len = lineLength(line);
1670      if (len > d.maxLineLength) {
1671        d.maxLineLength = len;
1672        d.maxLine = line;
1673      }
1674    });
1675  }
1676
1677  // LINE DATA STRUCTURE
1678
1679  // Line objects. These hold state related to a line, including
1680  // highlighting info (the styles array).
1681  var Line = function(text, markedSpans, estimateHeight) {
1682    this.text = text;
1683    attachMarkedSpans(this, markedSpans);
1684    this.height = estimateHeight ? estimateHeight(this) : 1;
1685  };
1686
1687  Line.prototype.lineNo = function () { return lineNo(this) };
1688  eventMixin(Line);
1689
1690  // Change the content (text, markers) of a line. Automatically
1691  // invalidates cached information and tries to re-estimate the
1692  // line's height.
1693  function updateLine(line, text, markedSpans, estimateHeight) {
1694    line.text = text;
1695    if (line.stateAfter) { line.stateAfter = null; }
1696    if (line.styles) { line.styles = null; }
1697    if (line.order != null) { line.order = null; }
1698    detachMarkedSpans(line);
1699    attachMarkedSpans(line, markedSpans);
1700    var estHeight = estimateHeight ? estimateHeight(line) : 1;
1701    if (estHeight != line.height) { updateLineHeight(line, estHeight); }
1702  }
1703
1704  // Detach a line from the document tree and its markers.
1705  function cleanUpLine(line) {
1706    line.parent = null;
1707    detachMarkedSpans(line);
1708  }
1709
1710  // Convert a style as returned by a mode (either null, or a string
1711  // containing one or more styles) to a CSS style. This is cached,
1712  // and also looks for line-wide styles.
1713  var styleToClassCache = {}, styleToClassCacheWithMode = {};
1714  function interpretTokenStyle(style, options) {
1715    if (!style || /^\s*$/.test(style)) { return null }
1716    var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache;
1717    return cache[style] ||
1718      (cache[style] = style.replace(/\S+/g, "cm-$&"))
1719  }
1720
1721  // Render the DOM representation of the text of a line. Also builds
1722  // up a 'line map', which points at the DOM nodes that represent
1723  // specific stretches of text, and is used by the measuring code.
1724  // The returned object contains the DOM node, this map, and
1725  // information about line-wide styles that were set by the mode.
1726  function buildLineContent(cm, lineView) {
1727    // The padding-right forces the element to have a 'border', which
1728    // is needed on Webkit to be able to get line-level bounding
1729    // rectangles for it (in measureChar).
1730    var content = eltP("span", null, null, webkit ? "padding-right: .1px" : null);
1731    var builder = {pre: eltP("pre", [content], "CodeMirror-line"), content: content,
1732                   col: 0, pos: 0, cm: cm,
1733                   trailingSpace: false,
1734                   splitSpaces: cm.getOption("lineWrapping")};
1735    lineView.measure = {};
1736
1737    // Iterate over the logical lines that make up this visual line.
1738    for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) {
1739      var line = i ? lineView.rest[i - 1] : lineView.line, order = (void 0);
1740      builder.pos = 0;
1741      builder.addToken = buildToken;
1742      // Optionally wire in some hacks into the token-rendering
1743      // algorithm, to deal with browser quirks.
1744      if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line, cm.doc.direction)))
1745        { builder.addToken = buildTokenBadBidi(builder.addToken, order); }
1746      builder.map = [];
1747      var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line);
1748      insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate));
1749      if (line.styleClasses) {
1750        if (line.styleClasses.bgClass)
1751          { builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || ""); }
1752        if (line.styleClasses.textClass)
1753          { builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || ""); }
1754      }
1755
1756      // Ensure at least a single node is present, for measuring.
1757      if (builder.map.length == 0)
1758        { builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))); }
1759
1760      // Store the map and a cache object for the current logical line
1761      if (i == 0) {
1762        lineView.measure.map = builder.map;
1763        lineView.measure.cache = {};
1764      } else {
1765  (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map)
1766        ;(lineView.measure.caches || (lineView.measure.caches = [])).push({});
1767      }
1768    }
1769
1770    // See issue #2901
1771    if (webkit) {
1772      var last = builder.content.lastChild;
1773      if (/\bcm-tab\b/.test(last.className) || (last.querySelector && last.querySelector(".cm-tab")))
1774        { builder.content.className = "cm-tab-wrap-hack"; }
1775    }
1776
1777    signal(cm, "renderLine", cm, lineView.line, builder.pre);
1778    if (builder.pre.className)
1779      { builder.textClass = joinClasses(builder.pre.className, builder.textClass || ""); }
1780
1781    return builder
1782  }
1783
1784  function defaultSpecialCharPlaceholder(ch) {
1785    var token = elt("span", "\u2022", "cm-invalidchar");
1786    token.title = "\\u" + ch.charCodeAt(0).toString(16);
1787    token.setAttribute("aria-label", token.title);
1788    return token
1789  }
1790
1791  // Build up the DOM representation for a single token, and add it to
1792  // the line map. Takes care to render special characters separately.
1793  function buildToken(builder, text, style, startStyle, endStyle, css, attributes) {
1794    if (!text) { return }
1795    var displayText = builder.splitSpaces ? splitSpaces(text, builder.trailingSpace) : text;
1796    var special = builder.cm.state.specialChars, mustWrap = false;
1797    var content;
1798    if (!special.test(text)) {
1799      builder.col += text.length;
1800      content = document.createTextNode(displayText);
1801      builder.map.push(builder.pos, builder.pos + text.length, content);
1802      if (ie && ie_version < 9) { mustWrap = true; }
1803      builder.pos += text.length;
1804    } else {
1805      content = document.createDocumentFragment();
1806      var pos = 0;
1807      while (true) {
1808        special.lastIndex = pos;
1809        var m = special.exec(text);
1810        var skipped = m ? m.index - pos : text.length - pos;
1811        if (skipped) {
1812          var txt = document.createTextNode(displayText.slice(pos, pos + skipped));
1813          if (ie && ie_version < 9) { content.appendChild(elt("span", [txt])); }
1814          else { content.appendChild(txt); }
1815          builder.map.push(builder.pos, builder.pos + skipped, txt);
1816          builder.col += skipped;
1817          builder.pos += skipped;
1818        }
1819        if (!m) { break }
1820        pos += skipped + 1;
1821        var txt$1 = (void 0);
1822        if (m[0] == "\t") {
1823          var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize;
1824          txt$1 = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab"));
1825          txt$1.setAttribute("role", "presentation");
1826          txt$1.setAttribute("cm-text", "\t");
1827          builder.col += tabWidth;
1828        } else if (m[0] == "\r" || m[0] == "\n") {
1829          txt$1 = content.appendChild(elt("span", m[0] == "\r" ? "\u240d" : "\u2424", "cm-invalidchar"));
1830          txt$1.setAttribute("cm-text", m[0]);
1831          builder.col += 1;
1832        } else {
1833          txt$1 = builder.cm.options.specialCharPlaceholder(m[0]);
1834          txt$1.setAttribute("cm-text", m[0]);
1835          if (ie && ie_version < 9) { content.appendChild(elt("span", [txt$1])); }
1836          else { content.appendChild(txt$1); }
1837          builder.col += 1;
1838        }
1839        builder.map.push(builder.pos, builder.pos + 1, txt$1);
1840        builder.pos++;
1841      }
1842    }
1843    builder.trailingSpace = displayText.charCodeAt(text.length - 1) == 32;
1844    if (style || startStyle || endStyle || mustWrap || css || attributes) {
1845      var fullStyle = style || "";
1846      if (startStyle) { fullStyle += startStyle; }
1847      if (endStyle) { fullStyle += endStyle; }
1848      var token = elt("span", [content], fullStyle, css);
1849      if (attributes) {
1850        for (var attr in attributes) { if (attributes.hasOwnProperty(attr) && attr != "style" && attr != "class")
1851          { token.setAttribute(attr, attributes[attr]); } }
1852      }
1853      return builder.content.appendChild(token)
1854    }
1855    builder.content.appendChild(content);
1856  }
1857
1858  // Change some spaces to NBSP to prevent the browser from collapsing
1859  // trailing spaces at the end of a line when rendering text (issue #1362).
1860  function splitSpaces(text, trailingBefore) {
1861    if (text.length > 1 && !/  /.test(text)) { return text }
1862    var spaceBefore = trailingBefore, result = "";
1863    for (var i = 0; i < text.length; i++) {
1864      var ch = text.charAt(i);
1865      if (ch == " " && spaceBefore && (i == text.length - 1 || text.charCodeAt(i + 1) == 32))
1866        { ch = "\u00a0"; }
1867      result += ch;
1868      spaceBefore = ch == " ";
1869    }
1870    return result
1871  }
1872
1873  // Work around nonsense dimensions being reported for stretches of
1874  // right-to-left text.
1875  function buildTokenBadBidi(inner, order) {
1876    return function (builder, text, style, startStyle, endStyle, css, attributes) {
1877      style = style ? style + " cm-force-border" : "cm-force-border";
1878      var start = builder.pos, end = start + text.length;
1879      for (;;) {
1880        // Find the part that overlaps with the start of this text
1881        var part = (void 0);
1882        for (var i = 0; i < order.length; i++) {
1883          part = order[i];
1884          if (part.to > start && part.from <= start) { break }
1885        }
1886        if (part.to >= end) { return inner(builder, text, style, startStyle, endStyle, css, attributes) }
1887        inner(builder, text.slice(0, part.to - start), style, startStyle, null, css, attributes);
1888        startStyle = null;
1889        text = text.slice(part.to - start);
1890        start = part.to;
1891      }
1892    }
1893  }
1894
1895  function buildCollapsedSpan(builder, size, marker, ignoreWidget) {
1896    var widget = !ignoreWidget && marker.widgetNode;
1897    if (widget) { builder.map.push(builder.pos, builder.pos + size, widget); }
1898    if (!ignoreWidget && builder.cm.display.input.needsContentAttribute) {
1899      if (!widget)
1900        { widget = builder.content.appendChild(document.createElement("span")); }
1901      widget.setAttribute("cm-marker", marker.id);
1902    }
1903    if (widget) {
1904      builder.cm.display.input.setUneditable(widget);
1905      builder.content.appendChild(widget);
1906    }
1907    builder.pos += size;
1908    builder.trailingSpace = false;
1909  }
1910
1911  // Outputs a number of spans to make up a line, taking highlighting
1912  // and marked text into account.
1913  function insertLineContent(line, builder, styles) {
1914    var spans = line.markedSpans, allText = line.text, at = 0;
1915    if (!spans) {
1916      for (var i$1 = 1; i$1 < styles.length; i$1+=2)
1917        { builder.addToken(builder, allText.slice(at, at = styles[i$1]), interpretTokenStyle(styles[i$1+1], builder.cm.options)); }
1918      return
1919    }
1920
1921    var len = allText.length, pos = 0, i = 1, text = "", style, css;
1922    var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, collapsed, attributes;
1923    for (;;) {
1924      if (nextChange == pos) { // Update current marker set
1925        spanStyle = spanEndStyle = spanStartStyle = css = "";
1926        attributes = null;
1927        collapsed = null; nextChange = Infinity;
1928        var foundBookmarks = [], endStyles = (void 0);
1929        for (var j = 0; j < spans.length; ++j) {
1930          var sp = spans[j], m = sp.marker;
1931          if (m.type == "bookmark" && sp.from == pos && m.widgetNode) {
1932            foundBookmarks.push(m);
1933          } else if (sp.from <= pos && (sp.to == null || sp.to > pos || m.collapsed && sp.to == pos && sp.from == pos)) {
1934            if (sp.to != null && sp.to != pos && nextChange > sp.to) {
1935              nextChange = sp.to;
1936              spanEndStyle = "";
1937            }
1938            if (m.className) { spanStyle += " " + m.className; }
1939            if (m.css) { css = (css ? css + ";" : "") + m.css; }
1940            if (m.startStyle && sp.from == pos) { spanStartStyle += " " + m.startStyle; }
1941            if (m.endStyle && sp.to == nextChange) { (endStyles || (endStyles = [])).push(m.endStyle, sp.to); }
1942            // support for the old title property
1943            // https://github.com/codemirror/CodeMirror/pull/5673
1944            if (m.title) { (attributes || (attributes = {})).title = m.title; }
1945            if (m.attributes) {
1946              for (var attr in m.attributes)
1947                { (attributes || (attributes = {}))[attr] = m.attributes[attr]; }
1948            }
1949            if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0))
1950              { collapsed = sp; }
1951          } else if (sp.from > pos && nextChange > sp.from) {
1952            nextChange = sp.from;
1953          }
1954        }
1955        if (endStyles) { for (var j$1 = 0; j$1 < endStyles.length; j$1 += 2)
1956          { if (endStyles[j$1 + 1] == nextChange) { spanEndStyle += " " + endStyles[j$1]; } } }
1957
1958        if (!collapsed || collapsed.from == pos) { for (var j$2 = 0; j$2 < foundBookmarks.length; ++j$2)
1959          { buildCollapsedSpan(builder, 0, foundBookmarks[j$2]); } }
1960        if (collapsed && (collapsed.from || 0) == pos) {
1961          buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos,
1962                             collapsed.marker, collapsed.from == null);
1963          if (collapsed.to == null) { return }
1964          if (collapsed.to == pos) { collapsed = false; }
1965        }
1966      }
1967      if (pos >= len) { break }
1968
1969      var upto = Math.min(len, nextChange);
1970      while (true) {
1971        if (text) {
1972          var end = pos + text.length;
1973          if (!collapsed) {
1974            var tokenText = end > upto ? text.slice(0, upto - pos) : text;
1975            builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle,
1976                             spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", css, attributes);
1977          }
1978          if (end >= upto) {text = text.slice(upto - pos); pos = upto; break}
1979          pos = end;
1980          spanStartStyle = "";
1981        }
1982        text = allText.slice(at, at = styles[i++]);
1983        style = interpretTokenStyle(styles[i++], builder.cm.options);
1984      }
1985    }
1986  }
1987
1988
1989  // These objects are used to represent the visible (currently drawn)
1990  // part of the document. A LineView may correspond to multiple
1991  // logical lines, if those are connected by collapsed ranges.
1992  function LineView(doc, line, lineN) {
1993    // The starting line
1994    this.line = line;
1995    // Continuing lines, if any
1996    this.rest = visualLineContinued(line);
1997    // Number of logical lines in this visual line
1998    this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1;
1999    this.node = this.text = null;
2000    this.hidden = lineIsHidden(doc, line);
2001  }
2002
2003  // Create a range of LineView objects for the given lines.
2004  function buildViewArray(cm, from, to) {
2005    var array = [], nextPos;
2006    for (var pos = from; pos < to; pos = nextPos) {
2007      var view = new LineView(cm.doc, getLine(cm.doc, pos), pos);
2008      nextPos = pos + view.size;
2009      array.push(view);
2010    }
2011    return array
2012  }
2013
2014  var operationGroup = null;
2015
2016  function pushOperation(op) {
2017    if (operationGroup) {
2018      operationGroup.ops.push(op);
2019    } else {
2020      op.ownsGroup = operationGroup = {
2021        ops: [op],
2022        delayedCallbacks: []
2023      };
2024    }
2025  }
2026
2027  function fireCallbacksForOps(group) {
2028    // Calls delayed callbacks and cursorActivity handlers until no
2029    // new ones appear
2030    var callbacks = group.delayedCallbacks, i = 0;
2031    do {
2032      for (; i < callbacks.length; i++)
2033        { callbacks[i].call(null); }
2034      for (var j = 0; j < group.ops.length; j++) {
2035        var op = group.ops[j];
2036        if (op.cursorActivityHandlers)
2037          { while (op.cursorActivityCalled < op.cursorActivityHandlers.length)
2038            { op.cursorActivityHandlers[op.cursorActivityCalled++].call(null, op.cm); } }
2039      }
2040    } while (i < callbacks.length)
2041  }
2042
2043  function finishOperation(op, endCb) {
2044    var group = op.ownsGroup;
2045    if (!group) { return }
2046
2047    try { fireCallbacksForOps(group); }
2048    finally {
2049      operationGroup = null;
2050      endCb(group);
2051    }
2052  }
2053
2054  var orphanDelayedCallbacks = null;
2055
2056  // Often, we want to signal events at a point where we are in the
2057  // middle of some work, but don't want the handler to start calling
2058  // other methods on the editor, which might be in an inconsistent
2059  // state or simply not expect any other events to happen.
2060  // signalLater looks whether there are any handlers, and schedules
2061  // them to be executed when the last operation ends, or, if no
2062  // operation is active, when a timeout fires.
2063  function signalLater(emitter, type /*, values...*/) {
2064    var arr = getHandlers(emitter, type);
2065    if (!arr.length) { return }
2066    var args = Array.prototype.slice.call(arguments, 2), list;
2067    if (operationGroup) {
2068      list = operationGroup.delayedCallbacks;
2069    } else if (orphanDelayedCallbacks) {
2070      list = orphanDelayedCallbacks;
2071    } else {
2072      list = orphanDelayedCallbacks = [];
2073      setTimeout(fireOrphanDelayed, 0);
2074    }
2075    var loop = function ( i ) {
2076      list.push(function () { return arr[i].apply(null, args); });
2077    };
2078
2079    for (var i = 0; i < arr.length; ++i)
2080      loop( i );
2081  }
2082
2083  function fireOrphanDelayed() {
2084    var delayed = orphanDelayedCallbacks;
2085    orphanDelayedCallbacks = null;
2086    for (var i = 0; i < delayed.length; ++i) { delayed[i](); }
2087  }
2088
2089  // When an aspect of a line changes, a string is added to
2090  // lineView.changes. This updates the relevant part of the line's
2091  // DOM structure.
2092  function updateLineForChanges(cm, lineView, lineN, dims) {
2093    for (var j = 0; j < lineView.changes.length; j++) {
2094      var type = lineView.changes[j];
2095      if (type == "text") { updateLineText(cm, lineView); }
2096      else if (type == "gutter") { updateLineGutter(cm, lineView, lineN, dims); }
2097      else if (type == "class") { updateLineClasses(cm, lineView); }
2098      else if (type == "widget") { updateLineWidgets(cm, lineView, dims); }
2099    }
2100    lineView.changes = null;
2101  }
2102
2103  // Lines with gutter elements, widgets or a background class need to
2104  // be wrapped, and have the extra elements added to the wrapper div
2105  function ensureLineWrapped(lineView) {
2106    if (lineView.node == lineView.text) {
2107      lineView.node = elt("div", null, null, "position: relative");
2108      if (lineView.text.parentNode)
2109        { lineView.text.parentNode.replaceChild(lineView.node, lineView.text); }
2110      lineView.node.appendChild(lineView.text);
2111      if (ie && ie_version < 8) { lineView.node.style.zIndex = 2; }
2112    }
2113    return lineView.node
2114  }
2115
2116  function updateLineBackground(cm, lineView) {
2117    var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass;
2118    if (cls) { cls += " CodeMirror-linebackground"; }
2119    if (lineView.background) {
2120      if (cls) { lineView.background.className = cls; }
2121      else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; }
2122    } else if (cls) {
2123      var wrap = ensureLineWrapped(lineView);
2124      lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild);
2125      cm.display.input.setUneditable(lineView.background);
2126    }
2127  }
2128
2129  // Wrapper around buildLineContent which will reuse the structure
2130  // in display.externalMeasured when possible.
2131  function getLineContent(cm, lineView) {
2132    var ext = cm.display.externalMeasured;
2133    if (ext && ext.line == lineView.line) {
2134      cm.display.externalMeasured = null;
2135      lineView.measure = ext.measure;
2136      return ext.built
2137    }
2138    return buildLineContent(cm, lineView)
2139  }
2140
2141  // Redraw the line's text. Interacts with the background and text
2142  // classes because the mode may output tokens that influence these
2143  // classes.
2144  function updateLineText(cm, lineView) {
2145    var cls = lineView.text.className;
2146    var built = getLineContent(cm, lineView);
2147    if (lineView.text == lineView.node) { lineView.node = built.pre; }
2148    lineView.text.parentNode.replaceChild(built.pre, lineView.text);
2149    lineView.text = built.pre;
2150    if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) {
2151      lineView.bgClass = built.bgClass;
2152      lineView.textClass = built.textClass;
2153      updateLineClasses(cm, lineView);
2154    } else if (cls) {
2155      lineView.text.className = cls;
2156    }
2157  }
2158
2159  function updateLineClasses(cm, lineView) {
2160    updateLineBackground(cm, lineView);
2161    if (lineView.line.wrapClass)
2162      { ensureLineWrapped(lineView).className = lineView.line.wrapClass; }
2163    else if (lineView.node != lineView.text)
2164      { lineView.node.className = ""; }
2165    var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass;
2166    lineView.text.className = textClass || "";
2167  }
2168
2169  function updateLineGutter(cm, lineView, lineN, dims) {
2170    if (lineView.gutter) {
2171      lineView.node.removeChild(lineView.gutter);
2172      lineView.gutter = null;
2173    }
2174    if (lineView.gutterBackground) {
2175      lineView.node.removeChild(lineView.gutterBackground);
2176      lineView.gutterBackground = null;
2177    }
2178    if (lineView.line.gutterClass) {
2179      var wrap = ensureLineWrapped(lineView);
2180      lineView.gutterBackground = elt("div", null, "CodeMirror-gutter-background " + lineView.line.gutterClass,
2181                                      ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px; width: " + (dims.gutterTotalWidth) + "px"));
2182      cm.display.input.setUneditable(lineView.gutterBackground);
2183      wrap.insertBefore(lineView.gutterBackground, lineView.text);
2184    }
2185    var markers = lineView.line.gutterMarkers;
2186    if (cm.options.lineNumbers || markers) {
2187      var wrap$1 = ensureLineWrapped(lineView);
2188      var gutterWrap = lineView.gutter = elt("div", null, "CodeMirror-gutter-wrapper", ("left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px"));
2189      cm.display.input.setUneditable(gutterWrap);
2190      wrap$1.insertBefore(gutterWrap, lineView.text);
2191      if (lineView.line.gutterClass)
2192        { gutterWrap.className += " " + lineView.line.gutterClass; }
2193      if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"]))
2194        { lineView.lineNumber = gutterWrap.appendChild(
2195          elt("div", lineNumberFor(cm.options, lineN),
2196              "CodeMirror-linenumber CodeMirror-gutter-elt",
2197              ("left: " + (dims.gutterLeft["CodeMirror-linenumbers"]) + "px; width: " + (cm.display.lineNumInnerWidth) + "px"))); }
2198      if (markers) { for (var k = 0; k < cm.display.gutterSpecs.length; ++k) {
2199        var id = cm.display.gutterSpecs[k].className, found = markers.hasOwnProperty(id) && markers[id];
2200        if (found)
2201          { gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt",
2202                                     ("left: " + (dims.gutterLeft[id]) + "px; width: " + (dims.gutterWidth[id]) + "px"))); }
2203      } }
2204    }
2205  }
2206
2207  function updateLineWidgets(cm, lineView, dims) {
2208    if (lineView.alignable) { lineView.alignable = null; }
2209    var isWidget = classTest("CodeMirror-linewidget");
2210    for (var node = lineView.node.firstChild, next = (void 0); node; node = next) {
2211      next = node.nextSibling;
2212      if (isWidget.test(node.className)) { lineView.node.removeChild(node); }
2213    }
2214    insertLineWidgets(cm, lineView, dims);
2215  }
2216
2217  // Build a line's DOM representation from scratch
2218  function buildLineElement(cm, lineView, lineN, dims) {
2219    var built = getLineContent(cm, lineView);
2220    lineView.text = lineView.node = built.pre;
2221    if (built.bgClass) { lineView.bgClass = built.bgClass; }
2222    if (built.textClass) { lineView.textClass = built.textClass; }
2223
2224    updateLineClasses(cm, lineView);
2225    updateLineGutter(cm, lineView, lineN, dims);
2226    insertLineWidgets(cm, lineView, dims);
2227    return lineView.node
2228  }
2229
2230  // A lineView may contain multiple logical lines (when merged by
2231  // collapsed spans). The widgets for all of them need to be drawn.
2232  function insertLineWidgets(cm, lineView, dims) {
2233    insertLineWidgetsFor(cm, lineView.line, lineView, dims, true);
2234    if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)
2235      { insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false); } }
2236  }
2237
2238  function insertLineWidgetsFor(cm, line, lineView, dims, allowAbove) {
2239    if (!line.widgets) { return }
2240    var wrap = ensureLineWrapped(lineView);
2241    for (var i = 0, ws = line.widgets; i < ws.length; ++i) {
2242      var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget" + (widget.className ? " " + widget.className : ""));
2243      if (!widget.handleMouseEvents) { node.setAttribute("cm-ignore-events", "true"); }
2244      positionLineWidget(widget, node, lineView, dims);
2245      cm.display.input.setUneditable(node);
2246      if (allowAbove && widget.above)
2247        { wrap.insertBefore(node, lineView.gutter || lineView.text); }
2248      else
2249        { wrap.appendChild(node); }
2250      signalLater(widget, "redraw");
2251    }
2252  }
2253
2254  function positionLineWidget(widget, node, lineView, dims) {
2255    if (widget.noHScroll) {
2256  (lineView.alignable || (lineView.alignable = [])).push(node);
2257      var width = dims.wrapperWidth;
2258      node.style.left = dims.fixedPos + "px";
2259      if (!widget.coverGutter) {
2260        width -= dims.gutterTotalWidth;
2261        node.style.paddingLeft = dims.gutterTotalWidth + "px";
2262      }
2263      node.style.width = width + "px";
2264    }
2265    if (widget.coverGutter) {
2266      node.style.zIndex = 5;
2267      node.style.position = "relative";
2268      if (!widget.noHScroll) { node.style.marginLeft = -dims.gutterTotalWidth + "px"; }
2269    }
2270  }
2271
2272  function widgetHeight(widget) {
2273    if (widget.height != null) { return widget.height }
2274    var cm = widget.doc.cm;
2275    if (!cm) { return 0 }
2276    if (!contains(document.body, widget.node)) {
2277      var parentStyle = "position: relative;";
2278      if (widget.coverGutter)
2279        { parentStyle += "margin-left: -" + cm.display.gutters.offsetWidth + "px;"; }
2280      if (widget.noHScroll)
2281        { parentStyle += "width: " + cm.display.wrapper.clientWidth + "px;"; }
2282      removeChildrenAndAdd(cm.display.measure, elt("div", [widget.node], null, parentStyle));
2283    }
2284    return widget.height = widget.node.parentNode.offsetHeight
2285  }
2286
2287  // Return true when the given mouse event happened in a widget
2288  function eventInWidget(display, e) {
2289    for (var n = e_target(e); n != display.wrapper; n = n.parentNode) {
2290      if (!n || (n.nodeType == 1 && n.getAttribute("cm-ignore-events") == "true") ||
2291          (n.parentNode == display.sizer && n != display.mover))
2292        { return true }
2293    }
2294  }
2295
2296  // POSITION MEASUREMENT
2297
2298  function paddingTop(display) {return display.lineSpace.offsetTop}
2299  function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight}
2300  function paddingH(display) {
2301    if (display.cachedPaddingH) { return display.cachedPaddingH }
2302    var e = removeChildrenAndAdd(display.measure, elt("pre", "x", "CodeMirror-line-like"));
2303    var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle;
2304    var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)};
2305    if (!isNaN(data.left) && !isNaN(data.right)) { display.cachedPaddingH = data; }
2306    return data
2307  }
2308
2309  function scrollGap(cm) { return scrollerGap - cm.display.nativeBarWidth }
2310  function displayWidth(cm) {
2311    return cm.display.scroller.clientWidth - scrollGap(cm) - cm.display.barWidth
2312  }
2313  function displayHeight(cm) {
2314    return cm.display.scroller.clientHeight - scrollGap(cm) - cm.display.barHeight
2315  }
2316
2317  // Ensure the lineView.wrapping.heights array is populated. This is
2318  // an array of bottom offsets for the lines that make up a drawn
2319  // line. When lineWrapping is on, there might be more than one
2320  // height.
2321  function ensureLineHeights(cm, lineView, rect) {
2322    var wrapping = cm.options.lineWrapping;
2323    var curWidth = wrapping && displayWidth(cm);
2324    if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) {
2325      var heights = lineView.measure.heights = [];
2326      if (wrapping) {
2327        lineView.measure.width = curWidth;
2328        var rects = lineView.text.firstChild.getClientRects();
2329        for (var i = 0; i < rects.length - 1; i++) {
2330          var cur = rects[i], next = rects[i + 1];
2331          if (Math.abs(cur.bottom - next.bottom) > 2)
2332            { heights.push((cur.bottom + next.top) / 2 - rect.top); }
2333        }
2334      }
2335      heights.push(rect.bottom - rect.top);
2336    }
2337  }
2338
2339  // Find a line map (mapping character offsets to text nodes) and a
2340  // measurement cache for the given line number. (A line view might
2341  // contain multiple lines when collapsed ranges are present.)
2342  function mapFromLineView(lineView, line, lineN) {
2343    if (lineView.line == line)
2344      { return {map: lineView.measure.map, cache: lineView.measure.cache} }
2345    for (var i = 0; i < lineView.rest.length; i++)
2346      { if (lineView.rest[i] == line)
2347        { return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i]} } }
2348    for (var i$1 = 0; i$1 < lineView.rest.length; i$1++)
2349      { if (lineNo(lineView.rest[i$1]) > lineN)
2350        { return {map: lineView.measure.maps[i$1], cache: lineView.measure.caches[i$1], before: true} } }
2351  }
2352
2353  // Render a line into the hidden node display.externalMeasured. Used
2354  // when measurement is needed for a line that's not in the viewport.
2355  function updateExternalMeasurement(cm, line) {
2356    line = visualLine(line);
2357    var lineN = lineNo(line);
2358    var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN);
2359    view.lineN = lineN;
2360    var built = view.built = buildLineContent(cm, view);
2361    view.text = built.pre;
2362    removeChildrenAndAdd(cm.display.lineMeasure, built.pre);
2363    return view
2364  }
2365
2366  // Get a {top, bottom, left, right} box (in line-local coordinates)
2367  // for a given character.
2368  function measureChar(cm, line, ch, bias) {
2369    return measureCharPrepared(cm, prepareMeasureForLine(cm, line), ch, bias)
2370  }
2371
2372  // Find a line view that corresponds to the given line number.
2373  function findViewForLine(cm, lineN) {
2374    if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo)
2375      { return cm.display.view[findViewIndex(cm, lineN)] }
2376    var ext = cm.display.externalMeasured;
2377    if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size)
2378      { return ext }
2379  }
2380
2381  // Measurement can be split in two steps, the set-up work that
2382  // applies to the whole line, and the measurement of the actual
2383  // character. Functions like coordsChar, that need to do a lot of
2384  // measurements in a row, can thus ensure that the set-up work is
2385  // only done once.
2386  function prepareMeasureForLine(cm, line) {
2387    var lineN = lineNo(line);
2388    var view = findViewForLine(cm, lineN);
2389    if (view && !view.text) {
2390      view = null;
2391    } else if (view && view.changes) {
2392      updateLineForChanges(cm, view, lineN, getDimensions(cm));
2393      cm.curOp.forceUpdate = true;
2394    }
2395    if (!view)
2396      { view = updateExternalMeasurement(cm, line); }
2397
2398    var info = mapFromLineView(view, line, lineN);
2399    return {
2400      line: line, view: view, rect: null,
2401      map: info.map, cache: info.cache, before: info.before,
2402      hasHeights: false
2403    }
2404  }
2405
2406  // Given a prepared measurement object, measures the position of an
2407  // actual character (or fetches it from the cache).
2408  function measureCharPrepared(cm, prepared, ch, bias, varHeight) {
2409    if (prepared.before) { ch = -1; }
2410    var key = ch + (bias || ""), found;
2411    if (prepared.cache.hasOwnProperty(key)) {
2412      found = prepared.cache[key];
2413    } else {
2414      if (!prepared.rect)
2415        { prepared.rect = prepared.view.text.getBoundingClientRect(); }
2416      if (!prepared.hasHeights) {
2417        ensureLineHeights(cm, prepared.view, prepared.rect);
2418        prepared.hasHeights = true;
2419      }
2420      found = measureCharInner(cm, prepared, ch, bias);
2421      if (!found.bogus) { prepared.cache[key] = found; }
2422    }
2423    return {left: found.left, right: found.right,
2424            top: varHeight ? found.rtop : found.top,
2425            bottom: varHeight ? found.rbottom : found.bottom}
2426  }
2427
2428  var nullRect = {left: 0, right: 0, top: 0, bottom: 0};
2429
2430  function nodeAndOffsetInLineMap(map, ch, bias) {
2431    var node, start, end, collapse, mStart, mEnd;
2432    // First, search the line map for the text node corresponding to,
2433    // or closest to, the target character.
2434    for (var i = 0; i < map.length; i += 3) {
2435      mStart = map[i];
2436      mEnd = map[i + 1];
2437      if (ch < mStart) {
2438        start = 0; end = 1;
2439        collapse = "left";
2440      } else if (ch < mEnd) {
2441        start = ch - mStart;
2442        end = start + 1;
2443      } else if (i == map.length - 3 || ch == mEnd && map[i + 3] > ch) {
2444        end = mEnd - mStart;
2445        start = end - 1;
2446        if (ch >= mEnd) { collapse = "right"; }
2447      }
2448      if (start != null) {
2449        node = map[i + 2];
2450        if (mStart == mEnd && bias == (node.insertLeft ? "left" : "right"))
2451          { collapse = bias; }
2452        if (bias == "left" && start == 0)
2453          { while (i && map[i - 2] == map[i - 3] && map[i - 1].insertLeft) {
2454            node = map[(i -= 3) + 2];
2455            collapse = "left";
2456          } }
2457        if (bias == "right" && start == mEnd - mStart)
2458          { while (i < map.length - 3 && map[i + 3] == map[i + 4] && !map[i + 5].insertLeft) {
2459            node = map[(i += 3) + 2];
2460            collapse = "right";
2461          } }
2462        break
2463      }
2464    }
2465    return {node: node, start: start, end: end, collapse: collapse, coverStart: mStart, coverEnd: mEnd}
2466  }
2467
2468  function getUsefulRect(rects, bias) {
2469    var rect = nullRect;
2470    if (bias == "left") { for (var i = 0; i < rects.length; i++) {
2471      if ((rect = rects[i]).left != rect.right) { break }
2472    } } else { for (var i$1 = rects.length - 1; i$1 >= 0; i$1--) {
2473      if ((rect = rects[i$1]).left != rect.right) { break }
2474    } }
2475    return rect
2476  }
2477
2478  function measureCharInner(cm, prepared, ch, bias) {
2479    var place = nodeAndOffsetInLineMap(prepared.map, ch, bias);
2480    var node = place.node, start = place.start, end = place.end, collapse = place.collapse;
2481
2482    var rect;
2483    if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates.
2484      for (var i$1 = 0; i$1 < 4; i$1++) { // Retry a maximum of 4 times when nonsense rectangles are returned
2485        while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) { --start; }
2486        while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) { ++end; }
2487        if (ie && ie_version < 9 && start == 0 && end == place.coverEnd - place.coverStart)
2488          { rect = node.parentNode.getBoundingClientRect(); }
2489        else
2490          { rect = getUsefulRect(range(node, start, end).getClientRects(), bias); }
2491        if (rect.left || rect.right || start == 0) { break }
2492        end = start;
2493        start = start - 1;
2494        collapse = "right";
2495      }
2496      if (ie && ie_version < 11) { rect = maybeUpdateRectForZooming(cm.display.measure, rect); }
2497    } else { // If it is a widget, simply get the box for the whole widget.
2498      if (start > 0) { collapse = bias = "right"; }
2499      var rects;
2500      if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1)
2501        { rect = rects[bias == "right" ? rects.length - 1 : 0]; }
2502      else
2503        { rect = node.getBoundingClientRect(); }
2504    }
2505    if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) {
2506      var rSpan = node.parentNode.getClientRects()[0];
2507      if (rSpan)
2508        { rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom}; }
2509      else
2510        { rect = nullRect; }
2511    }
2512
2513    var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top;
2514    var mid = (rtop + rbot) / 2;
2515    var heights = prepared.view.measure.heights;
2516    var i = 0;
2517    for (; i < heights.length - 1; i++)
2518      { if (mid < heights[i]) { break } }
2519    var top = i ? heights[i - 1] : 0, bot = heights[i];
2520    var result = {left: (collapse == "right" ? rect.right : rect.left) - prepared.rect.left,
2521                  right: (collapse == "left" ? rect.left : rect.right) - prepared.rect.left,
2522                  top: top, bottom: bot};
2523    if (!rect.left && !rect.right) { result.bogus = true; }
2524    if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; }
2525
2526    return result
2527  }
2528
2529  // Work around problem with bounding client rects on ranges being
2530  // returned incorrectly when zoomed on IE10 and below.
2531  function maybeUpdateRectForZooming(measure, rect) {
2532    if (!window.screen || screen.logicalXDPI == null ||
2533        screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure))
2534      { return rect }
2535    var scaleX = screen.logicalXDPI / screen.deviceXDPI;
2536    var scaleY = screen.logicalYDPI / screen.deviceYDPI;
2537    return {left: rect.left * scaleX, right: rect.right * scaleX,
2538            top: rect.top * scaleY, bottom: rect.bottom * scaleY}
2539  }
2540
2541  function clearLineMeasurementCacheFor(lineView) {
2542    if (lineView.measure) {
2543      lineView.measure.cache = {};
2544      lineView.measure.heights = null;
2545      if (lineView.rest) { for (var i = 0; i < lineView.rest.length; i++)
2546        { lineView.measure.caches[i] = {}; } }
2547    }
2548  }
2549
2550  function clearLineMeasurementCache(cm) {
2551    cm.display.externalMeasure = null;
2552    removeChildren(cm.display.lineMeasure);
2553    for (var i = 0; i < cm.display.view.length; i++)
2554      { clearLineMeasurementCacheFor(cm.display.view[i]); }
2555  }
2556
2557  function clearCaches(cm) {
2558    clearLineMeasurementCache(cm);
2559    cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null;
2560    if (!cm.options.lineWrapping) { cm.display.maxLineChanged = true; }
2561    cm.display.lineNumChars = null;
2562  }
2563
2564  function pageScrollX() {
2565    // Work around https://bugs.chromium.org/p/chromium/issues/detail?id=489206
2566    // which causes page_Offset and bounding client rects to use
2567    // different reference viewports and invalidate our calculations.
2568    if (chrome && android) { return -(document.body.getBoundingClientRect().left - parseInt(getComputedStyle(document.body).marginLeft)) }
2569    return window.pageXOffset || (document.documentElement || document.body).scrollLeft
2570  }
2571  function pageScrollY() {
2572    if (chrome && android) { return -(document.body.getBoundingClientRect().top - parseInt(getComputedStyle(document.body).marginTop)) }
2573    return window.pageYOffset || (document.documentElement || document.body).scrollTop
2574  }
2575
2576  function widgetTopHeight(lineObj) {
2577    var height = 0;
2578    if (lineObj.widgets) { for (var i = 0; i < lineObj.widgets.length; ++i) { if (lineObj.widgets[i].above)
2579      { height += widgetHeight(lineObj.widgets[i]); } } }
2580    return height
2581  }
2582
2583  // Converts a {top, bottom, left, right} box from line-local
2584  // coordinates into another coordinate system. Context may be one of
2585  // "line", "div" (display.lineDiv), "local"./null (editor), "window",
2586  // or "page".
2587  function intoCoordSystem(cm, lineObj, rect, context, includeWidgets) {
2588    if (!includeWidgets) {
2589      var height = widgetTopHeight(lineObj);
2590      rect.top += height; rect.bottom += height;
2591    }
2592    if (context == "line") { return rect }
2593    if (!context) { context = "local"; }
2594    var yOff = heightAtLine(lineObj);
2595    if (context == "local") { yOff += paddingTop(cm.display); }
2596    else { yOff -= cm.display.viewOffset; }
2597    if (context == "page" || context == "window") {
2598      var lOff = cm.display.lineSpace.getBoundingClientRect();
2599      yOff += lOff.top + (context == "window" ? 0 : pageScrollY());
2600      var xOff = lOff.left + (context == "window" ? 0 : pageScrollX());
2601      rect.left += xOff; rect.right += xOff;
2602    }
2603    rect.top += yOff; rect.bottom += yOff;
2604    return rect
2605  }
2606
2607  // Coverts a box from "div" coords to another coordinate system.
2608  // Context may be "window", "page", "div", or "local"./null.
2609  function fromCoordSystem(cm, coords, context) {
2610    if (context == "div") { return coords }
2611    var left = coords.left, top = coords.top;
2612    // First move into "page" coordinate system
2613    if (context == "page") {
2614      left -= pageScrollX();
2615      top -= pageScrollY();
2616    } else if (context == "local" || !context) {
2617      var localBox = cm.display.sizer.getBoundingClientRect();
2618      left += localBox.left;
2619      top += localBox.top;
2620    }
2621
2622    var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect();
2623    return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top}
2624  }
2625
2626  function charCoords(cm, pos, context, lineObj, bias) {
2627    if (!lineObj) { lineObj = getLine(cm.doc, pos.line); }
2628    return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context)
2629  }
2630
2631  // Returns a box for a given cursor position, which may have an
2632  // 'other' property containing the position of the secondary cursor
2633  // on a bidi boundary.
2634  // A cursor Pos(line, char, "before") is on the same visual line as `char - 1`
2635  // and after `char - 1` in writing order of `char - 1`
2636  // A cursor Pos(line, char, "after") is on the same visual line as `char`
2637  // and before `char` in writing order of `char`
2638  // Examples (upper-case letters are RTL, lower-case are LTR):
2639  //     Pos(0, 1, ...)
2640  //     before   after
2641  // ab     a|b     a|b
2642  // aB     a|B     aB|
2643  // Ab     |Ab     A|b
2644  // AB     B|A     B|A
2645  // Every position after the last character on a line is considered to stick
2646  // to the last character on the line.
2647  function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) {
2648    lineObj = lineObj || getLine(cm.doc, pos.line);
2649    if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }
2650    function get(ch, right) {
2651      var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight);
2652      if (right) { m.left = m.right; } else { m.right = m.left; }
2653      return intoCoordSystem(cm, lineObj, m, context)
2654    }
2655    var order = getOrder(lineObj, cm.doc.direction), ch = pos.ch, sticky = pos.sticky;
2656    if (ch >= lineObj.text.length) {
2657      ch = lineObj.text.length;
2658      sticky = "before";
2659    } else if (ch <= 0) {
2660      ch = 0;
2661      sticky = "after";
2662    }
2663    if (!order) { return get(sticky == "before" ? ch - 1 : ch, sticky == "before") }
2664
2665    function getBidi(ch, partPos, invert) {
2666      var part = order[partPos], right = part.level == 1;
2667      return get(invert ? ch - 1 : ch, right != invert)
2668    }
2669    var partPos = getBidiPartAt(order, ch, sticky);
2670    var other = bidiOther;
2671    var val = getBidi(ch, partPos, sticky == "before");
2672    if (other != null) { val.other = getBidi(ch, other, sticky != "before"); }
2673    return val
2674  }
2675
2676  // Used to cheaply estimate the coordinates for a position. Used for
2677  // intermediate scroll updates.
2678  function estimateCoords(cm, pos) {
2679    var left = 0;
2680    pos = clipPos(cm.doc, pos);
2681    if (!cm.options.lineWrapping) { left = charWidth(cm.display) * pos.ch; }
2682    var lineObj = getLine(cm.doc, pos.line);
2683    var top = heightAtLine(lineObj) + paddingTop(cm.display);
2684    return {left: left, right: left, top: top, bottom: top + lineObj.height}
2685  }
2686
2687  // Positions returned by coordsChar contain some extra information.
2688  // xRel is the relative x position of the input coordinates compared
2689  // to the found position (so xRel > 0 means the coordinates are to
2690  // the right of the character position, for example). When outside
2691  // is true, that means the coordinates lie outside the line's
2692  // vertical range.
2693  function PosWithInfo(line, ch, sticky, outside, xRel) {
2694    var pos = Pos(line, ch, sticky);
2695    pos.xRel = xRel;
2696    if (outside) { pos.outside = outside; }
2697    return pos
2698  }
2699
2700  // Compute the character position closest to the given coordinates.
2701  // Input must be lineSpace-local ("div" coordinate system).
2702  function coordsChar(cm, x, y) {
2703    var doc = cm.doc;
2704    y += cm.display.viewOffset;
2705    if (y < 0) { return PosWithInfo(doc.first, 0, null, -1, -1) }
2706    var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1;
2707    if (lineN > last)
2708      { return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, null, 1, 1) }
2709    if (x < 0) { x = 0; }
2710
2711    var lineObj = getLine(doc, lineN);
2712    for (;;) {
2713      var found = coordsCharInner(cm, lineObj, lineN, x, y);
2714      var collapsed = collapsedSpanAround(lineObj, found.ch + (found.xRel > 0 || found.outside > 0 ? 1 : 0));
2715      if (!collapsed) { return found }
2716      var rangeEnd = collapsed.find(1);
2717      if (rangeEnd.line == lineN) { return rangeEnd }
2718      lineObj = getLine(doc, lineN = rangeEnd.line);
2719    }
2720  }
2721
2722  function wrappedLineExtent(cm, lineObj, preparedMeasure, y) {
2723    y -= widgetTopHeight(lineObj);
2724    var end = lineObj.text.length;
2725    var begin = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch - 1).bottom <= y; }, end, 0);
2726    end = findFirst(function (ch) { return measureCharPrepared(cm, preparedMeasure, ch).top > y; }, begin, end);
2727    return {begin: begin, end: end}
2728  }
2729
2730  function wrappedLineExtentChar(cm, lineObj, preparedMeasure, target) {
2731    if (!preparedMeasure) { preparedMeasure = prepareMeasureForLine(cm, lineObj); }
2732    var targetTop = intoCoordSystem(cm, lineObj, measureCharPrepared(cm, preparedMeasure, target), "line").top;
2733    return wrappedLineExtent(cm, lineObj, preparedMeasure, targetTop)
2734  }
2735
2736  // Returns true if the given side of a box is after the given
2737  // coordinates, in top-to-bottom, left-to-right order.
2738  function boxIsAfter(box, x, y, left) {
2739    return box.bottom <= y ? false : box.top > y ? true : (left ? box.left : box.right) > x
2740  }
2741
2742  function coordsCharInner(cm, lineObj, lineNo, x, y) {
2743    // Move y into line-local coordinate space
2744    y -= heightAtLine(lineObj);
2745    var preparedMeasure = prepareMeasureForLine(cm, lineObj);
2746    // When directly calling `measureCharPrepared`, we have to adjust
2747    // for the widgets at this line.
2748    var widgetHeight = widgetTopHeight(lineObj);
2749    var begin = 0, end = lineObj.text.length, ltr = true;
2750
2751    var order = getOrder(lineObj, cm.doc.direction);
2752    // If the line isn't plain left-to-right text, first figure out
2753    // which bidi section the coordinates fall into.
2754    if (order) {
2755      var part = (cm.options.lineWrapping ? coordsBidiPartWrapped : coordsBidiPart)
2756                   (cm, lineObj, lineNo, preparedMeasure, order, x, y);
2757      ltr = part.level != 1;
2758      // The awkward -1 offsets are needed because findFirst (called
2759      // on these below) will treat its first bound as inclusive,
2760      // second as exclusive, but we want to actually address the
2761      // characters in the part's range
2762      begin = ltr ? part.from : part.to - 1;
2763      end = ltr ? part.to : part.from - 1;
2764    }
2765
2766    // A binary search to find the first character whose bounding box
2767    // starts after the coordinates. If we run across any whose box wrap
2768    // the coordinates, store that.
2769    var chAround = null, boxAround = null;
2770    var ch = findFirst(function (ch) {
2771      var box = measureCharPrepared(cm, preparedMeasure, ch);
2772      box.top += widgetHeight; box.bottom += widgetHeight;
2773      if (!boxIsAfter(box, x, y, false)) { return false }
2774      if (box.top <= y && box.left <= x) {
2775        chAround = ch;
2776        boxAround = box;
2777      }
2778      return true
2779    }, begin, end);
2780
2781    var baseX, sticky, outside = false;
2782    // If a box around the coordinates was found, use that
2783    if (boxAround) {
2784      // Distinguish coordinates nearer to the left or right side of the box
2785      var atLeft = x - boxAround.left < boxAround.right - x, atStart = atLeft == ltr;
2786      ch = chAround + (atStart ? 0 : 1);
2787      sticky = atStart ? "after" : "before";
2788      baseX = atLeft ? boxAround.left : boxAround.right;
2789    } else {
2790      // (Adjust for extended bound, if necessary.)
2791      if (!ltr && (ch == end || ch == begin)) { ch++; }
2792      // To determine which side to associate with, get the box to the
2793      // left of the character and compare it's vertical position to the
2794      // coordinates
2795      sticky = ch == 0 ? "after" : ch == lineObj.text.length ? "before" :
2796        (measureCharPrepared(cm, preparedMeasure, ch - (ltr ? 1 : 0)).bottom + widgetHeight <= y) == ltr ?
2797        "after" : "before";
2798      // Now get accurate coordinates for this place, in order to get a
2799      // base X position
2800      var coords = cursorCoords(cm, Pos(lineNo, ch, sticky), "line", lineObj, preparedMeasure);
2801      baseX = coords.left;
2802      outside = y < coords.top ? -1 : y >= coords.bottom ? 1 : 0;
2803    }
2804
2805    ch = skipExtendingChars(lineObj.text, ch, 1);
2806    return PosWithInfo(lineNo, ch, sticky, outside, x - baseX)
2807  }
2808
2809  function coordsBidiPart(cm, lineObj, lineNo, preparedMeasure, order, x, y) {
2810    // Bidi parts are sorted left-to-right, and in a non-line-wrapping
2811    // situation, we can take this ordering to correspond to the visual
2812    // ordering. This finds the first part whose end is after the given
2813    // coordinates.
2814    var index = findFirst(function (i) {
2815      var part = order[i], ltr = part.level != 1;
2816      return boxIsAfter(cursorCoords(cm, Pos(lineNo, ltr ? part.to : part.from, ltr ? "before" : "after"),
2817                                     "line", lineObj, preparedMeasure), x, y, true)
2818    }, 0, order.length - 1);
2819    var part = order[index];
2820    // If this isn't the first part, the part's start is also after
2821    // the coordinates, and the coordinates aren't on the same line as
2822    // that start, move one part back.
2823    if (index > 0) {
2824      var ltr = part.level != 1;
2825      var start = cursorCoords(cm, Pos(lineNo, ltr ? part.from : part.to, ltr ? "after" : "before"),
2826                               "line", lineObj, preparedMeasure);
2827      if (boxIsAfter(start, x, y, true) && start.top > y)
2828        { part = order[index - 1]; }
2829    }
2830    return part
2831  }
2832
2833  function coordsBidiPartWrapped(cm, lineObj, _lineNo, preparedMeasure, order, x, y) {
2834    // In a wrapped line, rtl text on wrapping boundaries can do things
2835    // that don't correspond to the ordering in our `order` array at
2836    // all, so a binary search doesn't work, and we want to return a
2837    // part that only spans one line so that the binary search in
2838    // coordsCharInner is safe. As such, we first find the extent of the
2839    // wrapped line, and then do a flat search in which we discard any
2840    // spans that aren't on the line.
2841    var ref = wrappedLineExtent(cm, lineObj, preparedMeasure, y);
2842    var begin = ref.begin;
2843    var end = ref.end;
2844    if (/\s/.test(lineObj.text.charAt(end - 1))) { end--; }
2845    var part = null, closestDist = null;
2846    for (var i = 0; i < order.length; i++) {
2847      var p = order[i];
2848      if (p.from >= end || p.to <= begin) { continue }
2849      var ltr = p.level != 1;
2850      var endX = measureCharPrepared(cm, preparedMeasure, ltr ? Math.min(end, p.to) - 1 : Math.max(begin, p.from)).right;
2851      // Weigh against spans ending before this, so that they are only
2852      // picked if nothing ends after
2853      var dist = endX < x ? x - endX + 1e9 : endX - x;
2854      if (!part || closestDist > dist) {
2855        part = p;
2856        closestDist = dist;
2857      }
2858    }
2859    if (!part) { part = order[order.length - 1]; }
2860    // Clip the part to the wrapped line.
2861    if (part.from < begin) { part = {from: begin, to: part.to, level: part.level}; }
2862    if (part.to > end) { part = {from: part.from, to: end, level: part.level}; }
2863    return part
2864  }
2865
2866  var measureText;
2867  // Compute the default text height.
2868  function textHeight(display) {
2869    if (display.cachedTextHeight != null) { return display.cachedTextHeight }
2870    if (measureText == null) {
2871      measureText = elt("pre", null, "CodeMirror-line-like");
2872      // Measure a bunch of lines, for browsers that compute
2873      // fractional heights.
2874      for (var i = 0; i < 49; ++i) {
2875        measureText.appendChild(document.createTextNode("x"));
2876        measureText.appendChild(elt("br"));
2877      }
2878      measureText.appendChild(document.createTextNode("x"));
2879    }
2880    removeChildrenAndAdd(display.measure, measureText);
2881    var height = measureText.offsetHeight / 50;
2882    if (height > 3) { display.cachedTextHeight = height; }
2883    removeChildren(display.measure);
2884    return height || 1
2885  }
2886
2887  // Compute the default character width.
2888  function charWidth(display) {
2889    if (display.cachedCharWidth != null) { return display.cachedCharWidth }
2890    var anchor = elt("span", "xxxxxxxxxx");
2891    var pre = elt("pre", [anchor], "CodeMirror-line-like");
2892    removeChildrenAndAdd(display.measure, pre);
2893    var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10;
2894    if (width > 2) { display.cachedCharWidth = width; }
2895    return width || 10
2896  }
2897
2898  // Do a bulk-read of the DOM positions and sizes needed to draw the
2899  // view, so that we don't interleave reading and writing to the DOM.
2900  function getDimensions(cm) {
2901    var d = cm.display, left = {}, width = {};
2902    var gutterLeft = d.gutters.clientLeft;
2903    for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) {
2904      var id = cm.display.gutterSpecs[i].className;
2905      left[id] = n.offsetLeft + n.clientLeft + gutterLeft;
2906      width[id] = n.clientWidth;
2907    }
2908    return {fixedPos: compensateForHScroll(d),
2909            gutterTotalWidth: d.gutters.offsetWidth,
2910            gutterLeft: left,
2911            gutterWidth: width,
2912            wrapperWidth: d.wrapper.clientWidth}
2913  }
2914
2915  // Computes display.scroller.scrollLeft + display.gutters.offsetWidth,
2916  // but using getBoundingClientRect to get a sub-pixel-accurate
2917  // result.
2918  function compensateForHScroll(display) {
2919    return display.scroller.getBoundingClientRect().left - display.sizer.getBoundingClientRect().left
2920  }
2921
2922  // Returns a function that estimates the height of a line, to use as
2923  // first approximation until the line becomes visible (and is thus
2924  // properly measurable).
2925  function estimateHeight(cm) {
2926    var th = textHeight(cm.display), wrapping = cm.options.lineWrapping;
2927    var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3);
2928    return function (line) {
2929      if (lineIsHidden(cm.doc, line)) { return 0 }
2930
2931      var widgetsHeight = 0;
2932      if (line.widgets) { for (var i = 0; i < line.widgets.length; i++) {
2933        if (line.widgets[i].height) { widgetsHeight += line.widgets[i].height; }
2934      } }
2935
2936      if (wrapping)
2937        { return widgetsHeight + (Math.ceil(line.text.length / perLine) || 1) * th }
2938      else
2939        { return widgetsHeight + th }
2940    }
2941  }
2942
2943  function estimateLineHeights(cm) {
2944    var doc = cm.doc, est = estimateHeight(cm);
2945    doc.iter(function (line) {
2946      var estHeight = est(line);
2947      if (estHeight != line.height) { updateLineHeight(line, estHeight); }
2948    });
2949  }
2950
2951  // Given a mouse event, find the corresponding position. If liberal
2952  // is false, it checks whether a gutter or scrollbar was clicked,
2953  // and returns null if it was. forRect is used by rectangular
2954  // selections, and tries to estimate a character position even for
2955  // coordinates beyond the right of the text.
2956  function posFromMouse(cm, e, liberal, forRect) {
2957    var display = cm.display;
2958    if (!liberal && e_target(e).getAttribute("cm-not-content") == "true") { return null }
2959
2960    var x, y, space = display.lineSpace.getBoundingClientRect();
2961    // Fails unpredictably on IE[67] when mouse is dragged around quickly.
2962    try { x = e.clientX - space.left; y = e.clientY - space.top; }
2963    catch (e$1) { return null }
2964    var coords = coordsChar(cm, x, y), line;
2965    if (forRect && coords.xRel > 0 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) {
2966      var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length;
2967      coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff));
2968    }
2969    return coords
2970  }
2971
2972  // Find the view element corresponding to a given line. Return null
2973  // when the line isn't visible.
2974  function findViewIndex(cm, n) {
2975    if (n >= cm.display.viewTo) { return null }
2976    n -= cm.display.viewFrom;
2977    if (n < 0) { return null }
2978    var view = cm.display.view;
2979    for (var i = 0; i < view.length; i++) {
2980      n -= view[i].size;
2981      if (n < 0) { return i }
2982    }
2983  }
2984
2985  // Updates the display.view data structure for a given change to the
2986  // document. From and to are in pre-change coordinates. Lendiff is
2987  // the amount of lines added or subtracted by the change. This is
2988  // used for changes that span multiple lines, or change the way
2989  // lines are divided into visual lines. regLineChange (below)
2990  // registers single-line changes.
2991  function regChange(cm, from, to, lendiff) {
2992    if (from == null) { from = cm.doc.first; }
2993    if (to == null) { to = cm.doc.first + cm.doc.size; }
2994    if (!lendiff) { lendiff = 0; }
2995
2996    var display = cm.display;
2997    if (lendiff && to < display.viewTo &&
2998        (display.updateLineNumbers == null || display.updateLineNumbers > from))
2999      { display.updateLineNumbers = from; }
3000
3001    cm.curOp.viewChanged = true;
3002
3003    if (from >= display.viewTo) { // Change after
3004      if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo)
3005        { resetView(cm); }
3006    } else if (to <= display.viewFrom) { // Change before
3007      if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) {
3008        resetView(cm);
3009      } else {
3010        display.viewFrom += lendiff;
3011        display.viewTo += lendiff;
3012      }
3013    } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap
3014      resetView(cm);
3015    } else if (from <= display.viewFrom) { // Top overlap
3016      var cut = viewCuttingPoint(cm, to, to + lendiff, 1);
3017      if (cut) {
3018        display.view = display.view.slice(cut.index);
3019        display.viewFrom = cut.lineN;
3020        display.viewTo += lendiff;
3021      } else {
3022        resetView(cm);
3023      }
3024    } else if (to >= display.viewTo) { // Bottom overlap
3025      var cut$1 = viewCuttingPoint(cm, from, from, -1);
3026      if (cut$1) {
3027        display.view = display.view.slice(0, cut$1.index);
3028        display.viewTo = cut$1.lineN;
3029      } else {
3030        resetView(cm);
3031      }
3032    } else { // Gap in the middle
3033      var cutTop = viewCuttingPoint(cm, from, from, -1);
3034      var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1);
3035      if (cutTop && cutBot) {
3036        display.view = display.view.slice(0, cutTop.index)
3037          .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN))
3038          .concat(display.view.slice(cutBot.index));
3039        display.viewTo += lendiff;
3040      } else {
3041        resetView(cm);
3042      }
3043    }
3044
3045    var ext = display.externalMeasured;
3046    if (ext) {
3047      if (to < ext.lineN)
3048        { ext.lineN += lendiff; }
3049      else if (from < ext.lineN + ext.size)
3050        { display.externalMeasured = null; }
3051    }
3052  }
3053
3054  // Register a change to a single line. Type must be one of "text",
3055  // "gutter", "class", "widget"
3056  function regLineChange(cm, line, type) {
3057    cm.curOp.viewChanged = true;
3058    var display = cm.display, ext = cm.display.externalMeasured;
3059    if (ext && line >= ext.lineN && line < ext.lineN + ext.size)
3060      { display.externalMeasured = null; }
3061
3062    if (line < display.viewFrom || line >= display.viewTo) { return }
3063    var lineView = display.view[findViewIndex(cm, line)];
3064    if (lineView.node == null) { return }
3065    var arr = lineView.changes || (lineView.changes = []);
3066    if (indexOf(arr, type) == -1) { arr.push(type); }
3067  }
3068
3069  // Clear the view.
3070  function resetView(cm) {
3071    cm.display.viewFrom = cm.display.viewTo = cm.doc.first;
3072    cm.display.view = [];
3073    cm.display.viewOffset = 0;
3074  }
3075
3076  function viewCuttingPoint(cm, oldN, newN, dir) {
3077    var index = findViewIndex(cm, oldN), diff, view = cm.display.view;
3078    if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size)
3079      { return {index: index, lineN: newN} }
3080    var n = cm.display.viewFrom;
3081    for (var i = 0; i < index; i++)
3082      { n += view[i].size; }
3083    if (n != oldN) {
3084      if (dir > 0) {
3085        if (index == view.length - 1) { return null }
3086        diff = (n + view[index].size) - oldN;
3087        index++;
3088      } else {
3089        diff = n - oldN;
3090      }
3091      oldN += diff; newN += diff;
3092    }
3093    while (visualLineNo(cm.doc, newN) != newN) {
3094      if (index == (dir < 0 ? 0 : view.length - 1)) { return null }
3095      newN += dir * view[index - (dir < 0 ? 1 : 0)].size;
3096      index += dir;
3097    }
3098    return {index: index, lineN: newN}
3099  }
3100
3101  // Force the view to cover a given range, adding empty view element
3102  // or clipping off existing ones as needed.
3103  function adjustView(cm, from, to) {
3104    var display = cm.display, view = display.view;
3105    if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) {
3106      display.view = buildViewArray(cm, from, to);
3107      display.viewFrom = from;
3108    } else {
3109      if (display.viewFrom > from)
3110        { display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view); }
3111      else if (display.viewFrom < from)
3112        { display.view = display.view.slice(findViewIndex(cm, from)); }
3113      display.viewFrom = from;
3114      if (display.viewTo < to)
3115        { display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)); }
3116      else if (display.viewTo > to)
3117        { display.view = display.view.slice(0, findViewIndex(cm, to)); }
3118    }
3119    display.viewTo = to;
3120  }
3121
3122  // Count the number of lines in the view whose DOM representation is
3123  // out of date (or nonexistent).
3124  function countDirtyView(cm) {
3125    var view = cm.display.view, dirty = 0;
3126    for (var i = 0; i < view.length; i++) {
3127      var lineView = view[i];
3128      if (!lineView.hidden && (!lineView.node || lineView.changes)) { ++dirty; }
3129    }
3130    return dirty
3131  }
3132
3133  function updateSelection(cm) {
3134    cm.display.input.showSelection(cm.display.input.prepareSelection());
3135  }
3136
3137  function prepareSelection(cm, primary) {
3138    if ( primary === void 0 ) primary = true;
3139
3140    var doc = cm.doc, result = {};
3141    var curFragment = result.cursors = document.createDocumentFragment();
3142    var selFragment = result.selection = document.createDocumentFragment();
3143
3144    for (var i = 0; i < doc.sel.ranges.length; i++) {
3145      if (!primary && i == doc.sel.primIndex) { continue }
3146      var range = doc.sel.ranges[i];
3147      if (range.from().line >= cm.display.viewTo || range.to().line < cm.display.viewFrom) { continue }
3148      var collapsed = range.empty();
3149      if (collapsed || cm.options.showCursorWhenSelecting)
3150        { drawSelectionCursor(cm, range.head, curFragment); }
3151      if (!collapsed)
3152        { drawSelectionRange(cm, range, selFragment); }
3153    }
3154    return result
3155  }
3156
3157  // Draws a cursor for the given range
3158  function drawSelectionCursor(cm, head, output) {
3159    var pos = cursorCoords(cm, head, "div", null, null, !cm.options.singleCursorHeightPerLine);
3160
3161    var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor"));
3162    cursor.style.left = pos.left + "px";
3163    cursor.style.top = pos.top + "px";
3164    cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px";
3165
3166    if (pos.other) {
3167      // Secondary cursor, shown when on a 'jump' in bi-directional text
3168      var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor"));
3169      otherCursor.style.display = "";
3170      otherCursor.style.left = pos.other.left + "px";
3171      otherCursor.style.top = pos.other.top + "px";
3172      otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px";
3173    }
3174  }
3175
3176  function cmpCoords(a, b) { return a.top - b.top || a.left - b.left }
3177
3178  // Draws the given range as a highlighted selection
3179  function drawSelectionRange(cm, range, output) {
3180    var display = cm.display, doc = cm.doc;
3181    var fragment = document.createDocumentFragment();
3182    var padding = paddingH(cm.display), leftSide = padding.left;
3183    var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right;
3184    var docLTR = doc.direction == "ltr";
3185
3186    function add(left, top, width, bottom) {
3187      if (top < 0) { top = 0; }
3188      top = Math.round(top);
3189      bottom = Math.round(bottom);
3190      fragment.appendChild(elt("div", null, "CodeMirror-selected", ("position: absolute; left: " + left + "px;\n                             top: " + top + "px; width: " + (width == null ? rightSide - left : width) + "px;\n                             height: " + (bottom - top) + "px")));
3191    }
3192
3193    function drawForLine(line, fromArg, toArg) {
3194      var lineObj = getLine(doc, line);
3195      var lineLen = lineObj.text.length;
3196      var start, end;
3197      function coords(ch, bias) {
3198        return charCoords(cm, Pos(line, ch), "div", lineObj, bias)
3199      }
3200
3201      function wrapX(pos, dir, side) {
3202        var extent = wrappedLineExtentChar(cm, lineObj, null, pos);
3203        var prop = (dir == "ltr") == (side == "after") ? "left" : "right";
3204        var ch = side == "after" ? extent.begin : extent.end - (/\s/.test(lineObj.text.charAt(extent.end - 1)) ? 2 : 1);
3205        return coords(ch, prop)[prop]
3206      }
3207
3208      var order = getOrder(lineObj, doc.direction);
3209      iterateBidiSections(order, fromArg || 0, toArg == null ? lineLen : toArg, function (from, to, dir, i) {
3210        var ltr = dir == "ltr";
3211        var fromPos = coords(from, ltr ? "left" : "right");
3212        var toPos = coords(to - 1, ltr ? "right" : "left");
3213
3214        var openStart = fromArg == null && from == 0, openEnd = toArg == null && to == lineLen;
3215        var first = i == 0, last = !order || i == order.length - 1;
3216        if (toPos.top - fromPos.top <= 3) { // Single line
3217          var openLeft = (docLTR ? openStart : openEnd) && first;
3218          var openRight = (docLTR ? openEnd : openStart) && last;
3219          var left = openLeft ? leftSide : (ltr ? fromPos : toPos).left;
3220          var right = openRight ? rightSide : (ltr ? toPos : fromPos).right;
3221          add(left, fromPos.top, right - left, fromPos.bottom);
3222        } else { // Multiple lines
3223          var topLeft, topRight, botLeft, botRight;
3224          if (ltr) {
3225            topLeft = docLTR && openStart && first ? leftSide : fromPos.left;
3226            topRight = docLTR ? rightSide : wrapX(from, dir, "before");
3227            botLeft = docLTR ? leftSide : wrapX(to, dir, "after");
3228            botRight = docLTR && openEnd && last ? rightSide : toPos.right;
3229          } else {
3230            topLeft = !docLTR ? leftSide : wrapX(from, dir, "before");
3231            topRight = !docLTR && openStart && first ? rightSide : fromPos.right;
3232            botLeft = !docLTR && openEnd && last ? leftSide : toPos.left;
3233            botRight = !docLTR ? rightSide : wrapX(to, dir, "after");
3234          }
3235          add(topLeft, fromPos.top, topRight - topLeft, fromPos.bottom);
3236          if (fromPos.bottom < toPos.top) { add(leftSide, fromPos.bottom, null, toPos.top); }
3237          add(botLeft, toPos.top, botRight - botLeft, toPos.bottom);
3238        }
3239
3240        if (!start || cmpCoords(fromPos, start) < 0) { start = fromPos; }
3241        if (cmpCoords(toPos, start) < 0) { start = toPos; }
3242        if (!end || cmpCoords(fromPos, end) < 0) { end = fromPos; }
3243        if (cmpCoords(toPos, end) < 0) { end = toPos; }
3244      });
3245      return {start: start, end: end}
3246    }
3247
3248    var sFrom = range.from(), sTo = range.to();
3249    if (sFrom.line == sTo.line) {
3250      drawForLine(sFrom.line, sFrom.ch, sTo.ch);
3251    } else {
3252      var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line);
3253      var singleVLine = visualLine(fromLine) == visualLine(toLine);
3254      var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end;
3255      var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start;
3256      if (singleVLine) {
3257        if (leftEnd.top < rightStart.top - 2) {
3258          add(leftEnd.right, leftEnd.top, null, leftEnd.bottom);
3259          add(leftSide, rightStart.top, rightStart.left, rightStart.bottom);
3260        } else {
3261          add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom);
3262        }
3263      }
3264      if (leftEnd.bottom < rightStart.top)
3265        { add(leftSide, leftEnd.bottom, null, rightStart.top); }
3266    }
3267
3268    output.appendChild(fragment);
3269  }
3270
3271  // Cursor-blinking
3272  function restartBlink(cm) {
3273    if (!cm.state.focused) { return }
3274    var display = cm.display;
3275    clearInterval(display.blinker);
3276    var on = true;
3277    display.cursorDiv.style.visibility = "";
3278    if (cm.options.cursorBlinkRate > 0)
3279      { display.blinker = setInterval(function () {
3280        if (!cm.hasFocus()) { onBlur(cm); }
3281        display.cursorDiv.style.visibility = (on = !on) ? "" : "hidden";
3282      }, cm.options.cursorBlinkRate); }
3283    else if (cm.options.cursorBlinkRate < 0)
3284      { display.cursorDiv.style.visibility = "hidden"; }
3285  }
3286
3287  function ensureFocus(cm) {
3288    if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm); }
3289  }
3290
3291  function delayBlurEvent(cm) {
3292    cm.state.delayingBlurEvent = true;
3293    setTimeout(function () { if (cm.state.delayingBlurEvent) {
3294      cm.state.delayingBlurEvent = false;
3295      onBlur(cm);
3296    } }, 100);
3297  }
3298
3299  function onFocus(cm, e) {
3300    if (cm.state.delayingBlurEvent) { cm.state.delayingBlurEvent = false; }
3301
3302    if (cm.options.readOnly == "nocursor") { return }
3303    if (!cm.state.focused) {
3304      signal(cm, "focus", cm, e);
3305      cm.state.focused = true;
3306      addClass(cm.display.wrapper, "CodeMirror-focused");
3307      // This test prevents this from firing when a context
3308      // menu is closed (since the input reset would kill the
3309      // select-all detection hack)
3310      if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) {
3311        cm.display.input.reset();
3312        if (webkit) { setTimeout(function () { return cm.display.input.reset(true); }, 20); } // Issue #1730
3313      }
3314      cm.display.input.receivedFocus();
3315    }
3316    restartBlink(cm);
3317  }
3318  function onBlur(cm, e) {
3319    if (cm.state.delayingBlurEvent) { return }
3320
3321    if (cm.state.focused) {
3322      signal(cm, "blur", cm, e);
3323      cm.state.focused = false;
3324      rmClass(cm.display.wrapper, "CodeMirror-focused");
3325    }
3326    clearInterval(cm.display.blinker);
3327    setTimeout(function () { if (!cm.state.focused) { cm.display.shift = false; } }, 150);
3328  }
3329
3330  // Read the actual heights of the rendered lines, and update their
3331  // stored heights to match.
3332  function updateHeightsInViewport(cm) {
3333    var display = cm.display;
3334    var prevBottom = display.lineDiv.offsetTop;
3335    for (var i = 0; i < display.view.length; i++) {
3336      var cur = display.view[i], wrapping = cm.options.lineWrapping;
3337      var height = (void 0), width = 0;
3338      if (cur.hidden) { continue }
3339      if (ie && ie_version < 8) {
3340        var bot = cur.node.offsetTop + cur.node.offsetHeight;
3341        height = bot - prevBottom;
3342        prevBottom = bot;
3343      } else {
3344        var box = cur.node.getBoundingClientRect();
3345        height = box.bottom - box.top;
3346        // Check that lines don't extend past the right of the current
3347        // editor width
3348        if (!wrapping && cur.text.firstChild)
3349          { width = cur.text.firstChild.getBoundingClientRect().right - box.left - 1; }
3350      }
3351      var diff = cur.line.height - height;
3352      if (diff > .005 || diff < -.005) {
3353        updateLineHeight(cur.line, height);
3354        updateWidgetHeight(cur.line);
3355        if (cur.rest) { for (var j = 0; j < cur.rest.length; j++)
3356          { updateWidgetHeight(cur.rest[j]); } }
3357      }
3358      if (width > cm.display.sizerWidth) {
3359        var chWidth = Math.ceil(width / charWidth(cm.display));
3360        if (chWidth > cm.display.maxLineLength) {
3361          cm.display.maxLineLength = chWidth;
3362          cm.display.maxLine = cur.line;
3363          cm.display.maxLineChanged = true;
3364        }
3365      }
3366    }
3367  }
3368
3369  // Read and store the height of line widgets associated with the
3370  // given line.
3371  function updateWidgetHeight(line) {
3372    if (line.widgets) { for (var i = 0; i < line.widgets.length; ++i) {
3373      var w = line.widgets[i], parent = w.node.parentNode;
3374      if (parent) { w.height = parent.offsetHeight; }
3375    } }
3376  }
3377
3378  // Compute the lines that are visible in a given viewport (defaults
3379  // the the current scroll position). viewport may contain top,
3380  // height, and ensure (see op.scrollToPos) properties.
3381  function visibleLines(display, doc, viewport) {
3382    var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop;
3383    top = Math.floor(top - paddingTop(display));
3384    var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight;
3385
3386    var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom);
3387    // Ensure is a {from: {line, ch}, to: {line, ch}} object, and
3388    // forces those lines into the viewport (if possible).
3389    if (viewport && viewport.ensure) {
3390      var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line;
3391      if (ensureFrom < from) {
3392        from = ensureFrom;
3393        to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight);
3394      } else if (Math.min(ensureTo, doc.lastLine()) >= to) {
3395        from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight);
3396        to = ensureTo;
3397      }
3398    }
3399    return {from: from, to: Math.max(to, from + 1)}
3400  }
3401
3402  // SCROLLING THINGS INTO VIEW
3403
3404  // If an editor sits on the top or bottom of the window, partially
3405  // scrolled out of view, this ensures that the cursor is visible.
3406  function maybeScrollWindow(cm, rect) {
3407    if (signalDOMEvent(cm, "scrollCursorIntoView")) { return }
3408
3409    var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null;
3410    if (rect.top + box.top < 0) { doScroll = true; }
3411    else if (rect.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) { doScroll = false; }
3412    if (doScroll != null && !phantom) {
3413      var scrollNode = elt("div", "\u200b", null, ("position: absolute;\n                         top: " + (rect.top - display.viewOffset - paddingTop(cm.display)) + "px;\n                         height: " + (rect.bottom - rect.top + scrollGap(cm) + display.barHeight) + "px;\n                         left: " + (rect.left) + "px; width: " + (Math.max(2, rect.right - rect.left)) + "px;"));
3414      cm.display.lineSpace.appendChild(scrollNode);
3415      scrollNode.scrollIntoView(doScroll);
3416      cm.display.lineSpace.removeChild(scrollNode);
3417    }
3418  }
3419
3420  // Scroll a given position into view (immediately), verifying that
3421  // it actually became visible (as line heights are accurately
3422  // measured, the position of something may 'drift' during drawing).
3423  function scrollPosIntoView(cm, pos, end, margin) {
3424    if (margin == null) { margin = 0; }
3425    var rect;
3426    if (!cm.options.lineWrapping && pos == end) {
3427      // Set pos and end to the cursor positions around the character pos sticks to
3428      // If pos.sticky == "before", that is around pos.ch - 1, otherwise around pos.ch
3429      // If pos == Pos(_, 0, "before"), pos and end are unchanged
3430      pos = pos.ch ? Pos(pos.line, pos.sticky == "before" ? pos.ch - 1 : pos.ch, "after") : pos;
3431      end = pos.sticky == "before" ? Pos(pos.line, pos.ch + 1, "before") : pos;
3432    }
3433    for (var limit = 0; limit < 5; limit++) {
3434      var changed = false;
3435      var coords = cursorCoords(cm, pos);
3436      var endCoords = !end || end == pos ? coords : cursorCoords(cm, end);
3437      rect = {left: Math.min(coords.left, endCoords.left),
3438              top: Math.min(coords.top, endCoords.top) - margin,
3439              right: Math.max(coords.left, endCoords.left),
3440              bottom: Math.max(coords.bottom, endCoords.bottom) + margin};
3441      var scrollPos = calculateScrollPos(cm, rect);
3442      var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft;
3443      if (scrollPos.scrollTop != null) {
3444        updateScrollTop(cm, scrollPos.scrollTop);
3445        if (Math.abs(cm.doc.scrollTop - startTop) > 1) { changed = true; }
3446      }
3447      if (scrollPos.scrollLeft != null) {
3448        setScrollLeft(cm, scrollPos.scrollLeft);
3449        if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) { changed = true; }
3450      }
3451      if (!changed) { break }
3452    }
3453    return rect
3454  }
3455
3456  // Scroll a given set of coordinates into view (immediately).
3457  function scrollIntoView(cm, rect) {
3458    var scrollPos = calculateScrollPos(cm, rect);
3459    if (scrollPos.scrollTop != null) { updateScrollTop(cm, scrollPos.scrollTop); }
3460    if (scrollPos.scrollLeft != null) { setScrollLeft(cm, scrollPos.scrollLeft); }
3461  }
3462
3463  // Calculate a new scroll position needed to scroll the given
3464  // rectangle into view. Returns an object with scrollTop and
3465  // scrollLeft properties. When these are undefined, the
3466  // vertical/horizontal position does not need to be adjusted.
3467  function calculateScrollPos(cm, rect) {
3468    var display = cm.display, snapMargin = textHeight(cm.display);
3469    if (rect.top < 0) { rect.top = 0; }
3470    var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop;
3471    var screen = displayHeight(cm), result = {};
3472    if (rect.bottom - rect.top > screen) { rect.bottom = rect.top + screen; }
3473    var docBottom = cm.doc.height + paddingVert(display);
3474    var atTop = rect.top < snapMargin, atBottom = rect.bottom > docBottom - snapMargin;
3475    if (rect.top < screentop) {
3476      result.scrollTop = atTop ? 0 : rect.top;
3477    } else if (rect.bottom > screentop + screen) {
3478      var newTop = Math.min(rect.top, (atBottom ? docBottom : rect.bottom) - screen);
3479      if (newTop != screentop) { result.scrollTop = newTop; }
3480    }
3481
3482    var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft;
3483    var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0);
3484    var tooWide = rect.right - rect.left > screenw;
3485    if (tooWide) { rect.right = rect.left + screenw; }
3486    if (rect.left < 10)
3487      { result.scrollLeft = 0; }
3488    else if (rect.left < screenleft)
3489      { result.scrollLeft = Math.max(0, rect.left - (tooWide ? 0 : 10)); }
3490    else if (rect.right > screenw + screenleft - 3)
3491      { result.scrollLeft = rect.right + (tooWide ? 0 : 10) - screenw; }
3492    return result
3493  }
3494
3495  // Store a relative adjustment to the scroll position in the current
3496  // operation (to be applied when the operation finishes).
3497  function addToScrollTop(cm, top) {
3498    if (top == null) { return }
3499    resolveScrollToPos(cm);
3500    cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top;
3501  }
3502
3503  // Make sure that at the end of the operation the current cursor is
3504  // shown.
3505  function ensureCursorVisible(cm) {
3506    resolveScrollToPos(cm);
3507    var cur = cm.getCursor();
3508    cm.curOp.scrollToPos = {from: cur, to: cur, margin: cm.options.cursorScrollMargin};
3509  }
3510
3511  function scrollToCoords(cm, x, y) {
3512    if (x != null || y != null) { resolveScrollToPos(cm); }
3513    if (x != null) { cm.curOp.scrollLeft = x; }
3514    if (y != null) { cm.curOp.scrollTop = y; }
3515  }
3516
3517  function scrollToRange(cm, range) {
3518    resolveScrollToPos(cm);
3519    cm.curOp.scrollToPos = range;
3520  }
3521
3522  // When an operation has its scrollToPos property set, and another
3523  // scroll action is applied before the end of the operation, this
3524  // 'simulates' scrolling that position into view in a cheap way, so
3525  // that the effect of intermediate scroll commands is not ignored.
3526  function resolveScrollToPos(cm) {
3527    var range = cm.curOp.scrollToPos;
3528    if (range) {
3529      cm.curOp.scrollToPos = null;
3530      var from = estimateCoords(cm, range.from), to = estimateCoords(cm, range.to);
3531      scrollToCoordsRange(cm, from, to, range.margin);
3532    }
3533  }
3534
3535  function scrollToCoordsRange(cm, from, to, margin) {
3536    var sPos = calculateScrollPos(cm, {
3537      left: Math.min(from.left, to.left),
3538      top: Math.min(from.top, to.top) - margin,
3539      right: Math.max(from.right, to.right),
3540      bottom: Math.max(from.bottom, to.bottom) + margin
3541    });
3542    scrollToCoords(cm, sPos.scrollLeft, sPos.scrollTop);
3543  }
3544
3545  // Sync the scrollable area and scrollbars, ensure the viewport
3546  // covers the visible area.
3547  function updateScrollTop(cm, val) {
3548    if (Math.abs(cm.doc.scrollTop - val) < 2) { return }
3549    if (!gecko) { updateDisplaySimple(cm, {top: val}); }
3550    setScrollTop(cm, val, true);
3551    if (gecko) { updateDisplaySimple(cm); }
3552    startWorker(cm, 100);
3553  }
3554
3555  function setScrollTop(cm, val, forceScroll) {
3556    val = Math.max(0, Math.min(cm.display.scroller.scrollHeight - cm.display.scroller.clientHeight, val));
3557    if (cm.display.scroller.scrollTop == val && !forceScroll) { return }
3558    cm.doc.scrollTop = val;
3559    cm.display.scrollbars.setScrollTop(val);
3560    if (cm.display.scroller.scrollTop != val) { cm.display.scroller.scrollTop = val; }
3561  }
3562
3563  // Sync scroller and scrollbar, ensure the gutter elements are
3564  // aligned.
3565  function setScrollLeft(cm, val, isScroller, forceScroll) {
3566    val = Math.max(0, Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth));
3567    if ((isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) && !forceScroll) { return }
3568    cm.doc.scrollLeft = val;
3569    alignHorizontally(cm);
3570    if (cm.display.scroller.scrollLeft != val) { cm.display.scroller.scrollLeft = val; }
3571    cm.display.scrollbars.setScrollLeft(val);
3572  }
3573
3574  // SCROLLBARS
3575
3576  // Prepare DOM reads needed to update the scrollbars. Done in one
3577  // shot to minimize update/measure roundtrips.
3578  function measureForScrollbars(cm) {
3579    var d = cm.display, gutterW = d.gutters.offsetWidth;
3580    var docH = Math.round(cm.doc.height + paddingVert(cm.display));
3581    return {
3582      clientHeight: d.scroller.clientHeight,
3583      viewHeight: d.wrapper.clientHeight,
3584      scrollWidth: d.scroller.scrollWidth, clientWidth: d.scroller.clientWidth,
3585      viewWidth: d.wrapper.clientWidth,
3586      barLeft: cm.options.fixedGutter ? gutterW : 0,
3587      docHeight: docH,
3588      scrollHeight: docH + scrollGap(cm) + d.barHeight,
3589      nativeBarWidth: d.nativeBarWidth,
3590      gutterWidth: gutterW
3591    }
3592  }
3593
3594  var NativeScrollbars = function(place, scroll, cm) {
3595    this.cm = cm;
3596    var vert = this.vert = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar");
3597    var horiz = this.horiz = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar");
3598    vert.tabIndex = horiz.tabIndex = -1;
3599    place(vert); place(horiz);
3600
3601    on(vert, "scroll", function () {
3602      if (vert.clientHeight) { scroll(vert.scrollTop, "vertical"); }
3603    });
3604    on(horiz, "scroll", function () {
3605      if (horiz.clientWidth) { scroll(horiz.scrollLeft, "horizontal"); }
3606    });
3607
3608    this.checkedZeroWidth = false;
3609    // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8).
3610    if (ie && ie_version < 8) { this.horiz.style.minHeight = this.vert.style.minWidth = "18px"; }
3611  };
3612
3613  NativeScrollbars.prototype.update = function (measure) {
3614    var needsH = measure.scrollWidth > measure.clientWidth + 1;
3615    var needsV = measure.scrollHeight > measure.clientHeight + 1;
3616    var sWidth = measure.nativeBarWidth;
3617
3618    if (needsV) {
3619      this.vert.style.display = "block";
3620      this.vert.style.bottom = needsH ? sWidth + "px" : "0";
3621      var totalHeight = measure.viewHeight - (needsH ? sWidth : 0);
3622      // A bug in IE8 can cause this value to be negative, so guard it.
3623      this.vert.firstChild.style.height =
3624        Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + "px";
3625    } else {
3626      this.vert.style.display = "";
3627      this.vert.firstChild.style.height = "0";
3628    }
3629
3630    if (needsH) {
3631      this.horiz.style.display = "block";
3632      this.horiz.style.right = needsV ? sWidth + "px" : "0";
3633      this.horiz.style.left = measure.barLeft + "px";
3634      var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0);
3635      this.horiz.firstChild.style.width =
3636        Math.max(0, measure.scrollWidth - measure.clientWidth + totalWidth) + "px";
3637    } else {
3638      this.horiz.style.display = "";
3639      this.horiz.firstChild.style.width = "0";
3640    }
3641
3642    if (!this.checkedZeroWidth && measure.clientHeight > 0) {
3643      if (sWidth == 0) { this.zeroWidthHack(); }
3644      this.checkedZeroWidth = true;
3645    }
3646
3647    return {right: needsV ? sWidth : 0, bottom: needsH ? sWidth : 0}
3648  };
3649
3650  NativeScrollbars.prototype.setScrollLeft = function (pos) {
3651    if (this.horiz.scrollLeft != pos) { this.horiz.scrollLeft = pos; }
3652    if (this.disableHoriz) { this.enableZeroWidthBar(this.horiz, this.disableHoriz, "horiz"); }
3653  };
3654
3655  NativeScrollbars.prototype.setScrollTop = function (pos) {
3656    if (this.vert.scrollTop != pos) { this.vert.scrollTop = pos; }
3657    if (this.disableVert) { this.enableZeroWidthBar(this.vert, this.disableVert, "vert"); }
3658  };
3659
3660  NativeScrollbars.prototype.zeroWidthHack = function () {
3661    var w = mac && !mac_geMountainLion ? "12px" : "18px";
3662    this.horiz.style.height = this.vert.style.width = w;
3663    this.horiz.style.pointerEvents = this.vert.style.pointerEvents = "none";
3664    this.disableHoriz = new Delayed;
3665    this.disableVert = new Delayed;
3666  };
3667
3668  NativeScrollbars.prototype.enableZeroWidthBar = function (bar, delay, type) {
3669    bar.style.pointerEvents = "auto";
3670    function maybeDisable() {
3671      // To find out whether the scrollbar is still visible, we
3672      // check whether the element under the pixel in the bottom
3673      // right corner of the scrollbar box is the scrollbar box
3674      // itself (when the bar is still visible) or its filler child
3675      // (when the bar is hidden). If it is still visible, we keep
3676      // it enabled, if it's hidden, we disable pointer events.
3677      var box = bar.getBoundingClientRect();
3678      var elt = type == "vert" ? document.elementFromPoint(box.right - 1, (box.top + box.bottom) / 2)
3679          : document.elementFromPoint((box.right + box.left) / 2, box.bottom - 1);
3680      if (elt != bar) { bar.style.pointerEvents = "none"; }
3681      else { delay.set(1000, maybeDisable); }
3682    }
3683    delay.set(1000, maybeDisable);
3684  };
3685
3686  NativeScrollbars.prototype.clear = function () {
3687    var parent = this.horiz.parentNode;
3688    parent.removeChild(this.horiz);
3689    parent.removeChild(this.vert);
3690  };
3691
3692  var NullScrollbars = function () {};
3693
3694  NullScrollbars.prototype.update = function () { return {bottom: 0, right: 0} };
3695  NullScrollbars.prototype.setScrollLeft = function () {};
3696  NullScrollbars.prototype.setScrollTop = function () {};
3697  NullScrollbars.prototype.clear = function () {};
3698
3699  function updateScrollbars(cm, measure) {
3700    if (!measure) { measure = measureForScrollbars(cm); }
3701    var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight;
3702    updateScrollbarsInner(cm, measure);
3703    for (var i = 0; i < 4 && startWidth != cm.display.barWidth || startHeight != cm.display.barHeight; i++) {
3704      if (startWidth != cm.display.barWidth && cm.options.lineWrapping)
3705        { updateHeightsInViewport(cm); }
3706      updateScrollbarsInner(cm, measureForScrollbars(cm));
3707      startWidth = cm.display.barWidth; startHeight = cm.display.barHeight;
3708    }
3709  }
3710
3711  // Re-synchronize the fake scrollbars with the actual size of the
3712  // content.
3713  function updateScrollbarsInner(cm, measure) {
3714    var d = cm.display;
3715    var sizes = d.scrollbars.update(measure);
3716
3717    d.sizer.style.paddingRight = (d.barWidth = sizes.right) + "px";
3718    d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + "px";
3719    d.heightForcer.style.borderBottom = sizes.bottom + "px solid transparent";
3720
3721    if (sizes.right && sizes.bottom) {
3722      d.scrollbarFiller.style.display = "block";
3723      d.scrollbarFiller.style.height = sizes.bottom + "px";
3724      d.scrollbarFiller.style.width = sizes.right + "px";
3725    } else { d.scrollbarFiller.style.display = ""; }
3726    if (sizes.bottom && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) {
3727      d.gutterFiller.style.display = "block";
3728      d.gutterFiller.style.height = sizes.bottom + "px";
3729      d.gutterFiller.style.width = measure.gutterWidth + "px";
3730    } else { d.gutterFiller.style.display = ""; }
3731  }
3732
3733  var scrollbarModel = {"native": NativeScrollbars, "null": NullScrollbars};
3734
3735  function initScrollbars(cm) {
3736    if (cm.display.scrollbars) {
3737      cm.display.scrollbars.clear();
3738      if (cm.display.scrollbars.addClass)
3739        { rmClass(cm.display.wrapper, cm.display.scrollbars.addClass); }
3740    }
3741
3742    cm.display.scrollbars = new scrollbarModel[cm.options.scrollbarStyle](function (node) {
3743      cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller);
3744      // Prevent clicks in the scrollbars from killing focus
3745      on(node, "mousedown", function () {
3746        if (cm.state.focused) { setTimeout(function () { return cm.display.input.focus(); }, 0); }
3747      });
3748      node.setAttribute("cm-not-content", "true");
3749    }, function (pos, axis) {
3750      if (axis == "horizontal") { setScrollLeft(cm, pos); }
3751      else { updateScrollTop(cm, pos); }
3752    }, cm);
3753    if (cm.display.scrollbars.addClass)
3754      { addClass(cm.display.wrapper, cm.display.scrollbars.addClass); }
3755  }
3756
3757  // Operations are used to wrap a series of changes to the editor
3758  // state in such a way that each change won't have to update the
3759  // cursor and display (which would be awkward, slow, and
3760  // error-prone). Instead, display updates are batched and then all
3761  // combined and executed at once.
3762
3763  var nextOpId = 0;
3764  // Start a new operation.
3765  function startOperation(cm) {
3766    cm.curOp = {
3767      cm: cm,
3768      viewChanged: false,      // Flag that indicates that lines might need to be redrawn
3769      startHeight: cm.doc.height, // Used to detect need to update scrollbar
3770      forceUpdate: false,      // Used to force a redraw
3771      updateInput: 0,       // Whether to reset the input textarea
3772      typing: false,           // Whether this reset should be careful to leave existing text (for compositing)
3773      changeObjs: null,        // Accumulated changes, for firing change events
3774      cursorActivityHandlers: null, // Set of handlers to fire cursorActivity on
3775      cursorActivityCalled: 0, // Tracks which cursorActivity handlers have been called already
3776      selectionChanged: false, // Whether the selection needs to be redrawn
3777      updateMaxLine: false,    // Set when the widest line needs to be determined anew
3778      scrollLeft: null, scrollTop: null, // Intermediate scroll position, not pushed to DOM yet
3779      scrollToPos: null,       // Used to scroll to a specific position
3780      focus: false,
3781      id: ++nextOpId           // Unique ID
3782    };
3783    pushOperation(cm.curOp);
3784  }
3785
3786  // Finish an operation, updating the display and signalling delayed events
3787  function endOperation(cm) {
3788    var op = cm.curOp;
3789    if (op) { finishOperation(op, function (group) {
3790      for (var i = 0; i < group.ops.length; i++)
3791        { group.ops[i].cm.curOp = null; }
3792      endOperations(group);
3793    }); }
3794  }
3795
3796  // The DOM updates done when an operation finishes are batched so
3797  // that the minimum number of relayouts are required.
3798  function endOperations(group) {
3799    var ops = group.ops;
3800    for (var i = 0; i < ops.length; i++) // Read DOM
3801      { endOperation_R1(ops[i]); }
3802    for (var i$1 = 0; i$1 < ops.length; i$1++) // Write DOM (maybe)
3803      { endOperation_W1(ops[i$1]); }
3804    for (var i$2 = 0; i$2 < ops.length; i$2++) // Read DOM
3805      { endOperation_R2(ops[i$2]); }
3806    for (var i$3 = 0; i$3 < ops.length; i$3++) // Write DOM (maybe)
3807      { endOperation_W2(ops[i$3]); }
3808    for (var i$4 = 0; i$4 < ops.length; i$4++) // Read DOM
3809      { endOperation_finish(ops[i$4]); }
3810  }
3811
3812  function endOperation_R1(op) {
3813    var cm = op.cm, display = cm.display;
3814    maybeClipScrollbars(cm);
3815    if (op.updateMaxLine) { findMaxLine(cm); }
3816
3817    op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null ||
3818      op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom ||
3819                         op.scrollToPos.to.line >= display.viewTo) ||
3820      display.maxLineChanged && cm.options.lineWrapping;
3821    op.update = op.mustUpdate &&
3822      new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate);
3823  }
3824
3825  function endOperation_W1(op) {
3826    op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update);
3827  }
3828
3829  function endOperation_R2(op) {
3830    var cm = op.cm, display = cm.display;
3831    if (op.updatedDisplay) { updateHeightsInViewport(cm); }
3832
3833    op.barMeasure = measureForScrollbars(cm);
3834
3835    // If the max line changed since it was last measured, measure it,
3836    // and ensure the document's width matches it.
3837    // updateDisplay_W2 will use these properties to do the actual resizing
3838    if (display.maxLineChanged && !cm.options.lineWrapping) {
3839      op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3;
3840      cm.display.sizerWidth = op.adjustWidthTo;
3841      op.barMeasure.scrollWidth =
3842        Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth);
3843      op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm));
3844    }
3845
3846    if (op.updatedDisplay || op.selectionChanged)
3847      { op.preparedSelection = display.input.prepareSelection(); }
3848  }
3849
3850  function endOperation_W2(op) {
3851    var cm = op.cm;
3852
3853    if (op.adjustWidthTo != null) {
3854      cm.display.sizer.style.minWidth = op.adjustWidthTo + "px";
3855      if (op.maxScrollLeft < cm.doc.scrollLeft)
3856        { setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true); }
3857      cm.display.maxLineChanged = false;
3858    }
3859
3860    var takeFocus = op.focus && op.focus == activeElt();
3861    if (op.preparedSelection)
3862      { cm.display.input.showSelection(op.preparedSelection, takeFocus); }
3863    if (op.updatedDisplay || op.startHeight != cm.doc.height)
3864      { updateScrollbars(cm, op.barMeasure); }
3865    if (op.updatedDisplay)
3866      { setDocumentHeight(cm, op.barMeasure); }
3867
3868    if (op.selectionChanged) { restartBlink(cm); }
3869
3870    if (cm.state.focused && op.updateInput)
3871      { cm.display.input.reset(op.typing); }
3872    if (takeFocus) { ensureFocus(op.cm); }
3873  }
3874
3875  function endOperation_finish(op) {
3876    var cm = op.cm, display = cm.display, doc = cm.doc;
3877
3878    if (op.updatedDisplay) { postUpdateDisplay(cm, op.update); }
3879
3880    // Abort mouse wheel delta measurement, when scrolling explicitly
3881    if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos))
3882      { display.wheelStartX = display.wheelStartY = null; }
3883
3884    // Propagate the scroll position to the actual DOM scroller
3885    if (op.scrollTop != null) { setScrollTop(cm, op.scrollTop, op.forceScroll); }
3886
3887    if (op.scrollLeft != null) { setScrollLeft(cm, op.scrollLeft, true, true); }
3888    // If we need to scroll a specific position into view, do so.
3889    if (op.scrollToPos) {
3890      var rect = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from),
3891                                   clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin);
3892      maybeScrollWindow(cm, rect);
3893    }
3894
3895    // Fire events for markers that are hidden/unidden by editing or
3896    // undoing
3897    var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers;
3898    if (hidden) { for (var i = 0; i < hidden.length; ++i)
3899      { if (!hidden[i].lines.length) { signal(hidden[i], "hide"); } } }
3900    if (unhidden) { for (var i$1 = 0; i$1 < unhidden.length; ++i$1)
3901      { if (unhidden[i$1].lines.length) { signal(unhidden[i$1], "unhide"); } } }
3902
3903    if (display.wrapper.offsetHeight)
3904      { doc.scrollTop = cm.display.scroller.scrollTop; }
3905
3906    // Fire change events, and delayed event handlers
3907    if (op.changeObjs)
3908      { signal(cm, "changes", cm, op.changeObjs); }
3909    if (op.update)
3910      { op.update.finish(); }
3911  }
3912
3913  // Run the given function in an operation
3914  function runInOp(cm, f) {
3915    if (cm.curOp) { return f() }
3916    startOperation(cm);
3917    try { return f() }
3918    finally { endOperation(cm); }
3919  }
3920  // Wraps a function in an operation. Returns the wrapped function.
3921  function operation(cm, f) {
3922    return function() {
3923      if (cm.curOp) { return f.apply(cm, arguments) }
3924      startOperation(cm);
3925      try { return f.apply(cm, arguments) }
3926      finally { endOperation(cm); }
3927    }
3928  }
3929  // Used to add methods to editor and doc instances, wrapping them in
3930  // operations.
3931  function methodOp(f) {
3932    return function() {
3933      if (this.curOp) { return f.apply(this, arguments) }
3934      startOperation(this);
3935      try { return f.apply(this, arguments) }
3936      finally { endOperation(this); }
3937    }
3938  }
3939  function docMethodOp(f) {
3940    return function() {
3941      var cm = this.cm;
3942      if (!cm || cm.curOp) { return f.apply(this, arguments) }
3943      startOperation(cm);
3944      try { return f.apply(this, arguments) }
3945      finally { endOperation(cm); }
3946    }
3947  }
3948
3949  // HIGHLIGHT WORKER
3950
3951  function startWorker(cm, time) {
3952    if (cm.doc.highlightFrontier < cm.display.viewTo)
3953      { cm.state.highlight.set(time, bind(highlightWorker, cm)); }
3954  }
3955
3956  function highlightWorker(cm) {
3957    var doc = cm.doc;
3958    if (doc.highlightFrontier >= cm.display.viewTo) { return }
3959    var end = +new Date + cm.options.workTime;
3960    var context = getContextBefore(cm, doc.highlightFrontier);
3961    var changedLines = [];
3962
3963    doc.iter(context.line, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function (line) {
3964      if (context.line >= cm.display.viewFrom) { // Visible
3965        var oldStyles = line.styles;
3966        var resetState = line.text.length > cm.options.maxHighlightLength ? copyState(doc.mode, context.state) : null;
3967        var highlighted = highlightLine(cm, line, context, true);
3968        if (resetState) { context.state = resetState; }
3969        line.styles = highlighted.styles;
3970        var oldCls = line.styleClasses, newCls = highlighted.classes;
3971        if (newCls) { line.styleClasses = newCls; }
3972        else if (oldCls) { line.styleClasses = null; }
3973        var ischange = !oldStyles || oldStyles.length != line.styles.length ||
3974          oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass);
3975        for (var i = 0; !ischange && i < oldStyles.length; ++i) { ischange = oldStyles[i] != line.styles[i]; }
3976        if (ischange) { changedLines.push(context.line); }
3977        line.stateAfter = context.save();
3978        context.nextLine();
3979      } else {
3980        if (line.text.length <= cm.options.maxHighlightLength)
3981          { processLine(cm, line.text, context); }
3982        line.stateAfter = context.line % 5 == 0 ? context.save() : null;
3983        context.nextLine();
3984      }
3985      if (+new Date > end) {
3986        startWorker(cm, cm.options.workDelay);
3987        return true
3988      }
3989    });
3990    doc.highlightFrontier = context.line;
3991    doc.modeFrontier = Math.max(doc.modeFrontier, context.line);
3992    if (changedLines.length) { runInOp(cm, function () {
3993      for (var i = 0; i < changedLines.length; i++)
3994        { regLineChange(cm, changedLines[i], "text"); }
3995    }); }
3996  }
3997
3998  // DISPLAY DRAWING
3999
4000  var DisplayUpdate = function(cm, viewport, force) {
4001    var display = cm.display;
4002
4003    this.viewport = viewport;
4004    // Store some values that we'll need later (but don't want to force a relayout for)
4005    this.visible = visibleLines(display, cm.doc, viewport);
4006    this.editorIsHidden = !display.wrapper.offsetWidth;
4007    this.wrapperHeight = display.wrapper.clientHeight;
4008    this.wrapperWidth = display.wrapper.clientWidth;
4009    this.oldDisplayWidth = displayWidth(cm);
4010    this.force = force;
4011    this.dims = getDimensions(cm);
4012    this.events = [];
4013  };
4014
4015  DisplayUpdate.prototype.signal = function (emitter, type) {
4016    if (hasHandler(emitter, type))
4017      { this.events.push(arguments); }
4018  };
4019  DisplayUpdate.prototype.finish = function () {
4020    for (var i = 0; i < this.events.length; i++)
4021      { signal.apply(null, this.events[i]); }
4022  };
4023
4024  function maybeClipScrollbars(cm) {
4025    var display = cm.display;
4026    if (!display.scrollbarsClipped && display.scroller.offsetWidth) {
4027      display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth;
4028      display.heightForcer.style.height = scrollGap(cm) + "px";
4029      display.sizer.style.marginBottom = -display.nativeBarWidth + "px";
4030      display.sizer.style.borderRightWidth = scrollGap(cm) + "px";
4031      display.scrollbarsClipped = true;
4032    }
4033  }
4034
4035  function selectionSnapshot(cm) {
4036    if (cm.hasFocus()) { return null }
4037    var active = activeElt();
4038    if (!active || !contains(cm.display.lineDiv, active)) { return null }
4039    var result = {activeElt: active};
4040    if (window.getSelection) {
4041      var sel = window.getSelection();
4042      if (sel.anchorNode && sel.extend && contains(cm.display.lineDiv, sel.anchorNode)) {
4043        result.anchorNode = sel.anchorNode;
4044        result.anchorOffset = sel.anchorOffset;
4045        result.focusNode = sel.focusNode;
4046        result.focusOffset = sel.focusOffset;
4047      }
4048    }
4049    return result
4050  }
4051
4052  function restoreSelection(snapshot) {
4053    if (!snapshot || !snapshot.activeElt || snapshot.activeElt == activeElt()) { return }
4054    snapshot.activeElt.focus();
4055    if (!/^(INPUT|TEXTAREA)$/.test(snapshot.activeElt.nodeName) &&
4056        snapshot.anchorNode && contains(document.body, snapshot.anchorNode) && contains(document.body, snapshot.focusNode)) {
4057      var sel = window.getSelection(), range = document.createRange();
4058      range.setEnd(snapshot.anchorNode, snapshot.anchorOffset);
4059      range.collapse(false);
4060      sel.removeAllRanges();
4061      sel.addRange(range);
4062      sel.extend(snapshot.focusNode, snapshot.focusOffset);
4063    }
4064  }
4065
4066  // Does the actual updating of the line display. Bails out
4067  // (returning false) when there is nothing to be done and forced is
4068  // false.
4069  function updateDisplayIfNeeded(cm, update) {
4070    var display = cm.display, doc = cm.doc;
4071
4072    if (update.editorIsHidden) {
4073      resetView(cm);
4074      return false
4075    }
4076
4077    // Bail out if the visible area is already rendered and nothing changed.
4078    if (!update.force &&
4079        update.visible.from >= display.viewFrom && update.visible.to <= display.viewTo &&
4080        (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo) &&
4081        display.renderedView == display.view && countDirtyView(cm) == 0)
4082      { return false }
4083
4084    if (maybeUpdateLineNumberWidth(cm)) {
4085      resetView(cm);
4086      update.dims = getDimensions(cm);
4087    }
4088
4089    // Compute a suitable new viewport (from & to)
4090    var end = doc.first + doc.size;
4091    var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first);
4092    var to = Math.min(end, update.visible.to + cm.options.viewportMargin);
4093    if (display.viewFrom < from && from - display.viewFrom < 20) { from = Math.max(doc.first, display.viewFrom); }
4094    if (display.viewTo > to && display.viewTo - to < 20) { to = Math.min(end, display.viewTo); }
4095    if (sawCollapsedSpans) {
4096      from = visualLineNo(cm.doc, from);
4097      to = visualLineEndNo(cm.doc, to);
4098    }
4099
4100    var different = from != display.viewFrom || to != display.viewTo ||
4101      display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth;
4102    adjustView(cm, from, to);
4103
4104    display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom));
4105    // Position the mover div to align with the current scroll position
4106    cm.display.mover.style.top = display.viewOffset + "px";
4107
4108    var toUpdate = countDirtyView(cm);
4109    if (!different && toUpdate == 0 && !update.force && display.renderedView == display.view &&
4110        (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo))
4111      { return false }
4112
4113    // For big changes, we hide the enclosing element during the
4114    // update, since that speeds up the operations on most browsers.
4115    var selSnapshot = selectionSnapshot(cm);
4116    if (toUpdate > 4) { display.lineDiv.style.display = "none"; }
4117    patchDisplay(cm, display.updateLineNumbers, update.dims);
4118    if (toUpdate > 4) { display.lineDiv.style.display = ""; }
4119    display.renderedView = display.view;
4120    // There might have been a widget with a focused element that got
4121    // hidden or updated, if so re-focus it.
4122    restoreSelection(selSnapshot);
4123
4124    // Prevent selection and cursors from interfering with the scroll
4125    // width and height.
4126    removeChildren(display.cursorDiv);
4127    removeChildren(display.selectionDiv);
4128    display.gutters.style.height = display.sizer.style.minHeight = 0;
4129
4130    if (different) {
4131      display.lastWrapHeight = update.wrapperHeight;
4132      display.lastWrapWidth = update.wrapperWidth;
4133      startWorker(cm, 400);
4134    }
4135
4136    display.updateLineNumbers = null;
4137
4138    return true
4139  }
4140
4141  function postUpdateDisplay(cm, update) {
4142    var viewport = update.viewport;
4143
4144    for (var first = true;; first = false) {
4145      if (!first || !cm.options.lineWrapping || update.oldDisplayWidth == displayWidth(cm)) {
4146        // Clip forced viewport to actual scrollable area.
4147        if (viewport && viewport.top != null)
4148          { viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)}; }
4149        // Updated line heights might result in the drawn area not
4150        // actually covering the viewport. Keep looping until it does.
4151        update.visible = visibleLines(cm.display, cm.doc, viewport);
4152        if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo)
4153          { break }
4154      } else if (first) {
4155        update.visible = visibleLines(cm.display, cm.doc, viewport);
4156      }
4157      if (!updateDisplayIfNeeded(cm, update)) { break }
4158      updateHeightsInViewport(cm);
4159      var barMeasure = measureForScrollbars(cm);
4160      updateSelection(cm);
4161      updateScrollbars(cm, barMeasure);
4162      setDocumentHeight(cm, barMeasure);
4163      update.force = false;
4164    }
4165
4166    update.signal(cm, "update", cm);
4167    if (cm.display.viewFrom != cm.display.reportedViewFrom || cm.display.viewTo != cm.display.reportedViewTo) {
4168      update.signal(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo);
4169      cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo;
4170    }
4171  }
4172
4173  function updateDisplaySimple(cm, viewport) {
4174    var update = new DisplayUpdate(cm, viewport);
4175    if (updateDisplayIfNeeded(cm, update)) {
4176      updateHeightsInViewport(cm);
4177      postUpdateDisplay(cm, update);
4178      var barMeasure = measureForScrollbars(cm);
4179      updateSelection(cm);
4180      updateScrollbars(cm, barMeasure);
4181      setDocumentHeight(cm, barMeasure);
4182      update.finish();
4183    }
4184  }
4185
4186  // Sync the actual display DOM structure with display.view, removing
4187  // nodes for lines that are no longer in view, and creating the ones
4188  // that are not there yet, and updating the ones that are out of
4189  // date.
4190  function patchDisplay(cm, updateNumbersFrom, dims) {
4191    var display = cm.display, lineNumbers = cm.options.lineNumbers;
4192    var container = display.lineDiv, cur = container.firstChild;
4193
4194    function rm(node) {
4195      var next = node.nextSibling;
4196      // Works around a throw-scroll bug in OS X Webkit
4197      if (webkit && mac && cm.display.currentWheelTarget == node)
4198        { node.style.display = "none"; }
4199      else
4200        { node.parentNode.removeChild(node); }
4201      return next
4202    }
4203
4204    var view = display.view, lineN = display.viewFrom;
4205    // Loop over the elements in the view, syncing cur (the DOM nodes
4206    // in display.lineDiv) with the view as we go.
4207    for (var i = 0; i < view.length; i++) {
4208      var lineView = view[i];
4209      if (lineView.hidden) ; else if (!lineView.node || lineView.node.parentNode != container) { // Not drawn yet
4210        var node = buildLineElement(cm, lineView, lineN, dims);
4211        container.insertBefore(node, cur);
4212      } else { // Already drawn
4213        while (cur != lineView.node) { cur = rm(cur); }
4214        var updateNumber = lineNumbers && updateNumbersFrom != null &&
4215          updateNumbersFrom <= lineN && lineView.lineNumber;
4216        if (lineView.changes) {
4217          if (indexOf(lineView.changes, "gutter") > -1) { updateNumber = false; }
4218          updateLineForChanges(cm, lineView, lineN, dims);
4219        }
4220        if (updateNumber) {
4221          removeChildren(lineView.lineNumber);
4222          lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN)));
4223        }
4224        cur = lineView.node.nextSibling;
4225      }
4226      lineN += lineView.size;
4227    }
4228    while (cur) { cur = rm(cur); }
4229  }
4230
4231  function updateGutterSpace(display) {
4232    var width = display.gutters.offsetWidth;
4233    display.sizer.style.marginLeft = width + "px";
4234  }
4235
4236  function setDocumentHeight(cm, measure) {
4237    cm.display.sizer.style.minHeight = measure.docHeight + "px";
4238    cm.display.heightForcer.style.top = measure.docHeight + "px";
4239    cm.display.gutters.style.height = (measure.docHeight + cm.display.barHeight + scrollGap(cm)) + "px";
4240  }
4241
4242  // Re-align line numbers and gutter marks to compensate for
4243  // horizontal scrolling.
4244  function alignHorizontally(cm) {
4245    var display = cm.display, view = display.view;
4246    if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) { return }
4247    var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft;
4248    var gutterW = display.gutters.offsetWidth, left = comp + "px";
4249    for (var i = 0; i < view.length; i++) { if (!view[i].hidden) {
4250      if (cm.options.fixedGutter) {
4251        if (view[i].gutter)
4252          { view[i].gutter.style.left = left; }
4253        if (view[i].gutterBackground)
4254          { view[i].gutterBackground.style.left = left; }
4255      }
4256      var align = view[i].alignable;
4257      if (align) { for (var j = 0; j < align.length; j++)
4258        { align[j].style.left = left; } }
4259    } }
4260    if (cm.options.fixedGutter)
4261      { display.gutters.style.left = (comp + gutterW) + "px"; }
4262  }
4263
4264  // Used to ensure that the line number gutter is still the right
4265  // size for the current document size. Returns true when an update
4266  // is needed.
4267  function maybeUpdateLineNumberWidth(cm) {
4268    if (!cm.options.lineNumbers) { return false }
4269    var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display;
4270    if (last.length != display.lineNumChars) {
4271      var test = display.measure.appendChild(elt("div", [elt("div", last)],
4272                                                 "CodeMirror-linenumber CodeMirror-gutter-elt"));
4273      var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW;
4274      display.lineGutter.style.width = "";
4275      display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1;
4276      display.lineNumWidth = display.lineNumInnerWidth + padding;
4277      display.lineNumChars = display.lineNumInnerWidth ? last.length : -1;
4278      display.lineGutter.style.width = display.lineNumWidth + "px";
4279      updateGutterSpace(cm.display);
4280      return true
4281    }
4282    return false
4283  }
4284
4285  function getGutters(gutters, lineNumbers) {
4286    var result = [], sawLineNumbers = false;
4287    for (var i = 0; i < gutters.length; i++) {
4288      var name = gutters[i], style = null;
4289      if (typeof name != "string") { style = name.style; name = name.className; }
4290      if (name == "CodeMirror-linenumbers") {
4291        if (!lineNumbers) { continue }
4292        else { sawLineNumbers = true; }
4293      }
4294      result.push({className: name, style: style});
4295    }
4296    if (lineNumbers && !sawLineNumbers) { result.push({className: "CodeMirror-linenumbers", style: null}); }
4297    return result
4298  }
4299
4300  // Rebuild the gutter elements, ensure the margin to the left of the
4301  // code matches their width.
4302  function renderGutters(display) {
4303    var gutters = display.gutters, specs = display.gutterSpecs;
4304    removeChildren(gutters);
4305    display.lineGutter = null;
4306    for (var i = 0; i < specs.length; ++i) {
4307      var ref = specs[i];
4308      var className = ref.className;
4309      var style = ref.style;
4310      var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + className));
4311      if (style) { gElt.style.cssText = style; }
4312      if (className == "CodeMirror-linenumbers") {
4313        display.lineGutter = gElt;
4314        gElt.style.width = (display.lineNumWidth || 1) + "px";
4315      }
4316    }
4317    gutters.style.display = specs.length ? "" : "none";
4318    updateGutterSpace(display);
4319  }
4320
4321  function updateGutters(cm) {
4322    renderGutters(cm.display);
4323    regChange(cm);
4324    alignHorizontally(cm);
4325  }
4326
4327  // The display handles the DOM integration, both for input reading
4328  // and content drawing. It holds references to DOM nodes and
4329  // display-related state.
4330
4331  function Display(place, doc, input, options) {
4332    var d = this;
4333    this.input = input;
4334
4335    // Covers bottom-right square when both scrollbars are present.
4336    d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler");
4337    d.scrollbarFiller.setAttribute("cm-not-content", "true");
4338    // Covers bottom of gutter when coverGutterNextToScrollbar is on
4339    // and h scrollbar is present.
4340    d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler");
4341    d.gutterFiller.setAttribute("cm-not-content", "true");
4342    // Will contain the actual code, positioned to cover the viewport.
4343    d.lineDiv = eltP("div", null, "CodeMirror-code");
4344    // Elements are added to these to represent selection and cursors.
4345    d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1");
4346    d.cursorDiv = elt("div", null, "CodeMirror-cursors");
4347    // A visibility: hidden element used to find the size of things.
4348    d.measure = elt("div", null, "CodeMirror-measure");
4349    // When lines outside of the viewport are measured, they are drawn in this.
4350    d.lineMeasure = elt("div", null, "CodeMirror-measure");
4351    // Wraps everything that needs to exist inside the vertically-padded coordinate system
4352    d.lineSpace = eltP("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv],
4353                      null, "position: relative; outline: none");
4354    var lines = eltP("div", [d.lineSpace], "CodeMirror-lines");
4355    // Moved around its parent to cover visible view.
4356    d.mover = elt("div", [lines], null, "position: relative");
4357    // Set to the height of the document, allowing scrolling.
4358    d.sizer = elt("div", [d.mover], "CodeMirror-sizer");
4359    d.sizerWidth = null;
4360    // Behavior of elts with overflow: auto and padding is
4361    // inconsistent across browsers. This is used to ensure the
4362    // scrollable area is big enough.
4363    d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerGap + "px; width: 1px;");
4364    // Will contain the gutters, if any.
4365    d.gutters = elt("div", null, "CodeMirror-gutters");
4366    d.lineGutter = null;
4367    // Actual scrollable element.
4368    d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll");
4369    d.scroller.setAttribute("tabIndex", "-1");
4370    // The element in which the editor lives.
4371    d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror");
4372
4373    // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported)
4374    if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; }
4375    if (!webkit && !(gecko && mobile)) { d.scroller.draggable = true; }
4376
4377    if (place) {
4378      if (place.appendChild) { place.appendChild(d.wrapper); }
4379      else { place(d.wrapper); }
4380    }
4381
4382    // Current rendered range (may be bigger than the view window).
4383    d.viewFrom = d.viewTo = doc.first;
4384    d.reportedViewFrom = d.reportedViewTo = doc.first;
4385    // Information about the rendered lines.
4386    d.view = [];
4387    d.renderedView = null;
4388    // Holds info about a single rendered line when it was rendered
4389    // for measurement, while not in view.
4390    d.externalMeasured = null;
4391    // Empty space (in pixels) above the view
4392    d.viewOffset = 0;
4393    d.lastWrapHeight = d.lastWrapWidth = 0;
4394    d.updateLineNumbers = null;
4395
4396    d.nativeBarWidth = d.barHeight = d.barWidth = 0;
4397    d.scrollbarsClipped = false;
4398
4399    // Used to only resize the line number gutter when necessary (when
4400    // the amount of lines crosses a boundary that makes its width change)
4401    d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null;
4402    // Set to true when a non-horizontal-scrolling line widget is
4403    // added. As an optimization, line widget aligning is skipped when
4404    // this is false.
4405    d.alignWidgets = false;
4406
4407    d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
4408
4409    // Tracks the maximum line length so that the horizontal scrollbar
4410    // can be kept static when scrolling.
4411    d.maxLine = null;
4412    d.maxLineLength = 0;
4413    d.maxLineChanged = false;
4414
4415    // Used for measuring wheel scrolling granularity
4416    d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null;
4417
4418    // True when shift is held down.
4419    d.shift = false;
4420
4421    // Used to track whether anything happened since the context menu
4422    // was opened.
4423    d.selForContextMenu = null;
4424
4425    d.activeTouch = null;
4426
4427    d.gutterSpecs = getGutters(options.gutters, options.lineNumbers);
4428    renderGutters(d);
4429
4430    input.init(d);
4431  }
4432
4433  // Since the delta values reported on mouse wheel events are
4434  // unstandardized between browsers and even browser versions, and
4435  // generally horribly unpredictable, this code starts by measuring
4436  // the scroll effect that the first few mouse wheel events have,
4437  // and, from that, detects the way it can convert deltas to pixel
4438  // offsets afterwards.
4439  //
4440  // The reason we want to know the amount a wheel event will scroll
4441  // is that it gives us a chance to update the display before the
4442  // actual scrolling happens, reducing flickering.
4443
4444  var wheelSamples = 0, wheelPixelsPerUnit = null;
4445  // Fill in a browser-detected starting value on browsers where we
4446  // know one. These don't have to be accurate -- the result of them
4447  // being wrong would just be a slight flicker on the first wheel
4448  // scroll (if it is large enough).
4449  if (ie) { wheelPixelsPerUnit = -.53; }
4450  else if (gecko) { wheelPixelsPerUnit = 15; }
4451  else if (chrome) { wheelPixelsPerUnit = -.7; }
4452  else if (safari) { wheelPixelsPerUnit = -1/3; }
4453
4454  function wheelEventDelta(e) {
4455    var dx = e.wheelDeltaX, dy = e.wheelDeltaY;
4456    if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) { dx = e.detail; }
4457    if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) { dy = e.detail; }
4458    else if (dy == null) { dy = e.wheelDelta; }
4459    return {x: dx, y: dy}
4460  }
4461  function wheelEventPixels(e) {
4462    var delta = wheelEventDelta(e);
4463    delta.x *= wheelPixelsPerUnit;
4464    delta.y *= wheelPixelsPerUnit;
4465    return delta
4466  }
4467
4468  function onScrollWheel(cm, e) {
4469    var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y;
4470
4471    var display = cm.display, scroll = display.scroller;
4472    // Quit if there's nothing to scroll here
4473    var canScrollX = scroll.scrollWidth > scroll.clientWidth;
4474    var canScrollY = scroll.scrollHeight > scroll.clientHeight;
4475    if (!(dx && canScrollX || dy && canScrollY)) { return }
4476
4477    // Webkit browsers on OS X abort momentum scrolls when the target
4478    // of the scroll event is removed from the scrollable element.
4479    // This hack (see related code in patchDisplay) makes sure the
4480    // element is kept around.
4481    if (dy && mac && webkit) {
4482      outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) {
4483        for (var i = 0; i < view.length; i++) {
4484          if (view[i].node == cur) {
4485            cm.display.currentWheelTarget = cur;
4486            break outer
4487          }
4488        }
4489      }
4490    }
4491
4492    // On some browsers, horizontal scrolling will cause redraws to
4493    // happen before the gutter has been realigned, causing it to
4494    // wriggle around in a most unseemly way. When we have an
4495    // estimated pixels/delta value, we just handle horizontal
4496    // scrolling entirely here. It'll be slightly off from native, but
4497    // better than glitching out.
4498    if (dx && !gecko && !presto && wheelPixelsPerUnit != null) {
4499      if (dy && canScrollY)
4500        { updateScrollTop(cm, Math.max(0, scroll.scrollTop + dy * wheelPixelsPerUnit)); }
4501      setScrollLeft(cm, Math.max(0, scroll.scrollLeft + dx * wheelPixelsPerUnit));
4502      // Only prevent default scrolling if vertical scrolling is
4503      // actually possible. Otherwise, it causes vertical scroll
4504      // jitter on OSX trackpads when deltaX is small and deltaY
4505      // is large (issue #3579)
4506      if (!dy || (dy && canScrollY))
4507        { e_preventDefault(e); }
4508      display.wheelStartX = null; // Abort measurement, if in progress
4509      return
4510    }
4511
4512    // 'Project' the visible viewport to cover the area that is being
4513    // scrolled into view (if we know enough to estimate it).
4514    if (dy && wheelPixelsPerUnit != null) {
4515      var pixels = dy * wheelPixelsPerUnit;
4516      var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight;
4517      if (pixels < 0) { top = Math.max(0, top + pixels - 50); }
4518      else { bot = Math.min(cm.doc.height, bot + pixels + 50); }
4519      updateDisplaySimple(cm, {top: top, bottom: bot});
4520    }
4521
4522    if (wheelSamples < 20) {
4523      if (display.wheelStartX == null) {
4524        display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop;
4525        display.wheelDX = dx; display.wheelDY = dy;
4526        setTimeout(function () {
4527          if (display.wheelStartX == null) { return }
4528          var movedX = scroll.scrollLeft - display.wheelStartX;
4529          var movedY = scroll.scrollTop - display.wheelStartY;
4530          var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||
4531            (movedX && display.wheelDX && movedX / display.wheelDX);
4532          display.wheelStartX = display.wheelStartY = null;
4533          if (!sample) { return }
4534          wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1);
4535          ++wheelSamples;
4536        }, 200);
4537      } else {
4538        display.wheelDX += dx; display.wheelDY += dy;
4539      }
4540    }
4541  }
4542
4543  // Selection objects are immutable. A new one is created every time
4544  // the selection changes. A selection is one or more non-overlapping
4545  // (and non-touching) ranges, sorted, and an integer that indicates
4546  // which one is the primary selection (the one that's scrolled into
4547  // view, that getCursor returns, etc).
4548  var Selection = function(ranges, primIndex) {
4549    this.ranges = ranges;
4550    this.primIndex = primIndex;
4551  };
4552
4553  Selection.prototype.primary = function () { return this.ranges[this.primIndex] };
4554
4555  Selection.prototype.equals = function (other) {
4556    if (other == this) { return true }
4557    if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) { return false }
4558    for (var i = 0; i < this.ranges.length; i++) {
4559      var here = this.ranges[i], there = other.ranges[i];
4560      if (!equalCursorPos(here.anchor, there.anchor) || !equalCursorPos(here.head, there.head)) { return false }
4561    }
4562    return true
4563  };
4564
4565  Selection.prototype.deepCopy = function () {
4566    var out = [];
4567    for (var i = 0; i < this.ranges.length; i++)
4568      { out[i] = new Range(copyPos(this.ranges[i].anchor), copyPos(this.ranges[i].head)); }
4569    return new Selection(out, this.primIndex)
4570  };
4571
4572  Selection.prototype.somethingSelected = function () {
4573    for (var i = 0; i < this.ranges.length; i++)
4574      { if (!this.ranges[i].empty()) { return true } }
4575    return false
4576  };
4577
4578  Selection.prototype.contains = function (pos, end) {
4579    if (!end) { end = pos; }
4580    for (var i = 0; i < this.ranges.length; i++) {
4581      var range = this.ranges[i];
4582      if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0)
4583        { return i }
4584    }
4585    return -1
4586  };
4587
4588  var Range = function(anchor, head) {
4589    this.anchor = anchor; this.head = head;
4590  };
4591
4592  Range.prototype.from = function () { return minPos(this.anchor, this.head) };
4593  Range.prototype.to = function () { return maxPos(this.anchor, this.head) };
4594  Range.prototype.empty = function () { return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch };
4595
4596  // Take an unsorted, potentially overlapping set of ranges, and
4597  // build a selection out of it. 'Consumes' ranges array (modifying
4598  // it).
4599  function normalizeSelection(cm, ranges, primIndex) {
4600    var mayTouch = cm && cm.options.selectionsMayTouch;
4601    var prim = ranges[primIndex];
4602    ranges.sort(function (a, b) { return cmp(a.from(), b.from()); });
4603    primIndex = indexOf(ranges, prim);
4604    for (var i = 1; i < ranges.length; i++) {
4605      var cur = ranges[i], prev = ranges[i - 1];
4606      var diff = cmp(prev.to(), cur.from());
4607      if (mayTouch && !cur.empty() ? diff > 0 : diff >= 0) {
4608        var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to());
4609        var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head;
4610        if (i <= primIndex) { --primIndex; }
4611        ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to));
4612      }
4613    }
4614    return new Selection(ranges, primIndex)
4615  }
4616
4617  function simpleSelection(anchor, head) {
4618    return new Selection([new Range(anchor, head || anchor)], 0)
4619  }
4620
4621  // Compute the position of the end of a change (its 'to' property
4622  // refers to the pre-change end).
4623  function changeEnd(change) {
4624    if (!change.text) { return change.to }
4625    return Pos(change.from.line + change.text.length - 1,
4626               lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0))
4627  }
4628
4629  // Adjust a position to refer to the post-change position of the
4630  // same text, or the end of the change if the change covers it.
4631  function adjustForChange(pos, change) {
4632    if (cmp(pos, change.from) < 0) { return pos }
4633    if (cmp(pos, change.to) <= 0) { return changeEnd(change) }
4634
4635    var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch;
4636    if (pos.line == change.to.line) { ch += changeEnd(change).ch - change.to.ch; }
4637    return Pos(line, ch)
4638  }
4639
4640  function computeSelAfterChange(doc, change) {
4641    var out = [];
4642    for (var i = 0; i < doc.sel.ranges.length; i++) {
4643      var range = doc.sel.ranges[i];
4644      out.push(new Range(adjustForChange(range.anchor, change),
4645                         adjustForChange(range.head, change)));
4646    }
4647    return normalizeSelection(doc.cm, out, doc.sel.primIndex)
4648  }
4649
4650  function offsetPos(pos, old, nw) {
4651    if (pos.line == old.line)
4652      { return Pos(nw.line, pos.ch - old.ch + nw.ch) }
4653    else
4654      { return Pos(nw.line + (pos.line - old.line), pos.ch) }
4655  }
4656
4657  // Used by replaceSelections to allow moving the selection to the
4658  // start or around the replaced test. Hint may be "start" or "around".
4659  function computeReplacedSel(doc, changes, hint) {
4660    var out = [];
4661    var oldPrev = Pos(doc.first, 0), newPrev = oldPrev;
4662    for (var i = 0; i < changes.length; i++) {
4663      var change = changes[i];
4664      var from = offsetPos(change.from, oldPrev, newPrev);
4665      var to = offsetPos(changeEnd(change), oldPrev, newPrev);
4666      oldPrev = change.to;
4667      newPrev = to;
4668      if (hint == "around") {
4669        var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0;
4670        out[i] = new Range(inv ? to : from, inv ? from : to);
4671      } else {
4672        out[i] = new Range(from, from);
4673      }
4674    }
4675    return new Selection(out, doc.sel.primIndex)
4676  }
4677
4678  // Used to get the editor into a consistent state again when options change.
4679
4680  function loadMode(cm) {
4681    cm.doc.mode = getMode(cm.options, cm.doc.modeOption);
4682    resetModeState(cm);
4683  }
4684
4685  function resetModeState(cm) {
4686    cm.doc.iter(function (line) {
4687      if (line.stateAfter) { line.stateAfter = null; }
4688      if (line.styles) { line.styles = null; }
4689    });
4690    cm.doc.modeFrontier = cm.doc.highlightFrontier = cm.doc.first;
4691    startWorker(cm, 100);
4692    cm.state.modeGen++;
4693    if (cm.curOp) { regChange(cm); }
4694  }
4695
4696  // DOCUMENT DATA STRUCTURE
4697
4698  // By default, updates that start and end at the beginning of a line
4699  // are treated specially, in order to make the association of line
4700  // widgets and marker elements with the text behave more intuitive.
4701  function isWholeLineUpdate(doc, change) {
4702    return change.from.ch == 0 && change.to.ch == 0 && lst(change.text) == "" &&
4703      (!doc.cm || doc.cm.options.wholeLineUpdateBefore)
4704  }
4705
4706  // Perform a change on the document data structure.
4707  function updateDoc(doc, change, markedSpans, estimateHeight) {
4708    function spansFor(n) {return markedSpans ? markedSpans[n] : null}
4709    function update(line, text, spans) {
4710      updateLine(line, text, spans, estimateHeight);
4711      signalLater(line, "change", line, change);
4712    }
4713    function linesFor(start, end) {
4714      var result = [];
4715      for (var i = start; i < end; ++i)
4716        { result.push(new Line(text[i], spansFor(i), estimateHeight)); }
4717      return result
4718    }
4719
4720    var from = change.from, to = change.to, text = change.text;
4721    var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line);
4722    var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line;
4723
4724    // Adjust the line structure
4725    if (change.full) {
4726      doc.insert(0, linesFor(0, text.length));
4727      doc.remove(text.length, doc.size - text.length);
4728    } else if (isWholeLineUpdate(doc, change)) {
4729      // This is a whole-line replace. Treated specially to make
4730      // sure line objects move the way they are supposed to.
4731      var added = linesFor(0, text.length - 1);
4732      update(lastLine, lastLine.text, lastSpans);
4733      if (nlines) { doc.remove(from.line, nlines); }
4734      if (added.length) { doc.insert(from.line, added); }
4735    } else if (firstLine == lastLine) {
4736      if (text.length == 1) {
4737        update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans);
4738      } else {
4739        var added$1 = linesFor(1, text.length - 1);
4740        added$1.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight));
4741        update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
4742        doc.insert(from.line + 1, added$1);
4743      }
4744    } else if (text.length == 1) {
4745      update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0));
4746      doc.remove(from.line + 1, nlines);
4747    } else {
4748      update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
4749      update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans);
4750      var added$2 = linesFor(1, text.length - 1);
4751      if (nlines > 1) { doc.remove(from.line + 1, nlines - 1); }
4752      doc.insert(from.line + 1, added$2);
4753    }
4754
4755    signalLater(doc, "change", doc, change);
4756  }
4757
4758  // Call f for all linked documents.
4759  function linkedDocs(doc, f, sharedHistOnly) {
4760    function propagate(doc, skip, sharedHist) {
4761      if (doc.linked) { for (var i = 0; i < doc.linked.length; ++i) {
4762        var rel = doc.linked[i];
4763        if (rel.doc == skip) { continue }
4764        var shared = sharedHist && rel.sharedHist;
4765        if (sharedHistOnly && !shared) { continue }
4766        f(rel.doc, shared);
4767        propagate(rel.doc, doc, shared);
4768      } }
4769    }
4770    propagate(doc, null, true);
4771  }
4772
4773  // Attach a document to an editor.
4774  function attachDoc(cm, doc) {
4775    if (doc.cm) { throw new Error("This document is already in use.") }
4776    cm.doc = doc;
4777    doc.cm = cm;
4778    estimateLineHeights(cm);
4779    loadMode(cm);
4780    setDirectionClass(cm);
4781    if (!cm.options.lineWrapping) { findMaxLine(cm); }
4782    cm.options.mode = doc.modeOption;
4783    regChange(cm);
4784  }
4785
4786  function setDirectionClass(cm) {
4787  (cm.doc.direction == "rtl" ? addClass : rmClass)(cm.display.lineDiv, "CodeMirror-rtl");
4788  }
4789
4790  function directionChanged(cm) {
4791    runInOp(cm, function () {
4792      setDirectionClass(cm);
4793      regChange(cm);
4794    });
4795  }
4796
4797  function History(startGen) {
4798    // Arrays of change events and selections. Doing something adds an
4799    // event to done and clears undo. Undoing moves events from done
4800    // to undone, redoing moves them in the other direction.
4801    this.done = []; this.undone = [];
4802    this.undoDepth = Infinity;
4803    // Used to track when changes can be merged into a single undo
4804    // event
4805    this.lastModTime = this.lastSelTime = 0;
4806    this.lastOp = this.lastSelOp = null;
4807    this.lastOrigin = this.lastSelOrigin = null;
4808    // Used by the isClean() method
4809    this.generation = this.maxGeneration = startGen || 1;
4810  }
4811
4812  // Create a history change event from an updateDoc-style change
4813  // object.
4814  function historyChangeFromChange(doc, change) {
4815    var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)};
4816    attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);
4817    linkedDocs(doc, function (doc) { return attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); }, true);
4818    return histChange
4819  }
4820
4821  // Pop all selection events off the end of a history array. Stop at
4822  // a change event.
4823  function clearSelectionEvents(array) {
4824    while (array.length) {
4825      var last = lst(array);
4826      if (last.ranges) { array.pop(); }
4827      else { break }
4828    }
4829  }
4830
4831  // Find the top change event in the history. Pop off selection
4832  // events that are in the way.
4833  function lastChangeEvent(hist, force) {
4834    if (force) {
4835      clearSelectionEvents(hist.done);
4836      return lst(hist.done)
4837    } else if (hist.done.length && !lst(hist.done).ranges) {
4838      return lst(hist.done)
4839    } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) {
4840      hist.done.pop();
4841      return lst(hist.done)
4842    }
4843  }
4844
4845  // Register a change in the history. Merges changes that are within
4846  // a single operation, or are close together with an origin that
4847  // allows merging (starting with "+") into a single event.
4848  function addChangeToHistory(doc, change, selAfter, opId) {
4849    var hist = doc.history;
4850    hist.undone.length = 0;
4851    var time = +new Date, cur;
4852    var last;
4853
4854    if ((hist.lastOp == opId ||
4855         hist.lastOrigin == change.origin && change.origin &&
4856         ((change.origin.charAt(0) == "+" && hist.lastModTime > time - (doc.cm ? doc.cm.options.historyEventDelay : 500)) ||
4857          change.origin.charAt(0) == "*")) &&
4858        (cur = lastChangeEvent(hist, hist.lastOp == opId))) {
4859      // Merge this change into the last event
4860      last = lst(cur.changes);
4861      if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) {
4862        // Optimized case for simple insertion -- don't want to add
4863        // new changesets for every character typed
4864        last.to = changeEnd(change);
4865      } else {
4866        // Add new sub-event
4867        cur.changes.push(historyChangeFromChange(doc, change));
4868      }
4869    } else {
4870      // Can not be merged, start a new event.
4871      var before = lst(hist.done);
4872      if (!before || !before.ranges)
4873        { pushSelectionToHistory(doc.sel, hist.done); }
4874      cur = {changes: [historyChangeFromChange(doc, change)],
4875             generation: hist.generation};
4876      hist.done.push(cur);
4877      while (hist.done.length > hist.undoDepth) {
4878        hist.done.shift();
4879        if (!hist.done[0].ranges) { hist.done.shift(); }
4880      }
4881    }
4882    hist.done.push(selAfter);
4883    hist.generation = ++hist.maxGeneration;
4884    hist.lastModTime = hist.lastSelTime = time;
4885    hist.lastOp = hist.lastSelOp = opId;
4886    hist.lastOrigin = hist.lastSelOrigin = change.origin;
4887
4888    if (!last) { signal(doc, "historyAdded"); }
4889  }
4890
4891  function selectionEventCanBeMerged(doc, origin, prev, sel) {
4892    var ch = origin.charAt(0);
4893    return ch == "*" ||
4894      ch == "+" &&
4895      prev.ranges.length == sel.ranges.length &&
4896      prev.somethingSelected() == sel.somethingSelected() &&
4897      new Date - doc.history.lastSelTime <= (doc.cm ? doc.cm.options.historyEventDelay : 500)
4898  }
4899
4900  // Called whenever the selection changes, sets the new selection as
4901  // the pending selection in the history, and pushes the old pending
4902  // selection into the 'done' array when it was significantly
4903  // different (in number of selected ranges, emptiness, or time).
4904  function addSelectionToHistory(doc, sel, opId, options) {
4905    var hist = doc.history, origin = options && options.origin;
4906
4907    // A new event is started when the previous origin does not match
4908    // the current, or the origins don't allow matching. Origins
4909    // starting with * are always merged, those starting with + are
4910    // merged when similar and close together in time.
4911    if (opId == hist.lastSelOp ||
4912        (origin && hist.lastSelOrigin == origin &&
4913         (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin ||
4914          selectionEventCanBeMerged(doc, origin, lst(hist.done), sel))))
4915      { hist.done[hist.done.length - 1] = sel; }
4916    else
4917      { pushSelectionToHistory(sel, hist.done); }
4918
4919    hist.lastSelTime = +new Date;
4920    hist.lastSelOrigin = origin;
4921    hist.lastSelOp = opId;
4922    if (options && options.clearRedo !== false)
4923      { clearSelectionEvents(hist.undone); }
4924  }
4925
4926  function pushSelectionToHistory(sel, dest) {
4927    var top = lst(dest);
4928    if (!(top && top.ranges && top.equals(sel)))
4929      { dest.push(sel); }
4930  }
4931
4932  // Used to store marked span information in the history.
4933  function attachLocalSpans(doc, change, from, to) {
4934    var existing = change["spans_" + doc.id], n = 0;
4935    doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function (line) {
4936      if (line.markedSpans)
4937        { (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans; }
4938      ++n;
4939    });
4940  }
4941
4942  // When un/re-doing restores text containing marked spans, those
4943  // that have been explicitly cleared should not be restored.
4944  function removeClearedSpans(spans) {
4945    if (!spans) { return null }
4946    var out;
4947    for (var i = 0; i < spans.length; ++i) {
4948      if (spans[i].marker.explicitlyCleared) { if (!out) { out = spans.slice(0, i); } }
4949      else if (out) { out.push(spans[i]); }
4950    }
4951    return !out ? spans : out.length ? out : null
4952  }
4953
4954  // Retrieve and filter the old marked spans stored in a change event.
4955  function getOldSpans(doc, change) {
4956    var found = change["spans_" + doc.id];
4957    if (!found) { return null }
4958    var nw = [];
4959    for (var i = 0; i < change.text.length; ++i)
4960      { nw.push(removeClearedSpans(found[i])); }
4961    return nw
4962  }
4963
4964  // Used for un/re-doing changes from the history. Combines the
4965  // result of computing the existing spans with the set of spans that
4966  // existed in the history (so that deleting around a span and then
4967  // undoing brings back the span).
4968  function mergeOldSpans(doc, change) {
4969    var old = getOldSpans(doc, change);
4970    var stretched = stretchSpansOverChange(doc, change);
4971    if (!old) { return stretched }
4972    if (!stretched) { return old }
4973
4974    for (var i = 0; i < old.length; ++i) {
4975      var oldCur = old[i], stretchCur = stretched[i];
4976      if (oldCur && stretchCur) {
4977        spans: for (var j = 0; j < stretchCur.length; ++j) {
4978          var span = stretchCur[j];
4979          for (var k = 0; k < oldCur.length; ++k)
4980            { if (oldCur[k].marker == span.marker) { continue spans } }
4981          oldCur.push(span);
4982        }
4983      } else if (stretchCur) {
4984        old[i] = stretchCur;
4985      }
4986    }
4987    return old
4988  }
4989
4990  // Used both to provide a JSON-safe object in .getHistory, and, when
4991  // detaching a document, to split the history in two
4992  function copyHistoryArray(events, newGroup, instantiateSel) {
4993    var copy = [];
4994    for (var i = 0; i < events.length; ++i) {
4995      var event = events[i];
4996      if (event.ranges) {
4997        copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event);
4998        continue
4999      }
5000      var changes = event.changes, newChanges = [];
5001      copy.push({changes: newChanges});
5002      for (var j = 0; j < changes.length; ++j) {
5003        var change = changes[j], m = (void 0);
5004        newChanges.push({from: change.from, to: change.to, text: change.text});
5005        if (newGroup) { for (var prop in change) { if (m = prop.match(/^spans_(\d+)$/)) {
5006          if (indexOf(newGroup, Number(m[1])) > -1) {
5007            lst(newChanges)[prop] = change[prop];
5008            delete change[prop];
5009          }
5010        } } }
5011      }
5012    }
5013    return copy
5014  }
5015
5016  // The 'scroll' parameter given to many of these indicated whether
5017  // the new cursor position should be scrolled into view after
5018  // modifying the selection.
5019
5020  // If shift is held or the extend flag is set, extends a range to
5021  // include a given position (and optionally a second position).
5022  // Otherwise, simply returns the range between the given positions.
5023  // Used for cursor motion and such.
5024  function extendRange(range, head, other, extend) {
5025    if (extend) {
5026      var anchor = range.anchor;
5027      if (other) {
5028        var posBefore = cmp(head, anchor) < 0;
5029        if (posBefore != (cmp(other, anchor) < 0)) {
5030          anchor = head;
5031          head = other;
5032        } else if (posBefore != (cmp(head, other) < 0)) {
5033          head = other;
5034        }
5035      }
5036      return new Range(anchor, head)
5037    } else {
5038      return new Range(other || head, head)
5039    }
5040  }
5041
5042  // Extend the primary selection range, discard the rest.
5043  function extendSelection(doc, head, other, options, extend) {
5044    if (extend == null) { extend = doc.cm && (doc.cm.display.shift || doc.extend); }
5045    setSelection(doc, new Selection([extendRange(doc.sel.primary(), head, other, extend)], 0), options);
5046  }
5047
5048  // Extend all selections (pos is an array of selections with length
5049  // equal the number of selections)
5050  function extendSelections(doc, heads, options) {
5051    var out = [];
5052    var extend = doc.cm && (doc.cm.display.shift || doc.extend);
5053    for (var i = 0; i < doc.sel.ranges.length; i++)
5054      { out[i] = extendRange(doc.sel.ranges[i], heads[i], null, extend); }
5055    var newSel = normalizeSelection(doc.cm, out, doc.sel.primIndex);
5056    setSelection(doc, newSel, options);
5057  }
5058
5059  // Updates a single range in the selection.
5060  function replaceOneSelection(doc, i, range, options) {
5061    var ranges = doc.sel.ranges.slice(0);
5062    ranges[i] = range;
5063    setSelection(doc, normalizeSelection(doc.cm, ranges, doc.sel.primIndex), options);
5064  }
5065
5066  // Reset the selection to a single range.
5067  function setSimpleSelection(doc, anchor, head, options) {
5068    setSelection(doc, simpleSelection(anchor, head), options);
5069  }
5070
5071  // Give beforeSelectionChange handlers a change to influence a
5072  // selection update.
5073  function filterSelectionChange(doc, sel, options) {
5074    var obj = {
5075      ranges: sel.ranges,
5076      update: function(ranges) {
5077        this.ranges = [];
5078        for (var i = 0; i < ranges.length; i++)
5079          { this.ranges[i] = new Range(clipPos(doc, ranges[i].anchor),
5080                                     clipPos(doc, ranges[i].head)); }
5081      },
5082      origin: options && options.origin
5083    };
5084    signal(doc, "beforeSelectionChange", doc, obj);
5085    if (doc.cm) { signal(doc.cm, "beforeSelectionChange", doc.cm, obj); }
5086    if (obj.ranges != sel.ranges) { return normalizeSelection(doc.cm, obj.ranges, obj.ranges.length - 1) }
5087    else { return sel }
5088  }
5089
5090  function setSelectionReplaceHistory(doc, sel, options) {
5091    var done = doc.history.done, last = lst(done);
5092    if (last && last.ranges) {
5093      done[done.length - 1] = sel;
5094      setSelectionNoUndo(doc, sel, options);
5095    } else {
5096      setSelection(doc, sel, options);
5097    }
5098  }
5099
5100  // Set a new selection.
5101  function setSelection(doc, sel, options) {
5102    setSelectionNoUndo(doc, sel, options);
5103    addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options);
5104  }
5105
5106  function setSelectionNoUndo(doc, sel, options) {
5107    if (hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange"))
5108      { sel = filterSelectionChange(doc, sel, options); }
5109
5110    var bias = options && options.bias ||
5111      (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1);
5112    setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true));
5113
5114    if (!(options && options.scroll === false) && doc.cm)
5115      { ensureCursorVisible(doc.cm); }
5116  }
5117
5118  function setSelectionInner(doc, sel) {
5119    if (sel.equals(doc.sel)) { return }
5120
5121    doc.sel = sel;
5122
5123    if (doc.cm) {
5124      doc.cm.curOp.updateInput = 1;
5125      doc.cm.curOp.selectionChanged = true;
5126      signalCursorActivity(doc.cm);
5127    }
5128    signalLater(doc, "cursorActivity", doc);
5129  }
5130
5131  // Verify that the selection does not partially select any atomic
5132  // marked ranges.
5133  function reCheckSelection(doc) {
5134    setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false));
5135  }
5136
5137  // Return a selection that does not partially select any atomic
5138  // ranges.
5139  function skipAtomicInSelection(doc, sel, bias, mayClear) {
5140    var out;
5141    for (var i = 0; i < sel.ranges.length; i++) {
5142      var range = sel.ranges[i];
5143      var old = sel.ranges.length == doc.sel.ranges.length && doc.sel.ranges[i];
5144      var newAnchor = skipAtomic(doc, range.anchor, old && old.anchor, bias, mayClear);
5145      var newHead = skipAtomic(doc, range.head, old && old.head, bias, mayClear);
5146      if (out || newAnchor != range.anchor || newHead != range.head) {
5147        if (!out) { out = sel.ranges.slice(0, i); }
5148        out[i] = new Range(newAnchor, newHead);
5149      }
5150    }
5151    return out ? normalizeSelection(doc.cm, out, sel.primIndex) : sel
5152  }
5153
5154  function skipAtomicInner(doc, pos, oldPos, dir, mayClear) {
5155    var line = getLine(doc, pos.line);
5156    if (line.markedSpans) { for (var i = 0; i < line.markedSpans.length; ++i) {
5157      var sp = line.markedSpans[i], m = sp.marker;
5158
5159      // Determine if we should prevent the cursor being placed to the left/right of an atomic marker
5160      // Historically this was determined using the inclusiveLeft/Right option, but the new way to control it
5161      // is with selectLeft/Right
5162      var preventCursorLeft = ("selectLeft" in m) ? !m.selectLeft : m.inclusiveLeft;
5163      var preventCursorRight = ("selectRight" in m) ? !m.selectRight : m.inclusiveRight;
5164
5165      if ((sp.from == null || (preventCursorLeft ? sp.from <= pos.ch : sp.from < pos.ch)) &&
5166          (sp.to == null || (preventCursorRight ? sp.to >= pos.ch : sp.to > pos.ch))) {
5167        if (mayClear) {
5168          signal(m, "beforeCursorEnter");
5169          if (m.explicitlyCleared) {
5170            if (!line.markedSpans) { break }
5171            else {--i; continue}
5172          }
5173        }
5174        if (!m.atomic) { continue }
5175
5176        if (oldPos) {
5177          var near = m.find(dir < 0 ? 1 : -1), diff = (void 0);
5178          if (dir < 0 ? preventCursorRight : preventCursorLeft)
5179            { near = movePos(doc, near, -dir, near && near.line == pos.line ? line : null); }
5180          if (near && near.line == pos.line && (diff = cmp(near, oldPos)) && (dir < 0 ? diff < 0 : diff > 0))
5181            { return skipAtomicInner(doc, near, pos, dir, mayClear) }
5182        }
5183
5184        var far = m.find(dir < 0 ? -1 : 1);
5185        if (dir < 0 ? preventCursorLeft : preventCursorRight)
5186          { far = movePos(doc, far, dir, far.line == pos.line ? line : null); }
5187        return far ? skipAtomicInner(doc, far, pos, dir, mayClear) : null
5188      }
5189    } }
5190    return pos
5191  }
5192
5193  // Ensure a given position is not inside an atomic range.
5194  function skipAtomic(doc, pos, oldPos, bias, mayClear) {
5195    var dir = bias || 1;
5196    var found = skipAtomicInner(doc, pos, oldPos, dir, mayClear) ||
5197        (!mayClear && skipAtomicInner(doc, pos, oldPos, dir, true)) ||
5198        skipAtomicInner(doc, pos, oldPos, -dir, mayClear) ||
5199        (!mayClear && skipAtomicInner(doc, pos, oldPos, -dir, true));
5200    if (!found) {
5201      doc.cantEdit = true;
5202      return Pos(doc.first, 0)
5203    }
5204    return found
5205  }
5206
5207  function movePos(doc, pos, dir, line) {
5208    if (dir < 0 && pos.ch == 0) {
5209      if (pos.line > doc.first) { return clipPos(doc, Pos(pos.line - 1)) }
5210      else { return null }
5211    } else if (dir > 0 && pos.ch == (line || getLine(doc, pos.line)).text.length) {
5212      if (pos.line < doc.first + doc.size - 1) { return Pos(pos.line + 1, 0) }
5213      else { return null }
5214    } else {
5215      return new Pos(pos.line, pos.ch + dir)
5216    }
5217  }
5218
5219  function selectAll(cm) {
5220    cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);
5221  }
5222
5223  // UPDATING
5224
5225  // Allow "beforeChange" event handlers to influence a change
5226  function filterChange(doc, change, update) {
5227    var obj = {
5228      canceled: false,
5229      from: change.from,
5230      to: change.to,
5231      text: change.text,
5232      origin: change.origin,
5233      cancel: function () { return obj.canceled = true; }
5234    };
5235    if (update) { obj.update = function (from, to, text, origin) {
5236      if (from) { obj.from = clipPos(doc, from); }
5237      if (to) { obj.to = clipPos(doc, to); }
5238      if (text) { obj.text = text; }
5239      if (origin !== undefined) { obj.origin = origin; }
5240    }; }
5241    signal(doc, "beforeChange", doc, obj);
5242    if (doc.cm) { signal(doc.cm, "beforeChange", doc.cm, obj); }
5243
5244    if (obj.canceled) {
5245      if (doc.cm) { doc.cm.curOp.updateInput = 2; }
5246      return null
5247    }
5248    return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin}
5249  }
5250
5251  // Apply a change to a document, and add it to the document's
5252  // history, and propagating it to all linked documents.
5253  function makeChange(doc, change, ignoreReadOnly) {
5254    if (doc.cm) {
5255      if (!doc.cm.curOp) { return operation(doc.cm, makeChange)(doc, change, ignoreReadOnly) }
5256      if (doc.cm.state.suppressEdits) { return }
5257    }
5258
5259    if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) {
5260      change = filterChange(doc, change, true);
5261      if (!change) { return }
5262    }
5263
5264    // Possibly split or suppress the update based on the presence
5265    // of read-only spans in its range.
5266    var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to);
5267    if (split) {
5268      for (var i = split.length - 1; i >= 0; --i)
5269        { makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text, origin: change.origin}); }
5270    } else {
5271      makeChangeInner(doc, change);
5272    }
5273  }
5274
5275  function makeChangeInner(doc, change) {
5276    if (change.text.length == 1 && change.text[0] == "" && cmp(change.from, change.to) == 0) { return }
5277    var selAfter = computeSelAfterChange(doc, change);
5278    addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN);
5279
5280    makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change));
5281    var rebased = [];
5282
5283    linkedDocs(doc, function (doc, sharedHist) {
5284      if (!sharedHist && indexOf(rebased, doc.history) == -1) {
5285        rebaseHist(doc.history, change);
5286        rebased.push(doc.history);
5287      }
5288      makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change));
5289    });
5290  }
5291
5292  // Revert a change stored in a document's history.
5293  function makeChangeFromHistory(doc, type, allowSelectionOnly) {
5294    var suppress = doc.cm && doc.cm.state.suppressEdits;
5295    if (suppress && !allowSelectionOnly) { return }
5296
5297    var hist = doc.history, event, selAfter = doc.sel;
5298    var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done;
5299
5300    // Verify that there is a useable event (so that ctrl-z won't
5301    // needlessly clear selection events)
5302    var i = 0;
5303    for (; i < source.length; i++) {
5304      event = source[i];
5305      if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges)
5306        { break }
5307    }
5308    if (i == source.length) { return }
5309    hist.lastOrigin = hist.lastSelOrigin = null;
5310
5311    for (;;) {
5312      event = source.pop();
5313      if (event.ranges) {
5314        pushSelectionToHistory(event, dest);
5315        if (allowSelectionOnly && !event.equals(doc.sel)) {
5316          setSelection(doc, event, {clearRedo: false});
5317          return
5318        }
5319        selAfter = event;
5320      } else if (suppress) {
5321        source.push(event);
5322        return
5323      } else { break }
5324    }
5325
5326    // Build up a reverse change object to add to the opposite history
5327    // stack (redo when undoing, and vice versa).
5328    var antiChanges = [];
5329    pushSelectionToHistory(selAfter, dest);
5330    dest.push({changes: antiChanges, generation: hist.generation});
5331    hist.generation = event.generation || ++hist.maxGeneration;
5332
5333    var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange");
5334
5335    var loop = function ( i ) {
5336      var change = event.changes[i];
5337      change.origin = type;
5338      if (filter && !filterChange(doc, change, false)) {
5339        source.length = 0;
5340        return {}
5341      }
5342
5343      antiChanges.push(historyChangeFromChange(doc, change));
5344
5345      var after = i ? computeSelAfterChange(doc, change) : lst(source);
5346      makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change));
5347      if (!i && doc.cm) { doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}); }
5348      var rebased = [];
5349
5350      // Propagate to the linked documents
5351      linkedDocs(doc, function (doc, sharedHist) {
5352        if (!sharedHist && indexOf(rebased, doc.history) == -1) {
5353          rebaseHist(doc.history, change);
5354          rebased.push(doc.history);
5355        }
5356        makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change));
5357      });
5358    };
5359
5360    for (var i$1 = event.changes.length - 1; i$1 >= 0; --i$1) {
5361      var returned = loop( i$1 );
5362
5363      if ( returned ) return returned.v;
5364    }
5365  }
5366
5367  // Sub-views need their line numbers shifted when text is added
5368  // above or below them in the parent document.
5369  function shiftDoc(doc, distance) {
5370    if (distance == 0) { return }
5371    doc.first += distance;
5372    doc.sel = new Selection(map(doc.sel.ranges, function (range) { return new Range(
5373      Pos(range.anchor.line + distance, range.anchor.ch),
5374      Pos(range.head.line + distance, range.head.ch)
5375    ); }), doc.sel.primIndex);
5376    if (doc.cm) {
5377      regChange(doc.cm, doc.first, doc.first - distance, distance);
5378      for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++)
5379        { regLineChange(doc.cm, l, "gutter"); }
5380    }
5381  }
5382
5383  // More lower-level change function, handling only a single document
5384  // (not linked ones).
5385  function makeChangeSingleDoc(doc, change, selAfter, spans) {
5386    if (doc.cm && !doc.cm.curOp)
5387      { return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans) }
5388
5389    if (change.to.line < doc.first) {
5390      shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line));
5391      return
5392    }
5393    if (change.from.line > doc.lastLine()) { return }
5394
5395    // Clip the change to the size of this doc
5396    if (change.from.line < doc.first) {
5397      var shift = change.text.length - 1 - (doc.first - change.from.line);
5398      shiftDoc(doc, shift);
5399      change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch),
5400                text: [lst(change.text)], origin: change.origin};
5401    }
5402    var last = doc.lastLine();
5403    if (change.to.line > last) {
5404      change = {from: change.from, to: Pos(last, getLine(doc, last).text.length),
5405                text: [change.text[0]], origin: change.origin};
5406    }
5407
5408    change.removed = getBetween(doc, change.from, change.to);
5409
5410    if (!selAfter) { selAfter = computeSelAfterChange(doc, change); }
5411    if (doc.cm) { makeChangeSingleDocInEditor(doc.cm, change, spans); }
5412    else { updateDoc(doc, change, spans); }
5413    setSelectionNoUndo(doc, selAfter, sel_dontScroll);
5414
5415    if (doc.cantEdit && skipAtomic(doc, Pos(doc.firstLine(), 0)))
5416      { doc.cantEdit = false; }
5417  }
5418
5419  // Handle the interaction of a change to a document with the editor
5420  // that this document is part of.
5421  function makeChangeSingleDocInEditor(cm, change, spans) {
5422    var doc = cm.doc, display = cm.display, from = change.from, to = change.to;
5423
5424    var recomputeMaxLength = false, checkWidthStart = from.line;
5425    if (!cm.options.lineWrapping) {
5426      checkWidthStart = lineNo(visualLine(getLine(doc, from.line)));
5427      doc.iter(checkWidthStart, to.line + 1, function (line) {
5428        if (line == display.maxLine) {
5429          recomputeMaxLength = true;
5430          return true
5431        }
5432      });
5433    }
5434
5435    if (doc.sel.contains(change.from, change.to) > -1)
5436      { signalCursorActivity(cm); }
5437
5438    updateDoc(doc, change, spans, estimateHeight(cm));
5439
5440    if (!cm.options.lineWrapping) {
5441      doc.iter(checkWidthStart, from.line + change.text.length, function (line) {
5442        var len = lineLength(line);
5443        if (len > display.maxLineLength) {
5444          display.maxLine = line;
5445          display.maxLineLength = len;
5446          display.maxLineChanged = true;
5447          recomputeMaxLength = false;
5448        }
5449      });
5450      if (recomputeMaxLength) { cm.curOp.updateMaxLine = true; }
5451    }
5452
5453    retreatFrontier(doc, from.line);
5454    startWorker(cm, 400);
5455
5456    var lendiff = change.text.length - (to.line - from.line) - 1;
5457    // Remember that these lines changed, for updating the display
5458    if (change.full)
5459      { regChange(cm); }
5460    else if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change))
5461      { regLineChange(cm, from.line, "text"); }
5462    else
5463      { regChange(cm, from.line, to.line + 1, lendiff); }
5464
5465    var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change");
5466    if (changeHandler || changesHandler) {
5467      var obj = {
5468        from: from, to: to,
5469        text: change.text,
5470        removed: change.removed,
5471        origin: change.origin
5472      };
5473      if (changeHandler) { signalLater(cm, "change", cm, obj); }
5474      if (changesHandler) { (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj); }
5475    }
5476    cm.display.selForContextMenu = null;
5477  }
5478
5479  function replaceRange(doc, code, from, to, origin) {
5480    var assign;
5481
5482    if (!to) { to = from; }
5483    if (cmp(to, from) < 0) { (assign = [to, from], from = assign[0], to = assign[1]); }
5484    if (typeof code == "string") { code = doc.splitLines(code); }
5485    makeChange(doc, {from: from, to: to, text: code, origin: origin});
5486  }
5487
5488  // Rebasing/resetting history to deal with externally-sourced changes
5489
5490  function rebaseHistSelSingle(pos, from, to, diff) {
5491    if (to < pos.line) {
5492      pos.line += diff;
5493    } else if (from < pos.line) {
5494      pos.line = from;
5495      pos.ch = 0;
5496    }
5497  }
5498
5499  // Tries to rebase an array of history events given a change in the
5500  // document. If the change touches the same lines as the event, the
5501  // event, and everything 'behind' it, is discarded. If the change is
5502  // before the event, the event's positions are updated. Uses a
5503  // copy-on-write scheme for the positions, to avoid having to
5504  // reallocate them all on every rebase, but also avoid problems with
5505  // shared position objects being unsafely updated.
5506  function rebaseHistArray(array, from, to, diff) {
5507    for (var i = 0; i < array.length; ++i) {
5508      var sub = array[i], ok = true;
5509      if (sub.ranges) {
5510        if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; }
5511        for (var j = 0; j < sub.ranges.length; j++) {
5512          rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff);
5513          rebaseHistSelSingle(sub.ranges[j].head, from, to, diff);
5514        }
5515        continue
5516      }
5517      for (var j$1 = 0; j$1 < sub.changes.length; ++j$1) {
5518        var cur = sub.changes[j$1];
5519        if (to < cur.from.line) {
5520          cur.from = Pos(cur.from.line + diff, cur.from.ch);
5521          cur.to = Pos(cur.to.line + diff, cur.to.ch);
5522        } else if (from <= cur.to.line) {
5523          ok = false;
5524          break
5525        }
5526      }
5527      if (!ok) {
5528        array.splice(0, i + 1);
5529        i = 0;
5530      }
5531    }
5532  }
5533
5534  function rebaseHist(hist, change) {
5535    var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1;
5536    rebaseHistArray(hist.done, from, to, diff);
5537    rebaseHistArray(hist.undone, from, to, diff);
5538  }
5539
5540  // Utility for applying a change to a line by handle or number,
5541  // returning the number and optionally registering the line as
5542  // changed.
5543  function changeLine(doc, handle, changeType, op) {
5544    var no = handle, line = handle;
5545    if (typeof handle == "number") { line = getLine(doc, clipLine(doc, handle)); }
5546    else { no = lineNo(handle); }
5547    if (no == null) { return null }
5548    if (op(line, no) && doc.cm) { regLineChange(doc.cm, no, changeType); }
5549    return line
5550  }
5551
5552  // The document is represented as a BTree consisting of leaves, with
5553  // chunk of lines in them, and branches, with up to ten leaves or
5554  // other branch nodes below them. The top node is always a branch
5555  // node, and is the document object itself (meaning it has
5556  // additional methods and properties).
5557  //
5558  // All nodes have parent links. The tree is used both to go from
5559  // line numbers to line objects, and to go from objects to numbers.
5560  // It also indexes by height, and is used to convert between height
5561  // and line object, and to find the total height of the document.
5562  //
5563  // See also http://marijnhaverbeke.nl/blog/codemirror-line-tree.html
5564
5565  function LeafChunk(lines) {
5566    this.lines = lines;
5567    this.parent = null;
5568    var height = 0;
5569    for (var i = 0; i < lines.length; ++i) {
5570      lines[i].parent = this;
5571      height += lines[i].height;
5572    }
5573    this.height = height;
5574  }
5575
5576  LeafChunk.prototype = {
5577    chunkSize: function() { return this.lines.length },
5578
5579    // Remove the n lines at offset 'at'.
5580    removeInner: function(at, n) {
5581      for (var i = at, e = at + n; i < e; ++i) {
5582        var line = this.lines[i];
5583        this.height -= line.height;
5584        cleanUpLine(line);
5585        signalLater(line, "delete");
5586      }
5587      this.lines.splice(at, n);
5588    },
5589
5590    // Helper used to collapse a small branch into a single leaf.
5591    collapse: function(lines) {
5592      lines.push.apply(lines, this.lines);
5593    },
5594
5595    // Insert the given array of lines at offset 'at', count them as
5596    // having the given height.
5597    insertInner: function(at, lines, height) {
5598      this.height += height;
5599      this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at));
5600      for (var i = 0; i < lines.length; ++i) { lines[i].parent = this; }
5601    },
5602
5603    // Used to iterate over a part of the tree.
5604    iterN: function(at, n, op) {
5605      for (var e = at + n; at < e; ++at)
5606        { if (op(this.lines[at])) { return true } }
5607    }
5608  };
5609
5610  function BranchChunk(children) {
5611    this.children = children;
5612    var size = 0, height = 0;
5613    for (var i = 0; i < children.length; ++i) {
5614      var ch = children[i];
5615      size += ch.chunkSize(); height += ch.height;
5616      ch.parent = this;
5617    }
5618    this.size = size;
5619    this.height = height;
5620    this.parent = null;
5621  }
5622
5623  BranchChunk.prototype = {
5624    chunkSize: function() { return this.size },
5625
5626    removeInner: function(at, n) {
5627      this.size -= n;
5628      for (var i = 0; i < this.children.length; ++i) {
5629        var child = this.children[i], sz = child.chunkSize();
5630        if (at < sz) {
5631          var rm = Math.min(n, sz - at), oldHeight = child.height;
5632          child.removeInner(at, rm);
5633          this.height -= oldHeight - child.height;
5634          if (sz == rm) { this.children.splice(i--, 1); child.parent = null; }
5635          if ((n -= rm) == 0) { break }
5636          at = 0;
5637        } else { at -= sz; }
5638      }
5639      // If the result is smaller than 25 lines, ensure that it is a
5640      // single leaf node.
5641      if (this.size - n < 25 &&
5642          (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) {
5643        var lines = [];
5644        this.collapse(lines);
5645        this.children = [new LeafChunk(lines)];
5646        this.children[0].parent = this;
5647      }
5648    },
5649
5650    collapse: function(lines) {
5651      for (var i = 0; i < this.children.length; ++i) { this.children[i].collapse(lines); }
5652    },
5653
5654    insertInner: function(at, lines, height) {
5655      this.size += lines.length;
5656      this.height += height;
5657      for (var i = 0; i < this.children.length; ++i) {
5658        var child = this.children[i], sz = child.chunkSize();
5659        if (at <= sz) {
5660          child.insertInner(at, lines, height);
5661          if (child.lines && child.lines.length > 50) {
5662            // To avoid memory thrashing when child.lines is huge (e.g. first view of a large file), it's never spliced.
5663            // Instead, small slices are taken. They're taken in order because sequential memory accesses are fastest.
5664            var remaining = child.lines.length % 25 + 25;
5665            for (var pos = remaining; pos < child.lines.length;) {
5666              var leaf = new LeafChunk(child.lines.slice(pos, pos += 25));
5667              child.height -= leaf.height;
5668              this.children.splice(++i, 0, leaf);
5669              leaf.parent = this;
5670            }
5671            child.lines = child.lines.slice(0, remaining);
5672            this.maybeSpill();
5673          }
5674          break
5675        }
5676        at -= sz;
5677      }
5678    },
5679
5680    // When a node has grown, check whether it should be split.
5681    maybeSpill: function() {
5682      if (this.children.length <= 10) { return }
5683      var me = this;
5684      do {
5685        var spilled = me.children.splice(me.children.length - 5, 5);
5686        var sibling = new BranchChunk(spilled);
5687        if (!me.parent) { // Become the parent node
5688          var copy = new BranchChunk(me.children);
5689          copy.parent = me;
5690          me.children = [copy, sibling];
5691          me = copy;
5692       } else {
5693          me.size -= sibling.size;
5694          me.height -= sibling.height;
5695          var myIndex = indexOf(me.parent.children, me);
5696          me.parent.children.splice(myIndex + 1, 0, sibling);
5697        }
5698        sibling.parent = me.parent;
5699      } while (me.children.length > 10)
5700      me.parent.maybeSpill();
5701    },
5702
5703    iterN: function(at, n, op) {
5704      for (var i = 0; i < this.children.length; ++i) {
5705        var child = this.children[i], sz = child.chunkSize();
5706        if (at < sz) {
5707          var used = Math.min(n, sz - at);
5708          if (child.iterN(at, used, op)) { return true }
5709          if ((n -= used) == 0) { break }
5710          at = 0;
5711        } else { at -= sz; }
5712      }
5713    }
5714  };
5715
5716  // Line widgets are block elements displayed above or below a line.
5717
5718  var LineWidget = function(doc, node, options) {
5719    if (options) { for (var opt in options) { if (options.hasOwnProperty(opt))
5720      { this[opt] = options[opt]; } } }
5721    this.doc = doc;
5722    this.node = node;
5723  };
5724
5725  LineWidget.prototype.clear = function () {
5726    var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line);
5727    if (no == null || !ws) { return }
5728    for (var i = 0; i < ws.length; ++i) { if (ws[i] == this) { ws.splice(i--, 1); } }
5729    if (!ws.length) { line.widgets = null; }
5730    var height = widgetHeight(this);
5731    updateLineHeight(line, Math.max(0, line.height - height));
5732    if (cm) {
5733      runInOp(cm, function () {
5734        adjustScrollWhenAboveVisible(cm, line, -height);
5735        regLineChange(cm, no, "widget");
5736      });
5737      signalLater(cm, "lineWidgetCleared", cm, this, no);
5738    }
5739  };
5740
5741  LineWidget.prototype.changed = function () {
5742      var this$1 = this;
5743
5744    var oldH = this.height, cm = this.doc.cm, line = this.line;
5745    this.height = null;
5746    var diff = widgetHeight(this) - oldH;
5747    if (!diff) { return }
5748    if (!lineIsHidden(this.doc, line)) { updateLineHeight(line, line.height + diff); }
5749    if (cm) {
5750      runInOp(cm, function () {
5751        cm.curOp.forceUpdate = true;
5752        adjustScrollWhenAboveVisible(cm, line, diff);
5753        signalLater(cm, "lineWidgetChanged", cm, this$1, lineNo(line));
5754      });
5755    }
5756  };
5757  eventMixin(LineWidget);
5758
5759  function adjustScrollWhenAboveVisible(cm, line, diff) {
5760    if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop))
5761      { addToScrollTop(cm, diff); }
5762  }
5763
5764  function addLineWidget(doc, handle, node, options) {
5765    var widget = new LineWidget(doc, node, options);
5766    var cm = doc.cm;
5767    if (cm && widget.noHScroll) { cm.display.alignWidgets = true; }
5768    changeLine(doc, handle, "widget", function (line) {
5769      var widgets = line.widgets || (line.widgets = []);
5770      if (widget.insertAt == null) { widgets.push(widget); }
5771      else { widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget); }
5772      widget.line = line;
5773      if (cm && !lineIsHidden(doc, line)) {
5774        var aboveVisible = heightAtLine(line) < doc.scrollTop;
5775        updateLineHeight(line, line.height + widgetHeight(widget));
5776        if (aboveVisible) { addToScrollTop(cm, widget.height); }
5777        cm.curOp.forceUpdate = true;
5778      }
5779      return true
5780    });
5781    if (cm) { signalLater(cm, "lineWidgetAdded", cm, widget, typeof handle == "number" ? handle : lineNo(handle)); }
5782    return widget
5783  }
5784
5785  // TEXTMARKERS
5786
5787  // Created with markText and setBookmark methods. A TextMarker is a
5788  // handle that can be used to clear or find a marked position in the
5789  // document. Line objects hold arrays (markedSpans) containing
5790  // {from, to, marker} object pointing to such marker objects, and
5791  // indicating that such a marker is present on that line. Multiple
5792  // lines may point to the same marker when it spans across lines.
5793  // The spans will have null for their from/to properties when the
5794  // marker continues beyond the start/end of the line. Markers have
5795  // links back to the lines they currently touch.
5796
5797  // Collapsed markers have unique ids, in order to be able to order
5798  // them, which is needed for uniquely determining an outer marker
5799  // when they overlap (they may nest, but not partially overlap).
5800  var nextMarkerId = 0;
5801
5802  var TextMarker = function(doc, type) {
5803    this.lines = [];
5804    this.type = type;
5805    this.doc = doc;
5806    this.id = ++nextMarkerId;
5807  };
5808
5809  // Clear the marker.
5810  TextMarker.prototype.clear = function () {
5811    if (this.explicitlyCleared) { return }
5812    var cm = this.doc.cm, withOp = cm && !cm.curOp;
5813    if (withOp) { startOperation(cm); }
5814    if (hasHandler(this, "clear")) {
5815      var found = this.find();
5816      if (found) { signalLater(this, "clear", found.from, found.to); }
5817    }
5818    var min = null, max = null;
5819    for (var i = 0; i < this.lines.length; ++i) {
5820      var line = this.lines[i];
5821      var span = getMarkedSpanFor(line.markedSpans, this);
5822      if (cm && !this.collapsed) { regLineChange(cm, lineNo(line), "text"); }
5823      else if (cm) {
5824        if (span.to != null) { max = lineNo(line); }
5825        if (span.from != null) { min = lineNo(line); }
5826      }
5827      line.markedSpans = removeMarkedSpan(line.markedSpans, span);
5828      if (span.from == null && this.collapsed && !lineIsHidden(this.doc, line) && cm)
5829        { updateLineHeight(line, textHeight(cm.display)); }
5830    }
5831    if (cm && this.collapsed && !cm.options.lineWrapping) { for (var i$1 = 0; i$1 < this.lines.length; ++i$1) {
5832      var visual = visualLine(this.lines[i$1]), len = lineLength(visual);
5833      if (len > cm.display.maxLineLength) {
5834        cm.display.maxLine = visual;
5835        cm.display.maxLineLength = len;
5836        cm.display.maxLineChanged = true;
5837      }
5838    } }
5839
5840    if (min != null && cm && this.collapsed) { regChange(cm, min, max + 1); }
5841    this.lines.length = 0;
5842    this.explicitlyCleared = true;
5843    if (this.atomic && this.doc.cantEdit) {
5844      this.doc.cantEdit = false;
5845      if (cm) { reCheckSelection(cm.doc); }
5846    }
5847    if (cm) { signalLater(cm, "markerCleared", cm, this, min, max); }
5848    if (withOp) { endOperation(cm); }
5849    if (this.parent) { this.parent.clear(); }
5850  };
5851
5852  // Find the position of the marker in the document. Returns a {from,
5853  // to} object by default. Side can be passed to get a specific side
5854  // -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the
5855  // Pos objects returned contain a line object, rather than a line
5856  // number (used to prevent looking up the same line twice).
5857  TextMarker.prototype.find = function (side, lineObj) {
5858    if (side == null && this.type == "bookmark") { side = 1; }
5859    var from, to;
5860    for (var i = 0; i < this.lines.length; ++i) {
5861      var line = this.lines[i];
5862      var span = getMarkedSpanFor(line.markedSpans, this);
5863      if (span.from != null) {
5864        from = Pos(lineObj ? line : lineNo(line), span.from);
5865        if (side == -1) { return from }
5866      }
5867      if (span.to != null) {
5868        to = Pos(lineObj ? line : lineNo(line), span.to);
5869        if (side == 1) { return to }
5870      }
5871    }
5872    return from && {from: from, to: to}
5873  };
5874
5875  // Signals that the marker's widget changed, and surrounding layout
5876  // should be recomputed.
5877  TextMarker.prototype.changed = function () {
5878      var this$1 = this;
5879
5880    var pos = this.find(-1, true), widget = this, cm = this.doc.cm;
5881    if (!pos || !cm) { return }
5882    runInOp(cm, function () {
5883      var line = pos.line, lineN = lineNo(pos.line);
5884      var view = findViewForLine(cm, lineN);
5885      if (view) {
5886        clearLineMeasurementCacheFor(view);
5887        cm.curOp.selectionChanged = cm.curOp.forceUpdate = true;
5888      }
5889      cm.curOp.updateMaxLine = true;
5890      if (!lineIsHidden(widget.doc, line) && widget.height != null) {
5891        var oldHeight = widget.height;
5892        widget.height = null;
5893        var dHeight = widgetHeight(widget) - oldHeight;
5894        if (dHeight)
5895          { updateLineHeight(line, line.height + dHeight); }
5896      }
5897      signalLater(cm, "markerChanged", cm, this$1);
5898    });
5899  };
5900
5901  TextMarker.prototype.attachLine = function (line) {
5902    if (!this.lines.length && this.doc.cm) {
5903      var op = this.doc.cm.curOp;
5904      if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1)
5905        { (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this); }
5906    }
5907    this.lines.push(line);
5908  };
5909
5910  TextMarker.prototype.detachLine = function (line) {
5911    this.lines.splice(indexOf(this.lines, line), 1);
5912    if (!this.lines.length && this.doc.cm) {
5913      var op = this.doc.cm.curOp
5914      ;(op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this);
5915    }
5916  };
5917  eventMixin(TextMarker);
5918
5919  // Create a marker, wire it up to the right lines, and
5920  function markText(doc, from, to, options, type) {
5921    // Shared markers (across linked documents) are handled separately
5922    // (markTextShared will call out to this again, once per
5923    // document).
5924    if (options && options.shared) { return markTextShared(doc, from, to, options, type) }
5925    // Ensure we are in an operation.
5926    if (doc.cm && !doc.cm.curOp) { return operation(doc.cm, markText)(doc, from, to, options, type) }
5927
5928    var marker = new TextMarker(doc, type), diff = cmp(from, to);
5929    if (options) { copyObj(options, marker, false); }
5930    // Don't connect empty markers unless clearWhenEmpty is false
5931    if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false)
5932      { return marker }
5933    if (marker.replacedWith) {
5934      // Showing up as a widget implies collapsed (widget replaces text)
5935      marker.collapsed = true;
5936      marker.widgetNode = eltP("span", [marker.replacedWith], "CodeMirror-widget");
5937      if (!options.handleMouseEvents) { marker.widgetNode.setAttribute("cm-ignore-events", "true"); }
5938      if (options.insertLeft) { marker.widgetNode.insertLeft = true; }
5939    }
5940    if (marker.collapsed) {
5941      if (conflictingCollapsedRange(doc, from.line, from, to, marker) ||
5942          from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker))
5943        { throw new Error("Inserting collapsed marker partially overlapping an existing one") }
5944      seeCollapsedSpans();
5945    }
5946
5947    if (marker.addToHistory)
5948      { addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN); }
5949
5950    var curLine = from.line, cm = doc.cm, updateMaxLine;
5951    doc.iter(curLine, to.line + 1, function (line) {
5952      if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine)
5953        { updateMaxLine = true; }
5954      if (marker.collapsed && curLine != from.line) { updateLineHeight(line, 0); }
5955      addMarkedSpan(line, new MarkedSpan(marker,
5956                                         curLine == from.line ? from.ch : null,
5957                                         curLine == to.line ? to.ch : null));
5958      ++curLine;
5959    });
5960    // lineIsHidden depends on the presence of the spans, so needs a second pass
5961    if (marker.collapsed) { doc.iter(from.line, to.line + 1, function (line) {
5962      if (lineIsHidden(doc, line)) { updateLineHeight(line, 0); }
5963    }); }
5964
5965    if (marker.clearOnEnter) { on(marker, "beforeCursorEnter", function () { return marker.clear(); }); }
5966
5967    if (marker.readOnly) {
5968      seeReadOnlySpans();
5969      if (doc.history.done.length || doc.history.undone.length)
5970        { doc.clearHistory(); }
5971    }
5972    if (marker.collapsed) {
5973      marker.id = ++nextMarkerId;
5974      marker.atomic = true;
5975    }
5976    if (cm) {
5977      // Sync editor state
5978      if (updateMaxLine) { cm.curOp.updateMaxLine = true; }
5979      if (marker.collapsed)
5980        { regChange(cm, from.line, to.line + 1); }
5981      else if (marker.className || marker.startStyle || marker.endStyle || marker.css ||
5982               marker.attributes || marker.title)
5983        { for (var i = from.line; i <= to.line; i++) { regLineChange(cm, i, "text"); } }
5984      if (marker.atomic) { reCheckSelection(cm.doc); }
5985      signalLater(cm, "markerAdded", cm, marker);
5986    }
5987    return marker
5988  }
5989
5990  // SHARED TEXTMARKERS
5991
5992  // A shared marker spans multiple linked documents. It is
5993  // implemented as a meta-marker-object controlling multiple normal
5994  // markers.
5995  var SharedTextMarker = function(markers, primary) {
5996    this.markers = markers;
5997    this.primary = primary;
5998    for (var i = 0; i < markers.length; ++i)
5999      { markers[i].parent = this; }
6000  };
6001
6002  SharedTextMarker.prototype.clear = function () {
6003    if (this.explicitlyCleared) { return }
6004    this.explicitlyCleared = true;
6005    for (var i = 0; i < this.markers.length; ++i)
6006      { this.markers[i].clear(); }
6007    signalLater(this, "clear");
6008  };
6009
6010  SharedTextMarker.prototype.find = function (side, lineObj) {
6011    return this.primary.find(side, lineObj)
6012  };
6013  eventMixin(SharedTextMarker);
6014
6015  function markTextShared(doc, from, to, options, type) {
6016    options = copyObj(options);
6017    options.shared = false;
6018    var markers = [markText(doc, from, to, options, type)], primary = markers[0];
6019    var widget = options.widgetNode;
6020    linkedDocs(doc, function (doc) {
6021      if (widget) { options.widgetNode = widget.cloneNode(true); }
6022      markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type));
6023      for (var i = 0; i < doc.linked.length; ++i)
6024        { if (doc.linked[i].isParent) { return } }
6025      primary = lst(markers);
6026    });
6027    return new SharedTextMarker(markers, primary)
6028  }
6029
6030  function findSharedMarkers(doc) {
6031    return doc.findMarks(Pos(doc.first, 0), doc.clipPos(Pos(doc.lastLine())), function (m) { return m.parent; })
6032  }
6033
6034  function copySharedMarkers(doc, markers) {
6035    for (var i = 0; i < markers.length; i++) {
6036      var marker = markers[i], pos = marker.find();
6037      var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to);
6038      if (cmp(mFrom, mTo)) {
6039        var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type);
6040        marker.markers.push(subMark);
6041        subMark.parent = marker;
6042      }
6043    }
6044  }
6045
6046  function detachSharedMarkers(markers) {
6047    var loop = function ( i ) {
6048      var marker = markers[i], linked = [marker.primary.doc];
6049      linkedDocs(marker.primary.doc, function (d) { return linked.push(d); });
6050      for (var j = 0; j < marker.markers.length; j++) {
6051        var subMarker = marker.markers[j];
6052        if (indexOf(linked, subMarker.doc) == -1) {
6053          subMarker.parent = null;
6054          marker.markers.splice(j--, 1);
6055        }
6056      }
6057    };
6058
6059    for (var i = 0; i < markers.length; i++) loop( i );
6060  }
6061
6062  var nextDocId = 0;
6063  var Doc = function(text, mode, firstLine, lineSep, direction) {
6064    if (!(this instanceof Doc)) { return new Doc(text, mode, firstLine, lineSep, direction) }
6065    if (firstLine == null) { firstLine = 0; }
6066
6067    BranchChunk.call(this, [new LeafChunk([new Line("", null)])]);
6068    this.first = firstLine;
6069    this.scrollTop = this.scrollLeft = 0;
6070    this.cantEdit = false;
6071    this.cleanGeneration = 1;
6072    this.modeFrontier = this.highlightFrontier = firstLine;
6073    var start = Pos(firstLine, 0);
6074    this.sel = simpleSelection(start);
6075    this.history = new History(null);
6076    this.id = ++nextDocId;
6077    this.modeOption = mode;
6078    this.lineSep = lineSep;
6079    this.direction = (direction == "rtl") ? "rtl" : "ltr";
6080    this.extend = false;
6081
6082    if (typeof text == "string") { text = this.splitLines(text); }
6083    updateDoc(this, {from: start, to: start, text: text});
6084    setSelection(this, simpleSelection(start), sel_dontScroll);
6085  };
6086
6087  Doc.prototype = createObj(BranchChunk.prototype, {
6088    constructor: Doc,
6089    // Iterate over the document. Supports two forms -- with only one
6090    // argument, it calls that for each line in the document. With
6091    // three, it iterates over the range given by the first two (with
6092    // the second being non-inclusive).
6093    iter: function(from, to, op) {
6094      if (op) { this.iterN(from - this.first, to - from, op); }
6095      else { this.iterN(this.first, this.first + this.size, from); }
6096    },
6097
6098    // Non-public interface for adding and removing lines.
6099    insert: function(at, lines) {
6100      var height = 0;
6101      for (var i = 0; i < lines.length; ++i) { height += lines[i].height; }
6102      this.insertInner(at - this.first, lines, height);
6103    },
6104    remove: function(at, n) { this.removeInner(at - this.first, n); },
6105
6106    // From here, the methods are part of the public interface. Most
6107    // are also available from CodeMirror (editor) instances.
6108
6109    getValue: function(lineSep) {
6110      var lines = getLines(this, this.first, this.first + this.size);
6111      if (lineSep === false) { return lines }
6112      return lines.join(lineSep || this.lineSeparator())
6113    },
6114    setValue: docMethodOp(function(code) {
6115      var top = Pos(this.first, 0), last = this.first + this.size - 1;
6116      makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length),
6117                        text: this.splitLines(code), origin: "setValue", full: true}, true);
6118      if (this.cm) { scrollToCoords(this.cm, 0, 0); }
6119      setSelection(this, simpleSelection(top), sel_dontScroll);
6120    }),
6121    replaceRange: function(code, from, to, origin) {
6122      from = clipPos(this, from);
6123      to = to ? clipPos(this, to) : from;
6124      replaceRange(this, code, from, to, origin);
6125    },
6126    getRange: function(from, to, lineSep) {
6127      var lines = getBetween(this, clipPos(this, from), clipPos(this, to));
6128      if (lineSep === false) { return lines }
6129      return lines.join(lineSep || this.lineSeparator())
6130    },
6131
6132    getLine: function(line) {var l = this.getLineHandle(line); return l && l.text},
6133
6134    getLineHandle: function(line) {if (isLine(this, line)) { return getLine(this, line) }},
6135    getLineNumber: function(line) {return lineNo(line)},
6136
6137    getLineHandleVisualStart: function(line) {
6138      if (typeof line == "number") { line = getLine(this, line); }
6139      return visualLine(line)
6140    },
6141
6142    lineCount: function() {return this.size},
6143    firstLine: function() {return this.first},
6144    lastLine: function() {return this.first + this.size - 1},
6145
6146    clipPos: function(pos) {return clipPos(this, pos)},
6147
6148    getCursor: function(start) {
6149      var range = this.sel.primary(), pos;
6150      if (start == null || start == "head") { pos = range.head; }
6151      else if (start == "anchor") { pos = range.anchor; }
6152      else if (start == "end" || start == "to" || start === false) { pos = range.to(); }
6153      else { pos = range.from(); }
6154      return pos
6155    },
6156    listSelections: function() { return this.sel.ranges },
6157    somethingSelected: function() {return this.sel.somethingSelected()},
6158
6159    setCursor: docMethodOp(function(line, ch, options) {
6160      setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options);
6161    }),
6162    setSelection: docMethodOp(function(anchor, head, options) {
6163      setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options);
6164    }),
6165    extendSelection: docMethodOp(function(head, other, options) {
6166      extendSelection(this, clipPos(this, head), other && clipPos(this, other), options);
6167    }),
6168    extendSelections: docMethodOp(function(heads, options) {
6169      extendSelections(this, clipPosArray(this, heads), options);
6170    }),
6171    extendSelectionsBy: docMethodOp(function(f, options) {
6172      var heads = map(this.sel.ranges, f);
6173      extendSelections(this, clipPosArray(this, heads), options);
6174    }),
6175    setSelections: docMethodOp(function(ranges, primary, options) {
6176      if (!ranges.length) { return }
6177      var out = [];
6178      for (var i = 0; i < ranges.length; i++)
6179        { out[i] = new Range(clipPos(this, ranges[i].anchor),
6180                           clipPos(this, ranges[i].head)); }
6181      if (primary == null) { primary = Math.min(ranges.length - 1, this.sel.primIndex); }
6182      setSelection(this, normalizeSelection(this.cm, out, primary), options);
6183    }),
6184    addSelection: docMethodOp(function(anchor, head, options) {
6185      var ranges = this.sel.ranges.slice(0);
6186      ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor)));
6187      setSelection(this, normalizeSelection(this.cm, ranges, ranges.length - 1), options);
6188    }),
6189
6190    getSelection: function(lineSep) {
6191      var ranges = this.sel.ranges, lines;
6192      for (var i = 0; i < ranges.length; i++) {
6193        var sel = getBetween(this, ranges[i].from(), ranges[i].to());
6194        lines = lines ? lines.concat(sel) : sel;
6195      }
6196      if (lineSep === false) { return lines }
6197      else { return lines.join(lineSep || this.lineSeparator()) }
6198    },
6199    getSelections: function(lineSep) {
6200      var parts = [], ranges = this.sel.ranges;
6201      for (var i = 0; i < ranges.length; i++) {
6202        var sel = getBetween(this, ranges[i].from(), ranges[i].to());
6203        if (lineSep !== false) { sel = sel.join(lineSep || this.lineSeparator()); }
6204        parts[i] = sel;
6205      }
6206      return parts
6207    },
6208    replaceSelection: function(code, collapse, origin) {
6209      var dup = [];
6210      for (var i = 0; i < this.sel.ranges.length; i++)
6211        { dup[i] = code; }
6212      this.replaceSelections(dup, collapse, origin || "+input");
6213    },
6214    replaceSelections: docMethodOp(function(code, collapse, origin) {
6215      var changes = [], sel = this.sel;
6216      for (var i = 0; i < sel.ranges.length; i++) {
6217        var range = sel.ranges[i];
6218        changes[i] = {from: range.from(), to: range.to(), text: this.splitLines(code[i]), origin: origin};
6219      }
6220      var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse);
6221      for (var i$1 = changes.length - 1; i$1 >= 0; i$1--)
6222        { makeChange(this, changes[i$1]); }
6223      if (newSel) { setSelectionReplaceHistory(this, newSel); }
6224      else if (this.cm) { ensureCursorVisible(this.cm); }
6225    }),
6226    undo: docMethodOp(function() {makeChangeFromHistory(this, "undo");}),
6227    redo: docMethodOp(function() {makeChangeFromHistory(this, "redo");}),
6228    undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true);}),
6229    redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true);}),
6230
6231    setExtending: function(val) {this.extend = val;},
6232    getExtending: function() {return this.extend},
6233
6234    historySize: function() {
6235      var hist = this.history, done = 0, undone = 0;
6236      for (var i = 0; i < hist.done.length; i++) { if (!hist.done[i].ranges) { ++done; } }
6237      for (var i$1 = 0; i$1 < hist.undone.length; i$1++) { if (!hist.undone[i$1].ranges) { ++undone; } }
6238      return {undo: done, redo: undone}
6239    },
6240    clearHistory: function() {
6241      var this$1 = this;
6242
6243      this.history = new History(this.history.maxGeneration);
6244      linkedDocs(this, function (doc) { return doc.history = this$1.history; }, true);
6245    },
6246
6247    markClean: function() {
6248      this.cleanGeneration = this.changeGeneration(true);
6249    },
6250    changeGeneration: function(forceSplit) {
6251      if (forceSplit)
6252        { this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null; }
6253      return this.history.generation
6254    },
6255    isClean: function (gen) {
6256      return this.history.generation == (gen || this.cleanGeneration)
6257    },
6258
6259    getHistory: function() {
6260      return {done: copyHistoryArray(this.history.done),
6261              undone: copyHistoryArray(this.history.undone)}
6262    },
6263    setHistory: function(histData) {
6264      var hist = this.history = new History(this.history.maxGeneration);
6265      hist.done = copyHistoryArray(histData.done.slice(0), null, true);
6266      hist.undone = copyHistoryArray(histData.undone.slice(0), null, true);
6267    },
6268
6269    setGutterMarker: docMethodOp(function(line, gutterID, value) {
6270      return changeLine(this, line, "gutter", function (line) {
6271        var markers = line.gutterMarkers || (line.gutterMarkers = {});
6272        markers[gutterID] = value;
6273        if (!value && isEmpty(markers)) { line.gutterMarkers = null; }
6274        return true
6275      })
6276    }),
6277
6278    clearGutter: docMethodOp(function(gutterID) {
6279      var this$1 = this;
6280
6281      this.iter(function (line) {
6282        if (line.gutterMarkers && line.gutterMarkers[gutterID]) {
6283          changeLine(this$1, line, "gutter", function () {
6284            line.gutterMarkers[gutterID] = null;
6285            if (isEmpty(line.gutterMarkers)) { line.gutterMarkers = null; }
6286            return true
6287          });
6288        }
6289      });
6290    }),
6291
6292    lineInfo: function(line) {
6293      var n;
6294      if (typeof line == "number") {
6295        if (!isLine(this, line)) { return null }
6296        n = line;
6297        line = getLine(this, line);
6298        if (!line) { return null }
6299      } else {
6300        n = lineNo(line);
6301        if (n == null) { return null }
6302      }
6303      return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers,
6304              textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass,
6305              widgets: line.widgets}
6306    },
6307
6308    addLineClass: docMethodOp(function(handle, where, cls) {
6309      return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function (line) {
6310        var prop = where == "text" ? "textClass"
6311                 : where == "background" ? "bgClass"
6312                 : where == "gutter" ? "gutterClass" : "wrapClass";
6313        if (!line[prop]) { line[prop] = cls; }
6314        else if (classTest(cls).test(line[prop])) { return false }
6315        else { line[prop] += " " + cls; }
6316        return true
6317      })
6318    }),
6319    removeLineClass: docMethodOp(function(handle, where, cls) {
6320      return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function (line) {
6321        var prop = where == "text" ? "textClass"
6322                 : where == "background" ? "bgClass"
6323                 : where == "gutter" ? "gutterClass" : "wrapClass";
6324        var cur = line[prop];
6325        if (!cur) { return false }
6326        else if (cls == null) { line[prop] = null; }
6327        else {
6328          var found = cur.match(classTest(cls));
6329          if (!found) { return false }
6330          var end = found.index + found[0].length;
6331          line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null;
6332        }
6333        return true
6334      })
6335    }),
6336
6337    addLineWidget: docMethodOp(function(handle, node, options) {
6338      return addLineWidget(this, handle, node, options)
6339    }),
6340    removeLineWidget: function(widget) { widget.clear(); },
6341
6342    markText: function(from, to, options) {
6343      return markText(this, clipPos(this, from), clipPos(this, to), options, options && options.type || "range")
6344    },
6345    setBookmark: function(pos, options) {
6346      var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options),
6347                      insertLeft: options && options.insertLeft,
6348                      clearWhenEmpty: false, shared: options && options.shared,
6349                      handleMouseEvents: options && options.handleMouseEvents};
6350      pos = clipPos(this, pos);
6351      return markText(this, pos, pos, realOpts, "bookmark")
6352    },
6353    findMarksAt: function(pos) {
6354      pos = clipPos(this, pos);
6355      var markers = [], spans = getLine(this, pos.line).markedSpans;
6356      if (spans) { for (var i = 0; i < spans.length; ++i) {
6357        var span = spans[i];
6358        if ((span.from == null || span.from <= pos.ch) &&
6359            (span.to == null || span.to >= pos.ch))
6360          { markers.push(span.marker.parent || span.marker); }
6361      } }
6362      return markers
6363    },
6364    findMarks: function(from, to, filter) {
6365      from = clipPos(this, from); to = clipPos(this, to);
6366      var found = [], lineNo = from.line;
6367      this.iter(from.line, to.line + 1, function (line) {
6368        var spans = line.markedSpans;
6369        if (spans) { for (var i = 0; i < spans.length; i++) {
6370          var span = spans[i];
6371          if (!(span.to != null && lineNo == from.line && from.ch >= span.to ||
6372                span.from == null && lineNo != from.line ||
6373                span.from != null && lineNo == to.line && span.from >= to.ch) &&
6374              (!filter || filter(span.marker)))
6375            { found.push(span.marker.parent || span.marker); }
6376        } }
6377        ++lineNo;
6378      });
6379      return found
6380    },
6381    getAllMarks: function() {
6382      var markers = [];
6383      this.iter(function (line) {
6384        var sps = line.markedSpans;
6385        if (sps) { for (var i = 0; i < sps.length; ++i)
6386          { if (sps[i].from != null) { markers.push(sps[i].marker); } } }
6387      });
6388      return markers
6389    },
6390
6391    posFromIndex: function(off) {
6392      var ch, lineNo = this.first, sepSize = this.lineSeparator().length;
6393      this.iter(function (line) {
6394        var sz = line.text.length + sepSize;
6395        if (sz > off) { ch = off; return true }
6396        off -= sz;
6397        ++lineNo;
6398      });
6399      return clipPos(this, Pos(lineNo, ch))
6400    },
6401    indexFromPos: function (coords) {
6402      coords = clipPos(this, coords);
6403      var index = coords.ch;
6404      if (coords.line < this.first || coords.ch < 0) { return 0 }
6405      var sepSize = this.lineSeparator().length;
6406      this.iter(this.first, coords.line, function (line) { // iter aborts when callback returns a truthy value
6407        index += line.text.length + sepSize;
6408      });
6409      return index
6410    },
6411
6412    copy: function(copyHistory) {
6413      var doc = new Doc(getLines(this, this.first, this.first + this.size),
6414                        this.modeOption, this.first, this.lineSep, this.direction);
6415      doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft;
6416      doc.sel = this.sel;
6417      doc.extend = false;
6418      if (copyHistory) {
6419        doc.history.undoDepth = this.history.undoDepth;
6420        doc.setHistory(this.getHistory());
6421      }
6422      return doc
6423    },
6424
6425    linkedDoc: function(options) {
6426      if (!options) { options = {}; }
6427      var from = this.first, to = this.first + this.size;
6428      if (options.from != null && options.from > from) { from = options.from; }
6429      if (options.to != null && options.to < to) { to = options.to; }
6430      var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from, this.lineSep, this.direction);
6431      if (options.sharedHist) { copy.history = this.history
6432      ; }(this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist});
6433      copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}];
6434      copySharedMarkers(copy, findSharedMarkers(this));
6435      return copy
6436    },
6437    unlinkDoc: function(other) {
6438      if (other instanceof CodeMirror) { other = other.doc; }
6439      if (this.linked) { for (var i = 0; i < this.linked.length; ++i) {
6440        var link = this.linked[i];
6441        if (link.doc != other) { continue }
6442        this.linked.splice(i, 1);
6443        other.unlinkDoc(this);
6444        detachSharedMarkers(findSharedMarkers(this));
6445        break
6446      } }
6447      // If the histories were shared, split them again
6448      if (other.history == this.history) {
6449        var splitIds = [other.id];
6450        linkedDocs(other, function (doc) { return splitIds.push(doc.id); }, true);
6451        other.history = new History(null);
6452        other.history.done = copyHistoryArray(this.history.done, splitIds);
6453        other.history.undone = copyHistoryArray(this.history.undone, splitIds);
6454      }
6455    },
6456    iterLinkedDocs: function(f) {linkedDocs(this, f);},
6457
6458    getMode: function() {return this.mode},
6459    getEditor: function() {return this.cm},
6460
6461    splitLines: function(str) {
6462      if (this.lineSep) { return str.split(this.lineSep) }
6463      return splitLinesAuto(str)
6464    },
6465    lineSeparator: function() { return this.lineSep || "\n" },
6466
6467    setDirection: docMethodOp(function (dir) {
6468      if (dir != "rtl") { dir = "ltr"; }
6469      if (dir == this.direction) { return }
6470      this.direction = dir;
6471      this.iter(function (line) { return line.order = null; });
6472      if (this.cm) { directionChanged(this.cm); }
6473    })
6474  });
6475
6476  // Public alias.
6477  Doc.prototype.eachLine = Doc.prototype.iter;
6478
6479  // Kludge to work around strange IE behavior where it'll sometimes
6480  // re-fire a series of drag-related events right after the drop (#1551)
6481  var lastDrop = 0;
6482
6483  function onDrop(e) {
6484    var cm = this;
6485    clearDragCursor(cm);
6486    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e))
6487      { return }
6488    e_preventDefault(e);
6489    if (ie) { lastDrop = +new Date; }
6490    var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files;
6491    if (!pos || cm.isReadOnly()) { return }
6492    // Might be a file drop, in which case we simply extract the text
6493    // and insert it.
6494    if (files && files.length && window.FileReader && window.File) {
6495      var n = files.length, text = Array(n), read = 0;
6496      var markAsReadAndPasteIfAllFilesAreRead = function () {
6497        if (++read == n) {
6498          operation(cm, function () {
6499            pos = clipPos(cm.doc, pos);
6500            var change = {from: pos, to: pos,
6501                          text: cm.doc.splitLines(
6502                              text.filter(function (t) { return t != null; }).join(cm.doc.lineSeparator())),
6503                          origin: "paste"};
6504            makeChange(cm.doc, change);
6505            setSelectionReplaceHistory(cm.doc, simpleSelection(clipPos(cm.doc, pos), clipPos(cm.doc, changeEnd(change))));
6506          })();
6507        }
6508      };
6509      var readTextFromFile = function (file, i) {
6510        if (cm.options.allowDropFileTypes &&
6511            indexOf(cm.options.allowDropFileTypes, file.type) == -1) {
6512          markAsReadAndPasteIfAllFilesAreRead();
6513          return
6514        }
6515        var reader = new FileReader;
6516        reader.onerror = function () { return markAsReadAndPasteIfAllFilesAreRead(); };
6517        reader.onload = function () {
6518          var content = reader.result;
6519          if (/[\x00-\x08\x0e-\x1f]{2}/.test(content)) {
6520            markAsReadAndPasteIfAllFilesAreRead();
6521            return
6522          }
6523          text[i] = content;
6524          markAsReadAndPasteIfAllFilesAreRead();
6525        };
6526        reader.readAsText(file);
6527      };
6528      for (var i = 0; i < files.length; i++) { readTextFromFile(files[i], i); }
6529    } else { // Normal drop
6530      // Don't do a replace if the drop happened inside of the selected text.
6531      if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) {
6532        cm.state.draggingText(e);
6533        // Ensure the editor is re-focused
6534        setTimeout(function () { return cm.display.input.focus(); }, 20);
6535        return
6536      }
6537      try {
6538        var text$1 = e.dataTransfer.getData("Text");
6539        if (text$1) {
6540          var selected;
6541          if (cm.state.draggingText && !cm.state.draggingText.copy)
6542            { selected = cm.listSelections(); }
6543          setSelectionNoUndo(cm.doc, simpleSelection(pos, pos));
6544          if (selected) { for (var i$1 = 0; i$1 < selected.length; ++i$1)
6545            { replaceRange(cm.doc, "", selected[i$1].anchor, selected[i$1].head, "drag"); } }
6546          cm.replaceSelection(text$1, "around", "paste");
6547          cm.display.input.focus();
6548        }
6549      }
6550      catch(e$1){}
6551    }
6552  }
6553
6554  function onDragStart(cm, e) {
6555    if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return }
6556    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) { return }
6557
6558    e.dataTransfer.setData("Text", cm.getSelection());
6559    e.dataTransfer.effectAllowed = "copyMove";
6560
6561    // Use dummy image instead of default browsers image.
6562    // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there.
6563    if (e.dataTransfer.setDragImage && !safari) {
6564      var img = elt("img", null, null, "position: fixed; left: 0; top: 0;");
6565      img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
6566      if (presto) {
6567        img.width = img.height = 1;
6568        cm.display.wrapper.appendChild(img);
6569        // Force a relayout, or Opera won't use our image for some obscure reason
6570        img._top = img.offsetTop;
6571      }
6572      e.dataTransfer.setDragImage(img, 0, 0);
6573      if (presto) { img.parentNode.removeChild(img); }
6574    }
6575  }
6576
6577  function onDragOver(cm, e) {
6578    var pos = posFromMouse(cm, e);
6579    if (!pos) { return }
6580    var frag = document.createDocumentFragment();
6581    drawSelectionCursor(cm, pos, frag);
6582    if (!cm.display.dragCursor) {
6583      cm.display.dragCursor = elt("div", null, "CodeMirror-cursors CodeMirror-dragcursors");
6584      cm.display.lineSpace.insertBefore(cm.display.dragCursor, cm.display.cursorDiv);
6585    }
6586    removeChildrenAndAdd(cm.display.dragCursor, frag);
6587  }
6588
6589  function clearDragCursor(cm) {
6590    if (cm.display.dragCursor) {
6591      cm.display.lineSpace.removeChild(cm.display.dragCursor);
6592      cm.display.dragCursor = null;
6593    }
6594  }
6595
6596  // These must be handled carefully, because naively registering a
6597  // handler for each editor will cause the editors to never be
6598  // garbage collected.
6599
6600  function forEachCodeMirror(f) {
6601    if (!document.getElementsByClassName) { return }
6602    var byClass = document.getElementsByClassName("CodeMirror"), editors = [];
6603    for (var i = 0; i < byClass.length; i++) {
6604      var cm = byClass[i].CodeMirror;
6605      if (cm) { editors.push(cm); }
6606    }
6607    if (editors.length) { editors[0].operation(function () {
6608      for (var i = 0; i < editors.length; i++) { f(editors[i]); }
6609    }); }
6610  }
6611
6612  var globalsRegistered = false;
6613  function ensureGlobalHandlers() {
6614    if (globalsRegistered) { return }
6615    registerGlobalHandlers();
6616    globalsRegistered = true;
6617  }
6618  function registerGlobalHandlers() {
6619    // When the window resizes, we need to refresh active editors.
6620    var resizeTimer;
6621    on(window, "resize", function () {
6622      if (resizeTimer == null) { resizeTimer = setTimeout(function () {
6623        resizeTimer = null;
6624        forEachCodeMirror(onResize);
6625      }, 100); }
6626    });
6627    // When the window loses focus, we want to show the editor as blurred
6628    on(window, "blur", function () { return forEachCodeMirror(onBlur); });
6629  }
6630  // Called when the window resizes
6631  function onResize(cm) {
6632    var d = cm.display;
6633    // Might be a text scaling operation, clear size caches.
6634    d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
6635    d.scrollbarsClipped = false;
6636    cm.setSize();
6637  }
6638
6639  var keyNames = {
6640    3: "Pause", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
6641    19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End",
6642    36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert",
6643    46: "Delete", 59: ";", 61: "=", 91: "Mod", 92: "Mod", 93: "Mod",
6644    106: "*", 107: "=", 109: "-", 110: ".", 111: "/", 145: "ScrollLock",
6645    173: "-", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
6646    221: "]", 222: "'", 224: "Mod", 63232: "Up", 63233: "Down", 63234: "Left", 63235: "Right", 63272: "Delete",
6647    63273: "Home", 63275: "End", 63276: "PageUp", 63277: "PageDown", 63302: "Insert"
6648  };
6649
6650  // Number keys
6651  for (var i = 0; i < 10; i++) { keyNames[i + 48] = keyNames[i + 96] = String(i); }
6652  // Alphabetic keys
6653  for (var i$1 = 65; i$1 <= 90; i$1++) { keyNames[i$1] = String.fromCharCode(i$1); }
6654  // Function keys
6655  for (var i$2 = 1; i$2 <= 12; i$2++) { keyNames[i$2 + 111] = keyNames[i$2 + 63235] = "F" + i$2; }
6656
6657  var keyMap = {};
6658
6659  keyMap.basic = {
6660    "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
6661    "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown",
6662    "Delete": "delCharAfter", "Backspace": "delCharBefore", "Shift-Backspace": "delCharBefore",
6663    "Tab": "defaultTab", "Shift-Tab": "indentAuto",
6664    "Enter": "newlineAndIndent", "Insert": "toggleOverwrite",
6665    "Esc": "singleSelection"
6666  };
6667  // Note that the save and find-related commands aren't defined by
6668  // default. User code or addons can define them. Unknown commands
6669  // are simply ignored.
6670  keyMap.pcDefault = {
6671    "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo",
6672    "Ctrl-Home": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Up": "goLineUp", "Ctrl-Down": "goLineDown",
6673    "Ctrl-Left": "goGroupLeft", "Ctrl-Right": "goGroupRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd",
6674    "Ctrl-Backspace": "delGroupBefore", "Ctrl-Delete": "delGroupAfter", "Ctrl-S": "save", "Ctrl-F": "find",
6675    "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll",
6676    "Ctrl-[": "indentLess", "Ctrl-]": "indentMore",
6677    "Ctrl-U": "undoSelection", "Shift-Ctrl-U": "redoSelection", "Alt-U": "redoSelection",
6678    "fallthrough": "basic"
6679  };
6680  // Very basic readline/emacs-style bindings, which are standard on Mac.
6681  keyMap.emacsy = {
6682    "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
6683    "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
6684    "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore",
6685    "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars",
6686    "Ctrl-O": "openLine"
6687  };
6688  keyMap.macDefault = {
6689    "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
6690    "Cmd-Home": "goDocStart", "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft",
6691    "Alt-Right": "goGroupRight", "Cmd-Left": "goLineLeft", "Cmd-Right": "goLineRight", "Alt-Backspace": "delGroupBefore",
6692    "Ctrl-Alt-Backspace": "delGroupAfter", "Alt-Delete": "delGroupAfter", "Cmd-S": "save", "Cmd-F": "find",
6693    "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll",
6694    "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delWrappedLineLeft", "Cmd-Delete": "delWrappedLineRight",
6695    "Cmd-U": "undoSelection", "Shift-Cmd-U": "redoSelection", "Ctrl-Up": "goDocStart", "Ctrl-Down": "goDocEnd",
6696    "fallthrough": ["basic", "emacsy"]
6697  };
6698  keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
6699
6700  // KEYMAP DISPATCH
6701
6702  function normalizeKeyName(name) {
6703    var parts = name.split(/-(?!$)/);
6704    name = parts[parts.length - 1];
6705    var alt, ctrl, shift, cmd;
6706    for (var i = 0; i < parts.length - 1; i++) {
6707      var mod = parts[i];
6708      if (/^(cmd|meta|m)$/i.test(mod)) { cmd = true; }
6709      else if (/^a(lt)?$/i.test(mod)) { alt = true; }
6710      else if (/^(c|ctrl|control)$/i.test(mod)) { ctrl = true; }
6711      else if (/^s(hift)?$/i.test(mod)) { shift = true; }
6712      else { throw new Error("Unrecognized modifier name: " + mod) }
6713    }
6714    if (alt) { name = "Alt-" + name; }
6715    if (ctrl) { name = "Ctrl-" + name; }
6716    if (cmd) { name = "Cmd-" + name; }
6717    if (shift) { name = "Shift-" + name; }
6718    return name
6719  }
6720
6721  // This is a kludge to keep keymaps mostly working as raw objects
6722  // (backwards compatibility) while at the same time support features
6723  // like normalization and multi-stroke key bindings. It compiles a
6724  // new normalized keymap, and then updates the old object to reflect
6725  // this.
6726  function normalizeKeyMap(keymap) {
6727    var copy = {};
6728    for (var keyname in keymap) { if (keymap.hasOwnProperty(keyname)) {
6729      var value = keymap[keyname];
6730      if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) { continue }
6731      if (value == "...") { delete keymap[keyname]; continue }
6732
6733      var keys = map(keyname.split(" "), normalizeKeyName);
6734      for (var i = 0; i < keys.length; i++) {
6735        var val = (void 0), name = (void 0);
6736        if (i == keys.length - 1) {
6737          name = keys.join(" ");
6738          val = value;
6739        } else {
6740          name = keys.slice(0, i + 1).join(" ");
6741          val = "...";
6742        }
6743        var prev = copy[name];
6744        if (!prev) { copy[name] = val; }
6745        else if (prev != val) { throw new Error("Inconsistent bindings for " + name) }
6746      }
6747      delete keymap[keyname];
6748    } }
6749    for (var prop in copy) { keymap[prop] = copy[prop]; }
6750    return keymap
6751  }
6752
6753  function lookupKey(key, map, handle, context) {
6754    map = getKeyMap(map);
6755    var found = map.call ? map.call(key, context) : map[key];
6756    if (found === false) { return "nothing" }
6757    if (found === "...") { return "multi" }
6758    if (found != null && handle(found)) { return "handled" }
6759
6760    if (map.fallthrough) {
6761      if (Object.prototype.toString.call(map.fallthrough) != "[object Array]")
6762        { return lookupKey(key, map.fallthrough, handle, context) }
6763      for (var i = 0; i < map.fallthrough.length; i++) {
6764        var result = lookupKey(key, map.fallthrough[i], handle, context);
6765        if (result) { return result }
6766      }
6767    }
6768  }
6769
6770  // Modifier key presses don't count as 'real' key presses for the
6771  // purpose of keymap fallthrough.
6772  function isModifierKey(value) {
6773    var name = typeof value == "string" ? value : keyNames[value.keyCode];
6774    return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod"
6775  }
6776
6777  function addModifierNames(name, event, noShift) {
6778    var base = name;
6779    if (event.altKey && base != "Alt") { name = "Alt-" + name; }
6780    if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") { name = "Ctrl-" + name; }
6781    if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Mod") { name = "Cmd-" + name; }
6782    if (!noShift && event.shiftKey && base != "Shift") { name = "Shift-" + name; }
6783    return name
6784  }
6785
6786  // Look up the name of a key as indicated by an event object.
6787  function keyName(event, noShift) {
6788    if (presto && event.keyCode == 34 && event["char"]) { return false }
6789    var name = keyNames[event.keyCode];
6790    if (name == null || event.altGraphKey) { return false }
6791    // Ctrl-ScrollLock has keyCode 3, same as Ctrl-Pause,
6792    // so we'll use event.code when available (Chrome 48+, FF 38+, Safari 10.1+)
6793    if (event.keyCode == 3 && event.code) { name = event.code; }
6794    return addModifierNames(name, event, noShift)
6795  }
6796
6797  function getKeyMap(val) {
6798    return typeof val == "string" ? keyMap[val] : val
6799  }
6800
6801  // Helper for deleting text near the selection(s), used to implement
6802  // backspace, delete, and similar functionality.
6803  function deleteNearSelection(cm, compute) {
6804    var ranges = cm.doc.sel.ranges, kill = [];
6805    // Build up a set of ranges to kill first, merging overlapping
6806    // ranges.
6807    for (var i = 0; i < ranges.length; i++) {
6808      var toKill = compute(ranges[i]);
6809      while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) {
6810        var replaced = kill.pop();
6811        if (cmp(replaced.from, toKill.from) < 0) {
6812          toKill.from = replaced.from;
6813          break
6814        }
6815      }
6816      kill.push(toKill);
6817    }
6818    // Next, remove those actual ranges.
6819    runInOp(cm, function () {
6820      for (var i = kill.length - 1; i >= 0; i--)
6821        { replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete"); }
6822      ensureCursorVisible(cm);
6823    });
6824  }
6825
6826  function moveCharLogically(line, ch, dir) {
6827    var target = skipExtendingChars(line.text, ch + dir, dir);
6828    return target < 0 || target > line.text.length ? null : target
6829  }
6830
6831  function moveLogically(line, start, dir) {
6832    var ch = moveCharLogically(line, start.ch, dir);
6833    return ch == null ? null : new Pos(start.line, ch, dir < 0 ? "after" : "before")
6834  }
6835
6836  function endOfLine(visually, cm, lineObj, lineNo, dir) {
6837    if (visually) {
6838      if (cm.doc.direction == "rtl") { dir = -dir; }
6839      var order = getOrder(lineObj, cm.doc.direction);
6840      if (order) {
6841        var part = dir < 0 ? lst(order) : order[0];
6842        var moveInStorageOrder = (dir < 0) == (part.level == 1);
6843        var sticky = moveInStorageOrder ? "after" : "before";
6844        var ch;
6845        // With a wrapped rtl chunk (possibly spanning multiple bidi parts),
6846        // it could be that the last bidi part is not on the last visual line,
6847        // since visual lines contain content order-consecutive chunks.
6848        // Thus, in rtl, we are looking for the first (content-order) character
6849        // in the rtl chunk that is on the last line (that is, the same line
6850        // as the last (content-order) character).
6851        if (part.level > 0 || cm.doc.direction == "rtl") {
6852          var prep = prepareMeasureForLine(cm, lineObj);
6853          ch = dir < 0 ? lineObj.text.length - 1 : 0;
6854          var targetTop = measureCharPrepared(cm, prep, ch).top;
6855          ch = findFirst(function (ch) { return measureCharPrepared(cm, prep, ch).top == targetTop; }, (dir < 0) == (part.level == 1) ? part.from : part.to - 1, ch);
6856          if (sticky == "before") { ch = moveCharLogically(lineObj, ch, 1); }
6857        } else { ch = dir < 0 ? part.to : part.from; }
6858        return new Pos(lineNo, ch, sticky)
6859      }
6860    }
6861    return new Pos(lineNo, dir < 0 ? lineObj.text.length : 0, dir < 0 ? "before" : "after")
6862  }
6863
6864  function moveVisually(cm, line, start, dir) {
6865    var bidi = getOrder(line, cm.doc.direction);
6866    if (!bidi) { return moveLogically(line, start, dir) }
6867    if (start.ch >= line.text.length) {
6868      start.ch = line.text.length;
6869      start.sticky = "before";
6870    } else if (start.ch <= 0) {
6871      start.ch = 0;
6872      start.sticky = "after";
6873    }
6874    var partPos = getBidiPartAt(bidi, start.ch, start.sticky), part = bidi[partPos];
6875    if (cm.doc.direction == "ltr" && part.level % 2 == 0 && (dir > 0 ? part.to > start.ch : part.from < start.ch)) {
6876      // Case 1: We move within an ltr part in an ltr editor. Even with wrapped lines,
6877      // nothing interesting happens.
6878      return moveLogically(line, start, dir)
6879    }
6880
6881    var mv = function (pos, dir) { return moveCharLogically(line, pos instanceof Pos ? pos.ch : pos, dir); };
6882    var prep;
6883    var getWrappedLineExtent = function (ch) {
6884      if (!cm.options.lineWrapping) { return {begin: 0, end: line.text.length} }
6885      prep = prep || prepareMeasureForLine(cm, line);
6886      return wrappedLineExtentChar(cm, line, prep, ch)
6887    };
6888    var wrappedLineExtent = getWrappedLineExtent(start.sticky == "before" ? mv(start, -1) : start.ch);
6889
6890    if (cm.doc.direction == "rtl" || part.level == 1) {
6891      var moveInStorageOrder = (part.level == 1) == (dir < 0);
6892      var ch = mv(start, moveInStorageOrder ? 1 : -1);
6893      if (ch != null && (!moveInStorageOrder ? ch >= part.from && ch >= wrappedLineExtent.begin : ch <= part.to && ch <= wrappedLineExtent.end)) {
6894        // Case 2: We move within an rtl part or in an rtl editor on the same visual line
6895        var sticky = moveInStorageOrder ? "before" : "after";
6896        return new Pos(start.line, ch, sticky)
6897      }
6898    }
6899
6900    // Case 3: Could not move within this bidi part in this visual line, so leave
6901    // the current bidi part
6902
6903    var searchInVisualLine = function (partPos, dir, wrappedLineExtent) {
6904      var getRes = function (ch, moveInStorageOrder) { return moveInStorageOrder
6905        ? new Pos(start.line, mv(ch, 1), "before")
6906        : new Pos(start.line, ch, "after"); };
6907
6908      for (; partPos >= 0 && partPos < bidi.length; partPos += dir) {
6909        var part = bidi[partPos];
6910        var moveInStorageOrder = (dir > 0) == (part.level != 1);
6911        var ch = moveInStorageOrder ? wrappedLineExtent.begin : mv(wrappedLineExtent.end, -1);
6912        if (part.from <= ch && ch < part.to) { return getRes(ch, moveInStorageOrder) }
6913        ch = moveInStorageOrder ? part.from : mv(part.to, -1);
6914        if (wrappedLineExtent.begin <= ch && ch < wrappedLineExtent.end) { return getRes(ch, moveInStorageOrder) }
6915      }
6916    };
6917
6918    // Case 3a: Look for other bidi parts on the same visual line
6919    var res = searchInVisualLine(partPos + dir, dir, wrappedLineExtent);
6920    if (res) { return res }
6921
6922    // Case 3b: Look for other bidi parts on the next visual line
6923    var nextCh = dir > 0 ? wrappedLineExtent.end : mv(wrappedLineExtent.begin, -1);
6924    if (nextCh != null && !(dir > 0 && nextCh == line.text.length)) {
6925      res = searchInVisualLine(dir > 0 ? 0 : bidi.length - 1, dir, getWrappedLineExtent(nextCh));
6926      if (res) { return res }
6927    }
6928
6929    // Case 4: Nowhere to move
6930    return null
6931  }
6932
6933  // Commands are parameter-less actions that can be performed on an
6934  // editor, mostly used for keybindings.
6935  var commands = {
6936    selectAll: selectAll,
6937    singleSelection: function (cm) { return cm.setSelection(cm.getCursor("anchor"), cm.getCursor("head"), sel_dontScroll); },
6938    killLine: function (cm) { return deleteNearSelection(cm, function (range) {
6939      if (range.empty()) {
6940        var len = getLine(cm.doc, range.head.line).text.length;
6941        if (range.head.ch == len && range.head.line < cm.lastLine())
6942          { return {from: range.head, to: Pos(range.head.line + 1, 0)} }
6943        else
6944          { return {from: range.head, to: Pos(range.head.line, len)} }
6945      } else {
6946        return {from: range.from(), to: range.to()}
6947      }
6948    }); },
6949    deleteLine: function (cm) { return deleteNearSelection(cm, function (range) { return ({
6950      from: Pos(range.from().line, 0),
6951      to: clipPos(cm.doc, Pos(range.to().line + 1, 0))
6952    }); }); },
6953    delLineLeft: function (cm) { return deleteNearSelection(cm, function (range) { return ({
6954      from: Pos(range.from().line, 0), to: range.from()
6955    }); }); },
6956    delWrappedLineLeft: function (cm) { return deleteNearSelection(cm, function (range) {
6957      var top = cm.charCoords(range.head, "div").top + 5;
6958      var leftPos = cm.coordsChar({left: 0, top: top}, "div");
6959      return {from: leftPos, to: range.from()}
6960    }); },
6961    delWrappedLineRight: function (cm) { return deleteNearSelection(cm, function (range) {
6962      var top = cm.charCoords(range.head, "div").top + 5;
6963      var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div");
6964      return {from: range.from(), to: rightPos }
6965    }); },
6966    undo: function (cm) { return cm.undo(); },
6967    redo: function (cm) { return cm.redo(); },
6968    undoSelection: function (cm) { return cm.undoSelection(); },
6969    redoSelection: function (cm) { return cm.redoSelection(); },
6970    goDocStart: function (cm) { return cm.extendSelection(Pos(cm.firstLine(), 0)); },
6971    goDocEnd: function (cm) { return cm.extendSelection(Pos(cm.lastLine())); },
6972    goLineStart: function (cm) { return cm.extendSelectionsBy(function (range) { return lineStart(cm, range.head.line); },
6973      {origin: "+move", bias: 1}
6974    ); },
6975    goLineStartSmart: function (cm) { return cm.extendSelectionsBy(function (range) { return lineStartSmart(cm, range.head); },
6976      {origin: "+move", bias: 1}
6977    ); },
6978    goLineEnd: function (cm) { return cm.extendSelectionsBy(function (range) { return lineEnd(cm, range.head.line); },
6979      {origin: "+move", bias: -1}
6980    ); },
6981    goLineRight: function (cm) { return cm.extendSelectionsBy(function (range) {
6982      var top = cm.cursorCoords(range.head, "div").top + 5;
6983      return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div")
6984    }, sel_move); },
6985    goLineLeft: function (cm) { return cm.extendSelectionsBy(function (range) {
6986      var top = cm.cursorCoords(range.head, "div").top + 5;
6987      return cm.coordsChar({left: 0, top: top}, "div")
6988    }, sel_move); },
6989    goLineLeftSmart: function (cm) { return cm.extendSelectionsBy(function (range) {
6990      var top = cm.cursorCoords(range.head, "div").top + 5;
6991      var pos = cm.coordsChar({left: 0, top: top}, "div");
6992      if (pos.ch < cm.getLine(pos.line).search(/\S/)) { return lineStartSmart(cm, range.head) }
6993      return pos
6994    }, sel_move); },
6995    goLineUp: function (cm) { return cm.moveV(-1, "line"); },
6996    goLineDown: function (cm) { return cm.moveV(1, "line"); },
6997    goPageUp: function (cm) { return cm.moveV(-1, "page"); },
6998    goPageDown: function (cm) { return cm.moveV(1, "page"); },
6999    goCharLeft: function (cm) { return cm.moveH(-1, "char"); },
7000    goCharRight: function (cm) { return cm.moveH(1, "char"); },
7001    goColumnLeft: function (cm) { return cm.moveH(-1, "column"); },
7002    goColumnRight: function (cm) { return cm.moveH(1, "column"); },
7003    goWordLeft: function (cm) { return cm.moveH(-1, "word"); },
7004    goGroupRight: function (cm) { return cm.moveH(1, "group"); },
7005    goGroupLeft: function (cm) { return cm.moveH(-1, "group"); },
7006    goWordRight: function (cm) { return cm.moveH(1, "word"); },
7007    delCharBefore: function (cm) { return cm.deleteH(-1, "codepoint"); },
7008    delCharAfter: function (cm) { return cm.deleteH(1, "char"); },
7009    delWordBefore: function (cm) { return cm.deleteH(-1, "word"); },
7010    delWordAfter: function (cm) { return cm.deleteH(1, "word"); },
7011    delGroupBefore: function (cm) { return cm.deleteH(-1, "group"); },
7012    delGroupAfter: function (cm) { return cm.deleteH(1, "group"); },
7013    indentAuto: function (cm) { return cm.indentSelection("smart"); },
7014    indentMore: function (cm) { return cm.indentSelection("add"); },
7015    indentLess: function (cm) { return cm.indentSelection("subtract"); },
7016    insertTab: function (cm) { return cm.replaceSelection("\t"); },
7017    insertSoftTab: function (cm) {
7018      var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize;
7019      for (var i = 0; i < ranges.length; i++) {
7020        var pos = ranges[i].from();
7021        var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize);
7022        spaces.push(spaceStr(tabSize - col % tabSize));
7023      }
7024      cm.replaceSelections(spaces);
7025    },
7026    defaultTab: function (cm) {
7027      if (cm.somethingSelected()) { cm.indentSelection("add"); }
7028      else { cm.execCommand("insertTab"); }
7029    },
7030    // Swap the two chars left and right of each selection's head.
7031    // Move cursor behind the two swapped characters afterwards.
7032    //
7033    // Doesn't consider line feeds a character.
7034    // Doesn't scan more than one line above to find a character.
7035    // Doesn't do anything on an empty line.
7036    // Doesn't do anything with non-empty selections.
7037    transposeChars: function (cm) { return runInOp(cm, function () {
7038      var ranges = cm.listSelections(), newSel = [];
7039      for (var i = 0; i < ranges.length; i++) {
7040        if (!ranges[i].empty()) { continue }
7041        var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text;
7042        if (line) {
7043          if (cur.ch == line.length) { cur = new Pos(cur.line, cur.ch - 1); }
7044          if (cur.ch > 0) {
7045            cur = new Pos(cur.line, cur.ch + 1);
7046            cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2),
7047                            Pos(cur.line, cur.ch - 2), cur, "+transpose");
7048          } else if (cur.line > cm.doc.first) {
7049            var prev = getLine(cm.doc, cur.line - 1).text;
7050            if (prev) {
7051              cur = new Pos(cur.line, 1);
7052              cm.replaceRange(line.charAt(0) + cm.doc.lineSeparator() +
7053                              prev.charAt(prev.length - 1),
7054                              Pos(cur.line - 1, prev.length - 1), cur, "+transpose");
7055            }
7056          }
7057        }
7058        newSel.push(new Range(cur, cur));
7059      }
7060      cm.setSelections(newSel);
7061    }); },
7062    newlineAndIndent: function (cm) { return runInOp(cm, function () {
7063      var sels = cm.listSelections();
7064      for (var i = sels.length - 1; i >= 0; i--)
7065        { cm.replaceRange(cm.doc.lineSeparator(), sels[i].anchor, sels[i].head, "+input"); }
7066      sels = cm.listSelections();
7067      for (var i$1 = 0; i$1 < sels.length; i$1++)
7068        { cm.indentLine(sels[i$1].from().line, null, true); }
7069      ensureCursorVisible(cm);
7070    }); },
7071    openLine: function (cm) { return cm.replaceSelection("\n", "start"); },
7072    toggleOverwrite: function (cm) { return cm.toggleOverwrite(); }
7073  };
7074
7075
7076  function lineStart(cm, lineN) {
7077    var line = getLine(cm.doc, lineN);
7078    var visual = visualLine(line);
7079    if (visual != line) { lineN = lineNo(visual); }
7080    return endOfLine(true, cm, visual, lineN, 1)
7081  }
7082  function lineEnd(cm, lineN) {
7083    var line = getLine(cm.doc, lineN);
7084    var visual = visualLineEnd(line);
7085    if (visual != line) { lineN = lineNo(visual); }
7086    return endOfLine(true, cm, line, lineN, -1)
7087  }
7088  function lineStartSmart(cm, pos) {
7089    var start = lineStart(cm, pos.line);
7090    var line = getLine(cm.doc, start.line);
7091    var order = getOrder(line, cm.doc.direction);
7092    if (!order || order[0].level == 0) {
7093      var firstNonWS = Math.max(start.ch, line.text.search(/\S/));
7094      var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch;
7095      return Pos(start.line, inWS ? 0 : firstNonWS, start.sticky)
7096    }
7097    return start
7098  }
7099
7100  // Run a handler that was bound to a key.
7101  function doHandleBinding(cm, bound, dropShift) {
7102    if (typeof bound == "string") {
7103      bound = commands[bound];
7104      if (!bound) { return false }
7105    }
7106    // Ensure previous input has been read, so that the handler sees a
7107    // consistent view of the document
7108    cm.display.input.ensurePolled();
7109    var prevShift = cm.display.shift, done = false;
7110    try {
7111      if (cm.isReadOnly()) { cm.state.suppressEdits = true; }
7112      if (dropShift) { cm.display.shift = false; }
7113      done = bound(cm) != Pass;
7114    } finally {
7115      cm.display.shift = prevShift;
7116      cm.state.suppressEdits = false;
7117    }
7118    return done
7119  }
7120
7121  function lookupKeyForEditor(cm, name, handle) {
7122    for (var i = 0; i < cm.state.keyMaps.length; i++) {
7123      var result = lookupKey(name, cm.state.keyMaps[i], handle, cm);
7124      if (result) { return result }
7125    }
7126    return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle, cm))
7127      || lookupKey(name, cm.options.keyMap, handle, cm)
7128  }
7129
7130  // Note that, despite the name, this function is also used to check
7131  // for bound mouse clicks.
7132
7133  var stopSeq = new Delayed;
7134
7135  function dispatchKey(cm, name, e, handle) {
7136    var seq = cm.state.keySeq;
7137    if (seq) {
7138      if (isModifierKey(name)) { return "handled" }
7139      if (/\'$/.test(name))
7140        { cm.state.keySeq = null; }
7141      else
7142        { stopSeq.set(50, function () {
7143          if (cm.state.keySeq == seq) {
7144            cm.state.keySeq = null;
7145            cm.display.input.reset();
7146          }
7147        }); }
7148      if (dispatchKeyInner(cm, seq + " " + name, e, handle)) { return true }
7149    }
7150    return dispatchKeyInner(cm, name, e, handle)
7151  }
7152
7153  function dispatchKeyInner(cm, name, e, handle) {
7154    var result = lookupKeyForEditor(cm, name, handle);
7155
7156    if (result == "multi")
7157      { cm.state.keySeq = name; }
7158    if (result == "handled")
7159      { signalLater(cm, "keyHandled", cm, name, e); }
7160
7161    if (result == "handled" || result == "multi") {
7162      e_preventDefault(e);
7163      restartBlink(cm);
7164    }
7165
7166    return !!result
7167  }
7168
7169  // Handle a key from the keydown event.
7170  function handleKeyBinding(cm, e) {
7171    var name = keyName(e, true);
7172    if (!name) { return false }
7173
7174    if (e.shiftKey && !cm.state.keySeq) {
7175      // First try to resolve full name (including 'Shift-'). Failing
7176      // that, see if there is a cursor-motion command (starting with
7177      // 'go') bound to the keyname without 'Shift-'.
7178      return dispatchKey(cm, "Shift-" + name, e, function (b) { return doHandleBinding(cm, b, true); })
7179          || dispatchKey(cm, name, e, function (b) {
7180               if (typeof b == "string" ? /^go[A-Z]/.test(b) : b.motion)
7181                 { return doHandleBinding(cm, b) }
7182             })
7183    } else {
7184      return dispatchKey(cm, name, e, function (b) { return doHandleBinding(cm, b); })
7185    }
7186  }
7187
7188  // Handle a key from the keypress event
7189  function handleCharBinding(cm, e, ch) {
7190    return dispatchKey(cm, "'" + ch + "'", e, function (b) { return doHandleBinding(cm, b, true); })
7191  }
7192
7193  var lastStoppedKey = null;
7194  function onKeyDown(e) {
7195    var cm = this;
7196    if (e.target && e.target != cm.display.input.getField()) { return }
7197    cm.curOp.focus = activeElt();
7198    if (signalDOMEvent(cm, e)) { return }
7199    // IE does strange things with escape.
7200    if (ie && ie_version < 11 && e.keyCode == 27) { e.returnValue = false; }
7201    var code = e.keyCode;
7202    cm.display.shift = code == 16 || e.shiftKey;
7203    var handled = handleKeyBinding(cm, e);
7204    if (presto) {
7205      lastStoppedKey = handled ? code : null;
7206      // Opera has no cut event... we try to at least catch the key combo
7207      if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey))
7208        { cm.replaceSelection("", null, "cut"); }
7209    }
7210    if (gecko && !mac && !handled && code == 46 && e.shiftKey && !e.ctrlKey && document.execCommand)
7211      { document.execCommand("cut"); }
7212
7213    // Turn mouse into crosshair when Alt is held on Mac.
7214    if (code == 18 && !/\bCodeMirror-crosshair\b/.test(cm.display.lineDiv.className))
7215      { showCrossHair(cm); }
7216  }
7217
7218  function showCrossHair(cm) {
7219    var lineDiv = cm.display.lineDiv;
7220    addClass(lineDiv, "CodeMirror-crosshair");
7221
7222    function up(e) {
7223      if (e.keyCode == 18 || !e.altKey) {
7224        rmClass(lineDiv, "CodeMirror-crosshair");
7225        off(document, "keyup", up);
7226        off(document, "mouseover", up);
7227      }
7228    }
7229    on(document, "keyup", up);
7230    on(document, "mouseover", up);
7231  }
7232
7233  function onKeyUp(e) {
7234    if (e.keyCode == 16) { this.doc.sel.shift = false; }
7235    signalDOMEvent(this, e);
7236  }
7237
7238  function onKeyPress(e) {
7239    var cm = this;
7240    if (e.target && e.target != cm.display.input.getField()) { return }
7241    if (eventInWidget(cm.display, e) || signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) { return }
7242    var keyCode = e.keyCode, charCode = e.charCode;
7243    if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return}
7244    if ((presto && (!e.which || e.which < 10)) && handleKeyBinding(cm, e)) { return }
7245    var ch = String.fromCharCode(charCode == null ? keyCode : charCode);
7246    // Some browsers fire keypress events for backspace
7247    if (ch == "\x08") { return }
7248    if (handleCharBinding(cm, e, ch)) { return }
7249    cm.display.input.onKeyPress(e);
7250  }
7251
7252  var DOUBLECLICK_DELAY = 400;
7253
7254  var PastClick = function(time, pos, button) {
7255    this.time = time;
7256    this.pos = pos;
7257    this.button = button;
7258  };
7259
7260  PastClick.prototype.compare = function (time, pos, button) {
7261    return this.time + DOUBLECLICK_DELAY > time &&
7262      cmp(pos, this.pos) == 0 && button == this.button
7263  };
7264
7265  var lastClick, lastDoubleClick;
7266  function clickRepeat(pos, button) {
7267    var now = +new Date;
7268    if (lastDoubleClick && lastDoubleClick.compare(now, pos, button)) {
7269      lastClick = lastDoubleClick = null;
7270      return "triple"
7271    } else if (lastClick && lastClick.compare(now, pos, button)) {
7272      lastDoubleClick = new PastClick(now, pos, button);
7273      lastClick = null;
7274      return "double"
7275    } else {
7276      lastClick = new PastClick(now, pos, button);
7277      lastDoubleClick = null;
7278      return "single"
7279    }
7280  }
7281
7282  // A mouse down can be a single click, double click, triple click,
7283  // start of selection drag, start of text drag, new cursor
7284  // (ctrl-click), rectangle drag (alt-drag), or xwin
7285  // middle-click-paste. Or it might be a click on something we should
7286  // not interfere with, such as a scrollbar or widget.
7287  function onMouseDown(e) {
7288    var cm = this, display = cm.display;
7289    if (signalDOMEvent(cm, e) || display.activeTouch && display.input.supportsTouch()) { return }
7290    display.input.ensurePolled();
7291    display.shift = e.shiftKey;
7292
7293    if (eventInWidget(display, e)) {
7294      if (!webkit) {
7295        // Briefly turn off draggability, to allow widgets to do
7296        // normal dragging things.
7297        display.scroller.draggable = false;
7298        setTimeout(function () { return display.scroller.draggable = true; }, 100);
7299      }
7300      return
7301    }
7302    if (clickInGutter(cm, e)) { return }
7303    var pos = posFromMouse(cm, e), button = e_button(e), repeat = pos ? clickRepeat(pos, button) : "single";
7304    window.focus();
7305
7306    // #3261: make sure, that we're not starting a second selection
7307    if (button == 1 && cm.state.selectingText)
7308      { cm.state.selectingText(e); }
7309
7310    if (pos && handleMappedButton(cm, button, pos, repeat, e)) { return }
7311
7312    if (button == 1) {
7313      if (pos) { leftButtonDown(cm, pos, repeat, e); }
7314      else if (e_target(e) == display.scroller) { e_preventDefault(e); }
7315    } else if (button == 2) {
7316      if (pos) { extendSelection(cm.doc, pos); }
7317      setTimeout(function () { return display.input.focus(); }, 20);
7318    } else if (button == 3) {
7319      if (captureRightClick) { cm.display.input.onContextMenu(e); }
7320      else { delayBlurEvent(cm); }
7321    }
7322  }
7323
7324  function handleMappedButton(cm, button, pos, repeat, event) {
7325    var name = "Click";
7326    if (repeat == "double") { name = "Double" + name; }
7327    else if (repeat == "triple") { name = "Triple" + name; }
7328    name = (button == 1 ? "Left" : button == 2 ? "Middle" : "Right") + name;
7329
7330    return dispatchKey(cm,  addModifierNames(name, event), event, function (bound) {
7331      if (typeof bound == "string") { bound = commands[bound]; }
7332      if (!bound) { return false }
7333      var done = false;
7334      try {
7335        if (cm.isReadOnly()) { cm.state.suppressEdits = true; }
7336        done = bound(cm, pos) != Pass;
7337      } finally {
7338        cm.state.suppressEdits = false;
7339      }
7340      return done
7341    })
7342  }
7343
7344  function configureMouse(cm, repeat, event) {
7345    var option = cm.getOption("configureMouse");
7346    var value = option ? option(cm, repeat, event) : {};
7347    if (value.unit == null) {
7348      var rect = chromeOS ? event.shiftKey && event.metaKey : event.altKey;
7349      value.unit = rect ? "rectangle" : repeat == "single" ? "char" : repeat == "double" ? "word" : "line";
7350    }
7351    if (value.extend == null || cm.doc.extend) { value.extend = cm.doc.extend || event.shiftKey; }
7352    if (value.addNew == null) { value.addNew = mac ? event.metaKey : event.ctrlKey; }
7353    if (value.moveOnDrag == null) { value.moveOnDrag = !(mac ? event.altKey : event.ctrlKey); }
7354    return value
7355  }
7356
7357  function leftButtonDown(cm, pos, repeat, event) {
7358    if (ie) { setTimeout(bind(ensureFocus, cm), 0); }
7359    else { cm.curOp.focus = activeElt(); }
7360
7361    var behavior = configureMouse(cm, repeat, event);
7362
7363    var sel = cm.doc.sel, contained;
7364    if (cm.options.dragDrop && dragAndDrop && !cm.isReadOnly() &&
7365        repeat == "single" && (contained = sel.contains(pos)) > -1 &&
7366        (cmp((contained = sel.ranges[contained]).from(), pos) < 0 || pos.xRel > 0) &&
7367        (cmp(contained.to(), pos) > 0 || pos.xRel < 0))
7368      { leftButtonStartDrag(cm, event, pos, behavior); }
7369    else
7370      { leftButtonSelect(cm, event, pos, behavior); }
7371  }
7372
7373  // Start a text drag. When it ends, see if any dragging actually
7374  // happen, and treat as a click if it didn't.
7375  function leftButtonStartDrag(cm, event, pos, behavior) {
7376    var display = cm.display, moved = false;
7377    var dragEnd = operation(cm, function (e) {
7378      if (webkit) { display.scroller.draggable = false; }
7379      cm.state.draggingText = false;
7380      off(display.wrapper.ownerDocument, "mouseup", dragEnd);
7381      off(display.wrapper.ownerDocument, "mousemove", mouseMove);
7382      off(display.scroller, "dragstart", dragStart);
7383      off(display.scroller, "drop", dragEnd);
7384      if (!moved) {
7385        e_preventDefault(e);
7386        if (!behavior.addNew)
7387          { extendSelection(cm.doc, pos, null, null, behavior.extend); }
7388        // Work around unexplainable focus problem in IE9 (#2127) and Chrome (#3081)
7389        if ((webkit && !safari) || ie && ie_version == 9)
7390          { setTimeout(function () {display.wrapper.ownerDocument.body.focus({preventScroll: true}); display.input.focus();}, 20); }
7391        else
7392          { display.input.focus(); }
7393      }
7394    });
7395    var mouseMove = function(e2) {
7396      moved = moved || Math.abs(event.clientX - e2.clientX) + Math.abs(event.clientY - e2.clientY) >= 10;
7397    };
7398    var dragStart = function () { return moved = true; };
7399    // Let the drag handler handle this.
7400    if (webkit) { display.scroller.draggable = true; }
7401    cm.state.draggingText = dragEnd;
7402    dragEnd.copy = !behavior.moveOnDrag;
7403    // IE's approach to draggable
7404    if (display.scroller.dragDrop) { display.scroller.dragDrop(); }
7405    on(display.wrapper.ownerDocument, "mouseup", dragEnd);
7406    on(display.wrapper.ownerDocument, "mousemove", mouseMove);
7407    on(display.scroller, "dragstart", dragStart);
7408    on(display.scroller, "drop", dragEnd);
7409
7410    delayBlurEvent(cm);
7411    setTimeout(function () { return display.input.focus(); }, 20);
7412  }
7413
7414  function rangeForUnit(cm, pos, unit) {
7415    if (unit == "char") { return new Range(pos, pos) }
7416    if (unit == "word") { return cm.findWordAt(pos) }
7417    if (unit == "line") { return new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))) }
7418    var result = unit(cm, pos);
7419    return new Range(result.from, result.to)
7420  }
7421
7422  // Normal selection, as opposed to text dragging.
7423  function leftButtonSelect(cm, event, start, behavior) {
7424    var display = cm.display, doc = cm.doc;
7425    e_preventDefault(event);
7426
7427    var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges;
7428    if (behavior.addNew && !behavior.extend) {
7429      ourIndex = doc.sel.contains(start);
7430      if (ourIndex > -1)
7431        { ourRange = ranges[ourIndex]; }
7432      else
7433        { ourRange = new Range(start, start); }
7434    } else {
7435      ourRange = doc.sel.primary();
7436      ourIndex = doc.sel.primIndex;
7437    }
7438
7439    if (behavior.unit == "rectangle") {
7440      if (!behavior.addNew) { ourRange = new Range(start, start); }
7441      start = posFromMouse(cm, event, true, true);
7442      ourIndex = -1;
7443    } else {
7444      var range = rangeForUnit(cm, start, behavior.unit);
7445      if (behavior.extend)
7446        { ourRange = extendRange(ourRange, range.anchor, range.head, behavior.extend); }
7447      else
7448        { ourRange = range; }
7449    }
7450
7451    if (!behavior.addNew) {
7452      ourIndex = 0;
7453      setSelection(doc, new Selection([ourRange], 0), sel_mouse);
7454      startSel = doc.sel;
7455    } else if (ourIndex == -1) {
7456      ourIndex = ranges.length;
7457      setSelection(doc, normalizeSelection(cm, ranges.concat([ourRange]), ourIndex),
7458                   {scroll: false, origin: "*mouse"});
7459    } else if (ranges.length > 1 && ranges[ourIndex].empty() && behavior.unit == "char" && !behavior.extend) {
7460      setSelection(doc, normalizeSelection(cm, ranges.slice(0, ourIndex).concat(ranges.slice(ourIndex + 1)), 0),
7461                   {scroll: false, origin: "*mouse"});
7462      startSel = doc.sel;
7463    } else {
7464      replaceOneSelection(doc, ourIndex, ourRange, sel_mouse);
7465    }
7466
7467    var lastPos = start;
7468    function extendTo(pos) {
7469      if (cmp(lastPos, pos) == 0) { return }
7470      lastPos = pos;
7471
7472      if (behavior.unit == "rectangle") {
7473        var ranges = [], tabSize = cm.options.tabSize;
7474        var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize);
7475        var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize);
7476        var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol);
7477        for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line));
7478             line <= end; line++) {
7479          var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize);
7480          if (left == right)
7481            { ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))); }
7482          else if (text.length > leftPos)
7483            { ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))); }
7484        }
7485        if (!ranges.length) { ranges.push(new Range(start, start)); }
7486        setSelection(doc, normalizeSelection(cm, startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex),
7487                     {origin: "*mouse", scroll: false});
7488        cm.scrollIntoView(pos);
7489      } else {
7490        var oldRange = ourRange;
7491        var range = rangeForUnit(cm, pos, behavior.unit);
7492        var anchor = oldRange.anchor, head;
7493        if (cmp(range.anchor, anchor) > 0) {
7494          head = range.head;
7495          anchor = minPos(oldRange.from(), range.anchor);
7496        } else {
7497          head = range.anchor;
7498          anchor = maxPos(oldRange.to(), range.head);
7499        }
7500        var ranges$1 = startSel.ranges.slice(0);
7501        ranges$1[ourIndex] = bidiSimplify(cm, new Range(clipPos(doc, anchor), head));
7502        setSelection(doc, normalizeSelection(cm, ranges$1, ourIndex), sel_mouse);
7503      }
7504    }
7505
7506    var editorSize = display.wrapper.getBoundingClientRect();
7507    // Used to ensure timeout re-tries don't fire when another extend
7508    // happened in the meantime (clearTimeout isn't reliable -- at
7509    // least on Chrome, the timeouts still happen even when cleared,
7510    // if the clear happens after their scheduled firing time).
7511    var counter = 0;
7512
7513    function extend(e) {
7514      var curCount = ++counter;
7515      var cur = posFromMouse(cm, e, true, behavior.unit == "rectangle");
7516      if (!cur) { return }
7517      if (cmp(cur, lastPos) != 0) {
7518        cm.curOp.focus = activeElt();
7519        extendTo(cur);
7520        var visible = visibleLines(display, doc);
7521        if (cur.line >= visible.to || cur.line < visible.from)
7522          { setTimeout(operation(cm, function () {if (counter == curCount) { extend(e); }}), 150); }
7523      } else {
7524        var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0;
7525        if (outside) { setTimeout(operation(cm, function () {
7526          if (counter != curCount) { return }
7527          display.scroller.scrollTop += outside;
7528          extend(e);
7529        }), 50); }
7530      }
7531    }
7532
7533    function done(e) {
7534      cm.state.selectingText = false;
7535      counter = Infinity;
7536      // If e is null or undefined we interpret this as someone trying
7537      // to explicitly cancel the selection rather than the user
7538      // letting go of the mouse button.
7539      if (e) {
7540        e_preventDefault(e);
7541        display.input.focus();
7542      }
7543      off(display.wrapper.ownerDocument, "mousemove", move);
7544      off(display.wrapper.ownerDocument, "mouseup", up);
7545      doc.history.lastSelOrigin = null;
7546    }
7547
7548    var move = operation(cm, function (e) {
7549      if (e.buttons === 0 || !e_button(e)) { done(e); }
7550      else { extend(e); }
7551    });
7552    var up = operation(cm, done);
7553    cm.state.selectingText = up;
7554    on(display.wrapper.ownerDocument, "mousemove", move);
7555    on(display.wrapper.ownerDocument, "mouseup", up);
7556  }
7557
7558  // Used when mouse-selecting to adjust the anchor to the proper side
7559  // of a bidi jump depending on the visual position of the head.
7560  function bidiSimplify(cm, range) {
7561    var anchor = range.anchor;
7562    var head = range.head;
7563    var anchorLine = getLine(cm.doc, anchor.line);
7564    if (cmp(anchor, head) == 0 && anchor.sticky == head.sticky) { return range }
7565    var order = getOrder(anchorLine);
7566    if (!order) { return range }
7567    var index = getBidiPartAt(order, anchor.ch, anchor.sticky), part = order[index];
7568    if (part.from != anchor.ch && part.to != anchor.ch) { return range }
7569    var boundary = index + ((part.from == anchor.ch) == (part.level != 1) ? 0 : 1);
7570    if (boundary == 0 || boundary == order.length) { return range }
7571
7572    // Compute the relative visual position of the head compared to the
7573    // anchor (<0 is to the left, >0 to the right)
7574    var leftSide;
7575    if (head.line != anchor.line) {
7576      leftSide = (head.line - anchor.line) * (cm.doc.direction == "ltr" ? 1 : -1) > 0;
7577    } else {
7578      var headIndex = getBidiPartAt(order, head.ch, head.sticky);
7579      var dir = headIndex - index || (head.ch - anchor.ch) * (part.level == 1 ? -1 : 1);
7580      if (headIndex == boundary - 1 || headIndex == boundary)
7581        { leftSide = dir < 0; }
7582      else
7583        { leftSide = dir > 0; }
7584    }
7585
7586    var usePart = order[boundary + (leftSide ? -1 : 0)];
7587    var from = leftSide == (usePart.level == 1);
7588    var ch = from ? usePart.from : usePart.to, sticky = from ? "after" : "before";
7589    return anchor.ch == ch && anchor.sticky == sticky ? range : new Range(new Pos(anchor.line, ch, sticky), head)
7590  }
7591
7592
7593  // Determines whether an event happened in the gutter, and fires the
7594  // handlers for the corresponding event.
7595  function gutterEvent(cm, e, type, prevent) {
7596    var mX, mY;
7597    if (e.touches) {
7598      mX = e.touches[0].clientX;
7599      mY = e.touches[0].clientY;
7600    } else {
7601      try { mX = e.clientX; mY = e.clientY; }
7602      catch(e$1) { return false }
7603    }
7604    if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) { return false }
7605    if (prevent) { e_preventDefault(e); }
7606
7607    var display = cm.display;
7608    var lineBox = display.lineDiv.getBoundingClientRect();
7609
7610    if (mY > lineBox.bottom || !hasHandler(cm, type)) { return e_defaultPrevented(e) }
7611    mY -= lineBox.top - display.viewOffset;
7612
7613    for (var i = 0; i < cm.display.gutterSpecs.length; ++i) {
7614      var g = display.gutters.childNodes[i];
7615      if (g && g.getBoundingClientRect().right >= mX) {
7616        var line = lineAtHeight(cm.doc, mY);
7617        var gutter = cm.display.gutterSpecs[i];
7618        signal(cm, type, cm, line, gutter.className, e);
7619        return e_defaultPrevented(e)
7620      }
7621    }
7622  }
7623
7624  function clickInGutter(cm, e) {
7625    return gutterEvent(cm, e, "gutterClick", true)
7626  }
7627
7628  // CONTEXT MENU HANDLING
7629
7630  // To make the context menu work, we need to briefly unhide the
7631  // textarea (making it as unobtrusive as possible) to let the
7632  // right-click take effect on it.
7633  function onContextMenu(cm, e) {
7634    if (eventInWidget(cm.display, e) || contextMenuInGutter(cm, e)) { return }
7635    if (signalDOMEvent(cm, e, "contextmenu")) { return }
7636    if (!captureRightClick) { cm.display.input.onContextMenu(e); }
7637  }
7638
7639  function contextMenuInGutter(cm, e) {
7640    if (!hasHandler(cm, "gutterContextMenu")) { return false }
7641    return gutterEvent(cm, e, "gutterContextMenu", false)
7642  }
7643
7644  function themeChanged(cm) {
7645    cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") +
7646      cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-");
7647    clearCaches(cm);
7648  }
7649
7650  var Init = {toString: function(){return "CodeMirror.Init"}};
7651
7652  var defaults = {};
7653  var optionHandlers = {};
7654
7655  function defineOptions(CodeMirror) {
7656    var optionHandlers = CodeMirror.optionHandlers;
7657
7658    function option(name, deflt, handle, notOnInit) {
7659      CodeMirror.defaults[name] = deflt;
7660      if (handle) { optionHandlers[name] =
7661        notOnInit ? function (cm, val, old) {if (old != Init) { handle(cm, val, old); }} : handle; }
7662    }
7663
7664    CodeMirror.defineOption = option;
7665
7666    // Passed to option handlers when there is no old value.
7667    CodeMirror.Init = Init;
7668
7669    // These two are, on init, called from the constructor because they
7670    // have to be initialized before the editor can start at all.
7671    option("value", "", function (cm, val) { return cm.setValue(val); }, true);
7672    option("mode", null, function (cm, val) {
7673      cm.doc.modeOption = val;
7674      loadMode(cm);
7675    }, true);
7676
7677    option("indentUnit", 2, loadMode, true);
7678    option("indentWithTabs", false);
7679    option("smartIndent", true);
7680    option("tabSize", 4, function (cm) {
7681      resetModeState(cm);
7682      clearCaches(cm);
7683      regChange(cm);
7684    }, true);
7685
7686    option("lineSeparator", null, function (cm, val) {
7687      cm.doc.lineSep = val;
7688      if (!val) { return }
7689      var newBreaks = [], lineNo = cm.doc.first;
7690      cm.doc.iter(function (line) {
7691        for (var pos = 0;;) {
7692          var found = line.text.indexOf(val, pos);
7693          if (found == -1) { break }
7694          pos = found + val.length;
7695          newBreaks.push(Pos(lineNo, found));
7696        }
7697        lineNo++;
7698      });
7699      for (var i = newBreaks.length - 1; i >= 0; i--)
7700        { replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length)); }
7701    });
7702    option("specialChars", /[\u0000-\u001f\u007f-\u009f\u00ad\u061c\u200b-\u200c\u200e\u200f\u2028\u2029\ufeff\ufff9-\ufffc]/g, function (cm, val, old) {
7703      cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g");
7704      if (old != Init) { cm.refresh(); }
7705    });
7706    option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function (cm) { return cm.refresh(); }, true);
7707    option("electricChars", true);
7708    option("inputStyle", mobile ? "contenteditable" : "textarea", function () {
7709      throw new Error("inputStyle can not (yet) be changed in a running editor") // FIXME
7710    }, true);
7711    option("spellcheck", false, function (cm, val) { return cm.getInputField().spellcheck = val; }, true);
7712    option("autocorrect", false, function (cm, val) { return cm.getInputField().autocorrect = val; }, true);
7713    option("autocapitalize", false, function (cm, val) { return cm.getInputField().autocapitalize = val; }, true);
7714    option("rtlMoveVisually", !windows);
7715    option("wholeLineUpdateBefore", true);
7716
7717    option("theme", "default", function (cm) {
7718      themeChanged(cm);
7719      updateGutters(cm);
7720    }, true);
7721    option("keyMap", "default", function (cm, val, old) {
7722      var next = getKeyMap(val);
7723      var prev = old != Init && getKeyMap(old);
7724      if (prev && prev.detach) { prev.detach(cm, next); }
7725      if (next.attach) { next.attach(cm, prev || null); }
7726    });
7727    option("extraKeys", null);
7728    option("configureMouse", null);
7729
7730    option("lineWrapping", false, wrappingChanged, true);
7731    option("gutters", [], function (cm, val) {
7732      cm.display.gutterSpecs = getGutters(val, cm.options.lineNumbers);
7733      updateGutters(cm);
7734    }, true);
7735    option("fixedGutter", true, function (cm, val) {
7736      cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0";
7737      cm.refresh();
7738    }, true);
7739    option("coverGutterNextToScrollbar", false, function (cm) { return updateScrollbars(cm); }, true);
7740    option("scrollbarStyle", "native", function (cm) {
7741      initScrollbars(cm);
7742      updateScrollbars(cm);
7743      cm.display.scrollbars.setScrollTop(cm.doc.scrollTop);
7744      cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft);
7745    }, true);
7746    option("lineNumbers", false, function (cm, val) {
7747      cm.display.gutterSpecs = getGutters(cm.options.gutters, val);
7748      updateGutters(cm);
7749    }, true);
7750    option("firstLineNumber", 1, updateGutters, true);
7751    option("lineNumberFormatter", function (integer) { return integer; }, updateGutters, true);
7752    option("showCursorWhenSelecting", false, updateSelection, true);
7753
7754    option("resetSelectionOnContextMenu", true);
7755    option("lineWiseCopyCut", true);
7756    option("pasteLinesPerSelection", true);
7757    option("selectionsMayTouch", false);
7758
7759    option("readOnly", false, function (cm, val) {
7760      if (val == "nocursor") {
7761        onBlur(cm);
7762        cm.display.input.blur();
7763      }
7764      cm.display.input.readOnlyChanged(val);
7765    });
7766
7767    option("screenReaderLabel", null, function (cm, val) {
7768      val = (val === '') ? null : val;
7769      cm.display.input.screenReaderLabelChanged(val);
7770    });
7771
7772    option("disableInput", false, function (cm, val) {if (!val) { cm.display.input.reset(); }}, true);
7773    option("dragDrop", true, dragDropChanged);
7774    option("allowDropFileTypes", null);
7775
7776    option("cursorBlinkRate", 530);
7777    option("cursorScrollMargin", 0);
7778    option("cursorHeight", 1, updateSelection, true);
7779    option("singleCursorHeightPerLine", true, updateSelection, true);
7780    option("workTime", 100);
7781    option("workDelay", 100);
7782    option("flattenSpans", true, resetModeState, true);
7783    option("addModeClass", false, resetModeState, true);
7784    option("pollInterval", 100);
7785    option("undoDepth", 200, function (cm, val) { return cm.doc.history.undoDepth = val; });
7786    option("historyEventDelay", 1250);
7787    option("viewportMargin", 10, function (cm) { return cm.refresh(); }, true);
7788    option("maxHighlightLength", 10000, resetModeState, true);
7789    option("moveInputWithCursor", true, function (cm, val) {
7790      if (!val) { cm.display.input.resetPosition(); }
7791    });
7792
7793    option("tabindex", null, function (cm, val) { return cm.display.input.getField().tabIndex = val || ""; });
7794    option("autofocus", null);
7795    option("direction", "ltr", function (cm, val) { return cm.doc.setDirection(val); }, true);
7796    option("phrases", null);
7797  }
7798
7799  function dragDropChanged(cm, value, old) {
7800    var wasOn = old && old != Init;
7801    if (!value != !wasOn) {
7802      var funcs = cm.display.dragFunctions;
7803      var toggle = value ? on : off;
7804      toggle(cm.display.scroller, "dragstart", funcs.start);
7805      toggle(cm.display.scroller, "dragenter", funcs.enter);
7806      toggle(cm.display.scroller, "dragover", funcs.over);
7807      toggle(cm.display.scroller, "dragleave", funcs.leave);
7808      toggle(cm.display.scroller, "drop", funcs.drop);
7809    }
7810  }
7811
7812  function wrappingChanged(cm) {
7813    if (cm.options.lineWrapping) {
7814      addClass(cm.display.wrapper, "CodeMirror-wrap");
7815      cm.display.sizer.style.minWidth = "";
7816      cm.display.sizerWidth = null;
7817    } else {
7818      rmClass(cm.display.wrapper, "CodeMirror-wrap");
7819      findMaxLine(cm);
7820    }
7821    estimateLineHeights(cm);
7822    regChange(cm);
7823    clearCaches(cm);
7824    setTimeout(function () { return updateScrollbars(cm); }, 100);
7825  }
7826
7827  // A CodeMirror instance represents an editor. This is the object
7828  // that user code is usually dealing with.
7829
7830  function CodeMirror(place, options) {
7831    var this$1 = this;
7832
7833    if (!(this instanceof CodeMirror)) { return new CodeMirror(place, options) }
7834
7835    this.options = options = options ? copyObj(options) : {};
7836    // Determine effective options based on given values and defaults.
7837    copyObj(defaults, options, false);
7838
7839    var doc = options.value;
7840    if (typeof doc == "string") { doc = new Doc(doc, options.mode, null, options.lineSeparator, options.direction); }
7841    else if (options.mode) { doc.modeOption = options.mode; }
7842    this.doc = doc;
7843
7844    var input = new CodeMirror.inputStyles[options.inputStyle](this);
7845    var display = this.display = new Display(place, doc, input, options);
7846    display.wrapper.CodeMirror = this;
7847    themeChanged(this);
7848    if (options.lineWrapping)
7849      { this.display.wrapper.className += " CodeMirror-wrap"; }
7850    initScrollbars(this);
7851
7852    this.state = {
7853      keyMaps: [],  // stores maps added by addKeyMap
7854      overlays: [], // highlighting overlays, as added by addOverlay
7855      modeGen: 0,   // bumped when mode/overlay changes, used to invalidate highlighting info
7856      overwrite: false,
7857      delayingBlurEvent: false,
7858      focused: false,
7859      suppressEdits: false, // used to disable editing during key handlers when in readOnly mode
7860      pasteIncoming: -1, cutIncoming: -1, // help recognize paste/cut edits in input.poll
7861      selectingText: false,
7862      draggingText: false,
7863      highlight: new Delayed(), // stores highlight worker timeout
7864      keySeq: null,  // Unfinished key sequence
7865      specialChars: null
7866    };
7867
7868    if (options.autofocus && !mobile) { display.input.focus(); }
7869
7870    // Override magic textarea content restore that IE sometimes does
7871    // on our hidden textarea on reload
7872    if (ie && ie_version < 11) { setTimeout(function () { return this$1.display.input.reset(true); }, 20); }
7873
7874    registerEventHandlers(this);
7875    ensureGlobalHandlers();
7876
7877    startOperation(this);
7878    this.curOp.forceUpdate = true;
7879    attachDoc(this, doc);
7880
7881    if ((options.autofocus && !mobile) || this.hasFocus())
7882      { setTimeout(function () {
7883        if (this$1.hasFocus() && !this$1.state.focused) { onFocus(this$1); }
7884      }, 20); }
7885    else
7886      { onBlur(this); }
7887
7888    for (var opt in optionHandlers) { if (optionHandlers.hasOwnProperty(opt))
7889      { optionHandlers[opt](this, options[opt], Init); } }
7890    maybeUpdateLineNumberWidth(this);
7891    if (options.finishInit) { options.finishInit(this); }
7892    for (var i = 0; i < initHooks.length; ++i) { initHooks[i](this); }
7893    endOperation(this);
7894    // Suppress optimizelegibility in Webkit, since it breaks text
7895    // measuring on line wrapping boundaries.
7896    if (webkit && options.lineWrapping &&
7897        getComputedStyle(display.lineDiv).textRendering == "optimizelegibility")
7898      { display.lineDiv.style.textRendering = "auto"; }
7899  }
7900
7901  // The default configuration options.
7902  CodeMirror.defaults = defaults;
7903  // Functions to run when options are changed.
7904  CodeMirror.optionHandlers = optionHandlers;
7905
7906  // Attach the necessary event handlers when initializing the editor
7907  function registerEventHandlers(cm) {
7908    var d = cm.display;
7909    on(d.scroller, "mousedown", operation(cm, onMouseDown));
7910    // Older IE's will not fire a second mousedown for a double click
7911    if (ie && ie_version < 11)
7912      { on(d.scroller, "dblclick", operation(cm, function (e) {
7913        if (signalDOMEvent(cm, e)) { return }
7914        var pos = posFromMouse(cm, e);
7915        if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) { return }
7916        e_preventDefault(e);
7917        var word = cm.findWordAt(pos);
7918        extendSelection(cm.doc, word.anchor, word.head);
7919      })); }
7920    else
7921      { on(d.scroller, "dblclick", function (e) { return signalDOMEvent(cm, e) || e_preventDefault(e); }); }
7922    // Some browsers fire contextmenu *after* opening the menu, at
7923    // which point we can't mess with it anymore. Context menu is
7924    // handled in onMouseDown for these browsers.
7925    on(d.scroller, "contextmenu", function (e) { return onContextMenu(cm, e); });
7926    on(d.input.getField(), "contextmenu", function (e) {
7927      if (!d.scroller.contains(e.target)) { onContextMenu(cm, e); }
7928    });
7929
7930    // Used to suppress mouse event handling when a touch happens
7931    var touchFinished, prevTouch = {end: 0};
7932    function finishTouch() {
7933      if (d.activeTouch) {
7934        touchFinished = setTimeout(function () { return d.activeTouch = null; }, 1000);
7935        prevTouch = d.activeTouch;
7936        prevTouch.end = +new Date;
7937      }
7938    }
7939    function isMouseLikeTouchEvent(e) {
7940      if (e.touches.length != 1) { return false }
7941      var touch = e.touches[0];
7942      return touch.radiusX <= 1 && touch.radiusY <= 1
7943    }
7944    function farAway(touch, other) {
7945      if (other.left == null) { return true }
7946      var dx = other.left - touch.left, dy = other.top - touch.top;
7947      return dx * dx + dy * dy > 20 * 20
7948    }
7949    on(d.scroller, "touchstart", function (e) {
7950      if (!signalDOMEvent(cm, e) && !isMouseLikeTouchEvent(e) && !clickInGutter(cm, e)) {
7951        d.input.ensurePolled();
7952        clearTimeout(touchFinished);
7953        var now = +new Date;
7954        d.activeTouch = {start: now, moved: false,
7955                         prev: now - prevTouch.end <= 300 ? prevTouch : null};
7956        if (e.touches.length == 1) {
7957          d.activeTouch.left = e.touches[0].pageX;
7958          d.activeTouch.top = e.touches[0].pageY;
7959        }
7960      }
7961    });
7962    on(d.scroller, "touchmove", function () {
7963      if (d.activeTouch) { d.activeTouch.moved = true; }
7964    });
7965    on(d.scroller, "touchend", function (e) {
7966      var touch = d.activeTouch;
7967      if (touch && !eventInWidget(d, e) && touch.left != null &&
7968          !touch.moved && new Date - touch.start < 300) {
7969        var pos = cm.coordsChar(d.activeTouch, "page"), range;
7970        if (!touch.prev || farAway(touch, touch.prev)) // Single tap
7971          { range = new Range(pos, pos); }
7972        else if (!touch.prev.prev || farAway(touch, touch.prev.prev)) // Double tap
7973          { range = cm.findWordAt(pos); }
7974        else // Triple tap
7975          { range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))); }
7976        cm.setSelection(range.anchor, range.head);
7977        cm.focus();
7978        e_preventDefault(e);
7979      }
7980      finishTouch();
7981    });
7982    on(d.scroller, "touchcancel", finishTouch);
7983
7984    // Sync scrolling between fake scrollbars and real scrollable
7985    // area, ensure viewport is updated when scrolling.
7986    on(d.scroller, "scroll", function () {
7987      if (d.scroller.clientHeight) {
7988        updateScrollTop(cm, d.scroller.scrollTop);
7989        setScrollLeft(cm, d.scroller.scrollLeft, true);
7990        signal(cm, "scroll", cm);
7991      }
7992    });
7993
7994    // Listen to wheel events in order to try and update the viewport on time.
7995    on(d.scroller, "mousewheel", function (e) { return onScrollWheel(cm, e); });
7996    on(d.scroller, "DOMMouseScroll", function (e) { return onScrollWheel(cm, e); });
7997
7998    // Prevent wrapper from ever scrolling
7999    on(d.wrapper, "scroll", function () { return d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; });
8000
8001    d.dragFunctions = {
8002      enter: function (e) {if (!signalDOMEvent(cm, e)) { e_stop(e); }},
8003      over: function (e) {if (!signalDOMEvent(cm, e)) { onDragOver(cm, e); e_stop(e); }},
8004      start: function (e) { return onDragStart(cm, e); },
8005      drop: operation(cm, onDrop),
8006      leave: function (e) {if (!signalDOMEvent(cm, e)) { clearDragCursor(cm); }}
8007    };
8008
8009    var inp = d.input.getField();
8010    on(inp, "keyup", function (e) { return onKeyUp.call(cm, e); });
8011    on(inp, "keydown", operation(cm, onKeyDown));
8012    on(inp, "keypress", operation(cm, onKeyPress));
8013    on(inp, "focus", function (e) { return onFocus(cm, e); });
8014    on(inp, "blur", function (e) { return onBlur(cm, e); });
8015  }
8016
8017  var initHooks = [];
8018  CodeMirror.defineInitHook = function (f) { return initHooks.push(f); };
8019
8020  // Indent the given line. The how parameter can be "smart",
8021  // "add"/null, "subtract", or "prev". When aggressive is false
8022  // (typically set to true for forced single-line indents), empty
8023  // lines are not indented, and places where the mode returns Pass
8024  // are left alone.
8025  function indentLine(cm, n, how, aggressive) {
8026    var doc = cm.doc, state;
8027    if (how == null) { how = "add"; }
8028    if (how == "smart") {
8029      // Fall back to "prev" when the mode doesn't have an indentation
8030      // method.
8031      if (!doc.mode.indent) { how = "prev"; }
8032      else { state = getContextBefore(cm, n).state; }
8033    }
8034
8035    var tabSize = cm.options.tabSize;
8036    var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize);
8037    if (line.stateAfter) { line.stateAfter = null; }
8038    var curSpaceString = line.text.match(/^\s*/)[0], indentation;
8039    if (!aggressive && !/\S/.test(line.text)) {
8040      indentation = 0;
8041      how = "not";
8042    } else if (how == "smart") {
8043      indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text);
8044      if (indentation == Pass || indentation > 150) {
8045        if (!aggressive) { return }
8046        how = "prev";
8047      }
8048    }
8049    if (how == "prev") {
8050      if (n > doc.first) { indentation = countColumn(getLine(doc, n-1).text, null, tabSize); }
8051      else { indentation = 0; }
8052    } else if (how == "add") {
8053      indentation = curSpace + cm.options.indentUnit;
8054    } else if (how == "subtract") {
8055      indentation = curSpace - cm.options.indentUnit;
8056    } else if (typeof how == "number") {
8057      indentation = curSpace + how;
8058    }
8059    indentation = Math.max(0, indentation);
8060
8061    var indentString = "", pos = 0;
8062    if (cm.options.indentWithTabs)
8063      { for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";} }
8064    if (pos < indentation) { indentString += spaceStr(indentation - pos); }
8065
8066    if (indentString != curSpaceString) {
8067      replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input");
8068      line.stateAfter = null;
8069      return true
8070    } else {
8071      // Ensure that, if the cursor was in the whitespace at the start
8072      // of the line, it is moved to the end of that space.
8073      for (var i$1 = 0; i$1 < doc.sel.ranges.length; i$1++) {
8074        var range = doc.sel.ranges[i$1];
8075        if (range.head.line == n && range.head.ch < curSpaceString.length) {
8076          var pos$1 = Pos(n, curSpaceString.length);
8077          replaceOneSelection(doc, i$1, new Range(pos$1, pos$1));
8078          break
8079        }
8080      }
8081    }
8082  }
8083
8084  // This will be set to a {lineWise: bool, text: [string]} object, so
8085  // that, when pasting, we know what kind of selections the copied
8086  // text was made out of.
8087  var lastCopied = null;
8088
8089  function setLastCopied(newLastCopied) {
8090    lastCopied = newLastCopied;
8091  }
8092
8093  function applyTextInput(cm, inserted, deleted, sel, origin) {
8094    var doc = cm.doc;
8095    cm.display.shift = false;
8096    if (!sel) { sel = doc.sel; }
8097
8098    var recent = +new Date - 200;
8099    var paste = origin == "paste" || cm.state.pasteIncoming > recent;
8100    var textLines = splitLinesAuto(inserted), multiPaste = null;
8101    // When pasting N lines into N selections, insert one line per selection
8102    if (paste && sel.ranges.length > 1) {
8103      if (lastCopied && lastCopied.text.join("\n") == inserted) {
8104        if (sel.ranges.length % lastCopied.text.length == 0) {
8105          multiPaste = [];
8106          for (var i = 0; i < lastCopied.text.length; i++)
8107            { multiPaste.push(doc.splitLines(lastCopied.text[i])); }
8108        }
8109      } else if (textLines.length == sel.ranges.length && cm.options.pasteLinesPerSelection) {
8110        multiPaste = map(textLines, function (l) { return [l]; });
8111      }
8112    }
8113
8114    var updateInput = cm.curOp.updateInput;
8115    // Normal behavior is to insert the new text into every selection
8116    for (var i$1 = sel.ranges.length - 1; i$1 >= 0; i$1--) {
8117      var range = sel.ranges[i$1];
8118      var from = range.from(), to = range.to();
8119      if (range.empty()) {
8120        if (deleted && deleted > 0) // Handle deletion
8121          { from = Pos(from.line, from.ch - deleted); }
8122        else if (cm.state.overwrite && !paste) // Handle overwrite
8123          { to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)); }
8124        else if (paste && lastCopied && lastCopied.lineWise && lastCopied.text.join("\n") == textLines.join("\n"))
8125          { from = to = Pos(from.line, 0); }
8126      }
8127      var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i$1 % multiPaste.length] : textLines,
8128                         origin: origin || (paste ? "paste" : cm.state.cutIncoming > recent ? "cut" : "+input")};
8129      makeChange(cm.doc, changeEvent);
8130      signalLater(cm, "inputRead", cm, changeEvent);
8131    }
8132    if (inserted && !paste)
8133      { triggerElectric(cm, inserted); }
8134
8135    ensureCursorVisible(cm);
8136    if (cm.curOp.updateInput < 2) { cm.curOp.updateInput = updateInput; }
8137    cm.curOp.typing = true;
8138    cm.state.pasteIncoming = cm.state.cutIncoming = -1;
8139  }
8140
8141  function handlePaste(e, cm) {
8142    var pasted = e.clipboardData && e.clipboardData.getData("Text");
8143    if (pasted) {
8144      e.preventDefault();
8145      if (!cm.isReadOnly() && !cm.options.disableInput)
8146        { runInOp(cm, function () { return applyTextInput(cm, pasted, 0, null, "paste"); }); }
8147      return true
8148    }
8149  }
8150
8151  function triggerElectric(cm, inserted) {
8152    // When an 'electric' character is inserted, immediately trigger a reindent
8153    if (!cm.options.electricChars || !cm.options.smartIndent) { return }
8154    var sel = cm.doc.sel;
8155
8156    for (var i = sel.ranges.length - 1; i >= 0; i--) {
8157      var range = sel.ranges[i];
8158      if (range.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range.head.line)) { continue }
8159      var mode = cm.getModeAt(range.head);
8160      var indented = false;
8161      if (mode.electricChars) {
8162        for (var j = 0; j < mode.electricChars.length; j++)
8163          { if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) {
8164            indented = indentLine(cm, range.head.line, "smart");
8165            break
8166          } }
8167      } else if (mode.electricInput) {
8168        if (mode.electricInput.test(getLine(cm.doc, range.head.line).text.slice(0, range.head.ch)))
8169          { indented = indentLine(cm, range.head.line, "smart"); }
8170      }
8171      if (indented) { signalLater(cm, "electricInput", cm, range.head.line); }
8172    }
8173  }
8174
8175  function copyableRanges(cm) {
8176    var text = [], ranges = [];
8177    for (var i = 0; i < cm.doc.sel.ranges.length; i++) {
8178      var line = cm.doc.sel.ranges[i].head.line;
8179      var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)};
8180      ranges.push(lineRange);
8181      text.push(cm.getRange(lineRange.anchor, lineRange.head));
8182    }
8183    return {text: text, ranges: ranges}
8184  }
8185
8186  function disableBrowserMagic(field, spellcheck, autocorrect, autocapitalize) {
8187    field.setAttribute("autocorrect", autocorrect ? "" : "off");
8188    field.setAttribute("autocapitalize", autocapitalize ? "" : "off");
8189    field.setAttribute("spellcheck", !!spellcheck);
8190  }
8191
8192  function hiddenTextarea() {
8193    var te = elt("textarea", null, null, "position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; outline: none");
8194    var div = elt("div", [te], null, "overflow: hidden; position: relative; width: 3px; height: 0px;");
8195    // The textarea is kept positioned near the cursor to prevent the
8196    // fact that it'll be scrolled into view on input from scrolling
8197    // our fake cursor out of view. On webkit, when wrap=off, paste is
8198    // very slow. So make the area wide instead.
8199    if (webkit) { te.style.width = "1000px"; }
8200    else { te.setAttribute("wrap", "off"); }
8201    // If border: 0; -- iOS fails to open keyboard (issue #1287)
8202    if (ios) { te.style.border = "1px solid black"; }
8203    disableBrowserMagic(te);
8204    return div
8205  }
8206
8207  // The publicly visible API. Note that methodOp(f) means
8208  // 'wrap f in an operation, performed on its `this` parameter'.
8209
8210  // This is not the complete set of editor methods. Most of the
8211  // methods defined on the Doc type are also injected into
8212  // CodeMirror.prototype, for backwards compatibility and
8213  // convenience.
8214
8215  function addEditorMethods(CodeMirror) {
8216    var optionHandlers = CodeMirror.optionHandlers;
8217
8218    var helpers = CodeMirror.helpers = {};
8219
8220    CodeMirror.prototype = {
8221      constructor: CodeMirror,
8222      focus: function(){window.focus(); this.display.input.focus();},
8223
8224      setOption: function(option, value) {
8225        var options = this.options, old = options[option];
8226        if (options[option] == value && option != "mode") { return }
8227        options[option] = value;
8228        if (optionHandlers.hasOwnProperty(option))
8229          { operation(this, optionHandlers[option])(this, value, old); }
8230        signal(this, "optionChange", this, option);
8231      },
8232
8233      getOption: function(option) {return this.options[option]},
8234      getDoc: function() {return this.doc},
8235
8236      addKeyMap: function(map, bottom) {
8237        this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map));
8238      },
8239      removeKeyMap: function(map) {
8240        var maps = this.state.keyMaps;
8241        for (var i = 0; i < maps.length; ++i)
8242          { if (maps[i] == map || maps[i].name == map) {
8243            maps.splice(i, 1);
8244            return true
8245          } }
8246      },
8247
8248      addOverlay: methodOp(function(spec, options) {
8249        var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec);
8250        if (mode.startState) { throw new Error("Overlays may not be stateful.") }
8251        insertSorted(this.state.overlays,
8252                     {mode: mode, modeSpec: spec, opaque: options && options.opaque,
8253                      priority: (options && options.priority) || 0},
8254                     function (overlay) { return overlay.priority; });
8255        this.state.modeGen++;
8256        regChange(this);
8257      }),
8258      removeOverlay: methodOp(function(spec) {
8259        var overlays = this.state.overlays;
8260        for (var i = 0; i < overlays.length; ++i) {
8261          var cur = overlays[i].modeSpec;
8262          if (cur == spec || typeof spec == "string" && cur.name == spec) {
8263            overlays.splice(i, 1);
8264            this.state.modeGen++;
8265            regChange(this);
8266            return
8267          }
8268        }
8269      }),
8270
8271      indentLine: methodOp(function(n, dir, aggressive) {
8272        if (typeof dir != "string" && typeof dir != "number") {
8273          if (dir == null) { dir = this.options.smartIndent ? "smart" : "prev"; }
8274          else { dir = dir ? "add" : "subtract"; }
8275        }
8276        if (isLine(this.doc, n)) { indentLine(this, n, dir, aggressive); }
8277      }),
8278      indentSelection: methodOp(function(how) {
8279        var ranges = this.doc.sel.ranges, end = -1;
8280        for (var i = 0; i < ranges.length; i++) {
8281          var range = ranges[i];
8282          if (!range.empty()) {
8283            var from = range.from(), to = range.to();
8284            var start = Math.max(end, from.line);
8285            end = Math.min(this.lastLine(), to.line - (to.ch ? 0 : 1)) + 1;
8286            for (var j = start; j < end; ++j)
8287              { indentLine(this, j, how); }
8288            var newRanges = this.doc.sel.ranges;
8289            if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0)
8290              { replaceOneSelection(this.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll); }
8291          } else if (range.head.line > end) {
8292            indentLine(this, range.head.line, how, true);
8293            end = range.head.line;
8294            if (i == this.doc.sel.primIndex) { ensureCursorVisible(this); }
8295          }
8296        }
8297      }),
8298
8299      // Fetch the parser token for a given character. Useful for hacks
8300      // that want to inspect the mode state (say, for completion).
8301      getTokenAt: function(pos, precise) {
8302        return takeToken(this, pos, precise)
8303      },
8304
8305      getLineTokens: function(line, precise) {
8306        return takeToken(this, Pos(line), precise, true)
8307      },
8308
8309      getTokenTypeAt: function(pos) {
8310        pos = clipPos(this.doc, pos);
8311        var styles = getLineStyles(this, getLine(this.doc, pos.line));
8312        var before = 0, after = (styles.length - 1) / 2, ch = pos.ch;
8313        var type;
8314        if (ch == 0) { type = styles[2]; }
8315        else { for (;;) {
8316          var mid = (before + after) >> 1;
8317          if ((mid ? styles[mid * 2 - 1] : 0) >= ch) { after = mid; }
8318          else if (styles[mid * 2 + 1] < ch) { before = mid + 1; }
8319          else { type = styles[mid * 2 + 2]; break }
8320        } }
8321        var cut = type ? type.indexOf("overlay ") : -1;
8322        return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1)
8323      },
8324
8325      getModeAt: function(pos) {
8326        var mode = this.doc.mode;
8327        if (!mode.innerMode) { return mode }
8328        return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode
8329      },
8330
8331      getHelper: function(pos, type) {
8332        return this.getHelpers(pos, type)[0]
8333      },
8334
8335      getHelpers: function(pos, type) {
8336        var found = [];
8337        if (!helpers.hasOwnProperty(type)) { return found }
8338        var help = helpers[type], mode = this.getModeAt(pos);
8339        if (typeof mode[type] == "string") {
8340          if (help[mode[type]]) { found.push(help[mode[type]]); }
8341        } else if (mode[type]) {
8342          for (var i = 0; i < mode[type].length; i++) {
8343            var val = help[mode[type][i]];
8344            if (val) { found.push(val); }
8345          }
8346        } else if (mode.helperType && help[mode.helperType]) {
8347          found.push(help[mode.helperType]);
8348        } else if (help[mode.name]) {
8349          found.push(help[mode.name]);
8350        }
8351        for (var i$1 = 0; i$1 < help._global.length; i$1++) {
8352          var cur = help._global[i$1];
8353          if (cur.pred(mode, this) && indexOf(found, cur.val) == -1)
8354            { found.push(cur.val); }
8355        }
8356        return found
8357      },
8358
8359      getStateAfter: function(line, precise) {
8360        var doc = this.doc;
8361        line = clipLine(doc, line == null ? doc.first + doc.size - 1: line);
8362        return getContextBefore(this, line + 1, precise).state
8363      },
8364
8365      cursorCoords: function(start, mode) {
8366        var pos, range = this.doc.sel.primary();
8367        if (start == null) { pos = range.head; }
8368        else if (typeof start == "object") { pos = clipPos(this.doc, start); }
8369        else { pos = start ? range.from() : range.to(); }
8370        return cursorCoords(this, pos, mode || "page")
8371      },
8372
8373      charCoords: function(pos, mode) {
8374        return charCoords(this, clipPos(this.doc, pos), mode || "page")
8375      },
8376
8377      coordsChar: function(coords, mode) {
8378        coords = fromCoordSystem(this, coords, mode || "page");
8379        return coordsChar(this, coords.left, coords.top)
8380      },
8381
8382      lineAtHeight: function(height, mode) {
8383        height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top;
8384        return lineAtHeight(this.doc, height + this.display.viewOffset)
8385      },
8386      heightAtLine: function(line, mode, includeWidgets) {
8387        var end = false, lineObj;
8388        if (typeof line == "number") {
8389          var last = this.doc.first + this.doc.size - 1;
8390          if (line < this.doc.first) { line = this.doc.first; }
8391          else if (line > last) { line = last; end = true; }
8392          lineObj = getLine(this.doc, line);
8393        } else {
8394          lineObj = line;
8395        }
8396        return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page", includeWidgets || end).top +
8397          (end ? this.doc.height - heightAtLine(lineObj) : 0)
8398      },
8399
8400      defaultTextHeight: function() { return textHeight(this.display) },
8401      defaultCharWidth: function() { return charWidth(this.display) },
8402
8403      getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo}},
8404
8405      addWidget: function(pos, node, scroll, vert, horiz) {
8406        var display = this.display;
8407        pos = cursorCoords(this, clipPos(this.doc, pos));
8408        var top = pos.bottom, left = pos.left;
8409        node.style.position = "absolute";
8410        node.setAttribute("cm-ignore-events", "true");
8411        this.display.input.setUneditable(node);
8412        display.sizer.appendChild(node);
8413        if (vert == "over") {
8414          top = pos.top;
8415        } else if (vert == "above" || vert == "near") {
8416          var vspace = Math.max(display.wrapper.clientHeight, this.doc.height),
8417          hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth);
8418          // Default to positioning above (if specified and possible); otherwise default to positioning below
8419          if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight)
8420            { top = pos.top - node.offsetHeight; }
8421          else if (pos.bottom + node.offsetHeight <= vspace)
8422            { top = pos.bottom; }
8423          if (left + node.offsetWidth > hspace)
8424            { left = hspace - node.offsetWidth; }
8425        }
8426        node.style.top = top + "px";
8427        node.style.left = node.style.right = "";
8428        if (horiz == "right") {
8429          left = display.sizer.clientWidth - node.offsetWidth;
8430          node.style.right = "0px";
8431        } else {
8432          if (horiz == "left") { left = 0; }
8433          else if (horiz == "middle") { left = (display.sizer.clientWidth - node.offsetWidth) / 2; }
8434          node.style.left = left + "px";
8435        }
8436        if (scroll)
8437          { scrollIntoView(this, {left: left, top: top, right: left + node.offsetWidth, bottom: top + node.offsetHeight}); }
8438      },
8439
8440      triggerOnKeyDown: methodOp(onKeyDown),
8441      triggerOnKeyPress: methodOp(onKeyPress),
8442      triggerOnKeyUp: onKeyUp,
8443      triggerOnMouseDown: methodOp(onMouseDown),
8444
8445      execCommand: function(cmd) {
8446        if (commands.hasOwnProperty(cmd))
8447          { return commands[cmd].call(null, this) }
8448      },
8449
8450      triggerElectric: methodOp(function(text) { triggerElectric(this, text); }),
8451
8452      findPosH: function(from, amount, unit, visually) {
8453        var dir = 1;
8454        if (amount < 0) { dir = -1; amount = -amount; }
8455        var cur = clipPos(this.doc, from);
8456        for (var i = 0; i < amount; ++i) {
8457          cur = findPosH(this.doc, cur, dir, unit, visually);
8458          if (cur.hitSide) { break }
8459        }
8460        return cur
8461      },
8462
8463      moveH: methodOp(function(dir, unit) {
8464        var this$1 = this;
8465
8466        this.extendSelectionsBy(function (range) {
8467          if (this$1.display.shift || this$1.doc.extend || range.empty())
8468            { return findPosH(this$1.doc, range.head, dir, unit, this$1.options.rtlMoveVisually) }
8469          else
8470            { return dir < 0 ? range.from() : range.to() }
8471        }, sel_move);
8472      }),
8473
8474      deleteH: methodOp(function(dir, unit) {
8475        var sel = this.doc.sel, doc = this.doc;
8476        if (sel.somethingSelected())
8477          { doc.replaceSelection("", null, "+delete"); }
8478        else
8479          { deleteNearSelection(this, function (range) {
8480            var other = findPosH(doc, range.head, dir, unit, false);
8481            return dir < 0 ? {from: other, to: range.head} : {from: range.head, to: other}
8482          }); }
8483      }),
8484
8485      findPosV: function(from, amount, unit, goalColumn) {
8486        var dir = 1, x = goalColumn;
8487        if (amount < 0) { dir = -1; amount = -amount; }
8488        var cur = clipPos(this.doc, from);
8489        for (var i = 0; i < amount; ++i) {
8490          var coords = cursorCoords(this, cur, "div");
8491          if (x == null) { x = coords.left; }
8492          else { coords.left = x; }
8493          cur = findPosV(this, coords, dir, unit);
8494          if (cur.hitSide) { break }
8495        }
8496        return cur
8497      },
8498
8499      moveV: methodOp(function(dir, unit) {
8500        var this$1 = this;
8501
8502        var doc = this.doc, goals = [];
8503        var collapse = !this.display.shift && !doc.extend && doc.sel.somethingSelected();
8504        doc.extendSelectionsBy(function (range) {
8505          if (collapse)
8506            { return dir < 0 ? range.from() : range.to() }
8507          var headPos = cursorCoords(this$1, range.head, "div");
8508          if (range.goalColumn != null) { headPos.left = range.goalColumn; }
8509          goals.push(headPos.left);
8510          var pos = findPosV(this$1, headPos, dir, unit);
8511          if (unit == "page" && range == doc.sel.primary())
8512            { addToScrollTop(this$1, charCoords(this$1, pos, "div").top - headPos.top); }
8513          return pos
8514        }, sel_move);
8515        if (goals.length) { for (var i = 0; i < doc.sel.ranges.length; i++)
8516          { doc.sel.ranges[i].goalColumn = goals[i]; } }
8517      }),
8518
8519      // Find the word at the given position (as returned by coordsChar).
8520      findWordAt: function(pos) {
8521        var doc = this.doc, line = getLine(doc, pos.line).text;
8522        var start = pos.ch, end = pos.ch;
8523        if (line) {
8524          var helper = this.getHelper(pos, "wordChars");
8525          if ((pos.sticky == "before" || end == line.length) && start) { --start; } else { ++end; }
8526          var startChar = line.charAt(start);
8527          var check = isWordChar(startChar, helper)
8528            ? function (ch) { return isWordChar(ch, helper); }
8529            : /\s/.test(startChar) ? function (ch) { return /\s/.test(ch); }
8530            : function (ch) { return (!/\s/.test(ch) && !isWordChar(ch)); };
8531          while (start > 0 && check(line.charAt(start - 1))) { --start; }
8532          while (end < line.length && check(line.charAt(end))) { ++end; }
8533        }
8534        return new Range(Pos(pos.line, start), Pos(pos.line, end))
8535      },
8536
8537      toggleOverwrite: function(value) {
8538        if (value != null && value == this.state.overwrite) { return }
8539        if (this.state.overwrite = !this.state.overwrite)
8540          { addClass(this.display.cursorDiv, "CodeMirror-overwrite"); }
8541        else
8542          { rmClass(this.display.cursorDiv, "CodeMirror-overwrite"); }
8543
8544        signal(this, "overwriteToggle", this, this.state.overwrite);
8545      },
8546      hasFocus: function() { return this.display.input.getField() == activeElt() },
8547      isReadOnly: function() { return !!(this.options.readOnly || this.doc.cantEdit) },
8548
8549      scrollTo: methodOp(function (x, y) { scrollToCoords(this, x, y); }),
8550      getScrollInfo: function() {
8551        var scroller = this.display.scroller;
8552        return {left: scroller.scrollLeft, top: scroller.scrollTop,
8553                height: scroller.scrollHeight - scrollGap(this) - this.display.barHeight,
8554                width: scroller.scrollWidth - scrollGap(this) - this.display.barWidth,
8555                clientHeight: displayHeight(this), clientWidth: displayWidth(this)}
8556      },
8557
8558      scrollIntoView: methodOp(function(range, margin) {
8559        if (range == null) {
8560          range = {from: this.doc.sel.primary().head, to: null};
8561          if (margin == null) { margin = this.options.cursorScrollMargin; }
8562        } else if (typeof range == "number") {
8563          range = {from: Pos(range, 0), to: null};
8564        } else if (range.from == null) {
8565          range = {from: range, to: null};
8566        }
8567        if (!range.to) { range.to = range.from; }
8568        range.margin = margin || 0;
8569
8570        if (range.from.line != null) {
8571          scrollToRange(this, range);
8572        } else {
8573          scrollToCoordsRange(this, range.from, range.to, range.margin);
8574        }
8575      }),
8576
8577      setSize: methodOp(function(width, height) {
8578        var this$1 = this;
8579
8580        var interpret = function (val) { return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val; };
8581        if (width != null) { this.display.wrapper.style.width = interpret(width); }
8582        if (height != null) { this.display.wrapper.style.height = interpret(height); }
8583        if (this.options.lineWrapping) { clearLineMeasurementCache(this); }
8584        var lineNo = this.display.viewFrom;
8585        this.doc.iter(lineNo, this.display.viewTo, function (line) {
8586          if (line.widgets) { for (var i = 0; i < line.widgets.length; i++)
8587            { if (line.widgets[i].noHScroll) { regLineChange(this$1, lineNo, "widget"); break } } }
8588          ++lineNo;
8589        });
8590        this.curOp.forceUpdate = true;
8591        signal(this, "refresh", this);
8592      }),
8593
8594      operation: function(f){return runInOp(this, f)},
8595      startOperation: function(){return startOperation(this)},
8596      endOperation: function(){return endOperation(this)},
8597
8598      refresh: methodOp(function() {
8599        var oldHeight = this.display.cachedTextHeight;
8600        regChange(this);
8601        this.curOp.forceUpdate = true;
8602        clearCaches(this);
8603        scrollToCoords(this, this.doc.scrollLeft, this.doc.scrollTop);
8604        updateGutterSpace(this.display);
8605        if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5 || this.options.lineWrapping)
8606          { estimateLineHeights(this); }
8607        signal(this, "refresh", this);
8608      }),
8609
8610      swapDoc: methodOp(function(doc) {
8611        var old = this.doc;
8612        old.cm = null;
8613        // Cancel the current text selection if any (#5821)
8614        if (this.state.selectingText) { this.state.selectingText(); }
8615        attachDoc(this, doc);
8616        clearCaches(this);
8617        this.display.input.reset();
8618        scrollToCoords(this, doc.scrollLeft, doc.scrollTop);
8619        this.curOp.forceScroll = true;
8620        signalLater(this, "swapDoc", this, old);
8621        return old
8622      }),
8623
8624      phrase: function(phraseText) {
8625        var phrases = this.options.phrases;
8626        return phrases && Object.prototype.hasOwnProperty.call(phrases, phraseText) ? phrases[phraseText] : phraseText
8627      },
8628
8629      getInputField: function(){return this.display.input.getField()},
8630      getWrapperElement: function(){return this.display.wrapper},
8631      getScrollerElement: function(){return this.display.scroller},
8632      getGutterElement: function(){return this.display.gutters}
8633    };
8634    eventMixin(CodeMirror);
8635
8636    CodeMirror.registerHelper = function(type, name, value) {
8637      if (!helpers.hasOwnProperty(type)) { helpers[type] = CodeMirror[type] = {_global: []}; }
8638      helpers[type][name] = value;
8639    };
8640    CodeMirror.registerGlobalHelper = function(type, name, predicate, value) {
8641      CodeMirror.registerHelper(type, name, value);
8642      helpers[type]._global.push({pred: predicate, val: value});
8643    };
8644  }
8645
8646  // Used for horizontal relative motion. Dir is -1 or 1 (left or
8647  // right), unit can be "codepoint", "char", "column" (like char, but
8648  // doesn't cross line boundaries), "word" (across next word), or
8649  // "group" (to the start of next group of word or
8650  // non-word-non-whitespace chars). The visually param controls
8651  // whether, in right-to-left text, direction 1 means to move towards
8652  // the next index in the string, or towards the character to the right
8653  // of the current position. The resulting position will have a
8654  // hitSide=true property if it reached the end of the document.
8655  function findPosH(doc, pos, dir, unit, visually) {
8656    var oldPos = pos;
8657    var origDir = dir;
8658    var lineObj = getLine(doc, pos.line);
8659    var lineDir = visually && doc.direction == "rtl" ? -dir : dir;
8660    function findNextLine() {
8661      var l = pos.line + lineDir;
8662      if (l < doc.first || l >= doc.first + doc.size) { return false }
8663      pos = new Pos(l, pos.ch, pos.sticky);
8664      return lineObj = getLine(doc, l)
8665    }
8666    function moveOnce(boundToLine) {
8667      var next;
8668      if (unit == "codepoint") {
8669        var ch = lineObj.text.charCodeAt(pos.ch + (unit > 0 ? 0 : -1));
8670        if (isNaN(ch)) { next = null; }
8671        else { next = new Pos(pos.line, Math.max(0, Math.min(lineObj.text.length, pos.ch + dir * (ch >= 0xD800 && ch < 0xDC00 ? 2 : 1))),
8672                            -dir); }
8673      } else if (visually) {
8674        next = moveVisually(doc.cm, lineObj, pos, dir);
8675      } else {
8676        next = moveLogically(lineObj, pos, dir);
8677      }
8678      if (next == null) {
8679        if (!boundToLine && findNextLine())
8680          { pos = endOfLine(visually, doc.cm, lineObj, pos.line, lineDir); }
8681        else
8682          { return false }
8683      } else {
8684        pos = next;
8685      }
8686      return true
8687    }
8688
8689    if (unit == "char" || unit == "codepoint") {
8690      moveOnce();
8691    } else if (unit == "column") {
8692      moveOnce(true);
8693    } else if (unit == "word" || unit == "group") {
8694      var sawType = null, group = unit == "group";
8695      var helper = doc.cm && doc.cm.getHelper(pos, "wordChars");
8696      for (var first = true;; first = false) {
8697        if (dir < 0 && !moveOnce(!first)) { break }
8698        var cur = lineObj.text.charAt(pos.ch) || "\n";
8699        var type = isWordChar(cur, helper) ? "w"
8700          : group && cur == "\n" ? "n"
8701          : !group || /\s/.test(cur) ? null
8702          : "p";
8703        if (group && !first && !type) { type = "s"; }
8704        if (sawType && sawType != type) {
8705          if (dir < 0) {dir = 1; moveOnce(); pos.sticky = "after";}
8706          break
8707        }
8708
8709        if (type) { sawType = type; }
8710        if (dir > 0 && !moveOnce(!first)) { break }
8711      }
8712    }
8713    var result = skipAtomic(doc, pos, oldPos, origDir, true);
8714    if (equalCursorPos(oldPos, result)) { result.hitSide = true; }
8715    return result
8716  }
8717
8718  // For relative vertical movement. Dir may be -1 or 1. Unit can be
8719  // "page" or "line". The resulting position will have a hitSide=true
8720  // property if it reached the end of the document.
8721  function findPosV(cm, pos, dir, unit) {
8722    var doc = cm.doc, x = pos.left, y;
8723    if (unit == "page") {
8724      var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight);
8725      var moveAmount = Math.max(pageSize - .5 * textHeight(cm.display), 3);
8726      y = (dir > 0 ? pos.bottom : pos.top) + dir * moveAmount;
8727
8728    } else if (unit == "line") {
8729      y = dir > 0 ? pos.bottom + 3 : pos.top - 3;
8730    }
8731    var target;
8732    for (;;) {
8733      target = coordsChar(cm, x, y);
8734      if (!target.outside) { break }
8735      if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break }
8736      y += dir * 5;
8737    }
8738    return target
8739  }
8740
8741  // CONTENTEDITABLE INPUT STYLE
8742
8743  var ContentEditableInput = function(cm) {
8744    this.cm = cm;
8745    this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null;
8746    this.polling = new Delayed();
8747    this.composing = null;
8748    this.gracePeriod = false;
8749    this.readDOMTimeout = null;
8750  };
8751
8752  ContentEditableInput.prototype.init = function (display) {
8753      var this$1 = this;
8754
8755    var input = this, cm = input.cm;
8756    var div = input.div = display.lineDiv;
8757    disableBrowserMagic(div, cm.options.spellcheck, cm.options.autocorrect, cm.options.autocapitalize);
8758
8759    function belongsToInput(e) {
8760      for (var t = e.target; t; t = t.parentNode) {
8761        if (t == div) { return true }
8762        if (/\bCodeMirror-(?:line)?widget\b/.test(t.className)) { break }
8763      }
8764      return false
8765    }
8766
8767    on(div, "paste", function (e) {
8768      if (!belongsToInput(e) || signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }
8769      // IE doesn't fire input events, so we schedule a read for the pasted content in this way
8770      if (ie_version <= 11) { setTimeout(operation(cm, function () { return this$1.updateFromDOM(); }), 20); }
8771    });
8772
8773    on(div, "compositionstart", function (e) {
8774      this$1.composing = {data: e.data, done: false};
8775    });
8776    on(div, "compositionupdate", function (e) {
8777      if (!this$1.composing) { this$1.composing = {data: e.data, done: false}; }
8778    });
8779    on(div, "compositionend", function (e) {
8780      if (this$1.composing) {
8781        if (e.data != this$1.composing.data) { this$1.readFromDOMSoon(); }
8782        this$1.composing.done = true;
8783      }
8784    });
8785
8786    on(div, "touchstart", function () { return input.forceCompositionEnd(); });
8787
8788    on(div, "input", function () {
8789      if (!this$1.composing) { this$1.readFromDOMSoon(); }
8790    });
8791
8792    function onCopyCut(e) {
8793      if (!belongsToInput(e) || signalDOMEvent(cm, e)) { return }
8794      if (cm.somethingSelected()) {
8795        setLastCopied({lineWise: false, text: cm.getSelections()});
8796        if (e.type == "cut") { cm.replaceSelection("", null, "cut"); }
8797      } else if (!cm.options.lineWiseCopyCut) {
8798        return
8799      } else {
8800        var ranges = copyableRanges(cm);
8801        setLastCopied({lineWise: true, text: ranges.text});
8802        if (e.type == "cut") {
8803          cm.operation(function () {
8804            cm.setSelections(ranges.ranges, 0, sel_dontScroll);
8805            cm.replaceSelection("", null, "cut");
8806          });
8807        }
8808      }
8809      if (e.clipboardData) {
8810        e.clipboardData.clearData();
8811        var content = lastCopied.text.join("\n");
8812        // iOS exposes the clipboard API, but seems to discard content inserted into it
8813        e.clipboardData.setData("Text", content);
8814        if (e.clipboardData.getData("Text") == content) {
8815          e.preventDefault();
8816          return
8817        }
8818      }
8819      // Old-fashioned briefly-focus-a-textarea hack
8820      var kludge = hiddenTextarea(), te = kludge.firstChild;
8821      cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild);
8822      te.value = lastCopied.text.join("\n");
8823      var hadFocus = document.activeElement;
8824      selectInput(te);
8825      setTimeout(function () {
8826        cm.display.lineSpace.removeChild(kludge);
8827        hadFocus.focus();
8828        if (hadFocus == div) { input.showPrimarySelection(); }
8829      }, 50);
8830    }
8831    on(div, "copy", onCopyCut);
8832    on(div, "cut", onCopyCut);
8833  };
8834
8835  ContentEditableInput.prototype.screenReaderLabelChanged = function (label) {
8836    // Label for screenreaders, accessibility
8837    if(label) {
8838      this.div.setAttribute('aria-label', label);
8839    } else {
8840      this.div.removeAttribute('aria-label');
8841    }
8842  };
8843
8844  ContentEditableInput.prototype.prepareSelection = function () {
8845    var result = prepareSelection(this.cm, false);
8846    result.focus = document.activeElement == this.div;
8847    return result
8848  };
8849
8850  ContentEditableInput.prototype.showSelection = function (info, takeFocus) {
8851    if (!info || !this.cm.display.view.length) { return }
8852    if (info.focus || takeFocus) { this.showPrimarySelection(); }
8853    this.showMultipleSelections(info);
8854  };
8855
8856  ContentEditableInput.prototype.getSelection = function () {
8857    return this.cm.display.wrapper.ownerDocument.getSelection()
8858  };
8859
8860  ContentEditableInput.prototype.showPrimarySelection = function () {
8861    var sel = this.getSelection(), cm = this.cm, prim = cm.doc.sel.primary();
8862    var from = prim.from(), to = prim.to();
8863
8864    if (cm.display.viewTo == cm.display.viewFrom || from.line >= cm.display.viewTo || to.line < cm.display.viewFrom) {
8865      sel.removeAllRanges();
8866      return
8867    }
8868
8869    var curAnchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);
8870    var curFocus = domToPos(cm, sel.focusNode, sel.focusOffset);
8871    if (curAnchor && !curAnchor.bad && curFocus && !curFocus.bad &&
8872        cmp(minPos(curAnchor, curFocus), from) == 0 &&
8873        cmp(maxPos(curAnchor, curFocus), to) == 0)
8874      { return }
8875
8876    var view = cm.display.view;
8877    var start = (from.line >= cm.display.viewFrom && posToDOM(cm, from)) ||
8878        {node: view[0].measure.map[2], offset: 0};
8879    var end = to.line < cm.display.viewTo && posToDOM(cm, to);
8880    if (!end) {
8881      var measure = view[view.length - 1].measure;
8882      var map = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map;
8883      end = {node: map[map.length - 1], offset: map[map.length - 2] - map[map.length - 3]};
8884    }
8885
8886    if (!start || !end) {
8887      sel.removeAllRanges();
8888      return
8889    }
8890
8891    var old = sel.rangeCount && sel.getRangeAt(0), rng;
8892    try { rng = range(start.node, start.offset, end.offset, end.node); }
8893    catch(e) {} // Our model of the DOM might be outdated, in which case the range we try to set can be impossible
8894    if (rng) {
8895      if (!gecko && cm.state.focused) {
8896        sel.collapse(start.node, start.offset);
8897        if (!rng.collapsed) {
8898          sel.removeAllRanges();
8899          sel.addRange(rng);
8900        }
8901      } else {
8902        sel.removeAllRanges();
8903        sel.addRange(rng);
8904      }
8905      if (old && sel.anchorNode == null) { sel.addRange(old); }
8906      else if (gecko) { this.startGracePeriod(); }
8907    }
8908    this.rememberSelection();
8909  };
8910
8911  ContentEditableInput.prototype.startGracePeriod = function () {
8912      var this$1 = this;
8913
8914    clearTimeout(this.gracePeriod);
8915    this.gracePeriod = setTimeout(function () {
8916      this$1.gracePeriod = false;
8917      if (this$1.selectionChanged())
8918        { this$1.cm.operation(function () { return this$1.cm.curOp.selectionChanged = true; }); }
8919    }, 20);
8920  };
8921
8922  ContentEditableInput.prototype.showMultipleSelections = function (info) {
8923    removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors);
8924    removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection);
8925  };
8926
8927  ContentEditableInput.prototype.rememberSelection = function () {
8928    var sel = this.getSelection();
8929    this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset;
8930    this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset;
8931  };
8932
8933  ContentEditableInput.prototype.selectionInEditor = function () {
8934    var sel = this.getSelection();
8935    if (!sel.rangeCount) { return false }
8936    var node = sel.getRangeAt(0).commonAncestorContainer;
8937    return contains(this.div, node)
8938  };
8939
8940  ContentEditableInput.prototype.focus = function () {
8941    if (this.cm.options.readOnly != "nocursor") {
8942      if (!this.selectionInEditor() || document.activeElement != this.div)
8943        { this.showSelection(this.prepareSelection(), true); }
8944      this.div.focus();
8945    }
8946  };
8947  ContentEditableInput.prototype.blur = function () { this.div.blur(); };
8948  ContentEditableInput.prototype.getField = function () { return this.div };
8949
8950  ContentEditableInput.prototype.supportsTouch = function () { return true };
8951
8952  ContentEditableInput.prototype.receivedFocus = function () {
8953    var input = this;
8954    if (this.selectionInEditor())
8955      { this.pollSelection(); }
8956    else
8957      { runInOp(this.cm, function () { return input.cm.curOp.selectionChanged = true; }); }
8958
8959    function poll() {
8960      if (input.cm.state.focused) {
8961        input.pollSelection();
8962        input.polling.set(input.cm.options.pollInterval, poll);
8963      }
8964    }
8965    this.polling.set(this.cm.options.pollInterval, poll);
8966  };
8967
8968  ContentEditableInput.prototype.selectionChanged = function () {
8969    var sel = this.getSelection();
8970    return sel.anchorNode != this.lastAnchorNode || sel.anchorOffset != this.lastAnchorOffset ||
8971      sel.focusNode != this.lastFocusNode || sel.focusOffset != this.lastFocusOffset
8972  };
8973
8974  ContentEditableInput.prototype.pollSelection = function () {
8975    if (this.readDOMTimeout != null || this.gracePeriod || !this.selectionChanged()) { return }
8976    var sel = this.getSelection(), cm = this.cm;
8977    // On Android Chrome (version 56, at least), backspacing into an
8978    // uneditable block element will put the cursor in that element,
8979    // and then, because it's not editable, hide the virtual keyboard.
8980    // Because Android doesn't allow us to actually detect backspace
8981    // presses in a sane way, this code checks for when that happens
8982    // and simulates a backspace press in this case.
8983    if (android && chrome && this.cm.display.gutterSpecs.length && isInGutter(sel.anchorNode)) {
8984      this.cm.triggerOnKeyDown({type: "keydown", keyCode: 8, preventDefault: Math.abs});
8985      this.blur();
8986      this.focus();
8987      return
8988    }
8989    if (this.composing) { return }
8990    this.rememberSelection();
8991    var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset);
8992    var head = domToPos(cm, sel.focusNode, sel.focusOffset);
8993    if (anchor && head) { runInOp(cm, function () {
8994      setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll);
8995      if (anchor.bad || head.bad) { cm.curOp.selectionChanged = true; }
8996    }); }
8997  };
8998
8999  ContentEditableInput.prototype.pollContent = function () {
9000    if (this.readDOMTimeout != null) {
9001      clearTimeout(this.readDOMTimeout);
9002      this.readDOMTimeout = null;
9003    }
9004
9005    var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary();
9006    var from = sel.from(), to = sel.to();
9007    if (from.ch == 0 && from.line > cm.firstLine())
9008      { from = Pos(from.line - 1, getLine(cm.doc, from.line - 1).length); }
9009    if (to.ch == getLine(cm.doc, to.line).text.length && to.line < cm.lastLine())
9010      { to = Pos(to.line + 1, 0); }
9011    if (from.line < display.viewFrom || to.line > display.viewTo - 1) { return false }
9012
9013    var fromIndex, fromLine, fromNode;
9014    if (from.line == display.viewFrom || (fromIndex = findViewIndex(cm, from.line)) == 0) {
9015      fromLine = lineNo(display.view[0].line);
9016      fromNode = display.view[0].node;
9017    } else {
9018      fromLine = lineNo(display.view[fromIndex].line);
9019      fromNode = display.view[fromIndex - 1].node.nextSibling;
9020    }
9021    var toIndex = findViewIndex(cm, to.line);
9022    var toLine, toNode;
9023    if (toIndex == display.view.length - 1) {
9024      toLine = display.viewTo - 1;
9025      toNode = display.lineDiv.lastChild;
9026    } else {
9027      toLine = lineNo(display.view[toIndex + 1].line) - 1;
9028      toNode = display.view[toIndex + 1].node.previousSibling;
9029    }
9030
9031    if (!fromNode) { return false }
9032    var newText = cm.doc.splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine));
9033    var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length));
9034    while (newText.length > 1 && oldText.length > 1) {
9035      if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine--; }
9036      else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++; }
9037      else { break }
9038    }
9039
9040    var cutFront = 0, cutEnd = 0;
9041    var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length);
9042    while (cutFront < maxCutFront && newTop.charCodeAt(cutFront) == oldTop.charCodeAt(cutFront))
9043      { ++cutFront; }
9044    var newBot = lst(newText), oldBot = lst(oldText);
9045    var maxCutEnd = Math.min(newBot.length - (newText.length == 1 ? cutFront : 0),
9046                             oldBot.length - (oldText.length == 1 ? cutFront : 0));
9047    while (cutEnd < maxCutEnd &&
9048           newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1))
9049      { ++cutEnd; }
9050    // Try to move start of change to start of selection if ambiguous
9051    if (newText.length == 1 && oldText.length == 1 && fromLine == from.line) {
9052      while (cutFront && cutFront > from.ch &&
9053             newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1)) {
9054        cutFront--;
9055        cutEnd++;
9056      }
9057    }
9058
9059    newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd).replace(/^\u200b+/, "");
9060    newText[0] = newText[0].slice(cutFront).replace(/\u200b+$/, "");
9061
9062    var chFrom = Pos(fromLine, cutFront);
9063    var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0);
9064    if (newText.length > 1 || newText[0] || cmp(chFrom, chTo)) {
9065      replaceRange(cm.doc, newText, chFrom, chTo, "+input");
9066      return true
9067    }
9068  };
9069
9070  ContentEditableInput.prototype.ensurePolled = function () {
9071    this.forceCompositionEnd();
9072  };
9073  ContentEditableInput.prototype.reset = function () {
9074    this.forceCompositionEnd();
9075  };
9076  ContentEditableInput.prototype.forceCompositionEnd = function () {
9077    if (!this.composing) { return }
9078    clearTimeout(this.readDOMTimeout);
9079    this.composing = null;
9080    this.updateFromDOM();
9081    this.div.blur();
9082    this.div.focus();
9083  };
9084  ContentEditableInput.prototype.readFromDOMSoon = function () {
9085      var this$1 = this;
9086
9087    if (this.readDOMTimeout != null) { return }
9088    this.readDOMTimeout = setTimeout(function () {
9089      this$1.readDOMTimeout = null;
9090      if (this$1.composing) {
9091        if (this$1.composing.done) { this$1.composing = null; }
9092        else { return }
9093      }
9094      this$1.updateFromDOM();
9095    }, 80);
9096  };
9097
9098  ContentEditableInput.prototype.updateFromDOM = function () {
9099      var this$1 = this;
9100
9101    if (this.cm.isReadOnly() || !this.pollContent())
9102      { runInOp(this.cm, function () { return regChange(this$1.cm); }); }
9103  };
9104
9105  ContentEditableInput.prototype.setUneditable = function (node) {
9106    node.contentEditable = "false";
9107  };
9108
9109  ContentEditableInput.prototype.onKeyPress = function (e) {
9110    if (e.charCode == 0 || this.composing) { return }
9111    e.preventDefault();
9112    if (!this.cm.isReadOnly())
9113      { operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0); }
9114  };
9115
9116  ContentEditableInput.prototype.readOnlyChanged = function (val) {
9117    this.div.contentEditable = String(val != "nocursor");
9118  };
9119
9120  ContentEditableInput.prototype.onContextMenu = function () {};
9121  ContentEditableInput.prototype.resetPosition = function () {};
9122
9123  ContentEditableInput.prototype.needsContentAttribute = true;
9124
9125  function posToDOM(cm, pos) {
9126    var view = findViewForLine(cm, pos.line);
9127    if (!view || view.hidden) { return null }
9128    var line = getLine(cm.doc, pos.line);
9129    var info = mapFromLineView(view, line, pos.line);
9130
9131    var order = getOrder(line, cm.doc.direction), side = "left";
9132    if (order) {
9133      var partPos = getBidiPartAt(order, pos.ch);
9134      side = partPos % 2 ? "right" : "left";
9135    }
9136    var result = nodeAndOffsetInLineMap(info.map, pos.ch, side);
9137    result.offset = result.collapse == "right" ? result.end : result.start;
9138    return result
9139  }
9140
9141  function isInGutter(node) {
9142    for (var scan = node; scan; scan = scan.parentNode)
9143      { if (/CodeMirror-gutter-wrapper/.test(scan.className)) { return true } }
9144    return false
9145  }
9146
9147  function badPos(pos, bad) { if (bad) { pos.bad = true; } return pos }
9148
9149  function domTextBetween(cm, from, to, fromLine, toLine) {
9150    var text = "", closing = false, lineSep = cm.doc.lineSeparator(), extraLinebreak = false;
9151    function recognizeMarker(id) { return function (marker) { return marker.id == id; } }
9152    function close() {
9153      if (closing) {
9154        text += lineSep;
9155        if (extraLinebreak) { text += lineSep; }
9156        closing = extraLinebreak = false;
9157      }
9158    }
9159    function addText(str) {
9160      if (str) {
9161        close();
9162        text += str;
9163      }
9164    }
9165    function walk(node) {
9166      if (node.nodeType == 1) {
9167        var cmText = node.getAttribute("cm-text");
9168        if (cmText) {
9169          addText(cmText);
9170          return
9171        }
9172        var markerID = node.getAttribute("cm-marker"), range;
9173        if (markerID) {
9174          var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID));
9175          if (found.length && (range = found[0].find(0)))
9176            { addText(getBetween(cm.doc, range.from, range.to).join(lineSep)); }
9177          return
9178        }
9179        if (node.getAttribute("contenteditable") == "false") { return }
9180        var isBlock = /^(pre|div|p|li|table|br)$/i.test(node.nodeName);
9181        if (!/^br$/i.test(node.nodeName) && node.textContent.length == 0) { return }
9182
9183        if (isBlock) { close(); }
9184        for (var i = 0; i < node.childNodes.length; i++)
9185          { walk(node.childNodes[i]); }
9186
9187        if (/^(pre|p)$/i.test(node.nodeName)) { extraLinebreak = true; }
9188        if (isBlock) { closing = true; }
9189      } else if (node.nodeType == 3) {
9190        addText(node.nodeValue.replace(/\u200b/g, "").replace(/\u00a0/g, " "));
9191      }
9192    }
9193    for (;;) {
9194      walk(from);
9195      if (from == to) { break }
9196      from = from.nextSibling;
9197      extraLinebreak = false;
9198    }
9199    return text
9200  }
9201
9202  function domToPos(cm, node, offset) {
9203    var lineNode;
9204    if (node == cm.display.lineDiv) {
9205      lineNode = cm.display.lineDiv.childNodes[offset];
9206      if (!lineNode) { return badPos(cm.clipPos(Pos(cm.display.viewTo - 1)), true) }
9207      node = null; offset = 0;
9208    } else {
9209      for (lineNode = node;; lineNode = lineNode.parentNode) {
9210        if (!lineNode || lineNode == cm.display.lineDiv) { return null }
9211        if (lineNode.parentNode && lineNode.parentNode == cm.display.lineDiv) { break }
9212      }
9213    }
9214    for (var i = 0; i < cm.display.view.length; i++) {
9215      var lineView = cm.display.view[i];
9216      if (lineView.node == lineNode)
9217        { return locateNodeInLineView(lineView, node, offset) }
9218    }
9219  }
9220
9221  function locateNodeInLineView(lineView, node, offset) {
9222    var wrapper = lineView.text.firstChild, bad = false;
9223    if (!node || !contains(wrapper, node)) { return badPos(Pos(lineNo(lineView.line), 0), true) }
9224    if (node == wrapper) {
9225      bad = true;
9226      node = wrapper.childNodes[offset];
9227      offset = 0;
9228      if (!node) {
9229        var line = lineView.rest ? lst(lineView.rest) : lineView.line;
9230        return badPos(Pos(lineNo(line), line.text.length), bad)
9231      }
9232    }
9233
9234    var textNode = node.nodeType == 3 ? node : null, topNode = node;
9235    if (!textNode && node.childNodes.length == 1 && node.firstChild.nodeType == 3) {
9236      textNode = node.firstChild;
9237      if (offset) { offset = textNode.nodeValue.length; }
9238    }
9239    while (topNode.parentNode != wrapper) { topNode = topNode.parentNode; }
9240    var measure = lineView.measure, maps = measure.maps;
9241
9242    function find(textNode, topNode, offset) {
9243      for (var i = -1; i < (maps ? maps.length : 0); i++) {
9244        var map = i < 0 ? measure.map : maps[i];
9245        for (var j = 0; j < map.length; j += 3) {
9246          var curNode = map[j + 2];
9247          if (curNode == textNode || curNode == topNode) {
9248            var line = lineNo(i < 0 ? lineView.line : lineView.rest[i]);
9249            var ch = map[j] + offset;
9250            if (offset < 0 || curNode != textNode) { ch = map[j + (offset ? 1 : 0)]; }
9251            return Pos(line, ch)
9252          }
9253        }
9254      }
9255    }
9256    var found = find(textNode, topNode, offset);
9257    if (found) { return badPos(found, bad) }
9258
9259    // FIXME this is all really shaky. might handle the few cases it needs to handle, but likely to cause problems
9260    for (var after = topNode.nextSibling, dist = textNode ? textNode.nodeValue.length - offset : 0; after; after = after.nextSibling) {
9261      found = find(after, after.firstChild, 0);
9262      if (found)
9263        { return badPos(Pos(found.line, found.ch - dist), bad) }
9264      else
9265        { dist += after.textContent.length; }
9266    }
9267    for (var before = topNode.previousSibling, dist$1 = offset; before; before = before.previousSibling) {
9268      found = find(before, before.firstChild, -1);
9269      if (found)
9270        { return badPos(Pos(found.line, found.ch + dist$1), bad) }
9271      else
9272        { dist$1 += before.textContent.length; }
9273    }
9274  }
9275
9276  // TEXTAREA INPUT STYLE
9277
9278  var TextareaInput = function(cm) {
9279    this.cm = cm;
9280    // See input.poll and input.reset
9281    this.prevInput = "";
9282
9283    // Flag that indicates whether we expect input to appear real soon
9284    // now (after some event like 'keypress' or 'input') and are
9285    // polling intensively.
9286    this.pollingFast = false;
9287    // Self-resetting timeout for the poller
9288    this.polling = new Delayed();
9289    // Used to work around IE issue with selection being forgotten when focus moves away from textarea
9290    this.hasSelection = false;
9291    this.composing = null;
9292  };
9293
9294  TextareaInput.prototype.init = function (display) {
9295      var this$1 = this;
9296
9297    var input = this, cm = this.cm;
9298    this.createField(display);
9299    var te = this.textarea;
9300
9301    display.wrapper.insertBefore(this.wrapper, display.wrapper.firstChild);
9302
9303    // Needed to hide big blue blinking cursor on Mobile Safari (doesn't seem to work in iOS 8 anymore)
9304    if (ios) { te.style.width = "0px"; }
9305
9306    on(te, "input", function () {
9307      if (ie && ie_version >= 9 && this$1.hasSelection) { this$1.hasSelection = null; }
9308      input.poll();
9309    });
9310
9311    on(te, "paste", function (e) {
9312      if (signalDOMEvent(cm, e) || handlePaste(e, cm)) { return }
9313
9314      cm.state.pasteIncoming = +new Date;
9315      input.fastPoll();
9316    });
9317
9318    function prepareCopyCut(e) {
9319      if (signalDOMEvent(cm, e)) { return }
9320      if (cm.somethingSelected()) {
9321        setLastCopied({lineWise: false, text: cm.getSelections()});
9322      } else if (!cm.options.lineWiseCopyCut) {
9323        return
9324      } else {
9325        var ranges = copyableRanges(cm);
9326        setLastCopied({lineWise: true, text: ranges.text});
9327        if (e.type == "cut") {
9328          cm.setSelections(ranges.ranges, null, sel_dontScroll);
9329        } else {
9330          input.prevInput = "";
9331          te.value = ranges.text.join("\n");
9332          selectInput(te);
9333        }
9334      }
9335      if (e.type == "cut") { cm.state.cutIncoming = +new Date; }
9336    }
9337    on(te, "cut", prepareCopyCut);
9338    on(te, "copy", prepareCopyCut);
9339
9340    on(display.scroller, "paste", function (e) {
9341      if (eventInWidget(display, e) || signalDOMEvent(cm, e)) { return }
9342      if (!te.dispatchEvent) {
9343        cm.state.pasteIncoming = +new Date;
9344        input.focus();
9345        return
9346      }
9347
9348      // Pass the `paste` event to the textarea so it's handled by its event listener.
9349      var event = new Event("paste");
9350      event.clipboardData = e.clipboardData;
9351      te.dispatchEvent(event);
9352    });
9353
9354    // Prevent normal selection in the editor (we handle our own)
9355    on(display.lineSpace, "selectstart", function (e) {
9356      if (!eventInWidget(display, e)) { e_preventDefault(e); }
9357    });
9358
9359    on(te, "compositionstart", function () {
9360      var start = cm.getCursor("from");
9361      if (input.composing) { input.composing.range.clear(); }
9362      input.composing = {
9363        start: start,
9364        range: cm.markText(start, cm.getCursor("to"), {className: "CodeMirror-composing"})
9365      };
9366    });
9367    on(te, "compositionend", function () {
9368      if (input.composing) {
9369        input.poll();
9370        input.composing.range.clear();
9371        input.composing = null;
9372      }
9373    });
9374  };
9375
9376  TextareaInput.prototype.createField = function (_display) {
9377    // Wraps and hides input textarea
9378    this.wrapper = hiddenTextarea();
9379    // The semihidden textarea that is focused when the editor is
9380    // focused, and receives input.
9381    this.textarea = this.wrapper.firstChild;
9382  };
9383
9384  TextareaInput.prototype.screenReaderLabelChanged = function (label) {
9385    // Label for screenreaders, accessibility
9386    if(label) {
9387      this.textarea.setAttribute('aria-label', label);
9388    } else {
9389      this.textarea.removeAttribute('aria-label');
9390    }
9391  };
9392
9393  TextareaInput.prototype.prepareSelection = function () {
9394    // Redraw the selection and/or cursor
9395    var cm = this.cm, display = cm.display, doc = cm.doc;
9396    var result = prepareSelection(cm);
9397
9398    // Move the hidden textarea near the cursor to prevent scrolling artifacts
9399    if (cm.options.moveInputWithCursor) {
9400      var headPos = cursorCoords(cm, doc.sel.primary().head, "div");
9401      var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect();
9402      result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10,
9403                                          headPos.top + lineOff.top - wrapOff.top));
9404      result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10,
9405                                           headPos.left + lineOff.left - wrapOff.left));
9406    }
9407
9408    return result
9409  };
9410
9411  TextareaInput.prototype.showSelection = function (drawn) {
9412    var cm = this.cm, display = cm.display;
9413    removeChildrenAndAdd(display.cursorDiv, drawn.cursors);
9414    removeChildrenAndAdd(display.selectionDiv, drawn.selection);
9415    if (drawn.teTop != null) {
9416      this.wrapper.style.top = drawn.teTop + "px";
9417      this.wrapper.style.left = drawn.teLeft + "px";
9418    }
9419  };
9420
9421  // Reset the input to correspond to the selection (or to be empty,
9422  // when not typing and nothing is selected)
9423  TextareaInput.prototype.reset = function (typing) {
9424    if (this.contextMenuPending || this.composing) { return }
9425    var cm = this.cm;
9426    if (cm.somethingSelected()) {
9427      this.prevInput = "";
9428      var content = cm.getSelection();
9429      this.textarea.value = content;
9430      if (cm.state.focused) { selectInput(this.textarea); }
9431      if (ie && ie_version >= 9) { this.hasSelection = content; }
9432    } else if (!typing) {
9433      this.prevInput = this.textarea.value = "";
9434      if (ie && ie_version >= 9) { this.hasSelection = null; }
9435    }
9436  };
9437
9438  TextareaInput.prototype.getField = function () { return this.textarea };
9439
9440  TextareaInput.prototype.supportsTouch = function () { return false };
9441
9442  TextareaInput.prototype.focus = function () {
9443    if (this.cm.options.readOnly != "nocursor" && (!mobile || activeElt() != this.textarea)) {
9444      try { this.textarea.focus(); }
9445      catch (e) {} // IE8 will throw if the textarea is display: none or not in DOM
9446    }
9447  };
9448
9449  TextareaInput.prototype.blur = function () { this.textarea.blur(); };
9450
9451  TextareaInput.prototype.resetPosition = function () {
9452    this.wrapper.style.top = this.wrapper.style.left = 0;
9453  };
9454
9455  TextareaInput.prototype.receivedFocus = function () { this.slowPoll(); };
9456
9457  // Poll for input changes, using the normal rate of polling. This
9458  // runs as long as the editor is focused.
9459  TextareaInput.prototype.slowPoll = function () {
9460      var this$1 = this;
9461
9462    if (this.pollingFast) { return }
9463    this.polling.set(this.cm.options.pollInterval, function () {
9464      this$1.poll();
9465      if (this$1.cm.state.focused) { this$1.slowPoll(); }
9466    });
9467  };
9468
9469  // When an event has just come in that is likely to add or change
9470  // something in the input textarea, we poll faster, to ensure that
9471  // the change appears on the screen quickly.
9472  TextareaInput.prototype.fastPoll = function () {
9473    var missed = false, input = this;
9474    input.pollingFast = true;
9475    function p() {
9476      var changed = input.poll();
9477      if (!changed && !missed) {missed = true; input.polling.set(60, p);}
9478      else {input.pollingFast = false; input.slowPoll();}
9479    }
9480    input.polling.set(20, p);
9481  };
9482
9483  // Read input from the textarea, and update the document to match.
9484  // When something is selected, it is present in the textarea, and
9485  // selected (unless it is huge, in which case a placeholder is
9486  // used). When nothing is selected, the cursor sits after previously
9487  // seen text (can be empty), which is stored in prevInput (we must
9488  // not reset the textarea when typing, because that breaks IME).
9489  TextareaInput.prototype.poll = function () {
9490      var this$1 = this;
9491
9492    var cm = this.cm, input = this.textarea, prevInput = this.prevInput;
9493    // Since this is called a *lot*, try to bail out as cheaply as
9494    // possible when it is clear that nothing happened. hasSelection
9495    // will be the case when there is a lot of text in the textarea,
9496    // in which case reading its value would be expensive.
9497    if (this.contextMenuPending || !cm.state.focused ||
9498        (hasSelection(input) && !prevInput && !this.composing) ||
9499        cm.isReadOnly() || cm.options.disableInput || cm.state.keySeq)
9500      { return false }
9501
9502    var text = input.value;
9503    // If nothing changed, bail.
9504    if (text == prevInput && !cm.somethingSelected()) { return false }
9505    // Work around nonsensical selection resetting in IE9/10, and
9506    // inexplicable appearance of private area unicode characters on
9507    // some key combos in Mac (#2689).
9508    if (ie && ie_version >= 9 && this.hasSelection === text ||
9509        mac && /[\uf700-\uf7ff]/.test(text)) {
9510      cm.display.input.reset();
9511      return false
9512    }
9513
9514    if (cm.doc.sel == cm.display.selForContextMenu) {
9515      var first = text.charCodeAt(0);
9516      if (first == 0x200b && !prevInput) { prevInput = "\u200b"; }
9517      if (first == 0x21da) { this.reset(); return this.cm.execCommand("undo") }
9518    }
9519    // Find the part of the input that is actually new
9520    var same = 0, l = Math.min(prevInput.length, text.length);
9521    while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) { ++same; }
9522
9523    runInOp(cm, function () {
9524      applyTextInput(cm, text.slice(same), prevInput.length - same,
9525                     null, this$1.composing ? "*compose" : null);
9526
9527      // Don't leave long text in the textarea, since it makes further polling slow
9528      if (text.length > 1000 || text.indexOf("\n") > -1) { input.value = this$1.prevInput = ""; }
9529      else { this$1.prevInput = text; }
9530
9531      if (this$1.composing) {
9532        this$1.composing.range.clear();
9533        this$1.composing.range = cm.markText(this$1.composing.start, cm.getCursor("to"),
9534                                           {className: "CodeMirror-composing"});
9535      }
9536    });
9537    return true
9538  };
9539
9540  TextareaInput.prototype.ensurePolled = function () {
9541    if (this.pollingFast && this.poll()) { this.pollingFast = false; }
9542  };
9543
9544  TextareaInput.prototype.onKeyPress = function () {
9545    if (ie && ie_version >= 9) { this.hasSelection = null; }
9546    this.fastPoll();
9547  };
9548
9549  TextareaInput.prototype.onContextMenu = function (e) {
9550    var input = this, cm = input.cm, display = cm.display, te = input.textarea;
9551    if (input.contextMenuPending) { input.contextMenuPending(); }
9552    var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop;
9553    if (!pos || presto) { return } // Opera is difficult.
9554
9555    // Reset the current text selection only if the click is done outside of the selection
9556    // and 'resetSelectionOnContextMenu' option is true.
9557    var reset = cm.options.resetSelectionOnContextMenu;
9558    if (reset && cm.doc.sel.contains(pos) == -1)
9559      { operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll); }
9560
9561    var oldCSS = te.style.cssText, oldWrapperCSS = input.wrapper.style.cssText;
9562    var wrapperBox = input.wrapper.offsetParent.getBoundingClientRect();
9563    input.wrapper.style.cssText = "position: static";
9564    te.style.cssText = "position: absolute; width: 30px; height: 30px;\n      top: " + (e.clientY - wrapperBox.top - 5) + "px; left: " + (e.clientX - wrapperBox.left - 5) + "px;\n      z-index: 1000; background: " + (ie ? "rgba(255, 255, 255, .05)" : "transparent") + ";\n      outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);";
9565    var oldScrollY;
9566    if (webkit) { oldScrollY = window.scrollY; } // Work around Chrome issue (#2712)
9567    display.input.focus();
9568    if (webkit) { window.scrollTo(null, oldScrollY); }
9569    display.input.reset();
9570    // Adds "Select all" to context menu in FF
9571    if (!cm.somethingSelected()) { te.value = input.prevInput = " "; }
9572    input.contextMenuPending = rehide;
9573    display.selForContextMenu = cm.doc.sel;
9574    clearTimeout(display.detectingSelectAll);
9575
9576    // Select-all will be greyed out if there's nothing to select, so
9577    // this adds a zero-width space so that we can later check whether
9578    // it got selected.
9579    function prepareSelectAllHack() {
9580      if (te.selectionStart != null) {
9581        var selected = cm.somethingSelected();
9582        var extval = "\u200b" + (selected ? te.value : "");
9583        te.value = "\u21da"; // Used to catch context-menu undo
9584        te.value = extval;
9585        input.prevInput = selected ? "" : "\u200b";
9586        te.selectionStart = 1; te.selectionEnd = extval.length;
9587        // Re-set this, in case some other handler touched the
9588        // selection in the meantime.
9589        display.selForContextMenu = cm.doc.sel;
9590      }
9591    }
9592    function rehide() {
9593      if (input.contextMenuPending != rehide) { return }
9594      input.contextMenuPending = false;
9595      input.wrapper.style.cssText = oldWrapperCSS;
9596      te.style.cssText = oldCSS;
9597      if (ie && ie_version < 9) { display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos); }
9598
9599      // Try to detect the user choosing select-all
9600      if (te.selectionStart != null) {
9601        if (!ie || (ie && ie_version < 9)) { prepareSelectAllHack(); }
9602        var i = 0, poll = function () {
9603          if (display.selForContextMenu == cm.doc.sel && te.selectionStart == 0 &&
9604              te.selectionEnd > 0 && input.prevInput == "\u200b") {
9605            operation(cm, selectAll)(cm);
9606          } else if (i++ < 10) {
9607            display.detectingSelectAll = setTimeout(poll, 500);
9608          } else {
9609            display.selForContextMenu = null;
9610            display.input.reset();
9611          }
9612        };
9613        display.detectingSelectAll = setTimeout(poll, 200);
9614      }
9615    }
9616
9617    if (ie && ie_version >= 9) { prepareSelectAllHack(); }
9618    if (captureRightClick) {
9619      e_stop(e);
9620      var mouseup = function () {
9621        off(window, "mouseup", mouseup);
9622        setTimeout(rehide, 20);
9623      };
9624      on(window, "mouseup", mouseup);
9625    } else {
9626      setTimeout(rehide, 50);
9627    }
9628  };
9629
9630  TextareaInput.prototype.readOnlyChanged = function (val) {
9631    if (!val) { this.reset(); }
9632    this.textarea.disabled = val == "nocursor";
9633    this.textarea.readOnly = !!val;
9634  };
9635
9636  TextareaInput.prototype.setUneditable = function () {};
9637
9638  TextareaInput.prototype.needsContentAttribute = false;
9639
9640  function fromTextArea(textarea, options) {
9641    options = options ? copyObj(options) : {};
9642    options.value = textarea.value;
9643    if (!options.tabindex && textarea.tabIndex)
9644      { options.tabindex = textarea.tabIndex; }
9645    if (!options.placeholder && textarea.placeholder)
9646      { options.placeholder = textarea.placeholder; }
9647    // Set autofocus to true if this textarea is focused, or if it has
9648    // autofocus and no other element is focused.
9649    if (options.autofocus == null) {
9650      var hasFocus = activeElt();
9651      options.autofocus = hasFocus == textarea ||
9652        textarea.getAttribute("autofocus") != null && hasFocus == document.body;
9653    }
9654
9655    function save() {textarea.value = cm.getValue();}
9656
9657    var realSubmit;
9658    if (textarea.form) {
9659      on(textarea.form, "submit", save);
9660      // Deplorable hack to make the submit method do the right thing.
9661      if (!options.leaveSubmitMethodAlone) {
9662        var form = textarea.form;
9663        realSubmit = form.submit;
9664        try {
9665          var wrappedSubmit = form.submit = function () {
9666            save();
9667            form.submit = realSubmit;
9668            form.submit();
9669            form.submit = wrappedSubmit;
9670          };
9671        } catch(e) {}
9672      }
9673    }
9674
9675    options.finishInit = function (cm) {
9676      cm.save = save;
9677      cm.getTextArea = function () { return textarea; };
9678      cm.toTextArea = function () {
9679        cm.toTextArea = isNaN; // Prevent this from being ran twice
9680        save();
9681        textarea.parentNode.removeChild(cm.getWrapperElement());
9682        textarea.style.display = "";
9683        if (textarea.form) {
9684          off(textarea.form, "submit", save);
9685          if (!options.leaveSubmitMethodAlone && typeof textarea.form.submit == "function")
9686            { textarea.form.submit = realSubmit; }
9687        }
9688      };
9689    };
9690
9691    textarea.style.display = "none";
9692    var cm = CodeMirror(function (node) { return textarea.parentNode.insertBefore(node, textarea.nextSibling); },
9693      options);
9694    return cm
9695  }
9696
9697  function addLegacyProps(CodeMirror) {
9698    CodeMirror.off = off;
9699    CodeMirror.on = on;
9700    CodeMirror.wheelEventPixels = wheelEventPixels;
9701    CodeMirror.Doc = Doc;
9702    CodeMirror.splitLines = splitLinesAuto;
9703    CodeMirror.countColumn = countColumn;
9704    CodeMirror.findColumn = findColumn;
9705    CodeMirror.isWordChar = isWordCharBasic;
9706    CodeMirror.Pass = Pass;
9707    CodeMirror.signal = signal;
9708    CodeMirror.Line = Line;
9709    CodeMirror.changeEnd = changeEnd;
9710    CodeMirror.scrollbarModel = scrollbarModel;
9711    CodeMirror.Pos = Pos;
9712    CodeMirror.cmpPos = cmp;
9713    CodeMirror.modes = modes;
9714    CodeMirror.mimeModes = mimeModes;
9715    CodeMirror.resolveMode = resolveMode;
9716    CodeMirror.getMode = getMode;
9717    CodeMirror.modeExtensions = modeExtensions;
9718    CodeMirror.extendMode = extendMode;
9719    CodeMirror.copyState = copyState;
9720    CodeMirror.startState = startState;
9721    CodeMirror.innerMode = innerMode;
9722    CodeMirror.commands = commands;
9723    CodeMirror.keyMap = keyMap;
9724    CodeMirror.keyName = keyName;
9725    CodeMirror.isModifierKey = isModifierKey;
9726    CodeMirror.lookupKey = lookupKey;
9727    CodeMirror.normalizeKeyMap = normalizeKeyMap;
9728    CodeMirror.StringStream = StringStream;
9729    CodeMirror.SharedTextMarker = SharedTextMarker;
9730    CodeMirror.TextMarker = TextMarker;
9731    CodeMirror.LineWidget = LineWidget;
9732    CodeMirror.e_preventDefault = e_preventDefault;
9733    CodeMirror.e_stopPropagation = e_stopPropagation;
9734    CodeMirror.e_stop = e_stop;
9735    CodeMirror.addClass = addClass;
9736    CodeMirror.contains = contains;
9737    CodeMirror.rmClass = rmClass;
9738    CodeMirror.keyNames = keyNames;
9739  }
9740
9741  // EDITOR CONSTRUCTOR
9742
9743  defineOptions(CodeMirror);
9744
9745  addEditorMethods(CodeMirror);
9746
9747  // Set up methods on CodeMirror's prototype to redirect to the editor's document.
9748  var dontDelegate = "iter insert remove copy getEditor constructor".split(" ");
9749  for (var prop in Doc.prototype) { if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0)
9750    { CodeMirror.prototype[prop] = (function(method) {
9751      return function() {return method.apply(this.doc, arguments)}
9752    })(Doc.prototype[prop]); } }
9753
9754  eventMixin(Doc);
9755  CodeMirror.inputStyles = {"textarea": TextareaInput, "contenteditable": ContentEditableInput};
9756
9757  // Extra arguments are stored as the mode's dependencies, which is
9758  // used by (legacy) mechanisms like loadmode.js to automatically
9759  // load a mode. (Preferred mechanism is the require/define calls.)
9760  CodeMirror.defineMode = function(name/*, mode, …*/) {
9761    if (!CodeMirror.defaults.mode && name != "null") { CodeMirror.defaults.mode = name; }
9762    defineMode.apply(this, arguments);
9763  };
9764
9765  CodeMirror.defineMIME = defineMIME;
9766
9767  // Minimal default mode.
9768  CodeMirror.defineMode("null", function () { return ({token: function (stream) { return stream.skipToEnd(); }}); });
9769  CodeMirror.defineMIME("text/plain", "null");
9770
9771  // EXTENSIONS
9772
9773  CodeMirror.defineExtension = function (name, func) {
9774    CodeMirror.prototype[name] = func;
9775  };
9776  CodeMirror.defineDocExtension = function (name, func) {
9777    Doc.prototype[name] = func;
9778  };
9779
9780  CodeMirror.fromTextArea = fromTextArea;
9781
9782  addLegacyProps(CodeMirror);
9783
9784  CodeMirror.version = "5.58.1";
9785
9786  return CodeMirror;
9787
9788})));