Function Widget

external/.scrollLibs.js:13599–13746

(completion, data)

  }

  function Widget(completion, data) {
    this.completion = completion
    this.data = data
    this.picked = false
    var widget = this,
      cm = completion.cm
    var ownerDocument = cm.getInputField().ownerDocument
    var parentWindow = ownerDocument.defaultView || ownerDocument.parentWindow

    var hints = (this.hints = ownerDocument.createElement("ul"))
    var theme = completion.cm.options.theme
    hints.className = "CodeMirror-hints " + theme
    this.selectedHint = data.selectedHint || 0

    var completions = data.list
    for (var i = 0; i < completions.length; ++i) {
      var elt = hints.appendChild(ownerDocument.createElement("li")),
        cur = completions[i]
      var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? "" : " " + ACTIVE_HINT_ELEMENT_CLASS)
      if (cur.className != null) className = cur.className + " " + className
      elt.className = className
      if (cur.render) cur.render(elt, data, cur)
      else elt.appendChild(ownerDocument.createTextNode(cur.displayText || getText(cur)))
      elt.hintId = i
    }

    var pos = cm.cursorCoords(completion.options.alignWithAtom ? data.from : null)
    var left = pos.left,
      top = pos.bottom,
      below = true
    hints.style.left = left + "px"
    hints.style.top = top + "px"
    // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.
    var winW = parentWindow.innerWidth || Math.max(ownerDocument.body.offsetWidth, ownerDocument.documentElement.offsetWidth)
    var winH = parentWindow.innerHeight || Math.max(ownerDocument.body.offsetHeight, ownerDocument.documentElement.offsetHeight)
    ;(completion.options.container || ownerDocument.body).appendChild(hints)
    var box = hints.getBoundingClientRect(),
      overlapY = box.bottom - winH
    var scrolls = hints.scrollHeight > hints.clientHeight + 1
    var startScroll = cm.getScrollInfo()

    if (overlapY > 0) {
      var height = box.bottom - box.top,
        curTop = pos.top - (pos.bottom - box.top)
      if (curTop - height > 0) {
        // Fits above cursor
        hints.style.top = (top = pos.top - height) + "px"
        below = false
      } else if (height > winH) {
        hints.style.height = winH - 5 + "px"
        hints.style.top = (top = pos.bottom - box.top) + "px"
        var cursor = cm.getCursor()
        if (data.from.ch != cursor.ch) {
          pos = cm.cursorCoords(cursor)
          hints.style.left = (left = pos.left) + "px"
          box = hints.getBoundingClientRect()
        }
      }