@onereach/ui-components 6.2.0-beta.3294.0 → 6.2.0-beta.3299.0

package/dist/bundled/{v3/index-540ed5cb.js → v2/index-e9029e60.js}

@@ -1,4 +1,4 @@
-import { s as syntaxTree, E as EditorView, r as codePointSize, q as codePointAt, b as EditorSelection, u as CharCategory, P as Prec, k as keymap, F as Facet, c as combineConfig, D as Direction, ak as getTooltip, V as ViewPlugin, Z as logException, m as StateEffect, S as StateField, a0 as showTooltip, al as MapMode, am as RangeValue, $ as RangeSet, v as fromCodePoint, A as Annotation, f as Text, h as indentUnit, p as Decoration, a1 as WidgetType } from './index-73699920.js';
+import { s as syntaxTree, E as EditorView, r as codePointSize, q as codePointAt, b as EditorSelection, u as CharCategory, P as Prec, k as keymap, F as Facet, c as combineConfig, D as Direction, S as StateField, a0 as showTooltip, aj as getTooltip, V as ViewPlugin, Z as logException, m as StateEffect, ak as MapMode, al as RangeValue, $ as RangeSet, v as fromCodePoint, f as Text, A as Annotation, h as indentUnit, p as Decoration, a1 as WidgetType } from './index-4b36988f.js';
 
 /**
 An instance of this is passed to completion source functions.
@@ -224,7 +224,7 @@ class FuzzyMatcher {
   // The score is a number that is more negative the worse the match
   // is. See `Penalty` above.
   match(word) {
-    if (this.pattern.length == 0) return [-100 /* Penalty.NotFull */];
+    if (this.pattern.length == 0) return [-100 /* NotFull */];
     if (word.length < this.pattern.length) return null;
     let {
       chars,
@@ -238,12 +238,12 @@ class FuzzyMatcher {
     if (chars.length == 1) {
       let first = codePointAt(word, 0),
         firstSize = codePointSize(first);
-      let score = firstSize == word.length ? 0 : -100 /* Penalty.NotFull */;
-      if (first == chars[0]) ;else if (first == folded[0]) score += -200 /* Penalty.CaseFold */;else return null;
+      let score = firstSize == word.length ? 0 : -100 /* NotFull */;
+      if (first == chars[0]) ;else if (first == folded[0]) score += -200 /* CaseFold */;else return null;
       return [score, 0, firstSize];
     }
     let direct = word.indexOf(this.pattern);
-    if (direct == 0) return [word.length == this.pattern.length ? 0 : -100 /* Penalty.NotFull */, 0, this.pattern.length];
+    if (direct == 0) return [word.length == this.pattern.length ? 0 : -100 /* NotFull */, 0, this.pattern.length];
     let len = chars.length,
       anyTo = 0;
     if (direct < 0) {
@@ -270,7 +270,7 @@ class FuzzyMatcher {
     let hasLower = /[a-z]/.test(word),
       wordAdjacent = true;
     // Go over the option's text, scanning for the various kinds of matches
-    for (let i = 0, e = Math.min(word.length, 200), prevType = 0 /* Tp.NonWord */; i < e && byWordTo < len;) {
+    for (let i = 0, e = Math.min(word.length, 200), prevType = 0 /* NonWord */; i < e && byWordTo < len;) {
       let next = codePointAt(word, i);
       if (direct < 0) {
         if (preciseTo < len && next == chars[preciseTo]) precise[preciseTo++] = i;
@@ -285,19 +285,19 @@ class FuzzyMatcher {
         }
       }
       let ch,
-        type = next < 0xff ? next >= 48 && next <= 57 || next >= 97 && next <= 122 ? 2 /* Tp.Lower */ : next >= 65 && next <= 90 ? 1 /* Tp.Upper */ : 0 /* Tp.NonWord */ : (ch = fromCodePoint(next)) != ch.toLowerCase() ? 1 /* Tp.Upper */ : ch != ch.toUpperCase() ? 2 /* Tp.Lower */ : 0 /* Tp.NonWord */;
-      if (!i || type == 1 /* Tp.Upper */ && hasLower || prevType == 0 /* Tp.NonWord */ && type != 0 /* Tp.NonWord */) {
+        type = next < 0xff ? next >= 48 && next <= 57 || next >= 97 && next <= 122 ? 2 /* Lower */ : next >= 65 && next <= 90 ? 1 /* Upper */ : 0 /* NonWord */ : (ch = fromCodePoint(next)) != ch.toLowerCase() ? 1 /* Upper */ : ch != ch.toUpperCase() ? 2 /* Lower */ : 0 /* NonWord */;
+      if (!i || type == 1 /* Upper */ && hasLower || prevType == 0 /* NonWord */ && type != 0 /* NonWord */) {
         if (chars[byWordTo] == next || folded[byWordTo] == next && (byWordFolded = true)) byWord[byWordTo++] = i;else if (byWord.length) wordAdjacent = false;
       }
       prevType = type;
       i += codePointSize(next);
     }
-    if (byWordTo == len && byWord[0] == 0 && wordAdjacent) return this.result(-100 /* Penalty.ByWord */ + (byWordFolded ? -200 /* Penalty.CaseFold */ : 0), byWord, word);
-    if (adjacentTo == len && adjacentStart == 0) return [-200 /* Penalty.CaseFold */ - word.length + (adjacentEnd == word.length ? 0 : -100 /* Penalty.NotFull */), 0, adjacentEnd];
-    if (direct > -1) return [-700 /* Penalty.NotStart */ - word.length, direct, direct + this.pattern.length];
-    if (adjacentTo == len) return [-200 /* Penalty.CaseFold */ + -700 /* Penalty.NotStart */ - word.length, adjacentStart, adjacentEnd];
-    if (byWordTo == len) return this.result(-100 /* Penalty.ByWord */ + (byWordFolded ? -200 /* Penalty.CaseFold */ : 0) + -700 /* Penalty.NotStart */ + (wordAdjacent ? 0 : -1100 /* Penalty.Gap */), byWord, word);
-    return chars.length == 2 ? null : this.result((any[0] ? -700 /* Penalty.NotStart */ : 0) + -200 /* Penalty.CaseFold */ + -1100 /* Penalty.Gap */, any, word);
+    if (byWordTo == len && byWord[0] == 0 && wordAdjacent) return this.result(-100 /* ByWord */ + (byWordFolded ? -200 /* CaseFold */ : 0), byWord, word);
+    if (adjacentTo == len && adjacentStart == 0) return [-200 /* CaseFold */ - word.length + (adjacentEnd == word.length ? 0 : -100 /* NotFull */), 0, adjacentEnd];
+    if (direct > -1) return [-700 /* NotStart */ - word.length, direct, direct + this.pattern.length];
+    if (adjacentTo == len) return [-200 /* CaseFold */ + -700 /* NotStart */ - word.length, adjacentStart, adjacentEnd];
+    if (byWordTo == len) return this.result(-100 /* ByWord */ + (byWordFolded ? -200 /* CaseFold */ : 0) + -700 /* NotStart */ + (wordAdjacent ? 0 : -1100 /* Gap */), byWord, word);
+    return chars.length == 2 ? null : this.result((any[0] ? -700 /* NotStart */ : 0) + -200 /* CaseFold */ + -1100 /* Gap */, any, word);
   }
   result(score, positions, word) {
     let result = [score - word.length],
@@ -356,10 +356,10 @@ function defaultPositionInfo(view, list, option, info, space) {
   if (left && spaceLeft < Math.min(infoWidth, spaceRight)) left = false;else if (!left && spaceRight < Math.min(infoWidth, spaceLeft)) left = true;
   if (infoWidth <= (left ? spaceLeft : spaceRight)) {
     offset = Math.max(space.top, Math.min(option.top, space.bottom - infoHeight)) - list.top;
-    maxWidth = Math.min(400 /* Info.Width */, left ? spaceLeft : spaceRight);
+    maxWidth = Math.min(400 /* Width */, left ? spaceLeft : spaceRight);
   } else {
     narrow = true;
-    maxWidth = Math.min(400 /* Info.Width */, (rtl ? list.right : space.right - list.left) - 30 /* Info.Margin */);
+    maxWidth = Math.min(400 /* Width */, (rtl ? list.right : space.right - list.left) - 30 /* Margin */);
     let spaceBelow = space.bottom - list.bottom;
     if (spaceBelow >= infoHeight || spaceBelow > list.top) {
       // Below the completion
@@ -375,223 +375,6 @@ function defaultPositionInfo(view, list, option, info, space) {
     class: "cm-completionInfo-" + (narrow ? rtl ? "left-narrow" : "right-narrow" : left ? "left" : "right")
   };
 }
-
-/**
-Returns a command that moves the completion selection forward or
-backward by the given amount.
-*/
-function moveCompletionSelection(forward) {
-  let by = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "option";
-  return view => {
-    let cState = view.state.field(completionState, false);
-    if (!cState || !cState.open || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay) return false;
-    let step = 1,
-      tooltip;
-    if (by == "page" && (tooltip = getTooltip(view, cState.open.tooltip))) step = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
-    let {
-      length
-    } = cState.open.options;
-    let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length - 1;
-    if (selected < 0) selected = by == "page" ? 0 : length - 1;else if (selected >= length) selected = by == "page" ? length - 1 : 0;
-    view.dispatch({
-      effects: setSelectedEffect.of(selected)
-    });
-    return true;
-  };
-}
-/**
-Accept the current completion.
-*/
-const acceptCompletion = view => {
-  let cState = view.state.field(completionState, false);
-  if (view.state.readOnly || !cState || !cState.open || cState.open.selected < 0 || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay) return false;
-  if (!cState.open.disabled) return applyCompletion(view, cState.open.options[cState.open.selected]);
-  return true;
-};
-/**
-Explicitly start autocompletion.
-*/
-const startCompletion = view => {
-  let cState = view.state.field(completionState, false);
-  if (!cState) return false;
-  view.dispatch({
-    effects: startCompletionEffect.of(true)
-  });
-  return true;
-};
-/**
-Close the currently active completion.
-*/
-const closeCompletion = view => {
-  let cState = view.state.field(completionState, false);
-  if (!cState || !cState.active.some(a => a.state != 0 /* State.Inactive */)) return false;
-  view.dispatch({
-    effects: closeCompletionEffect.of(null)
-  });
-  return true;
-};
-class RunningQuery {
-  constructor(active, context) {
-    this.active = active;
-    this.context = context;
-    this.time = Date.now();
-    this.updates = [];
-    // Note that 'undefined' means 'not done yet', whereas 'null' means
-    // 'query returned null'.
-    this.done = undefined;
-  }
-}
-const DebounceTime = 50,
-  MaxUpdateCount = 50,
-  MinAbortTime = 1000;
-const completionPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
-  constructor(view) {
-    this.view = view;
-    this.debounceUpdate = -1;
-    this.running = [];
-    this.debounceAccept = -1;
-    this.composing = 0 /* CompositionState.None */;
-    for (let active of view.state.field(completionState).active) if (active.state == 1 /* State.Pending */) this.startQuery(active);
-  }
-  update(update) {
-    let cState = update.state.field(completionState);
-    if (!update.selectionSet && !update.docChanged && update.startState.field(completionState) == cState) return;
-    let doesReset = update.transactions.some(tr => {
-      return (tr.selection || tr.docChanged) && !getUserEvent(tr);
-    });
-    for (let i = 0; i < this.running.length; i++) {
-      let query = this.running[i];
-      if (doesReset || query.updates.length + update.transactions.length > MaxUpdateCount && Date.now() - query.time > MinAbortTime) {
-        for (let handler of query.context.abortListeners) {
-          try {
-            handler();
-          } catch (e) {
-            logException(this.view.state, e);
-          }
-        }
-        query.context.abortListeners = null;
-        this.running.splice(i--, 1);
-      } else {
-        query.updates.push(...update.transactions);
-      }
-    }
-    if (this.debounceUpdate > -1) clearTimeout(this.debounceUpdate);
-    this.debounceUpdate = cState.active.some(a => a.state == 1 /* State.Pending */ && !this.running.some(q => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), DebounceTime) : -1;
-    if (this.composing != 0 /* CompositionState.None */) for (let tr of update.transactions) {
-      if (getUserEvent(tr) == "input") this.composing = 2 /* CompositionState.Changed */;else if (this.composing == 2 /* CompositionState.Changed */ && tr.selection) this.composing = 3 /* CompositionState.ChangedAndMoved */;
-    }
-  }
-
-  startUpdate() {
-    this.debounceUpdate = -1;
-    let {
-        state
-      } = this.view,
-      cState = state.field(completionState);
-    for (let active of cState.active) {
-      if (active.state == 1 /* State.Pending */ && !this.running.some(r => r.active.source == active.source)) this.startQuery(active);
-    }
-  }
-  startQuery(active) {
-    let {
-        state
-      } = this.view,
-      pos = cur(state);
-    let context = new CompletionContext(state, pos, active.explicitPos == pos);
-    let pending = new RunningQuery(active, context);
-    this.running.push(pending);
-    Promise.resolve(active.source(context)).then(result => {
-      if (!pending.context.aborted) {
-        pending.done = result || null;
-        this.scheduleAccept();
-      }
-    }, err => {
-      this.view.dispatch({
-        effects: closeCompletionEffect.of(null)
-      });
-      logException(this.view.state, err);
-    });
-  }
-  scheduleAccept() {
-    if (this.running.every(q => q.done !== undefined)) this.accept();else if (this.debounceAccept < 0) this.debounceAccept = setTimeout(() => this.accept(), DebounceTime);
-  }
-  // For each finished query in this.running, try to create a result
-  // or, if appropriate, restart the query.
-  accept() {
-    var _a;
-    if (this.debounceAccept > -1) clearTimeout(this.debounceAccept);
-    this.debounceAccept = -1;
-    let updated = [];
-    let conf = this.view.state.facet(completionConfig);
-    for (let i = 0; i < this.running.length; i++) {
-      let query = this.running[i];
-      if (query.done === undefined) continue;
-      this.running.splice(i--, 1);
-      if (query.done) {
-        let active = new ActiveResult(query.active.source, query.active.explicitPos, query.done, query.done.from, (_a = query.done.to) !== null && _a !== void 0 ? _a : cur(query.updates.length ? query.updates[0].startState : this.view.state));
-        // Replay the transactions that happened since the start of
-        // the request and see if that preserves the result
-        for (let tr of query.updates) active = active.update(tr, conf);
-        if (active.hasResult()) {
-          updated.push(active);
-          continue;
-        }
-      }
-      let current = this.view.state.field(completionState).active.find(a => a.source == query.active.source);
-      if (current && current.state == 1 /* State.Pending */) {
-        if (query.done == null) {
-          // Explicitly failed. Should clear the pending status if it
-          // hasn't been re-set in the meantime.
-          let active = new ActiveSource(query.active.source, 0 /* State.Inactive */);
-          for (let tr of query.updates) active = active.update(tr, conf);
-          if (active.state != 1 /* State.Pending */) updated.push(active);
-        } else {
-          // Cleared by subsequent transactions. Restart.
-          this.startQuery(current);
-        }
-      }
-    }
-    if (updated.length) this.view.dispatch({
-      effects: setActiveEffect.of(updated)
-    });
-  }
-}, {
-  eventHandlers: {
-    blur(event) {
-      let state = this.view.state.field(completionState, false);
-      if (state && state.tooltip && this.view.state.facet(completionConfig).closeOnBlur) {
-        let dialog = state.open && getTooltip(this.view, state.open.tooltip);
-        if (!dialog || !dialog.dom.contains(event.relatedTarget)) this.view.dispatch({
-          effects: closeCompletionEffect.of(null)
-        });
-      }
-    },
-    compositionstart() {
-      this.composing = 1 /* CompositionState.Started */;
-    },
-
-    compositionend() {
-      if (this.composing == 3 /* CompositionState.ChangedAndMoved */) {
-        // Safari fires compositionend events synchronously, possibly
-        // from inside an update, so dispatch asynchronously to avoid reentrancy
-        setTimeout(() => this.view.dispatch({
-          effects: startCompletionEffect.of(false)
-        }), 20);
-      }
-      this.composing = 0 /* CompositionState.None */;
-    }
-  }
-});
-
-function applyCompletion(view, option) {
-  const apply = option.completion.apply || option.completion.label;
-  let result = view.state.field(completionState).active.find(a => a.source == option.source);
-  if (!(result instanceof ActiveResult)) return false;
-  if (typeof apply == "string") view.dispatch(Object.assign(Object.assign({}, insertCompletionText(view.state, apply, result.from, result.to)), {
-    annotations: pickedCompletion.of(option.completion)
-  }));else apply(view, option.completion, result.from, result.to);
-  return true;
-}
 function optionContent(config) {
   let content = config.addToOptions.slice();
   if (config.icons) content.push({
@@ -657,10 +440,12 @@ function rangeAroundSelected(total, selected, max) {
   };
 }
 class CompletionTooltip {
-  constructor(view, stateField) {
+  constructor(view, stateField, applyCompletion) {
     this.view = view;
     this.stateField = stateField;
+    this.applyCompletion = applyCompletion;
     this.info = null;
+    this.infoDestroy = null;
     this.placeInfoReq = {
       read: () => this.measureInfo(),
       write: pos => this.placeInfo(pos),
@@ -684,7 +469,7 @@ class CompletionTooltip {
     this.dom.addEventListener("mousedown", e => {
       for (let dom = e.target, match; dom && dom != this.dom; dom = dom.parentNode) {
         if (dom.nodeName == "LI" && (match = /-(\d+)$/.exec(dom.id)) && +match[1] < options.length) {
-          applyCompletion(view, options[+match[1]]);
+          this.applyCompletion(view, options[+match[1]]);
           e.preventDefault();
           return;
         }
@@ -738,10 +523,7 @@ class CompletionTooltip {
       });
     }
     if (this.updateSelectedOption(open.selected)) {
-      if (this.info) {
-        this.info.remove();
-        this.info = null;
-      }
+      this.destroyInfo();
       let {
         completion
       } = open.options[open.selected];
@@ -749,22 +531,33 @@ class CompletionTooltip {
         info
       } = completion;
       if (!info) return;
-      let infoResult = typeof info === 'string' ? document.createTextNode(info) : info(completion);
+      let infoResult = typeof info === "string" ? document.createTextNode(info) : info(completion);
       if (!infoResult) return;
-      if ('then' in infoResult) {
-        infoResult.then(node => {
-          if (node && this.view.state.field(this.stateField, false) == cState) this.addInfoPane(node);
+      if ("then" in infoResult) {
+        infoResult.then(obj => {
+          if (obj && this.view.state.field(this.stateField, false) == cState) this.addInfoPane(obj, completion);
         }).catch(e => logException(this.view.state, e, "completion info"));
       } else {
-        this.addInfoPane(infoResult);
+        this.addInfoPane(infoResult, completion);
       }
     }
   }
-  addInfoPane(content) {
-    let dom = this.info = document.createElement("div");
-    dom.className = "cm-tooltip cm-completionInfo";
-    dom.appendChild(content);
-    this.dom.appendChild(dom);
+  addInfoPane(content, completion) {
+    this.destroyInfo();
+    let wrap = this.info = document.createElement("div");
+    wrap.className = "cm-tooltip cm-completionInfo";
+    if (content.nodeType != null) {
+      wrap.appendChild(content);
+      this.infoDestroy = null;
+    } else {
+      let {
+        dom,
+        destroy
+      } = content;
+      wrap.appendChild(dom);
+      this.infoDestroy = destroy || null;
+    }
+    this.dom.appendChild(wrap);
     this.view.requestMeasure(this.placeInfoReq);
   }
   updateSelectedOption(selected) {
@@ -854,11 +647,21 @@ class CompletionTooltip {
     if (range.to < options.length) ul.classList.add("cm-completionListIncompleteBottom");
     return ul;
   }
+  destroyInfo() {
+    if (this.info) {
+      if (this.infoDestroy) this.infoDestroy();
+      this.info.remove();
+      this.info = null;
+    }
+  }
+  destroy() {
+    this.destroyInfo();
+  }
 }
 // We allocate a new function instance every time the completion
 // changes to force redrawing/repositioning of the tooltip
-function completionTooltip(stateField) {
-  return view => new CompletionTooltip(view, stateField);
+function completionTooltip(stateField, applyCompletion) {
+  return view => new CompletionTooltip(view, stateField, applyCompletion);
 }
 function scrollIntoView(container, element) {
   let parent = container.getBoundingClientRect();
@@ -925,7 +728,8 @@ function sortOptions(active, state) {
     prev = null;
   let compare = state.facet(completionConfig).compareCompletions;
   for (let opt of options.sort((a, b) => b.score - a.score || compare(a.completion, b.completion))) {
-    if (!prev || prev.label != opt.completion.label || prev.detail != opt.completion.detail || prev.type != null && opt.completion.type != null && prev.type != opt.completion.type || prev.apply != opt.completion.apply) result.push(opt);else if (score(opt.completion) > score(prev)) result[result.length - 1] = opt;
+    let cur = opt.completion;
+    if (!prev || prev.label != cur.label || prev.detail != cur.detail || prev.type != null && cur.type != null && prev.type != cur.type || prev.apply != cur.apply || prev.boost != cur.boost) result.push(opt);else if (score(opt.completion) > score(prev)) result[result.length - 1] = opt;
     prev = opt.completion;
   }
   return result;
@@ -945,7 +749,7 @@ class CompletionDialog {
   static build(active, state, id, prev, conf) {
     let options = sortOptions(active, state);
     if (!options.length) {
-      return prev && active.some(a => a.state == 1 /* State.Pending */) ? new CompletionDialog(prev.options, prev.attrs, prev.tooltip, prev.timestamp, prev.selected, true) : null;
+      return prev && active.some(a => a.state == 1 /* Pending */) ? new CompletionDialog(prev.options, prev.attrs, prev.tooltip, prev.timestamp, prev.selected, true) : null;
     }
     let selected = state.facet(completionConfig).selectOnOpen ? 0 : -1;
     if (prev && prev.selected != selected && prev.selected != -1) {
@@ -957,7 +761,7 @@ class CompletionDialog {
     }
     return new CompletionDialog(options, makeAttrs(id, selected), {
       pos: active.reduce((a, b) => b.hasResult() ? Math.min(a, b.from) : a, 1e8),
-      create: completionTooltip(completionState),
+      create: completionTooltip(completionState, applyCompletion),
       above: conf.aboveCursor
     }, prev ? prev.timestamp : Date.now(), selected, false);
   }
@@ -983,14 +787,14 @@ class CompletionState {
       conf = state.facet(completionConfig);
     let sources = conf.override || state.languageDataAt("autocomplete", cur(state)).map(asSource);
     let active = sources.map(source => {
-      let value = this.active.find(s => s.source == source) || new ActiveSource(source, this.active.some(a => a.state != 0 /* State.Inactive */) ? 1 /* State.Pending */ : 0 /* State.Inactive */);
+      let value = this.active.find(s => s.source == source) || new ActiveSource(source, this.active.some(a => a.state != 0 /* Inactive */) ? 1 /* Pending */ : 0 /* Inactive */);
       return value.update(tr, conf);
     });
     if (active.length == this.active.length && active.every((a, i) => a == this.active[i])) active = this.active;
     let open = this.open;
     if (open && tr.docChanged) open = open.map(tr.changes);
-    if (tr.selection || active.some(a => a.hasResult() && tr.changes.touchesRange(a.from, a.to)) || !sameResults(active, this.active)) open = CompletionDialog.build(active, state, this.id, open, conf);else if (open && open.disabled && !active.some(a => a.state == 1 /* State.Pending */)) open = null;
-    if (!open && active.every(a => a.state != 1 /* State.Pending */) && active.some(a => a.hasResult())) active = active.map(a => a.hasResult() ? new ActiveSource(a.source, 0 /* State.Inactive */) : a);
+    if (tr.selection || active.some(a => a.hasResult() && tr.changes.touchesRange(a.from, a.to)) || !sameResults(active, this.active)) open = CompletionDialog.build(active, state, this.id, open, conf);else if (open && open.disabled && !active.some(a => a.state == 1 /* Pending */)) open = null;
+    if (!open && active.every(a => a.state != 1 /* Pending */) && active.some(a => a.hasResult())) active = active.map(a => a.hasResult() ? new ActiveSource(a.source, 0 /* Inactive */) : a);
     for (let effect of tr.effects) if (effect.is(setSelectedEffect)) open = open && open.setSelected(effect.value, this.id);
     return active == this.active && open == this.open ? this : new CompletionState(active, this.id, open);
   }
@@ -1041,18 +845,18 @@ class ActiveSource {
   update(tr, conf) {
     let event = getUserEvent(tr),
       value = this;
-    if (event) value = value.handleUserEvent(tr, event, conf);else if (tr.docChanged) value = value.handleChange(tr);else if (tr.selection && value.state != 0 /* State.Inactive */) value = new ActiveSource(value.source, 0 /* State.Inactive */);
+    if (event) value = value.handleUserEvent(tr, event, conf);else if (tr.docChanged) value = value.handleChange(tr);else if (tr.selection && value.state != 0 /* Inactive */) value = new ActiveSource(value.source, 0 /* Inactive */);
     for (let effect of tr.effects) {
-      if (effect.is(startCompletionEffect)) value = new ActiveSource(value.source, 1 /* State.Pending */, effect.value ? cur(tr.state) : -1);else if (effect.is(closeCompletionEffect)) value = new ActiveSource(value.source, 0 /* State.Inactive */);else if (effect.is(setActiveEffect)) for (let active of effect.value) if (active.source == value.source) value = active;
+      if (effect.is(startCompletionEffect)) value = new ActiveSource(value.source, 1 /* Pending */, effect.value ? cur(tr.state) : -1);else if (effect.is(closeCompletionEffect)) value = new ActiveSource(value.source, 0 /* Inactive */);else if (effect.is(setActiveEffect)) for (let active of effect.value) if (active.source == value.source) value = active;
     }
     return value;
   }
   handleUserEvent(tr, type, conf) {
-    return type == "delete" || !conf.activateOnTyping ? this.map(tr.changes) : new ActiveSource(this.source, 1 /* State.Pending */);
+    return type == "delete" || !conf.activateOnTyping ? this.map(tr.changes) : new ActiveSource(this.source, 1 /* Pending */);
   }
 
   handleChange(tr) {
-    return tr.changes.touchesRange(cur(tr.startState)) ? new ActiveSource(this.source, 0 /* State.Inactive */) : this.map(tr.changes);
+    return tr.changes.touchesRange(cur(tr.startState)) ? new ActiveSource(this.source, 0 /* Inactive */) : this.map(tr.changes);
   }
   map(changes) {
     return changes.empty || this.explicitPos < 0 ? this : new ActiveSource(this.source, this.state, changes.mapPos(this.explicitPos));
@@ -1060,7 +864,7 @@ class ActiveSource {
 }
 class ActiveResult extends ActiveSource {
   constructor(source, explicitPos, result, from, to) {
-    super(source, 2 /* State.Result */, explicitPos);
+    super(source, 2 /* Result */, explicitPos);
     this.result = result;
     this.from = from;
     this.to = to;
@@ -1073,15 +877,15 @@ class ActiveResult extends ActiveSource {
     let from = tr.changes.mapPos(this.from),
       to = tr.changes.mapPos(this.to, 1);
     let pos = cur(tr.state);
-    if ((this.explicitPos < 0 ? pos <= from : pos < this.from) || pos > to || type == "delete" && cur(tr.startState) == this.from) return new ActiveSource(this.source, type == "input" && conf.activateOnTyping ? 1 /* State.Pending */ : 0 /* State.Inactive */);
+    if ((this.explicitPos < 0 ? pos <= from : pos < this.from) || pos > to || type == "delete" && cur(tr.startState) == this.from) return new ActiveSource(this.source, type == "input" && conf.activateOnTyping ? 1 /* Pending */ : 0 /* Inactive */);
     let explicitPos = this.explicitPos < 0 ? -1 : tr.changes.mapPos(this.explicitPos),
       updated;
     if (checkValid(this.result.validFor, tr.state, from, to)) return new ActiveResult(this.source, explicitPos, this.result, from, to);
     if (this.result.update && (updated = this.result.update(this.result, from, to, new CompletionContext(tr.state, pos, explicitPos >= 0)))) return new ActiveResult(this.source, explicitPos, updated, updated.from, (_a = updated.to) !== null && _a !== void 0 ? _a : cur(tr.state));
-    return new ActiveSource(this.source, 1 /* State.Pending */, explicitPos);
+    return new ActiveSource(this.source, 1 /* Pending */, explicitPos);
   }
   handleChange(tr) {
-    return tr.changes.touchesRange(this.from, this.to) ? new ActiveSource(this.source, 0 /* State.Inactive */) : this.map(tr.changes);
+    return tr.changes.touchesRange(this.from, this.to) ? new ActiveSource(this.source, 0 /* Inactive */) : this.map(tr.changes);
   }
   map(mapping) {
     return mapping.empty ? this : new ActiveResult(this.source, this.explicitPos < 0 ? -1 : mapping.mapPos(this.explicitPos), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
@@ -1107,6 +911,222 @@ const completionState = /*@__PURE__*/StateField.define({
   },
   provide: f => [showTooltip.from(f, val => val.tooltip), EditorView.contentAttributes.from(f, state => state.attrs)]
 });
+function applyCompletion(view, option) {
+  const apply = option.completion.apply || option.completion.label;
+  let result = view.state.field(completionState).active.find(a => a.source == option.source);
+  if (!(result instanceof ActiveResult)) return false;
+  if (typeof apply == "string") view.dispatch(Object.assign(Object.assign({}, insertCompletionText(view.state, apply, result.from, result.to)), {
+    annotations: pickedCompletion.of(option.completion)
+  }));else apply(view, option.completion, result.from, result.to);
+  return true;
+}
+
+/**
+Returns a command that moves the completion selection forward or
+backward by the given amount.
+*/
+function moveCompletionSelection(forward) {
+  let by = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "option";
+  return view => {
+    let cState = view.state.field(completionState, false);
+    if (!cState || !cState.open || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay) return false;
+    let step = 1,
+      tooltip;
+    if (by == "page" && (tooltip = getTooltip(view, cState.open.tooltip))) step = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
+    let {
+      length
+    } = cState.open.options;
+    let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length - 1;
+    if (selected < 0) selected = by == "page" ? 0 : length - 1;else if (selected >= length) selected = by == "page" ? length - 1 : 0;
+    view.dispatch({
+      effects: setSelectedEffect.of(selected)
+    });
+    return true;
+  };
+}
+/**
+Accept the current completion.
+*/
+const acceptCompletion = view => {
+  let cState = view.state.field(completionState, false);
+  if (view.state.readOnly || !cState || !cState.open || cState.open.selected < 0 || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay) return false;
+  return applyCompletion(view, cState.open.options[cState.open.selected]);
+};
+/**
+Explicitly start autocompletion.
+*/
+const startCompletion = view => {
+  let cState = view.state.field(completionState, false);
+  if (!cState) return false;
+  view.dispatch({
+    effects: startCompletionEffect.of(true)
+  });
+  return true;
+};
+/**
+Close the currently active completion.
+*/
+const closeCompletion = view => {
+  let cState = view.state.field(completionState, false);
+  if (!cState || !cState.active.some(a => a.state != 0 /* Inactive */)) return false;
+  view.dispatch({
+    effects: closeCompletionEffect.of(null)
+  });
+  return true;
+};
+class RunningQuery {
+  constructor(active, context) {
+    this.active = active;
+    this.context = context;
+    this.time = Date.now();
+    this.updates = [];
+    // Note that 'undefined' means 'not done yet', whereas 'null' means
+    // 'query returned null'.
+    this.done = undefined;
+  }
+}
+const DebounceTime = 50,
+  MaxUpdateCount = 50,
+  MinAbortTime = 1000;
+const completionPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
+  constructor(view) {
+    this.view = view;
+    this.debounceUpdate = -1;
+    this.running = [];
+    this.debounceAccept = -1;
+    this.composing = 0 /* None */;
+    for (let active of view.state.field(completionState).active) if (active.state == 1 /* Pending */) this.startQuery(active);
+  }
+  update(update) {
+    let cState = update.state.field(completionState);
+    if (!update.selectionSet && !update.docChanged && update.startState.field(completionState) == cState) return;
+    let doesReset = update.transactions.some(tr => {
+      return (tr.selection || tr.docChanged) && !getUserEvent(tr);
+    });
+    for (let i = 0; i < this.running.length; i++) {
+      let query = this.running[i];
+      if (doesReset || query.updates.length + update.transactions.length > MaxUpdateCount && Date.now() - query.time > MinAbortTime) {
+        for (let handler of query.context.abortListeners) {
+          try {
+            handler();
+          } catch (e) {
+            logException(this.view.state, e);
+          }
+        }
+        query.context.abortListeners = null;
+        this.running.splice(i--, 1);
+      } else {
+        query.updates.push(...update.transactions);
+      }
+    }
+    if (this.debounceUpdate > -1) clearTimeout(this.debounceUpdate);
+    this.debounceUpdate = cState.active.some(a => a.state == 1 /* Pending */ && !this.running.some(q => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), DebounceTime) : -1;
+    if (this.composing != 0 /* None */) for (let tr of update.transactions) {
+      if (getUserEvent(tr) == "input") this.composing = 2 /* Changed */;else if (this.composing == 2 /* Changed */ && tr.selection) this.composing = 3 /* ChangedAndMoved */;
+    }
+  }
+
+  startUpdate() {
+    this.debounceUpdate = -1;
+    let {
+        state
+      } = this.view,
+      cState = state.field(completionState);
+    for (let active of cState.active) {
+      if (active.state == 1 /* Pending */ && !this.running.some(r => r.active.source == active.source)) this.startQuery(active);
+    }
+  }
+  startQuery(active) {
+    let {
+        state
+      } = this.view,
+      pos = cur(state);
+    let context = new CompletionContext(state, pos, active.explicitPos == pos);
+    let pending = new RunningQuery(active, context);
+    this.running.push(pending);
+    Promise.resolve(active.source(context)).then(result => {
+      if (!pending.context.aborted) {
+        pending.done = result || null;
+        this.scheduleAccept();
+      }
+    }, err => {
+      this.view.dispatch({
+        effects: closeCompletionEffect.of(null)
+      });
+      logException(this.view.state, err);
+    });
+  }
+  scheduleAccept() {
+    if (this.running.every(q => q.done !== undefined)) this.accept();else if (this.debounceAccept < 0) this.debounceAccept = setTimeout(() => this.accept(), DebounceTime);
+  }
+  // For each finished query in this.running, try to create a result
+  // or, if appropriate, restart the query.
+  accept() {
+    var _a;
+    if (this.debounceAccept > -1) clearTimeout(this.debounceAccept);
+    this.debounceAccept = -1;
+    let updated = [];
+    let conf = this.view.state.facet(completionConfig);
+    for (let i = 0; i < this.running.length; i++) {
+      let query = this.running[i];
+      if (query.done === undefined) continue;
+      this.running.splice(i--, 1);
+      if (query.done) {
+        let active = new ActiveResult(query.active.source, query.active.explicitPos, query.done, query.done.from, (_a = query.done.to) !== null && _a !== void 0 ? _a : cur(query.updates.length ? query.updates[0].startState : this.view.state));
+        // Replay the transactions that happened since the start of
+        // the request and see if that preserves the result
+        for (let tr of query.updates) active = active.update(tr, conf);
+        if (active.hasResult()) {
+          updated.push(active);
+          continue;
+        }
+      }
+      let current = this.view.state.field(completionState).active.find(a => a.source == query.active.source);
+      if (current && current.state == 1 /* Pending */) {
+        if (query.done == null) {
+          // Explicitly failed. Should clear the pending status if it
+          // hasn't been re-set in the meantime.
+          let active = new ActiveSource(query.active.source, 0 /* Inactive */);
+          for (let tr of query.updates) active = active.update(tr, conf);
+          if (active.state != 1 /* Pending */) updated.push(active);
+        } else {
+          // Cleared by subsequent transactions. Restart.
+          this.startQuery(current);
+        }
+      }
+    }
+    if (updated.length) this.view.dispatch({
+      effects: setActiveEffect.of(updated)
+    });
+  }
+}, {
+  eventHandlers: {
+    blur(event) {
+      let state = this.view.state.field(completionState, false);
+      if (state && state.tooltip && this.view.state.facet(completionConfig).closeOnBlur) {
+        let dialog = state.open && getTooltip(this.view, state.open.tooltip);
+        if (!dialog || !dialog.dom.contains(event.relatedTarget)) this.view.dispatch({
+          effects: closeCompletionEffect.of(null)
+        });
+      }
+    },
+    compositionstart() {
+      this.composing = 1 /* Started */;
+    },
+
+    compositionend() {
+      if (this.composing == 3 /* ChangedAndMoved */) {
+        // Safari fires compositionend events synchronously, possibly
+        // from inside an update, so dispatch asynchronously to avoid reentrancy
+        setTimeout(() => this.view.dispatch({
+          effects: startCompletionEffect.of(false)
+        }), 20);
+      }
+      this.composing = 0 /* None */;
+    }
+  }
+});
+
 const baseTheme = /*@__PURE__*/EditorView.baseTheme({
   ".cm-tooltip.cm-tooltip-autocomplete": {
     "& > ul": {
@@ -1162,7 +1182,7 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
     position: "absolute",
     padding: "3px 9px",
     width: "max-content",
-    maxWidth: `${400 /* Info.Width */}px`,
+    maxWidth: `${400 /* Width */}px`,
     boxSizing: "border-box"
   },
   ".cm-completionInfo.cm-completionInfo-left": {
@@ -1172,10 +1192,10 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
     left: "100%"
   },
   ".cm-completionInfo.cm-completionInfo-left-narrow": {
-    right: `${30 /* Info.Margin */}px`
+    right: `${30 /* Margin */}px`
   },
   ".cm-completionInfo.cm-completionInfo-right-narrow": {
-    left: `${30 /* Info.Margin */}px`
+    left: `${30 /* Margin */}px`
   },
   "&light .cm-snippetField": {
     backgroundColor: "#00000022"