@onereach/ui-components 3.0.1 → 3.1.0-beta.2468.0

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -0,0 +1,4094 @@
+import { E as EditorView, F as Facet, c as combineConfig, S as StateField, a as EditorSelection, T as Transaction, C as ChangeSet, b as ChangeDesc, I as IndentContext, g as getIndentation, i as indentString, d as Text, e as indentUnit, f as countColumn, h as getIndentUnit, A as Annotation, j as StateEffect, m as matchBrackets, s as syntaxTree, N as NodeProp, D as Direction, k as findClusterBreak, V as ViewPlugin, l as Decoration, n as codePointAt, o as codePointSize, p as getPanel, q as CharCategory, P as Prec, r as fromCodePoint, t as showPanel, R as RangeSetBuilder, u as EditorState, v as runScopeHandlers, w as hoverTooltip, W as WidgetType, x as logException, y as lineNumbers, z as highlightActiveLineGutter, B as highlightSpecialChars, G as foldGutter, H as drawSelection, J as dropCursor, K as indentOnInput, L as syntaxHighlighting, M as defaultHighlightStyle, O as bracketMatching, Q as rectangularSelection, U as crosshairCursor, X as highlightActiveLine, Y as keymap, Z as foldKeymap } from '../../index-6976c52a.js';
+import { c as closeBrackets, a as autocompletion, b as closeBracketsKeymap, d as completionKeymap, l as languages } from '../../lang-02d2bb2d.js';
+import { useElementHover } from '@vueuse/core';
+import { defineComponent, ref } from 'vue-demi';
+import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
+import { OrCodeLanguages } from './constants.js';
+import theme from './theme.js';
+import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
+import __vue_component__$2 from '../OrModal/OrModal.js';
+import __vue_component__$4 from '../OrError/OrError.js';
+import __vue_component__$5 from '../OrHint/OrHint.js';
+import __vue_component__$6 from '../OrLabel/OrLabel.js';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../OrTeleport/constants.js';
+import '../OrTooltip/OrTooltip.js';
+import 'lodash';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
+import '../OrModal/constants.js';
+import '../OrOverlay/OrOverlay.js';
+
+/**
+Comment or uncomment the current selection. Will use line comments
+if available, otherwise falling back to block comments.
+*/
+const toggleComment = target => {
+  let {
+      state
+    } = target,
+    line = state.doc.lineAt(state.selection.main.head),
+    config = getConfig(target.state, line.from);
+  return config.line ? toggleLineComment(target) : config.block ? toggleBlockCommentByLine(target) : false;
+};
+function command(f, option) {
+  return ({
+    state,
+    dispatch
+  }) => {
+    if (state.readOnly) return false;
+    let tr = f(option, state);
+    if (!tr) return false;
+    dispatch(state.update(tr));
+    return true;
+  };
+}
+/**
+Comment or uncomment the current selection using line comments.
+The line comment syntax is taken from the
+[`commentTokens`](https://codemirror.net/6/docs/ref/#commands.CommentTokens) [language
+data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt).
+*/
+const toggleLineComment = /*@__PURE__*/command(changeLineComment, 0 /* CommentOption.Toggle */);
+/**
+Comment or uncomment the current selection using block comments.
+The block comment syntax is taken from the
+[`commentTokens`](https://codemirror.net/6/docs/ref/#commands.CommentTokens) [language
+data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt).
+*/
+const toggleBlockComment = /*@__PURE__*/command(changeBlockComment, 0 /* CommentOption.Toggle */);
+/**
+Comment or uncomment the lines around the current selection using
+block comments.
+*/
+const toggleBlockCommentByLine = /*@__PURE__*/command((o, s) => changeBlockComment(o, s, selectedLineRanges(s)), 0 /* CommentOption.Toggle */);
+function getConfig(state, pos) {
+  let data = state.languageDataAt("commentTokens", pos);
+  return data.length ? data[0] : {};
+}
+const SearchMargin = 50;
+/**
+Determines if the given range is block-commented in the given
+state.
+*/
+function findBlockComment(state, {
+  open,
+  close
+}, from, to) {
+  let textBefore = state.sliceDoc(from - SearchMargin, from);
+  let textAfter = state.sliceDoc(to, to + SearchMargin);
+  let spaceBefore = /\s*$/.exec(textBefore)[0].length,
+    spaceAfter = /^\s*/.exec(textAfter)[0].length;
+  let beforeOff = textBefore.length - spaceBefore;
+  if (textBefore.slice(beforeOff - open.length, beforeOff) == open && textAfter.slice(spaceAfter, spaceAfter + close.length) == close) {
+    return {
+      open: {
+        pos: from - spaceBefore,
+        margin: spaceBefore && 1
+      },
+      close: {
+        pos: to + spaceAfter,
+        margin: spaceAfter && 1
+      }
+    };
+  }
+  let startText, endText;
+  if (to - from <= 2 * SearchMargin) {
+    startText = endText = state.sliceDoc(from, to);
+  } else {
+    startText = state.sliceDoc(from, from + SearchMargin);
+    endText = state.sliceDoc(to - SearchMargin, to);
+  }
+  let startSpace = /^\s*/.exec(startText)[0].length,
+    endSpace = /\s*$/.exec(endText)[0].length;
+  let endOff = endText.length - endSpace - close.length;
+  if (startText.slice(startSpace, startSpace + open.length) == open && endText.slice(endOff, endOff + close.length) == close) {
+    return {
+      open: {
+        pos: from + startSpace + open.length,
+        margin: /\s/.test(startText.charAt(startSpace + open.length)) ? 1 : 0
+      },
+      close: {
+        pos: to - endSpace - close.length,
+        margin: /\s/.test(endText.charAt(endOff - 1)) ? 1 : 0
+      }
+    };
+  }
+  return null;
+}
+function selectedLineRanges(state) {
+  let ranges = [];
+  for (let r of state.selection.ranges) {
+    let fromLine = state.doc.lineAt(r.from);
+    let toLine = r.to <= fromLine.to ? fromLine : state.doc.lineAt(r.to);
+    let last = ranges.length - 1;
+    if (last >= 0 && ranges[last].to > fromLine.from) ranges[last].to = toLine.to;else ranges.push({
+      from: fromLine.from,
+      to: toLine.to
+    });
+  }
+  return ranges;
+}
+// Performs toggle, comment and uncomment of block comments in
+// languages that support them.
+function changeBlockComment(option, state, ranges = state.selection.ranges) {
+  let tokens = ranges.map(r => getConfig(state, r.from).block);
+  if (!tokens.every(c => c)) return null;
+  let comments = ranges.map((r, i) => findBlockComment(state, tokens[i], r.from, r.to));
+  if (option != 2 /* CommentOption.Uncomment */ && !comments.every(c => c)) {
+    return {
+      changes: state.changes(ranges.map((range, i) => {
+        if (comments[i]) return [];
+        return [{
+          from: range.from,
+          insert: tokens[i].open + " "
+        }, {
+          from: range.to,
+          insert: " " + tokens[i].close
+        }];
+      }))
+    };
+  } else if (option != 1 /* CommentOption.Comment */ && comments.some(c => c)) {
+    let changes = [];
+    for (let i = 0, comment; i < comments.length; i++) if (comment = comments[i]) {
+      let token = tokens[i],
+        {
+          open,
+          close
+        } = comment;
+      changes.push({
+        from: open.pos - token.open.length,
+        to: open.pos + open.margin
+      }, {
+        from: close.pos - close.margin,
+        to: close.pos + token.close.length
+      });
+    }
+    return {
+      changes
+    };
+  }
+  return null;
+}
+// Performs toggle, comment and uncomment of line comments.
+function changeLineComment(option, state, ranges = state.selection.ranges) {
+  let lines = [];
+  let prevLine = -1;
+  for (let {
+    from,
+    to
+  } of ranges) {
+    let startI = lines.length,
+      minIndent = 1e9;
+    for (let pos = from; pos <= to;) {
+      let line = state.doc.lineAt(pos);
+      if (line.from > prevLine && (from == to || to > line.from)) {
+        prevLine = line.from;
+        let token = getConfig(state, line.from).line;
+        if (!token) continue;
+        let indent = /^\s*/.exec(line.text)[0].length;
+        let empty = indent == line.length;
+        let comment = line.text.slice(indent, indent + token.length) == token ? indent : -1;
+        if (indent < line.text.length && indent < minIndent) minIndent = indent;
+        lines.push({
+          line,
+          comment,
+          token,
+          indent,
+          empty,
+          single: false
+        });
+      }
+      pos = line.to + 1;
+    }
+    if (minIndent < 1e9) for (let i = startI; i < lines.length; i++) if (lines[i].indent < lines[i].line.text.length) lines[i].indent = minIndent;
+    if (lines.length == startI + 1) lines[startI].single = true;
+  }
+  if (option != 2 /* CommentOption.Uncomment */ && lines.some(l => l.comment < 0 && (!l.empty || l.single))) {
+    let changes = [];
+    for (let {
+      line,
+      token,
+      indent,
+      empty,
+      single
+    } of lines) if (single || !empty) changes.push({
+      from: line.from + indent,
+      insert: token + " "
+    });
+    let changeSet = state.changes(changes);
+    return {
+      changes: changeSet,
+      selection: state.selection.map(changeSet, 1)
+    };
+  } else if (option != 1 /* CommentOption.Comment */ && lines.some(l => l.comment >= 0)) {
+    let changes = [];
+    for (let {
+      line,
+      comment,
+      token
+    } of lines) if (comment >= 0) {
+      let from = line.from + comment,
+        to = from + token.length;
+      if (line.text[to - line.from] == " ") to++;
+      changes.push({
+        from,
+        to
+      });
+    }
+    return {
+      changes
+    };
+  }
+  return null;
+}
+const fromHistory = /*@__PURE__*/Annotation.define();
+/**
+Transaction annotation that will prevent that transaction from
+being combined with other transactions in the undo history. Given
+`"before"`, it'll prevent merging with previous transactions. With
+`"after"`, subsequent transactions won't be combined with this
+one. With `"full"`, the transaction is isolated on both sides.
+*/
+const isolateHistory = /*@__PURE__*/Annotation.define();
+/**
+This facet provides a way to register functions that, given a
+transaction, provide a set of effects that the history should
+store when inverting the transaction. This can be used to
+integrate some kinds of effects in the history, so that they can
+be undone (and redone again).
+*/
+const invertedEffects = /*@__PURE__*/Facet.define();
+const historyConfig = /*@__PURE__*/Facet.define({
+  combine(configs) {
+    return combineConfig(configs, {
+      minDepth: 100,
+      newGroupDelay: 500,
+      joinToEvent: (_t, isAdjacent) => isAdjacent
+    }, {
+      minDepth: Math.max,
+      newGroupDelay: Math.min,
+      joinToEvent: (a, b) => (tr, adj) => a(tr, adj) || b(tr, adj)
+    });
+  }
+});
+function changeEnd(changes) {
+  let end = 0;
+  changes.iterChangedRanges((_, to) => end = to);
+  return end;
+}
+const historyField_ = /*@__PURE__*/StateField.define({
+  create() {
+    return HistoryState.empty;
+  },
+  update(state, tr) {
+    let config = tr.state.facet(historyConfig);
+    let fromHist = tr.annotation(fromHistory);
+    if (fromHist) {
+      let selection = tr.docChanged ? EditorSelection.single(changeEnd(tr.changes)) : undefined;
+      let item = HistEvent.fromTransaction(tr, selection),
+        from = fromHist.side;
+      let other = from == 0 /* BranchName.Done */ ? state.undone : state.done;
+      if (item) other = updateBranch(other, other.length, config.minDepth, item);else other = addSelection(other, tr.startState.selection);
+      return new HistoryState(from == 0 /* BranchName.Done */ ? fromHist.rest : other, from == 0 /* BranchName.Done */ ? other : fromHist.rest);
+    }
+    let isolate = tr.annotation(isolateHistory);
+    if (isolate == "full" || isolate == "before") state = state.isolate();
+    if (tr.annotation(Transaction.addToHistory) === false) return !tr.changes.empty ? state.addMapping(tr.changes.desc) : state;
+    let event = HistEvent.fromTransaction(tr);
+    let time = tr.annotation(Transaction.time),
+      userEvent = tr.annotation(Transaction.userEvent);
+    if (event) state = state.addChanges(event, time, userEvent, config, tr);else if (tr.selection) state = state.addSelection(tr.startState.selection, time, userEvent, config.newGroupDelay);
+    if (isolate == "full" || isolate == "after") state = state.isolate();
+    return state;
+  },
+  toJSON(value) {
+    return {
+      done: value.done.map(e => e.toJSON()),
+      undone: value.undone.map(e => e.toJSON())
+    };
+  },
+  fromJSON(json) {
+    return new HistoryState(json.done.map(HistEvent.fromJSON), json.undone.map(HistEvent.fromJSON));
+  }
+});
+/**
+Create a history extension with the given configuration.
+*/
+function history(config = {}) {
+  return [historyField_, historyConfig.of(config), EditorView.domEventHandlers({
+    beforeinput(e, view) {
+      let command = e.inputType == "historyUndo" ? undo : e.inputType == "historyRedo" ? redo : null;
+      if (!command) return false;
+      e.preventDefault();
+      return command(view);
+    }
+  })];
+}
+function cmd(side, selection) {
+  return function ({
+    state,
+    dispatch
+  }) {
+    if (!selection && state.readOnly) return false;
+    let historyState = state.field(historyField_, false);
+    if (!historyState) return false;
+    let tr = historyState.pop(side, state, selection);
+    if (!tr) return false;
+    dispatch(tr);
+    return true;
+  };
+}
+/**
+Undo a single group of history events. Returns false if no group
+was available.
+*/
+const undo = /*@__PURE__*/cmd(0 /* BranchName.Done */, false);
+/**
+Redo a group of history events. Returns false if no group was
+available.
+*/
+const redo = /*@__PURE__*/cmd(1 /* BranchName.Undone */, false);
+/**
+Undo a change or selection change.
+*/
+const undoSelection = /*@__PURE__*/cmd(0 /* BranchName.Done */, true);
+/**
+Redo a change or selection change.
+*/
+const redoSelection = /*@__PURE__*/cmd(1 /* BranchName.Undone */, true);
+// History events store groups of changes or effects that need to be
+// undone/redone together.
+class HistEvent {
+  constructor(
+  // The changes in this event. Normal events hold at least one
+  // change or effect. But it may be necessary to store selection
+  // events before the first change, in which case a special type of
+  // instance is created which doesn't hold any changes, with
+  // changes == startSelection == undefined
+  changes,
+  // The effects associated with this event
+  effects,
+  // Accumulated mapping (from addToHistory==false) that should be
+  // applied to events below this one.
+  mapped,
+  // The selection before this event
+  startSelection,
+  // Stores selection changes after this event, to be used for
+  // selection undo/redo.
+  selectionsAfter) {
+    this.changes = changes;
+    this.effects = effects;
+    this.mapped = mapped;
+    this.startSelection = startSelection;
+    this.selectionsAfter = selectionsAfter;
+  }
+  setSelAfter(after) {
+    return new HistEvent(this.changes, this.effects, this.mapped, this.startSelection, after);
+  }
+  toJSON() {
+    var _a, _b, _c;
+    return {
+      changes: (_a = this.changes) === null || _a === void 0 ? void 0 : _a.toJSON(),
+      mapped: (_b = this.mapped) === null || _b === void 0 ? void 0 : _b.toJSON(),
+      startSelection: (_c = this.startSelection) === null || _c === void 0 ? void 0 : _c.toJSON(),
+      selectionsAfter: this.selectionsAfter.map(s => s.toJSON())
+    };
+  }
+  static fromJSON(json) {
+    return new HistEvent(json.changes && ChangeSet.fromJSON(json.changes), [], json.mapped && ChangeDesc.fromJSON(json.mapped), json.startSelection && EditorSelection.fromJSON(json.startSelection), json.selectionsAfter.map(EditorSelection.fromJSON));
+  }
+  // This does not check `addToHistory` and such, it assumes the
+  // transaction needs to be converted to an item. Returns null when
+  // there are no changes or effects in the transaction.
+  static fromTransaction(tr, selection) {
+    let effects = none;
+    for (let invert of tr.startState.facet(invertedEffects)) {
+      let result = invert(tr);
+      if (result.length) effects = effects.concat(result);
+    }
+    if (!effects.length && tr.changes.empty) return null;
+    return new HistEvent(tr.changes.invert(tr.startState.doc), effects, undefined, selection || tr.startState.selection, none);
+  }
+  static selection(selections) {
+    return new HistEvent(undefined, none, undefined, undefined, selections);
+  }
+}
+function updateBranch(branch, to, maxLen, newEvent) {
+  let start = to + 1 > maxLen + 20 ? to - maxLen - 1 : 0;
+  let newBranch = branch.slice(start, to);
+  newBranch.push(newEvent);
+  return newBranch;
+}
+function isAdjacent(a, b) {
+  let ranges = [],
+    isAdjacent = false;
+  a.iterChangedRanges((f, t) => ranges.push(f, t));
+  b.iterChangedRanges((_f, _t, f, t) => {
+    for (let i = 0; i < ranges.length;) {
+      let from = ranges[i++],
+        to = ranges[i++];
+      if (t >= from && f <= to) isAdjacent = true;
+    }
+  });
+  return isAdjacent;
+}
+function eqSelectionShape(a, b) {
+  return a.ranges.length == b.ranges.length && a.ranges.filter((r, i) => r.empty != b.ranges[i].empty).length === 0;
+}
+function conc(a, b) {
+  return !a.length ? b : !b.length ? a : a.concat(b);
+}
+const none = [];
+const MaxSelectionsPerEvent = 200;
+function addSelection(branch, selection) {
+  if (!branch.length) {
+    return [HistEvent.selection([selection])];
+  } else {
+    let lastEvent = branch[branch.length - 1];
+    let sels = lastEvent.selectionsAfter.slice(Math.max(0, lastEvent.selectionsAfter.length - MaxSelectionsPerEvent));
+    if (sels.length && sels[sels.length - 1].eq(selection)) return branch;
+    sels.push(selection);
+    return updateBranch(branch, branch.length - 1, 1e9, lastEvent.setSelAfter(sels));
+  }
+}
+// Assumes the top item has one or more selectionAfter values
+function popSelection(branch) {
+  let last = branch[branch.length - 1];
+  let newBranch = branch.slice();
+  newBranch[branch.length - 1] = last.setSelAfter(last.selectionsAfter.slice(0, last.selectionsAfter.length - 1));
+  return newBranch;
+}
+// Add a mapping to the top event in the given branch. If this maps
+// away all the changes and effects in that item, drop it and
+// propagate the mapping to the next item.
+function addMappingToBranch(branch, mapping) {
+  if (!branch.length) return branch;
+  let length = branch.length,
+    selections = none;
+  while (length) {
+    let event = mapEvent(branch[length - 1], mapping, selections);
+    if (event.changes && !event.changes.empty || event.effects.length) {
+      // Event survived mapping
+      let result = branch.slice(0, length);
+      result[length - 1] = event;
+      return result;
+    } else {
+      // Drop this event, since there's no changes or effects left
+      mapping = event.mapped;
+      length--;
+      selections = event.selectionsAfter;
+    }
+  }
+  return selections.length ? [HistEvent.selection(selections)] : none;
+}
+function mapEvent(event, mapping, extraSelections) {
+  let selections = conc(event.selectionsAfter.length ? event.selectionsAfter.map(s => s.map(mapping)) : none, extraSelections);
+  // Change-less events don't store mappings (they are always the last event in a branch)
+  if (!event.changes) return HistEvent.selection(selections);
+  let mappedChanges = event.changes.map(mapping),
+    before = mapping.mapDesc(event.changes, true);
+  let fullMapping = event.mapped ? event.mapped.composeDesc(before) : before;
+  return new HistEvent(mappedChanges, StateEffect.mapEffects(event.effects, mapping), fullMapping, event.startSelection.map(before), selections);
+}
+const joinableUserEvent = /^(input\.type|delete)($|\.)/;
+class HistoryState {
+  constructor(done, undone, prevTime = 0, prevUserEvent = undefined) {
+    this.done = done;
+    this.undone = undone;
+    this.prevTime = prevTime;
+    this.prevUserEvent = prevUserEvent;
+  }
+  isolate() {
+    return this.prevTime ? new HistoryState(this.done, this.undone) : this;
+  }
+  addChanges(event, time, userEvent, config, tr) {
+    let done = this.done,
+      lastEvent = done[done.length - 1];
+    if (lastEvent && lastEvent.changes && !lastEvent.changes.empty && event.changes && (!userEvent || joinableUserEvent.test(userEvent)) && (!lastEvent.selectionsAfter.length && time - this.prevTime < config.newGroupDelay && config.joinToEvent(tr, isAdjacent(lastEvent.changes, event.changes)) ||
+    // For compose (but not compose.start) events, always join with previous event
+    userEvent == "input.type.compose")) {
+      done = updateBranch(done, done.length - 1, config.minDepth, new HistEvent(event.changes.compose(lastEvent.changes), conc(event.effects, lastEvent.effects), lastEvent.mapped, lastEvent.startSelection, none));
+    } else {
+      done = updateBranch(done, done.length, config.minDepth, event);
+    }
+    return new HistoryState(done, none, time, userEvent);
+  }
+  addSelection(selection, time, userEvent, newGroupDelay) {
+    let last = this.done.length ? this.done[this.done.length - 1].selectionsAfter : none;
+    if (last.length > 0 && time - this.prevTime < newGroupDelay && userEvent == this.prevUserEvent && userEvent && /^select($|\.)/.test(userEvent) && eqSelectionShape(last[last.length - 1], selection)) return this;
+    return new HistoryState(addSelection(this.done, selection), this.undone, time, userEvent);
+  }
+  addMapping(mapping) {
+    return new HistoryState(addMappingToBranch(this.done, mapping), addMappingToBranch(this.undone, mapping), this.prevTime, this.prevUserEvent);
+  }
+  pop(side, state, selection) {
+    let branch = side == 0 /* BranchName.Done */ ? this.done : this.undone;
+    if (branch.length == 0) return null;
+    let event = branch[branch.length - 1];
+    if (selection && event.selectionsAfter.length) {
+      return state.update({
+        selection: event.selectionsAfter[event.selectionsAfter.length - 1],
+        annotations: fromHistory.of({
+          side,
+          rest: popSelection(branch)
+        }),
+        userEvent: side == 0 /* BranchName.Done */ ? "select.undo" : "select.redo",
+        scrollIntoView: true
+      });
+    } else if (!event.changes) {
+      return null;
+    } else {
+      let rest = branch.length == 1 ? none : branch.slice(0, branch.length - 1);
+      if (event.mapped) rest = addMappingToBranch(rest, event.mapped);
+      return state.update({
+        changes: event.changes,
+        selection: event.startSelection,
+        effects: event.effects,
+        annotations: fromHistory.of({
+          side,
+          rest
+        }),
+        filter: false,
+        userEvent: side == 0 /* BranchName.Done */ ? "undo" : "redo",
+        scrollIntoView: true
+      });
+    }
+  }
+}
+HistoryState.empty = /*@__PURE__*/new HistoryState(none, none);
+/**
+Default key bindings for the undo history.
+
+- Mod-z: [`undo`](https://codemirror.net/6/docs/ref/#commands.undo).
+- Mod-y (Mod-Shift-z on macOS) + Ctrl-Shift-z on Linux: [`redo`](https://codemirror.net/6/docs/ref/#commands.redo).
+- Mod-u: [`undoSelection`](https://codemirror.net/6/docs/ref/#commands.undoSelection).
+- Alt-u (Mod-Shift-u on macOS): [`redoSelection`](https://codemirror.net/6/docs/ref/#commands.redoSelection).
+*/
+const historyKeymap = [{
+  key: "Mod-z",
+  run: undo,
+  preventDefault: true
+}, {
+  key: "Mod-y",
+  mac: "Mod-Shift-z",
+  run: redo,
+  preventDefault: true
+}, {
+  linux: "Ctrl-Shift-z",
+  run: redo,
+  preventDefault: true
+}, {
+  key: "Mod-u",
+  run: undoSelection,
+  preventDefault: true
+}, {
+  key: "Alt-u",
+  mac: "Mod-Shift-u",
+  run: redoSelection,
+  preventDefault: true
+}];
+function updateSel(sel, by) {
+  return EditorSelection.create(sel.ranges.map(by), sel.mainIndex);
+}
+function setSel(state, selection) {
+  return state.update({
+    selection,
+    scrollIntoView: true,
+    userEvent: "select"
+  });
+}
+function moveSel({
+  state,
+  dispatch
+}, how) {
+  let selection = updateSel(state.selection, how);
+  if (selection.eq(state.selection)) return false;
+  dispatch(setSel(state, selection));
+  return true;
+}
+function rangeEnd(range, forward) {
+  return EditorSelection.cursor(forward ? range.to : range.from);
+}
+function cursorByChar(view, forward) {
+  return moveSel(view, range => range.empty ? view.moveByChar(range, forward) : rangeEnd(range, forward));
+}
+function ltrAtCursor(view) {
+  return view.textDirectionAt(view.state.selection.main.head) == Direction.LTR;
+}
+/**
+Move the selection one character to the left (which is backward in
+left-to-right text, forward in right-to-left text).
+*/
+const cursorCharLeft = view => cursorByChar(view, !ltrAtCursor(view));
+/**
+Move the selection one character to the right.
+*/
+const cursorCharRight = view => cursorByChar(view, ltrAtCursor(view));
+function cursorByGroup(view, forward) {
+  return moveSel(view, range => range.empty ? view.moveByGroup(range, forward) : rangeEnd(range, forward));
+}
+/**
+Move the selection to the left across one group of word or
+non-word (but also non-space) characters.
+*/
+const cursorGroupLeft = view => cursorByGroup(view, !ltrAtCursor(view));
+/**
+Move the selection one group to the right.
+*/
+const cursorGroupRight = view => cursorByGroup(view, ltrAtCursor(view));
+function interestingNode(state, node, bracketProp) {
+  if (node.type.prop(bracketProp)) return true;
+  let len = node.to - node.from;
+  return len && (len > 2 || /[^\s,.;:]/.test(state.sliceDoc(node.from, node.to))) || node.firstChild;
+}
+function moveBySyntax(state, start, forward) {
+  let pos = syntaxTree(state).resolveInner(start.head);
+  let bracketProp = forward ? NodeProp.closedBy : NodeProp.openedBy;
+  // Scan forward through child nodes to see if there's an interesting
+  // node ahead.
+  for (let at = start.head;;) {
+    let next = forward ? pos.childAfter(at) : pos.childBefore(at);
+    if (!next) break;
+    if (interestingNode(state, next, bracketProp)) pos = next;else at = forward ? next.to : next.from;
+  }
+  let bracket = pos.type.prop(bracketProp),
+    match,
+    newPos;
+  if (bracket && (match = forward ? matchBrackets(state, pos.from, 1) : matchBrackets(state, pos.to, -1)) && match.matched) newPos = forward ? match.end.to : match.end.from;else newPos = forward ? pos.to : pos.from;
+  return EditorSelection.cursor(newPos, forward ? -1 : 1);
+}
+/**
+Move the cursor over the next syntactic element to the left.
+*/
+const cursorSyntaxLeft = view => moveSel(view, range => moveBySyntax(view.state, range, !ltrAtCursor(view)));
+/**
+Move the cursor over the next syntactic element to the right.
+*/
+const cursorSyntaxRight = view => moveSel(view, range => moveBySyntax(view.state, range, ltrAtCursor(view)));
+function cursorByLine(view, forward) {
+  return moveSel(view, range => {
+    if (!range.empty) return rangeEnd(range, forward);
+    let moved = view.moveVertically(range, forward);
+    return moved.head != range.head ? moved : view.moveToLineBoundary(range, forward);
+  });
+}
+/**
+Move the selection one line up.
+*/
+const cursorLineUp = view => cursorByLine(view, false);
+/**
+Move the selection one line down.
+*/
+const cursorLineDown = view => cursorByLine(view, true);
+function pageInfo(view) {
+  let selfScroll = view.scrollDOM.clientHeight < view.scrollDOM.scrollHeight - 2;
+  let marginTop = 0,
+    marginBottom = 0,
+    height;
+  if (selfScroll) {
+    for (let source of view.state.facet(EditorView.scrollMargins)) {
+      let margins = source(view);
+      if (margins === null || margins === void 0 ? void 0 : margins.top) marginTop = Math.max(margins === null || margins === void 0 ? void 0 : margins.top, marginTop);
+      if (margins === null || margins === void 0 ? void 0 : margins.bottom) marginBottom = Math.max(margins === null || margins === void 0 ? void 0 : margins.bottom, marginBottom);
+    }
+    height = view.scrollDOM.clientHeight - marginTop - marginBottom;
+  } else {
+    height = (view.dom.ownerDocument.defaultView || window).innerHeight;
+  }
+  return {
+    marginTop,
+    marginBottom,
+    selfScroll,
+    height: Math.max(view.defaultLineHeight, height - 5)
+  };
+}
+function cursorByPage(view, forward) {
+  let page = pageInfo(view);
+  let {
+      state
+    } = view,
+    selection = updateSel(state.selection, range => {
+      return range.empty ? view.moveVertically(range, forward, page.height) : rangeEnd(range, forward);
+    });
+  if (selection.eq(state.selection)) return false;
+  let effect;
+  if (page.selfScroll) {
+    let startPos = view.coordsAtPos(state.selection.main.head);
+    let scrollRect = view.scrollDOM.getBoundingClientRect();
+    let scrollTop = scrollRect.top + page.marginTop,
+      scrollBottom = scrollRect.bottom - page.marginBottom;
+    if (startPos && startPos.top > scrollTop && startPos.bottom < scrollBottom) effect = EditorView.scrollIntoView(selection.main.head, {
+      y: "start",
+      yMargin: startPos.top - scrollTop
+    });
+  }
+  view.dispatch(setSel(state, selection), {
+    effects: effect
+  });
+  return true;
+}
+/**
+Move the selection one page up.
+*/
+const cursorPageUp = view => cursorByPage(view, false);
+/**
+Move the selection one page down.
+*/
+const cursorPageDown = view => cursorByPage(view, true);
+function moveByLineBoundary(view, start, forward) {
+  let line = view.lineBlockAt(start.head),
+    moved = view.moveToLineBoundary(start, forward);
+  if (moved.head == start.head && moved.head != (forward ? line.to : line.from)) moved = view.moveToLineBoundary(start, forward, false);
+  if (!forward && moved.head == line.from && line.length) {
+    let space = /^\s*/.exec(view.state.sliceDoc(line.from, Math.min(line.from + 100, line.to)))[0].length;
+    if (space && start.head != line.from + space) moved = EditorSelection.cursor(line.from + space);
+  }
+  return moved;
+}
+/**
+Move the selection to the next line wrap point, or to the end of
+the line if there isn't one left on this line.
+*/
+const cursorLineBoundaryForward = view => moveSel(view, range => moveByLineBoundary(view, range, true));
+/**
+Move the selection to previous line wrap point, or failing that to
+the start of the line. If the line is indented, and the cursor
+isn't already at the end of the indentation, this will move to the
+end of the indentation instead of the start of the line.
+*/
+const cursorLineBoundaryBackward = view => moveSel(view, range => moveByLineBoundary(view, range, false));
+/**
+Move the selection one line wrap point to the left.
+*/
+const cursorLineBoundaryLeft = view => moveSel(view, range => moveByLineBoundary(view, range, !ltrAtCursor(view)));
+/**
+Move the selection one line wrap point to the right.
+*/
+const cursorLineBoundaryRight = view => moveSel(view, range => moveByLineBoundary(view, range, ltrAtCursor(view)));
+/**
+Move the selection to the start of the line.
+*/
+const cursorLineStart = view => moveSel(view, range => EditorSelection.cursor(view.lineBlockAt(range.head).from, 1));
+/**
+Move the selection to the end of the line.
+*/
+const cursorLineEnd = view => moveSel(view, range => EditorSelection.cursor(view.lineBlockAt(range.head).to, -1));
+function toMatchingBracket(state, dispatch, extend) {
+  let found = false,
+    selection = updateSel(state.selection, range => {
+      let matching = matchBrackets(state, range.head, -1) || matchBrackets(state, range.head, 1) || range.head > 0 && matchBrackets(state, range.head - 1, 1) || range.head < state.doc.length && matchBrackets(state, range.head + 1, -1);
+      if (!matching || !matching.end) return range;
+      found = true;
+      let head = matching.start.from == range.head ? matching.end.to : matching.end.from;
+      return extend ? EditorSelection.range(range.anchor, head) : EditorSelection.cursor(head);
+    });
+  if (!found) return false;
+  dispatch(setSel(state, selection));
+  return true;
+}
+/**
+Move the selection to the bracket matching the one it is currently
+on, if any.
+*/
+const cursorMatchingBracket = ({
+  state,
+  dispatch
+}) => toMatchingBracket(state, dispatch, false);
+function extendSel(view, how) {
+  let selection = updateSel(view.state.selection, range => {
+    let head = how(range);
+    return EditorSelection.range(range.anchor, head.head, head.goalColumn, head.bidiLevel || undefined);
+  });
+  if (selection.eq(view.state.selection)) return false;
+  view.dispatch(setSel(view.state, selection));
+  return true;
+}
+function selectByChar(view, forward) {
+  return extendSel(view, range => view.moveByChar(range, forward));
+}
+/**
+Move the selection head one character to the left, while leaving
+the anchor in place.
+*/
+const selectCharLeft = view => selectByChar(view, !ltrAtCursor(view));
+/**
+Move the selection head one character to the right.
+*/
+const selectCharRight = view => selectByChar(view, ltrAtCursor(view));
+function selectByGroup(view, forward) {
+  return extendSel(view, range => view.moveByGroup(range, forward));
+}
+/**
+Move the selection head one [group](https://codemirror.net/6/docs/ref/#commands.cursorGroupLeft) to
+the left.
+*/
+const selectGroupLeft = view => selectByGroup(view, !ltrAtCursor(view));
+/**
+Move the selection head one group to the right.
+*/
+const selectGroupRight = view => selectByGroup(view, ltrAtCursor(view));
+/**
+Move the selection head over the next syntactic element to the left.
+*/
+const selectSyntaxLeft = view => extendSel(view, range => moveBySyntax(view.state, range, !ltrAtCursor(view)));
+/**
+Move the selection head over the next syntactic element to the right.
+*/
+const selectSyntaxRight = view => extendSel(view, range => moveBySyntax(view.state, range, ltrAtCursor(view)));
+function selectByLine(view, forward) {
+  return extendSel(view, range => view.moveVertically(range, forward));
+}
+/**
+Move the selection head one line up.
+*/
+const selectLineUp = view => selectByLine(view, false);
+/**
+Move the selection head one line down.
+*/
+const selectLineDown = view => selectByLine(view, true);
+function selectByPage(view, forward) {
+  return extendSel(view, range => view.moveVertically(range, forward, pageInfo(view).height));
+}
+/**
+Move the selection head one page up.
+*/
+const selectPageUp = view => selectByPage(view, false);
+/**
+Move the selection head one page down.
+*/
+const selectPageDown = view => selectByPage(view, true);
+/**
+Move the selection head to the next line boundary.
+*/
+const selectLineBoundaryForward = view => extendSel(view, range => moveByLineBoundary(view, range, true));
+/**
+Move the selection head to the previous line boundary.
+*/
+const selectLineBoundaryBackward = view => extendSel(view, range => moveByLineBoundary(view, range, false));
+/**
+Move the selection head one line boundary to the left.
+*/
+const selectLineBoundaryLeft = view => extendSel(view, range => moveByLineBoundary(view, range, !ltrAtCursor(view)));
+/**
+Move the selection head one line boundary to the right.
+*/
+const selectLineBoundaryRight = view => extendSel(view, range => moveByLineBoundary(view, range, ltrAtCursor(view)));
+/**
+Move the selection head to the start of the line.
+*/
+const selectLineStart = view => extendSel(view, range => EditorSelection.cursor(view.lineBlockAt(range.head).from));
+/**
+Move the selection head to the end of the line.
+*/
+const selectLineEnd = view => extendSel(view, range => EditorSelection.cursor(view.lineBlockAt(range.head).to));
+/**
+Move the selection to the start of the document.
+*/
+const cursorDocStart = ({
+  state,
+  dispatch
+}) => {
+  dispatch(setSel(state, {
+    anchor: 0
+  }));
+  return true;
+};
+/**
+Move the selection to the end of the document.
+*/
+const cursorDocEnd = ({
+  state,
+  dispatch
+}) => {
+  dispatch(setSel(state, {
+    anchor: state.doc.length
+  }));
+  return true;
+};
+/**
+Move the selection head to the start of the document.
+*/
+const selectDocStart = ({
+  state,
+  dispatch
+}) => {
+  dispatch(setSel(state, {
+    anchor: state.selection.main.anchor,
+    head: 0
+  }));
+  return true;
+};
+/**
+Move the selection head to the end of the document.
+*/
+const selectDocEnd = ({
+  state,
+  dispatch
+}) => {
+  dispatch(setSel(state, {
+    anchor: state.selection.main.anchor,
+    head: state.doc.length
+  }));
+  return true;
+};
+/**
+Select the entire document.
+*/
+const selectAll = ({
+  state,
+  dispatch
+}) => {
+  dispatch(state.update({
+    selection: {
+      anchor: 0,
+      head: state.doc.length
+    },
+    userEvent: "select"
+  }));
+  return true;
+};
+/**
+Expand the selection to cover entire lines.
+*/
+const selectLine = ({
+  state,
+  dispatch
+}) => {
+  let ranges = selectedLineBlocks(state).map(({
+    from,
+    to
+  }) => EditorSelection.range(from, Math.min(to + 1, state.doc.length)));
+  dispatch(state.update({
+    selection: EditorSelection.create(ranges),
+    userEvent: "select"
+  }));
+  return true;
+};
+/**
+Select the next syntactic construct that is larger than the
+selection. Note that this will only work insofar as the language
+[provider](https://codemirror.net/6/docs/ref/#language.language) you use builds up a full
+syntax tree.
+*/
+const selectParentSyntax = ({
+  state,
+  dispatch
+}) => {
+  let selection = updateSel(state.selection, range => {
+    var _a;
+    let context = syntaxTree(state).resolveInner(range.head, 1);
+    while (!(context.from < range.from && context.to >= range.to || context.to > range.to && context.from <= range.from || !((_a = context.parent) === null || _a === void 0 ? void 0 : _a.parent))) context = context.parent;
+    return EditorSelection.range(context.to, context.from);
+  });
+  dispatch(setSel(state, selection));
+  return true;
+};
+/**
+Simplify the current selection. When multiple ranges are selected,
+reduce it to its main range. Otherwise, if the selection is
+non-empty, convert it to a cursor selection.
+*/
+const simplifySelection = ({
+  state,
+  dispatch
+}) => {
+  let cur = state.selection,
+    selection = null;
+  if (cur.ranges.length > 1) selection = EditorSelection.create([cur.main]);else if (!cur.main.empty) selection = EditorSelection.create([EditorSelection.cursor(cur.main.head)]);
+  if (!selection) return false;
+  dispatch(setSel(state, selection));
+  return true;
+};
+function deleteBy(target, by) {
+  if (target.state.readOnly) return false;
+  let event = "delete.selection",
+    {
+      state
+    } = target;
+  let changes = state.changeByRange(range => {
+    let {
+      from,
+      to
+    } = range;
+    if (from == to) {
+      let towards = by(from);
+      if (towards < from) {
+        event = "delete.backward";
+        towards = skipAtomic(target, towards, false);
+      } else if (towards > from) {
+        event = "delete.forward";
+        towards = skipAtomic(target, towards, true);
+      }
+      from = Math.min(from, towards);
+      to = Math.max(to, towards);
+    } else {
+      from = skipAtomic(target, from, false);
+      to = skipAtomic(target, to, true);
+    }
+    return from == to ? {
+      range
+    } : {
+      changes: {
+        from,
+        to
+      },
+      range: EditorSelection.cursor(from)
+    };
+  });
+  if (changes.changes.empty) return false;
+  target.dispatch(state.update(changes, {
+    scrollIntoView: true,
+    userEvent: event,
+    effects: event == "delete.selection" ? EditorView.announce.of(state.phrase("Selection deleted")) : undefined
+  }));
+  return true;
+}
+function skipAtomic(target, pos, forward) {
+  if (target instanceof EditorView) for (let ranges of target.state.facet(EditorView.atomicRanges).map(f => f(target))) ranges.between(pos, pos, (from, to) => {
+    if (from < pos && to > pos) pos = forward ? to : from;
+  });
+  return pos;
+}
+const deleteByChar = (target, forward) => deleteBy(target, pos => {
+  let {
+      state
+    } = target,
+    line = state.doc.lineAt(pos),
+    before,
+    targetPos;
+  if (!forward && pos > line.from && pos < line.from + 200 && !/[^ \t]/.test(before = line.text.slice(0, pos - line.from))) {
+    if (before[before.length - 1] == "\t") return pos - 1;
+    let col = countColumn(before, state.tabSize),
+      drop = col % getIndentUnit(state) || getIndentUnit(state);
+    for (let i = 0; i < drop && before[before.length - 1 - i] == " "; i++) pos--;
+    targetPos = pos;
+  } else {
+    targetPos = findClusterBreak(line.text, pos - line.from, forward, forward) + line.from;
+    if (targetPos == pos && line.number != (forward ? state.doc.lines : 1)) targetPos += forward ? 1 : -1;
+  }
+  return targetPos;
+});
+/**
+Delete the selection, or, for cursor selections, the character
+before the cursor.
+*/
+const deleteCharBackward = view => deleteByChar(view, false);
+/**
+Delete the selection or the character after the cursor.
+*/
+const deleteCharForward = view => deleteByChar(view, true);
+const deleteByGroup = (target, forward) => deleteBy(target, start => {
+  let pos = start,
+    {
+      state
+    } = target,
+    line = state.doc.lineAt(pos);
+  let categorize = state.charCategorizer(pos);
+  for (let cat = null;;) {
+    if (pos == (forward ? line.to : line.from)) {
+      if (pos == start && line.number != (forward ? state.doc.lines : 1)) pos += forward ? 1 : -1;
+      break;
+    }
+    let next = findClusterBreak(line.text, pos - line.from, forward) + line.from;
+    let nextChar = line.text.slice(Math.min(pos, next) - line.from, Math.max(pos, next) - line.from);
+    let nextCat = categorize(nextChar);
+    if (cat != null && nextCat != cat) break;
+    if (nextChar != " " || pos != start) cat = nextCat;
+    pos = next;
+  }
+  return pos;
+});
+/**
+Delete the selection or backward until the end of the next
+[group](https://codemirror.net/6/docs/ref/#view.EditorView.moveByGroup), only skipping groups of
+whitespace when they consist of a single space.
+*/
+const deleteGroupBackward = target => deleteByGroup(target, false);
+/**
+Delete the selection or forward until the end of the next group.
+*/
+const deleteGroupForward = target => deleteByGroup(target, true);
+/**
+Delete the selection, or, if it is a cursor selection, delete to
+the end of the line. If the cursor is directly at the end of the
+line, delete the line break after it.
+*/
+const deleteToLineEnd = view => deleteBy(view, pos => {
+  let lineEnd = view.lineBlockAt(pos).to;
+  return pos < lineEnd ? lineEnd : Math.min(view.state.doc.length, pos + 1);
+});
+/**
+Delete the selection, or, if it is a cursor selection, delete to
+the start of the line. If the cursor is directly at the start of the
+line, delete the line break before it.
+*/
+const deleteToLineStart = view => deleteBy(view, pos => {
+  let lineStart = view.lineBlockAt(pos).from;
+  return pos > lineStart ? lineStart : Math.max(0, pos - 1);
+});
+/**
+Replace each selection range with a line break, leaving the cursor
+on the line before the break.
+*/
+const splitLine = ({
+  state,
+  dispatch
+}) => {
+  if (state.readOnly) return false;
+  let changes = state.changeByRange(range => {
+    return {
+      changes: {
+        from: range.from,
+        to: range.to,
+        insert: Text.of(["", ""])
+      },
+      range: EditorSelection.cursor(range.from)
+    };
+  });
+  dispatch(state.update(changes, {
+    scrollIntoView: true,
+    userEvent: "input"
+  }));
+  return true;
+};
+/**
+Flip the characters before and after the cursor(s).
+*/
+const transposeChars = ({
+  state,
+  dispatch
+}) => {
+  if (state.readOnly) return false;
+  let changes = state.changeByRange(range => {
+    if (!range.empty || range.from == 0 || range.from == state.doc.length) return {
+      range
+    };
+    let pos = range.from,
+      line = state.doc.lineAt(pos);
+    let from = pos == line.from ? pos - 1 : findClusterBreak(line.text, pos - line.from, false) + line.from;
+    let to = pos == line.to ? pos + 1 : findClusterBreak(line.text, pos - line.from, true) + line.from;
+    return {
+      changes: {
+        from,
+        to,
+        insert: state.doc.slice(pos, to).append(state.doc.slice(from, pos))
+      },
+      range: EditorSelection.cursor(to)
+    };
+  });
+  if (changes.changes.empty) return false;
+  dispatch(state.update(changes, {
+    scrollIntoView: true,
+    userEvent: "move.character"
+  }));
+  return true;
+};
+function selectedLineBlocks(state) {
+  let blocks = [],
+    upto = -1;
+  for (let range of state.selection.ranges) {
+    let startLine = state.doc.lineAt(range.from),
+      endLine = state.doc.lineAt(range.to);
+    if (!range.empty && range.to == endLine.from) endLine = state.doc.lineAt(range.to - 1);
+    if (upto >= startLine.number) {
+      let prev = blocks[blocks.length - 1];
+      prev.to = endLine.to;
+      prev.ranges.push(range);
+    } else {
+      blocks.push({
+        from: startLine.from,
+        to: endLine.to,
+        ranges: [range]
+      });
+    }
+    upto = endLine.number + 1;
+  }
+  return blocks;
+}
+function moveLine(state, dispatch, forward) {
+  if (state.readOnly) return false;
+  let changes = [],
+    ranges = [];
+  for (let block of selectedLineBlocks(state)) {
+    if (forward ? block.to == state.doc.length : block.from == 0) continue;
+    let nextLine = state.doc.lineAt(forward ? block.to + 1 : block.from - 1);
+    let size = nextLine.length + 1;
+    if (forward) {
+      changes.push({
+        from: block.to,
+        to: nextLine.to
+      }, {
+        from: block.from,
+        insert: nextLine.text + state.lineBreak
+      });
+      for (let r of block.ranges) ranges.push(EditorSelection.range(Math.min(state.doc.length, r.anchor + size), Math.min(state.doc.length, r.head + size)));
+    } else {
+      changes.push({
+        from: nextLine.from,
+        to: block.from
+      }, {
+        from: block.to,
+        insert: state.lineBreak + nextLine.text
+      });
+      for (let r of block.ranges) ranges.push(EditorSelection.range(r.anchor - size, r.head - size));
+    }
+  }
+  if (!changes.length) return false;
+  dispatch(state.update({
+    changes,
+    scrollIntoView: true,
+    selection: EditorSelection.create(ranges, state.selection.mainIndex),
+    userEvent: "move.line"
+  }));
+  return true;
+}
+/**
+Move the selected lines up one line.
+*/
+const moveLineUp = ({
+  state,
+  dispatch
+}) => moveLine(state, dispatch, false);
+/**
+Move the selected lines down one line.
+*/
+const moveLineDown = ({
+  state,
+  dispatch
+}) => moveLine(state, dispatch, true);
+function copyLine(state, dispatch, forward) {
+  if (state.readOnly) return false;
+  let changes = [];
+  for (let block of selectedLineBlocks(state)) {
+    if (forward) changes.push({
+      from: block.from,
+      insert: state.doc.slice(block.from, block.to) + state.lineBreak
+    });else changes.push({
+      from: block.to,
+      insert: state.lineBreak + state.doc.slice(block.from, block.to)
+    });
+  }
+  dispatch(state.update({
+    changes,
+    scrollIntoView: true,
+    userEvent: "input.copyline"
+  }));
+  return true;
+}
+/**
+Create a copy of the selected lines. Keep the selection in the top copy.
+*/
+const copyLineUp = ({
+  state,
+  dispatch
+}) => copyLine(state, dispatch, false);
+/**
+Create a copy of the selected lines. Keep the selection in the bottom copy.
+*/
+const copyLineDown = ({
+  state,
+  dispatch
+}) => copyLine(state, dispatch, true);
+/**
+Delete selected lines.
+*/
+const deleteLine = view => {
+  if (view.state.readOnly) return false;
+  let {
+      state
+    } = view,
+    changes = state.changes(selectedLineBlocks(state).map(({
+      from,
+      to
+    }) => {
+      if (from > 0) from--;else if (to < state.doc.length) to++;
+      return {
+        from,
+        to
+      };
+    }));
+  let selection = updateSel(state.selection, range => view.moveVertically(range, true)).map(changes);
+  view.dispatch({
+    changes,
+    selection,
+    scrollIntoView: true,
+    userEvent: "delete.line"
+  });
+  return true;
+};
+function isBetweenBrackets(state, pos) {
+  if (/\(\)|\[\]|\{\}/.test(state.sliceDoc(pos - 1, pos + 1))) return {
+    from: pos,
+    to: pos
+  };
+  let context = syntaxTree(state).resolveInner(pos);
+  let before = context.childBefore(pos),
+    after = context.childAfter(pos),
+    closedBy;
+  if (before && after && before.to <= pos && after.from >= pos && (closedBy = before.type.prop(NodeProp.closedBy)) && closedBy.indexOf(after.name) > -1 && state.doc.lineAt(before.to).from == state.doc.lineAt(after.from).from) return {
+    from: before.to,
+    to: after.from
+  };
+  return null;
+}
+/**
+Replace the selection with a newline and indent the newly created
+line(s). If the current line consists only of whitespace, this
+will also delete that whitespace. When the cursor is between
+matching brackets, an additional newline will be inserted after
+the cursor.
+*/
+const insertNewlineAndIndent = /*@__PURE__*/newlineAndIndent(false);
+/**
+Create a blank, indented line below the current line.
+*/
+const insertBlankLine = /*@__PURE__*/newlineAndIndent(true);
+function newlineAndIndent(atEof) {
+  return ({
+    state,
+    dispatch
+  }) => {
+    if (state.readOnly) return false;
+    let changes = state.changeByRange(range => {
+      let {
+          from,
+          to
+        } = range,
+        line = state.doc.lineAt(from);
+      let explode = !atEof && from == to && isBetweenBrackets(state, from);
+      if (atEof) from = to = (to <= line.to ? line : state.doc.lineAt(to)).to;
+      let cx = new IndentContext(state, {
+        simulateBreak: from,
+        simulateDoubleBreak: !!explode
+      });
+      let indent = getIndentation(cx, from);
+      if (indent == null) indent = /^\s*/.exec(state.doc.lineAt(from).text)[0].length;
+      while (to < line.to && /\s/.test(line.text[to - line.from])) to++;
+      if (explode) ({
+        from,
+        to
+      } = explode);else if (from > line.from && from < line.from + 100 && !/\S/.test(line.text.slice(0, from))) from = line.from;
+      let insert = ["", indentString(state, indent)];
+      if (explode) insert.push(indentString(state, cx.lineIndent(line.from, -1)));
+      return {
+        changes: {
+          from,
+          to,
+          insert: Text.of(insert)
+        },
+        range: EditorSelection.cursor(from + 1 + insert[1].length)
+      };
+    });
+    dispatch(state.update(changes, {
+      scrollIntoView: true,
+      userEvent: "input"
+    }));
+    return true;
+  };
+}
+function changeBySelectedLine(state, f) {
+  let atLine = -1;
+  return state.changeByRange(range => {
+    let changes = [];
+    for (let pos = range.from; pos <= range.to;) {
+      let line = state.doc.lineAt(pos);
+      if (line.number > atLine && (range.empty || range.to > line.from)) {
+        f(line, changes, range);
+        atLine = line.number;
+      }
+      pos = line.to + 1;
+    }
+    let changeSet = state.changes(changes);
+    return {
+      changes,
+      range: EditorSelection.range(changeSet.mapPos(range.anchor, 1), changeSet.mapPos(range.head, 1))
+    };
+  });
+}
+/**
+Auto-indent the selected lines. This uses the [indentation service
+facet](https://codemirror.net/6/docs/ref/#language.indentService) as source for auto-indent
+information.
+*/
+const indentSelection = ({
+  state,
+  dispatch
+}) => {
+  if (state.readOnly) return false;
+  let updated = Object.create(null);
+  let context = new IndentContext(state, {
+    overrideIndentation: start => {
+      let found = updated[start];
+      return found == null ? -1 : found;
+    }
+  });
+  let changes = changeBySelectedLine(state, (line, changes, range) => {
+    let indent = getIndentation(context, line.from);
+    if (indent == null) return;
+    if (!/\S/.test(line.text)) indent = 0;
+    let cur = /^\s*/.exec(line.text)[0];
+    let norm = indentString(state, indent);
+    if (cur != norm || range.from < line.from + cur.length) {
+      updated[line.from] = indent;
+      changes.push({
+        from: line.from,
+        to: line.from + cur.length,
+        insert: norm
+      });
+    }
+  });
+  if (!changes.changes.empty) dispatch(state.update(changes, {
+    userEvent: "indent"
+  }));
+  return true;
+};
+/**
+Add a [unit](https://codemirror.net/6/docs/ref/#language.indentUnit) of indentation to all selected
+lines.
+*/
+const indentMore = ({
+  state,
+  dispatch
+}) => {
+  if (state.readOnly) return false;
+  dispatch(state.update(changeBySelectedLine(state, (line, changes) => {
+    changes.push({
+      from: line.from,
+      insert: state.facet(indentUnit)
+    });
+  }), {
+    userEvent: "input.indent"
+  }));
+  return true;
+};
+/**
+Remove a [unit](https://codemirror.net/6/docs/ref/#language.indentUnit) of indentation from all
+selected lines.
+*/
+const indentLess = ({
+  state,
+  dispatch
+}) => {
+  if (state.readOnly) return false;
+  dispatch(state.update(changeBySelectedLine(state, (line, changes) => {
+    let space = /^\s*/.exec(line.text)[0];
+    if (!space) return;
+    let col = countColumn(space, state.tabSize),
+      keep = 0;
+    let insert = indentString(state, Math.max(0, col - getIndentUnit(state)));
+    while (keep < space.length && keep < insert.length && space.charCodeAt(keep) == insert.charCodeAt(keep)) keep++;
+    changes.push({
+      from: line.from + keep,
+      to: line.from + space.length,
+      insert: insert.slice(keep)
+    });
+  }), {
+    userEvent: "delete.dedent"
+  }));
+  return true;
+};
+/**
+Array of key bindings containing the Emacs-style bindings that are
+available on macOS by default.
+
+ - Ctrl-b: [`cursorCharLeft`](https://codemirror.net/6/docs/ref/#commands.cursorCharLeft) ([`selectCharLeft`](https://codemirror.net/6/docs/ref/#commands.selectCharLeft) with Shift)
+ - Ctrl-f: [`cursorCharRight`](https://codemirror.net/6/docs/ref/#commands.cursorCharRight) ([`selectCharRight`](https://codemirror.net/6/docs/ref/#commands.selectCharRight) with Shift)
+ - Ctrl-p: [`cursorLineUp`](https://codemirror.net/6/docs/ref/#commands.cursorLineUp) ([`selectLineUp`](https://codemirror.net/6/docs/ref/#commands.selectLineUp) with Shift)
+ - Ctrl-n: [`cursorLineDown`](https://codemirror.net/6/docs/ref/#commands.cursorLineDown) ([`selectLineDown`](https://codemirror.net/6/docs/ref/#commands.selectLineDown) with Shift)
+ - Ctrl-a: [`cursorLineStart`](https://codemirror.net/6/docs/ref/#commands.cursorLineStart) ([`selectLineStart`](https://codemirror.net/6/docs/ref/#commands.selectLineStart) with Shift)
+ - Ctrl-e: [`cursorLineEnd`](https://codemirror.net/6/docs/ref/#commands.cursorLineEnd) ([`selectLineEnd`](https://codemirror.net/6/docs/ref/#commands.selectLineEnd) with Shift)
+ - Ctrl-d: [`deleteCharForward`](https://codemirror.net/6/docs/ref/#commands.deleteCharForward)
+ - Ctrl-h: [`deleteCharBackward`](https://codemirror.net/6/docs/ref/#commands.deleteCharBackward)
+ - Ctrl-k: [`deleteToLineEnd`](https://codemirror.net/6/docs/ref/#commands.deleteToLineEnd)
+ - Ctrl-Alt-h: [`deleteGroupBackward`](https://codemirror.net/6/docs/ref/#commands.deleteGroupBackward)
+ - Ctrl-o: [`splitLine`](https://codemirror.net/6/docs/ref/#commands.splitLine)
+ - Ctrl-t: [`transposeChars`](https://codemirror.net/6/docs/ref/#commands.transposeChars)
+ - Ctrl-v: [`cursorPageDown`](https://codemirror.net/6/docs/ref/#commands.cursorPageDown)
+ - Alt-v: [`cursorPageUp`](https://codemirror.net/6/docs/ref/#commands.cursorPageUp)
+*/
+const emacsStyleKeymap = [{
+  key: "Ctrl-b",
+  run: cursorCharLeft,
+  shift: selectCharLeft,
+  preventDefault: true
+}, {
+  key: "Ctrl-f",
+  run: cursorCharRight,
+  shift: selectCharRight
+}, {
+  key: "Ctrl-p",
+  run: cursorLineUp,
+  shift: selectLineUp
+}, {
+  key: "Ctrl-n",
+  run: cursorLineDown,
+  shift: selectLineDown
+}, {
+  key: "Ctrl-a",
+  run: cursorLineStart,
+  shift: selectLineStart
+}, {
+  key: "Ctrl-e",
+  run: cursorLineEnd,
+  shift: selectLineEnd
+}, {
+  key: "Ctrl-d",
+  run: deleteCharForward
+}, {
+  key: "Ctrl-h",
+  run: deleteCharBackward
+}, {
+  key: "Ctrl-k",
+  run: deleteToLineEnd
+}, {
+  key: "Ctrl-Alt-h",
+  run: deleteGroupBackward
+}, {
+  key: "Ctrl-o",
+  run: splitLine
+}, {
+  key: "Ctrl-t",
+  run: transposeChars
+}, {
+  key: "Ctrl-v",
+  run: cursorPageDown
+}];
+/**
+An array of key bindings closely sticking to platform-standard or
+widely used bindings. (This includes the bindings from
+[`emacsStyleKeymap`](https://codemirror.net/6/docs/ref/#commands.emacsStyleKeymap), with their `key`
+property changed to `mac`.)
+
+ - ArrowLeft: [`cursorCharLeft`](https://codemirror.net/6/docs/ref/#commands.cursorCharLeft) ([`selectCharLeft`](https://codemirror.net/6/docs/ref/#commands.selectCharLeft) with Shift)
+ - ArrowRight: [`cursorCharRight`](https://codemirror.net/6/docs/ref/#commands.cursorCharRight) ([`selectCharRight`](https://codemirror.net/6/docs/ref/#commands.selectCharRight) with Shift)
+ - Ctrl-ArrowLeft (Alt-ArrowLeft on macOS): [`cursorGroupLeft`](https://codemirror.net/6/docs/ref/#commands.cursorGroupLeft) ([`selectGroupLeft`](https://codemirror.net/6/docs/ref/#commands.selectGroupLeft) with Shift)
+ - Ctrl-ArrowRight (Alt-ArrowRight on macOS): [`cursorGroupRight`](https://codemirror.net/6/docs/ref/#commands.cursorGroupRight) ([`selectGroupRight`](https://codemirror.net/6/docs/ref/#commands.selectGroupRight) with Shift)
+ - Cmd-ArrowLeft (on macOS): [`cursorLineStart`](https://codemirror.net/6/docs/ref/#commands.cursorLineStart) ([`selectLineStart`](https://codemirror.net/6/docs/ref/#commands.selectLineStart) with Shift)
+ - Cmd-ArrowRight (on macOS): [`cursorLineEnd`](https://codemirror.net/6/docs/ref/#commands.cursorLineEnd) ([`selectLineEnd`](https://codemirror.net/6/docs/ref/#commands.selectLineEnd) with Shift)
+ - ArrowUp: [`cursorLineUp`](https://codemirror.net/6/docs/ref/#commands.cursorLineUp) ([`selectLineUp`](https://codemirror.net/6/docs/ref/#commands.selectLineUp) with Shift)
+ - ArrowDown: [`cursorLineDown`](https://codemirror.net/6/docs/ref/#commands.cursorLineDown) ([`selectLineDown`](https://codemirror.net/6/docs/ref/#commands.selectLineDown) with Shift)
+ - Cmd-ArrowUp (on macOS): [`cursorDocStart`](https://codemirror.net/6/docs/ref/#commands.cursorDocStart) ([`selectDocStart`](https://codemirror.net/6/docs/ref/#commands.selectDocStart) with Shift)
+ - Cmd-ArrowDown (on macOS): [`cursorDocEnd`](https://codemirror.net/6/docs/ref/#commands.cursorDocEnd) ([`selectDocEnd`](https://codemirror.net/6/docs/ref/#commands.selectDocEnd) with Shift)
+ - Ctrl-ArrowUp (on macOS): [`cursorPageUp`](https://codemirror.net/6/docs/ref/#commands.cursorPageUp) ([`selectPageUp`](https://codemirror.net/6/docs/ref/#commands.selectPageUp) with Shift)
+ - Ctrl-ArrowDown (on macOS): [`cursorPageDown`](https://codemirror.net/6/docs/ref/#commands.cursorPageDown) ([`selectPageDown`](https://codemirror.net/6/docs/ref/#commands.selectPageDown) with Shift)
+ - PageUp: [`cursorPageUp`](https://codemirror.net/6/docs/ref/#commands.cursorPageUp) ([`selectPageUp`](https://codemirror.net/6/docs/ref/#commands.selectPageUp) with Shift)
+ - PageDown: [`cursorPageDown`](https://codemirror.net/6/docs/ref/#commands.cursorPageDown) ([`selectPageDown`](https://codemirror.net/6/docs/ref/#commands.selectPageDown) with Shift)
+ - Home: [`cursorLineBoundaryBackward`](https://codemirror.net/6/docs/ref/#commands.cursorLineBoundaryBackward) ([`selectLineBoundaryBackward`](https://codemirror.net/6/docs/ref/#commands.selectLineBoundaryBackward) with Shift)
+ - End: [`cursorLineBoundaryForward`](https://codemirror.net/6/docs/ref/#commands.cursorLineBoundaryForward) ([`selectLineBoundaryForward`](https://codemirror.net/6/docs/ref/#commands.selectLineBoundaryForward) with Shift)
+ - Ctrl-Home (Cmd-Home on macOS): [`cursorDocStart`](https://codemirror.net/6/docs/ref/#commands.cursorDocStart) ([`selectDocStart`](https://codemirror.net/6/docs/ref/#commands.selectDocStart) with Shift)
+ - Ctrl-End (Cmd-Home on macOS): [`cursorDocEnd`](https://codemirror.net/6/docs/ref/#commands.cursorDocEnd) ([`selectDocEnd`](https://codemirror.net/6/docs/ref/#commands.selectDocEnd) with Shift)
+ - Enter: [`insertNewlineAndIndent`](https://codemirror.net/6/docs/ref/#commands.insertNewlineAndIndent)
+ - Ctrl-a (Cmd-a on macOS): [`selectAll`](https://codemirror.net/6/docs/ref/#commands.selectAll)
+ - Backspace: [`deleteCharBackward`](https://codemirror.net/6/docs/ref/#commands.deleteCharBackward)
+ - Delete: [`deleteCharForward`](https://codemirror.net/6/docs/ref/#commands.deleteCharForward)
+ - Ctrl-Backspace (Alt-Backspace on macOS): [`deleteGroupBackward`](https://codemirror.net/6/docs/ref/#commands.deleteGroupBackward)
+ - Ctrl-Delete (Alt-Delete on macOS): [`deleteGroupForward`](https://codemirror.net/6/docs/ref/#commands.deleteGroupForward)
+ - Cmd-Backspace (macOS): [`deleteToLineStart`](https://codemirror.net/6/docs/ref/#commands.deleteToLineStart).
+ - Cmd-Delete (macOS): [`deleteToLineEnd`](https://codemirror.net/6/docs/ref/#commands.deleteToLineEnd).
+*/
+const standardKeymap = /*@__PURE__*/[{
+  key: "ArrowLeft",
+  run: cursorCharLeft,
+  shift: selectCharLeft,
+  preventDefault: true
+}, {
+  key: "Mod-ArrowLeft",
+  mac: "Alt-ArrowLeft",
+  run: cursorGroupLeft,
+  shift: selectGroupLeft,
+  preventDefault: true
+}, {
+  mac: "Cmd-ArrowLeft",
+  run: cursorLineBoundaryLeft,
+  shift: selectLineBoundaryLeft,
+  preventDefault: true
+}, {
+  key: "ArrowRight",
+  run: cursorCharRight,
+  shift: selectCharRight,
+  preventDefault: true
+}, {
+  key: "Mod-ArrowRight",
+  mac: "Alt-ArrowRight",
+  run: cursorGroupRight,
+  shift: selectGroupRight,
+  preventDefault: true
+}, {
+  mac: "Cmd-ArrowRight",
+  run: cursorLineBoundaryRight,
+  shift: selectLineBoundaryRight,
+  preventDefault: true
+}, {
+  key: "ArrowUp",
+  run: cursorLineUp,
+  shift: selectLineUp,
+  preventDefault: true
+}, {
+  mac: "Cmd-ArrowUp",
+  run: cursorDocStart,
+  shift: selectDocStart
+}, {
+  mac: "Ctrl-ArrowUp",
+  run: cursorPageUp,
+  shift: selectPageUp
+}, {
+  key: "ArrowDown",
+  run: cursorLineDown,
+  shift: selectLineDown,
+  preventDefault: true
+}, {
+  mac: "Cmd-ArrowDown",
+  run: cursorDocEnd,
+  shift: selectDocEnd
+}, {
+  mac: "Ctrl-ArrowDown",
+  run: cursorPageDown,
+  shift: selectPageDown
+}, {
+  key: "PageUp",
+  run: cursorPageUp,
+  shift: selectPageUp
+}, {
+  key: "PageDown",
+  run: cursorPageDown,
+  shift: selectPageDown
+}, {
+  key: "Home",
+  run: cursorLineBoundaryBackward,
+  shift: selectLineBoundaryBackward,
+  preventDefault: true
+}, {
+  key: "Mod-Home",
+  run: cursorDocStart,
+  shift: selectDocStart
+}, {
+  key: "End",
+  run: cursorLineBoundaryForward,
+  shift: selectLineBoundaryForward,
+  preventDefault: true
+}, {
+  key: "Mod-End",
+  run: cursorDocEnd,
+  shift: selectDocEnd
+}, {
+  key: "Enter",
+  run: insertNewlineAndIndent
+}, {
+  key: "Mod-a",
+  run: selectAll
+}, {
+  key: "Backspace",
+  run: deleteCharBackward,
+  shift: deleteCharBackward
+}, {
+  key: "Delete",
+  run: deleteCharForward
+}, {
+  key: "Mod-Backspace",
+  mac: "Alt-Backspace",
+  run: deleteGroupBackward
+}, {
+  key: "Mod-Delete",
+  mac: "Alt-Delete",
+  run: deleteGroupForward
+}, {
+  mac: "Mod-Backspace",
+  run: deleteToLineStart
+}, {
+  mac: "Mod-Delete",
+  run: deleteToLineEnd
+}].concat( /*@__PURE__*/emacsStyleKeymap.map(b => ({
+  mac: b.key,
+  run: b.run,
+  shift: b.shift
+})));
+/**
+The default keymap. Includes all bindings from
+[`standardKeymap`](https://codemirror.net/6/docs/ref/#commands.standardKeymap) plus the following:
+
+- Alt-ArrowLeft (Ctrl-ArrowLeft on macOS): [`cursorSyntaxLeft`](https://codemirror.net/6/docs/ref/#commands.cursorSyntaxLeft) ([`selectSyntaxLeft`](https://codemirror.net/6/docs/ref/#commands.selectSyntaxLeft) with Shift)
+- Alt-ArrowRight (Ctrl-ArrowRight on macOS): [`cursorSyntaxRight`](https://codemirror.net/6/docs/ref/#commands.cursorSyntaxRight) ([`selectSyntaxRight`](https://codemirror.net/6/docs/ref/#commands.selectSyntaxRight) with Shift)
+- Alt-ArrowUp: [`moveLineUp`](https://codemirror.net/6/docs/ref/#commands.moveLineUp)
+- Alt-ArrowDown: [`moveLineDown`](https://codemirror.net/6/docs/ref/#commands.moveLineDown)
+- Shift-Alt-ArrowUp: [`copyLineUp`](https://codemirror.net/6/docs/ref/#commands.copyLineUp)
+- Shift-Alt-ArrowDown: [`copyLineDown`](https://codemirror.net/6/docs/ref/#commands.copyLineDown)
+- Escape: [`simplifySelection`](https://codemirror.net/6/docs/ref/#commands.simplifySelection)
+- Ctrl-Enter (Comd-Enter on macOS): [`insertBlankLine`](https://codemirror.net/6/docs/ref/#commands.insertBlankLine)
+- Alt-l (Ctrl-l on macOS): [`selectLine`](https://codemirror.net/6/docs/ref/#commands.selectLine)
+- Ctrl-i (Cmd-i on macOS): [`selectParentSyntax`](https://codemirror.net/6/docs/ref/#commands.selectParentSyntax)
+- Ctrl-[ (Cmd-[ on macOS): [`indentLess`](https://codemirror.net/6/docs/ref/#commands.indentLess)
+- Ctrl-] (Cmd-] on macOS): [`indentMore`](https://codemirror.net/6/docs/ref/#commands.indentMore)
+- Ctrl-Alt-\\ (Cmd-Alt-\\ on macOS): [`indentSelection`](https://codemirror.net/6/docs/ref/#commands.indentSelection)
+- Shift-Ctrl-k (Shift-Cmd-k on macOS): [`deleteLine`](https://codemirror.net/6/docs/ref/#commands.deleteLine)
+- Shift-Ctrl-\\ (Shift-Cmd-\\ on macOS): [`cursorMatchingBracket`](https://codemirror.net/6/docs/ref/#commands.cursorMatchingBracket)
+- Ctrl-/ (Cmd-/ on macOS): [`toggleComment`](https://codemirror.net/6/docs/ref/#commands.toggleComment).
+- Shift-Alt-a: [`toggleBlockComment`](https://codemirror.net/6/docs/ref/#commands.toggleBlockComment).
+*/
+const defaultKeymap = /*@__PURE__*/[{
+  key: "Alt-ArrowLeft",
+  mac: "Ctrl-ArrowLeft",
+  run: cursorSyntaxLeft,
+  shift: selectSyntaxLeft
+}, {
+  key: "Alt-ArrowRight",
+  mac: "Ctrl-ArrowRight",
+  run: cursorSyntaxRight,
+  shift: selectSyntaxRight
+}, {
+  key: "Alt-ArrowUp",
+  run: moveLineUp
+}, {
+  key: "Shift-Alt-ArrowUp",
+  run: copyLineUp
+}, {
+  key: "Alt-ArrowDown",
+  run: moveLineDown
+}, {
+  key: "Shift-Alt-ArrowDown",
+  run: copyLineDown
+}, {
+  key: "Escape",
+  run: simplifySelection
+}, {
+  key: "Mod-Enter",
+  run: insertBlankLine
+}, {
+  key: "Alt-l",
+  mac: "Ctrl-l",
+  run: selectLine
+}, {
+  key: "Mod-i",
+  run: selectParentSyntax,
+  preventDefault: true
+}, {
+  key: "Mod-[",
+  run: indentLess
+}, {
+  key: "Mod-]",
+  run: indentMore
+}, {
+  key: "Mod-Alt-\\",
+  run: indentSelection
+}, {
+  key: "Shift-Mod-k",
+  run: deleteLine
+}, {
+  key: "Shift-Mod-\\",
+  run: cursorMatchingBracket
+}, {
+  key: "Mod-/",
+  run: toggleComment
+}, {
+  key: "Alt-A",
+  run: toggleBlockComment
+}].concat(standardKeymap);
+/**
+A binding that binds Tab to [`indentMore`](https://codemirror.net/6/docs/ref/#commands.indentMore) and
+Shift-Tab to [`indentLess`](https://codemirror.net/6/docs/ref/#commands.indentLess).
+Please see the [Tab example](../../examples/tab/) before using
+this.
+*/
+const indentWithTab = {
+  key: "Tab",
+  run: indentMore,
+  shift: indentLess
+};
+
+function crelt() {
+  var elt = arguments[0];
+  if (typeof elt == "string") elt = document.createElement(elt);
+  var i = 1,
+    next = arguments[1];
+  if (next && typeof next == "object" && next.nodeType == null && !Array.isArray(next)) {
+    for (var name in next) if (Object.prototype.hasOwnProperty.call(next, name)) {
+      var value = next[name];
+      if (typeof value == "string") elt.setAttribute(name, value);else if (value != null) elt[name] = value;
+    }
+    i++;
+  }
+  for (; i < arguments.length; i++) add(elt, arguments[i]);
+  return elt;
+}
+function add(elt, child) {
+  if (typeof child == "string") {
+    elt.appendChild(document.createTextNode(child));
+  } else if (child == null) ; else if (child.nodeType != null) {
+    elt.appendChild(child);
+  } else if (Array.isArray(child)) {
+    for (var i = 0; i < child.length; i++) add(elt, child[i]);
+  } else {
+    throw new RangeError("Unsupported child node: " + child);
+  }
+}
+
+const basicNormalize = typeof String.prototype.normalize == "function" ? x => x.normalize("NFKD") : x => x;
+/**
+A search cursor provides an iterator over text matches in a
+document.
+*/
+class SearchCursor {
+  /**
+  Create a text cursor. The query is the search string, `from` to
+  `to` provides the region to search.
+  
+  When `normalize` is given, it will be called, on both the query
+  string and the content it is matched against, before comparing.
+  You can, for example, create a case-insensitive search by
+  passing `s => s.toLowerCase()`.
+  
+  Text is always normalized with
+  [`.normalize("NFKD")`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize)
+  (when supported).
+  */
+  constructor(text, query, from = 0, to = text.length, normalize, test) {
+    this.test = test;
+    /**
+    The current match (only holds a meaningful value after
+    [`next`](https://codemirror.net/6/docs/ref/#search.SearchCursor.next) has been called and when
+    `done` is false).
+    */
+    this.value = {
+      from: 0,
+      to: 0
+    };
+    /**
+    Whether the end of the iterated region has been reached.
+    */
+    this.done = false;
+    this.matches = [];
+    this.buffer = "";
+    this.bufferPos = 0;
+    this.iter = text.iterRange(from, to);
+    this.bufferStart = from;
+    this.normalize = normalize ? x => normalize(basicNormalize(x)) : basicNormalize;
+    this.query = this.normalize(query);
+  }
+  peek() {
+    if (this.bufferPos == this.buffer.length) {
+      this.bufferStart += this.buffer.length;
+      this.iter.next();
+      if (this.iter.done) return -1;
+      this.bufferPos = 0;
+      this.buffer = this.iter.value;
+    }
+    return codePointAt(this.buffer, this.bufferPos);
+  }
+  /**
+  Look for the next match. Updates the iterator's
+  [`value`](https://codemirror.net/6/docs/ref/#search.SearchCursor.value) and
+  [`done`](https://codemirror.net/6/docs/ref/#search.SearchCursor.done) properties. Should be called
+  at least once before using the cursor.
+  */
+  next() {
+    while (this.matches.length) this.matches.pop();
+    return this.nextOverlapping();
+  }
+  /**
+  The `next` method will ignore matches that partially overlap a
+  previous match. This method behaves like `next`, but includes
+  such matches.
+  */
+  nextOverlapping() {
+    for (;;) {
+      let next = this.peek();
+      if (next < 0) {
+        this.done = true;
+        return this;
+      }
+      let str = fromCodePoint(next),
+        start = this.bufferStart + this.bufferPos;
+      this.bufferPos += codePointSize(next);
+      let norm = this.normalize(str);
+      for (let i = 0, pos = start;; i++) {
+        let code = norm.charCodeAt(i);
+        let match = this.match(code, pos);
+        if (match) {
+          this.value = match;
+          return this;
+        }
+        if (i == norm.length - 1) break;
+        if (pos == start && i < str.length && str.charCodeAt(i) == code) pos++;
+      }
+    }
+  }
+  match(code, pos) {
+    let match = null;
+    for (let i = 0; i < this.matches.length; i += 2) {
+      let index = this.matches[i],
+        keep = false;
+      if (this.query.charCodeAt(index) == code) {
+        if (index == this.query.length - 1) {
+          match = {
+            from: this.matches[i + 1],
+            to: pos + 1
+          };
+        } else {
+          this.matches[i]++;
+          keep = true;
+        }
+      }
+      if (!keep) {
+        this.matches.splice(i, 2);
+        i -= 2;
+      }
+    }
+    if (this.query.charCodeAt(0) == code) {
+      if (this.query.length == 1) match = {
+        from: pos,
+        to: pos + 1
+      };else this.matches.push(1, pos);
+    }
+    if (match && this.test && !this.test(match.from, match.to, this.buffer, this.bufferPos)) match = null;
+    return match;
+  }
+}
+if (typeof Symbol != "undefined") SearchCursor.prototype[Symbol.iterator] = function () {
+  return this;
+};
+const empty = {
+  from: -1,
+  to: -1,
+  match: /*@__PURE__*/ /.*/.exec("")
+};
+const baseFlags = "gm" + (/x/.unicode == null ? "" : "u");
+/**
+This class is similar to [`SearchCursor`](https://codemirror.net/6/docs/ref/#search.SearchCursor)
+but searches for a regular expression pattern instead of a plain
+string.
+*/
+class RegExpCursor {
+  /**
+  Create a cursor that will search the given range in the given
+  document. `query` should be the raw pattern (as you'd pass it to
+  `new RegExp`).
+  */
+  constructor(text, query, options, from = 0, to = text.length) {
+    this.text = text;
+    this.to = to;
+    this.curLine = "";
+    /**
+    Set to `true` when the cursor has reached the end of the search
+    range.
+    */
+    this.done = false;
+    /**
+    Will contain an object with the extent of the match and the
+    match object when [`next`](https://codemirror.net/6/docs/ref/#search.RegExpCursor.next)
+    sucessfully finds a match.
+    */
+    this.value = empty;
+    if (/\\[sWDnr]|\n|\r|\[\^/.test(query)) return new MultilineRegExpCursor(text, query, options, from, to);
+    this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+    this.test = options === null || options === void 0 ? void 0 : options.test;
+    this.iter = text.iter();
+    let startLine = text.lineAt(from);
+    this.curLineStart = startLine.from;
+    this.matchPos = toCharEnd(text, from);
+    this.getLine(this.curLineStart);
+  }
+  getLine(skip) {
+    this.iter.next(skip);
+    if (this.iter.lineBreak) {
+      this.curLine = "";
+    } else {
+      this.curLine = this.iter.value;
+      if (this.curLineStart + this.curLine.length > this.to) this.curLine = this.curLine.slice(0, this.to - this.curLineStart);
+      this.iter.next();
+    }
+  }
+  nextLine() {
+    this.curLineStart = this.curLineStart + this.curLine.length + 1;
+    if (this.curLineStart > this.to) this.curLine = "";else this.getLine(0);
+  }
+  /**
+  Move to the next match, if there is one.
+  */
+  next() {
+    for (let off = this.matchPos - this.curLineStart;;) {
+      this.re.lastIndex = off;
+      let match = this.matchPos <= this.to && this.re.exec(this.curLine);
+      if (match) {
+        let from = this.curLineStart + match.index,
+          to = from + match[0].length;
+        this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
+        if (from == this.curLineStart + this.curLine.length) this.nextLine();
+        if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match))) {
+          this.value = {
+            from,
+            to,
+            match
+          };
+          return this;
+        }
+        off = this.matchPos - this.curLineStart;
+      } else if (this.curLineStart + this.curLine.length < this.to) {
+        this.nextLine();
+        off = 0;
+      } else {
+        this.done = true;
+        return this;
+      }
+    }
+  }
+}
+const flattened = /*@__PURE__*/new WeakMap();
+// Reusable (partially) flattened document strings
+class FlattenedDoc {
+  constructor(from, text) {
+    this.from = from;
+    this.text = text;
+  }
+  get to() {
+    return this.from + this.text.length;
+  }
+  static get(doc, from, to) {
+    let cached = flattened.get(doc);
+    if (!cached || cached.from >= to || cached.to <= from) {
+      let flat = new FlattenedDoc(from, doc.sliceString(from, to));
+      flattened.set(doc, flat);
+      return flat;
+    }
+    if (cached.from == from && cached.to == to) return cached;
+    let {
+      text,
+      from: cachedFrom
+    } = cached;
+    if (cachedFrom > from) {
+      text = doc.sliceString(from, cachedFrom) + text;
+      cachedFrom = from;
+    }
+    if (cached.to < to) text += doc.sliceString(cached.to, to);
+    flattened.set(doc, new FlattenedDoc(cachedFrom, text));
+    return new FlattenedDoc(from, text.slice(from - cachedFrom, to - cachedFrom));
+  }
+}
+class MultilineRegExpCursor {
+  constructor(text, query, options, from, to) {
+    this.text = text;
+    this.to = to;
+    this.done = false;
+    this.value = empty;
+    this.matchPos = toCharEnd(text, from);
+    this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+    this.test = options === null || options === void 0 ? void 0 : options.test;
+    this.flat = FlattenedDoc.get(text, from, this.chunkEnd(from + 5000 /* Chunk.Base */));
+  }
+
+  chunkEnd(pos) {
+    return pos >= this.to ? this.to : this.text.lineAt(pos).to;
+  }
+  next() {
+    for (;;) {
+      let off = this.re.lastIndex = this.matchPos - this.flat.from;
+      let match = this.re.exec(this.flat.text);
+      // Skip empty matches directly after the last match
+      if (match && !match[0] && match.index == off) {
+        this.re.lastIndex = off + 1;
+        match = this.re.exec(this.flat.text);
+      }
+      if (match) {
+        let from = this.flat.from + match.index,
+          to = from + match[0].length;
+        // If a match goes almost to the end of a noncomplete chunk, try
+        // again, since it'll likely be able to match more
+        if ((this.flat.to >= this.to || match.index + match[0].length <= this.flat.text.length - 10) && (!this.test || this.test(from, to, match))) {
+          this.value = {
+            from,
+            to,
+            match
+          };
+          this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
+          return this;
+        }
+      }
+      if (this.flat.to == this.to) {
+        this.done = true;
+        return this;
+      }
+      // Grow the flattened doc
+      this.flat = FlattenedDoc.get(this.text, this.flat.from, this.chunkEnd(this.flat.from + this.flat.text.length * 2));
+    }
+  }
+}
+if (typeof Symbol != "undefined") {
+  RegExpCursor.prototype[Symbol.iterator] = MultilineRegExpCursor.prototype[Symbol.iterator] = function () {
+    return this;
+  };
+}
+function validRegExp(source) {
+  try {
+    new RegExp(source, baseFlags);
+    return true;
+  } catch (_a) {
+    return false;
+  }
+}
+function toCharEnd(text, pos) {
+  if (pos >= text.length) return pos;
+  let line = text.lineAt(pos),
+    next;
+  while (pos < line.to && (next = line.text.charCodeAt(pos - line.from)) >= 0xDC00 && next < 0xE000) pos++;
+  return pos;
+}
+function createLineDialog(view) {
+  let input = crelt("input", {
+    class: "cm-textfield",
+    name: "line"
+  });
+  let dom = crelt("form", {
+    class: "cm-gotoLine",
+    onkeydown: event => {
+      if (event.keyCode == 27) {
+        // Escape
+        event.preventDefault();
+        view.dispatch({
+          effects: dialogEffect.of(false)
+        });
+        view.focus();
+      } else if (event.keyCode == 13) {
+        // Enter
+        event.preventDefault();
+        go();
+      }
+    },
+    onsubmit: event => {
+      event.preventDefault();
+      go();
+    }
+  }, crelt("label", view.state.phrase("Go to line"), ": ", input), " ", crelt("button", {
+    class: "cm-button",
+    type: "submit"
+  }, view.state.phrase("go")));
+  function go() {
+    let match = /^([+-])?(\d+)?(:\d+)?(%)?$/.exec(input.value);
+    if (!match) return;
+    let {
+        state
+      } = view,
+      startLine = state.doc.lineAt(state.selection.main.head);
+    let [, sign, ln, cl, percent] = match;
+    let col = cl ? +cl.slice(1) : 0;
+    let line = ln ? +ln : startLine.number;
+    if (ln && percent) {
+      let pc = line / 100;
+      if (sign) pc = pc * (sign == "-" ? -1 : 1) + startLine.number / state.doc.lines;
+      line = Math.round(state.doc.lines * pc);
+    } else if (ln && sign) {
+      line = line * (sign == "-" ? -1 : 1) + startLine.number;
+    }
+    let docLine = state.doc.line(Math.max(1, Math.min(state.doc.lines, line)));
+    view.dispatch({
+      effects: dialogEffect.of(false),
+      selection: EditorSelection.cursor(docLine.from + Math.max(0, Math.min(col, docLine.length))),
+      scrollIntoView: true
+    });
+    view.focus();
+  }
+  return {
+    dom
+  };
+}
+const dialogEffect = /*@__PURE__*/StateEffect.define();
+const dialogField = /*@__PURE__*/StateField.define({
+  create() {
+    return true;
+  },
+  update(value, tr) {
+    for (let e of tr.effects) if (e.is(dialogEffect)) value = e.value;
+    return value;
+  },
+  provide: f => showPanel.from(f, val => val ? createLineDialog : null)
+});
+/**
+Command that shows a dialog asking the user for a line number, and
+when a valid position is provided, moves the cursor to that line.
+
+Supports line numbers, relative line offsets prefixed with `+` or
+`-`, document percentages suffixed with `%`, and an optional
+column position by adding `:` and a second number after the line
+number.
+
+The dialog can be styled with the `panel.gotoLine` theme
+selector.
+*/
+const gotoLine = view => {
+  let panel = getPanel(view, createLineDialog);
+  if (!panel) {
+    let effects = [dialogEffect.of(true)];
+    if (view.state.field(dialogField, false) == null) effects.push(StateEffect.appendConfig.of([dialogField, baseTheme$1]));
+    view.dispatch({
+      effects
+    });
+    panel = getPanel(view, createLineDialog);
+  }
+  if (panel) panel.dom.querySelector("input").focus();
+  return true;
+};
+const baseTheme$1 = /*@__PURE__*/EditorView.baseTheme({
+  ".cm-panel.cm-gotoLine": {
+    padding: "2px 6px 4px",
+    "& label": {
+      fontSize: "80%"
+    }
+  }
+});
+const defaultHighlightOptions = {
+  highlightWordAroundCursor: false,
+  minSelectionLength: 1,
+  maxMatches: 100,
+  wholeWords: false
+};
+const highlightConfig = /*@__PURE__*/Facet.define({
+  combine(options) {
+    return combineConfig(options, defaultHighlightOptions, {
+      highlightWordAroundCursor: (a, b) => a || b,
+      minSelectionLength: Math.min,
+      maxMatches: Math.min
+    });
+  }
+});
+/**
+This extension highlights text that matches the selection. It uses
+the `"cm-selectionMatch"` class for the highlighting. When
+`highlightWordAroundCursor` is enabled, the word at the cursor
+itself will be highlighted with `"cm-selectionMatch-main"`.
+*/
+function highlightSelectionMatches(options) {
+  let ext = [defaultTheme, matchHighlighter];
+  if (options) ext.push(highlightConfig.of(options));
+  return ext;
+}
+const matchDeco = /*@__PURE__*/Decoration.mark({
+  class: "cm-selectionMatch"
+});
+const mainMatchDeco = /*@__PURE__*/Decoration.mark({
+  class: "cm-selectionMatch cm-selectionMatch-main"
+});
+// Whether the characters directly outside the given positions are non-word characters
+function insideWordBoundaries(check, state, from, to) {
+  return (from == 0 || check(state.sliceDoc(from - 1, from)) != CharCategory.Word) && (to == state.doc.length || check(state.sliceDoc(to, to + 1)) != CharCategory.Word);
+}
+// Whether the characters directly at the given positions are word characters
+function insideWord(check, state, from, to) {
+  return check(state.sliceDoc(from, from + 1)) == CharCategory.Word && check(state.sliceDoc(to - 1, to)) == CharCategory.Word;
+}
+const matchHighlighter = /*@__PURE__*/ViewPlugin.fromClass(class {
+  constructor(view) {
+    this.decorations = this.getDeco(view);
+  }
+  update(update) {
+    if (update.selectionSet || update.docChanged || update.viewportChanged) this.decorations = this.getDeco(update.view);
+  }
+  getDeco(view) {
+    let conf = view.state.facet(highlightConfig);
+    let {
+        state
+      } = view,
+      sel = state.selection;
+    if (sel.ranges.length > 1) return Decoration.none;
+    let range = sel.main,
+      query,
+      check = null;
+    if (range.empty) {
+      if (!conf.highlightWordAroundCursor) return Decoration.none;
+      let word = state.wordAt(range.head);
+      if (!word) return Decoration.none;
+      check = state.charCategorizer(range.head);
+      query = state.sliceDoc(word.from, word.to);
+    } else {
+      let len = range.to - range.from;
+      if (len < conf.minSelectionLength || len > 200) return Decoration.none;
+      if (conf.wholeWords) {
+        query = state.sliceDoc(range.from, range.to); // TODO: allow and include leading/trailing space?
+        check = state.charCategorizer(range.head);
+        if (!(insideWordBoundaries(check, state, range.from, range.to) && insideWord(check, state, range.from, range.to))) return Decoration.none;
+      } else {
+        query = state.sliceDoc(range.from, range.to).trim();
+        if (!query) return Decoration.none;
+      }
+    }
+    let deco = [];
+    for (let part of view.visibleRanges) {
+      let cursor = new SearchCursor(state.doc, query, part.from, part.to);
+      while (!cursor.next().done) {
+        let {
+          from,
+          to
+        } = cursor.value;
+        if (!check || insideWordBoundaries(check, state, from, to)) {
+          if (range.empty && from <= range.from && to >= range.to) deco.push(mainMatchDeco.range(from, to));else if (from >= range.to || to <= range.from) deco.push(matchDeco.range(from, to));
+          if (deco.length > conf.maxMatches) return Decoration.none;
+        }
+      }
+    }
+    return Decoration.set(deco);
+  }
+}, {
+  decorations: v => v.decorations
+});
+const defaultTheme = /*@__PURE__*/EditorView.baseTheme({
+  ".cm-selectionMatch": {
+    backgroundColor: "#99ff7780"
+  },
+  ".cm-searchMatch .cm-selectionMatch": {
+    backgroundColor: "transparent"
+  }
+});
+// Select the words around the cursors.
+const selectWord = ({
+  state,
+  dispatch
+}) => {
+  let {
+    selection
+  } = state;
+  let newSel = EditorSelection.create(selection.ranges.map(range => state.wordAt(range.head) || EditorSelection.cursor(range.head)), selection.mainIndex);
+  if (newSel.eq(selection)) return false;
+  dispatch(state.update({
+    selection: newSel
+  }));
+  return true;
+};
+// Find next occurrence of query relative to last cursor. Wrap around
+// the document if there are no more matches.
+function findNextOccurrence(state, query) {
+  let {
+    main,
+    ranges
+  } = state.selection;
+  let word = state.wordAt(main.head),
+    fullWord = word && word.from == main.from && word.to == main.to;
+  for (let cycled = false, cursor = new SearchCursor(state.doc, query, ranges[ranges.length - 1].to);;) {
+    cursor.next();
+    if (cursor.done) {
+      if (cycled) return null;
+      cursor = new SearchCursor(state.doc, query, 0, Math.max(0, ranges[ranges.length - 1].from - 1));
+      cycled = true;
+    } else {
+      if (cycled && ranges.some(r => r.from == cursor.value.from)) continue;
+      if (fullWord) {
+        let word = state.wordAt(cursor.value.from);
+        if (!word || word.from != cursor.value.from || word.to != cursor.value.to) continue;
+      }
+      return cursor.value;
+    }
+  }
+}
+/**
+Select next occurrence of the current selection. Expand selection
+to the surrounding word when the selection is empty.
+*/
+const selectNextOccurrence = ({
+  state,
+  dispatch
+}) => {
+  let {
+    ranges
+  } = state.selection;
+  if (ranges.some(sel => sel.from === sel.to)) return selectWord({
+    state,
+    dispatch
+  });
+  let searchedText = state.sliceDoc(ranges[0].from, ranges[0].to);
+  if (state.selection.ranges.some(r => state.sliceDoc(r.from, r.to) != searchedText)) return false;
+  let range = findNextOccurrence(state, searchedText);
+  if (!range) return false;
+  dispatch(state.update({
+    selection: state.selection.addRange(EditorSelection.range(range.from, range.to), false),
+    effects: EditorView.scrollIntoView(range.to)
+  }));
+  return true;
+};
+const searchConfigFacet = /*@__PURE__*/Facet.define({
+  combine(configs) {
+    return combineConfig(configs, {
+      top: false,
+      caseSensitive: false,
+      literal: false,
+      wholeWord: false,
+      createPanel: view => new SearchPanel(view)
+    });
+  }
+});
+/**
+A search query. Part of the editor's search state.
+*/
+class SearchQuery {
+  /**
+  Create a query object.
+  */
+  constructor(config) {
+    this.search = config.search;
+    this.caseSensitive = !!config.caseSensitive;
+    this.literal = !!config.literal;
+    this.regexp = !!config.regexp;
+    this.replace = config.replace || "";
+    this.valid = !!this.search && (!this.regexp || validRegExp(this.search));
+    this.unquoted = this.unquote(this.search);
+    this.wholeWord = !!config.wholeWord;
+  }
+  /**
+  @internal
+  */
+  unquote(text) {
+    return this.literal ? text : text.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+  }
+  /**
+  Compare this query to another query.
+  */
+  eq(other) {
+    return this.search == other.search && this.replace == other.replace && this.caseSensitive == other.caseSensitive && this.regexp == other.regexp && this.wholeWord == other.wholeWord;
+  }
+  /**
+  @internal
+  */
+  create() {
+    return this.regexp ? new RegExpQuery(this) : new StringQuery(this);
+  }
+  /**
+  Get a search cursor for this query, searching through the given
+  range in the given state.
+  */
+  getCursor(state, from = 0, to) {
+    let st = state.doc ? state : EditorState.create({
+      doc: state
+    });
+    if (to == null) to = st.doc.length;
+    return this.regexp ? regexpCursor(this, st, from, to) : stringCursor(this, st, from, to);
+  }
+}
+class QueryType {
+  constructor(spec) {
+    this.spec = spec;
+  }
+}
+function stringCursor(spec, state, from, to) {
+  return new SearchCursor(state.doc, spec.unquoted, from, to, spec.caseSensitive ? undefined : x => x.toLowerCase(), spec.wholeWord ? stringWordTest(state.doc, state.charCategorizer(state.selection.main.head)) : undefined);
+}
+function stringWordTest(doc, categorizer) {
+  return (from, to, buf, bufPos) => {
+    if (bufPos > from || bufPos + buf.length < to) {
+      bufPos = Math.max(0, from - 2);
+      buf = doc.sliceString(bufPos, Math.min(doc.length, to + 2));
+    }
+    return (categorizer(charBefore(buf, from - bufPos)) != CharCategory.Word || categorizer(charAfter(buf, from - bufPos)) != CharCategory.Word) && (categorizer(charAfter(buf, to - bufPos)) != CharCategory.Word || categorizer(charBefore(buf, to - bufPos)) != CharCategory.Word);
+  };
+}
+class StringQuery extends QueryType {
+  constructor(spec) {
+    super(spec);
+  }
+  nextMatch(state, curFrom, curTo) {
+    let cursor = stringCursor(this.spec, state, curTo, state.doc.length).nextOverlapping();
+    if (cursor.done) cursor = stringCursor(this.spec, state, 0, curFrom).nextOverlapping();
+    return cursor.done ? null : cursor.value;
+  }
+  // Searching in reverse is, rather than implementing inverted search
+  // cursor, done by scanning chunk after chunk forward.
+  prevMatchInRange(state, from, to) {
+    for (let pos = to;;) {
+      let start = Math.max(from, pos - 10000 /* FindPrev.ChunkSize */ - this.spec.unquoted.length);
+      let cursor = stringCursor(this.spec, state, start, pos),
+        range = null;
+      while (!cursor.nextOverlapping().done) range = cursor.value;
+      if (range) return range;
+      if (start == from) return null;
+      pos -= 10000 /* FindPrev.ChunkSize */;
+    }
+  }
+
+  prevMatch(state, curFrom, curTo) {
+    return this.prevMatchInRange(state, 0, curFrom) || this.prevMatchInRange(state, curTo, state.doc.length);
+  }
+  getReplacement(_result) {
+    return this.spec.unquote(this.spec.replace);
+  }
+  matchAll(state, limit) {
+    let cursor = stringCursor(this.spec, state, 0, state.doc.length),
+      ranges = [];
+    while (!cursor.next().done) {
+      if (ranges.length >= limit) return null;
+      ranges.push(cursor.value);
+    }
+    return ranges;
+  }
+  highlight(state, from, to, add) {
+    let cursor = stringCursor(this.spec, state, Math.max(0, from - this.spec.unquoted.length), Math.min(to + this.spec.unquoted.length, state.doc.length));
+    while (!cursor.next().done) add(cursor.value.from, cursor.value.to);
+  }
+}
+function regexpCursor(spec, state, from, to) {
+  return new RegExpCursor(state.doc, spec.search, {
+    ignoreCase: !spec.caseSensitive,
+    test: spec.wholeWord ? regexpWordTest(state.charCategorizer(state.selection.main.head)) : undefined
+  }, from, to);
+}
+function charBefore(str, index) {
+  return str.slice(findClusterBreak(str, index, false), index);
+}
+function charAfter(str, index) {
+  return str.slice(index, findClusterBreak(str, index));
+}
+function regexpWordTest(categorizer) {
+  return (_from, _to, match) => !match[0].length || (categorizer(charBefore(match.input, match.index)) != CharCategory.Word || categorizer(charAfter(match.input, match.index)) != CharCategory.Word) && (categorizer(charAfter(match.input, match.index + match[0].length)) != CharCategory.Word || categorizer(charBefore(match.input, match.index + match[0].length)) != CharCategory.Word);
+}
+class RegExpQuery extends QueryType {
+  nextMatch(state, curFrom, curTo) {
+    let cursor = regexpCursor(this.spec, state, curTo, state.doc.length).next();
+    if (cursor.done) cursor = regexpCursor(this.spec, state, 0, curFrom).next();
+    return cursor.done ? null : cursor.value;
+  }
+  prevMatchInRange(state, from, to) {
+    for (let size = 1;; size++) {
+      let start = Math.max(from, to - size * 10000 /* FindPrev.ChunkSize */);
+      let cursor = regexpCursor(this.spec, state, start, to),
+        range = null;
+      while (!cursor.next().done) range = cursor.value;
+      if (range && (start == from || range.from > start + 10)) return range;
+      if (start == from) return null;
+    }
+  }
+  prevMatch(state, curFrom, curTo) {
+    return this.prevMatchInRange(state, 0, curFrom) || this.prevMatchInRange(state, curTo, state.doc.length);
+  }
+  getReplacement(result) {
+    return this.spec.unquote(this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$" : i == "&" ? result.match[0] : i != "0" && +i < result.match.length ? result.match[i] : m));
+  }
+  matchAll(state, limit) {
+    let cursor = regexpCursor(this.spec, state, 0, state.doc.length),
+      ranges = [];
+    while (!cursor.next().done) {
+      if (ranges.length >= limit) return null;
+      ranges.push(cursor.value);
+    }
+    return ranges;
+  }
+  highlight(state, from, to, add) {
+    let cursor = regexpCursor(this.spec, state, Math.max(0, from - 250 /* RegExp.HighlightMargin */), Math.min(to + 250 /* RegExp.HighlightMargin */, state.doc.length));
+    while (!cursor.next().done) add(cursor.value.from, cursor.value.to);
+  }
+}
+/**
+A state effect that updates the current search query. Note that
+this only has an effect if the search state has been initialized
+(by including [`search`](https://codemirror.net/6/docs/ref/#search.search) in your configuration or
+by running [`openSearchPanel`](https://codemirror.net/6/docs/ref/#search.openSearchPanel) at least
+once).
+*/
+const setSearchQuery = /*@__PURE__*/StateEffect.define();
+const togglePanel$1 = /*@__PURE__*/StateEffect.define();
+const searchState = /*@__PURE__*/StateField.define({
+  create(state) {
+    return new SearchState(defaultQuery(state).create(), null);
+  },
+  update(value, tr) {
+    for (let effect of tr.effects) {
+      if (effect.is(setSearchQuery)) value = new SearchState(effect.value.create(), value.panel);else if (effect.is(togglePanel$1)) value = new SearchState(value.query, effect.value ? createSearchPanel : null);
+    }
+    return value;
+  },
+  provide: f => showPanel.from(f, val => val.panel)
+});
+class SearchState {
+  constructor(query, panel) {
+    this.query = query;
+    this.panel = panel;
+  }
+}
+const matchMark = /*@__PURE__*/Decoration.mark({
+    class: "cm-searchMatch"
+  }),
+  selectedMatchMark = /*@__PURE__*/Decoration.mark({
+    class: "cm-searchMatch cm-searchMatch-selected"
+  });
+const searchHighlighter = /*@__PURE__*/ViewPlugin.fromClass(class {
+  constructor(view) {
+    this.view = view;
+    this.decorations = this.highlight(view.state.field(searchState));
+  }
+  update(update) {
+    let state = update.state.field(searchState);
+    if (state != update.startState.field(searchState) || update.docChanged || update.selectionSet || update.viewportChanged) this.decorations = this.highlight(state);
+  }
+  highlight({
+    query,
+    panel
+  }) {
+    if (!panel || !query.spec.valid) return Decoration.none;
+    let {
+      view
+    } = this;
+    let builder = new RangeSetBuilder();
+    for (let i = 0, ranges = view.visibleRanges, l = ranges.length; i < l; i++) {
+      let {
+        from,
+        to
+      } = ranges[i];
+      while (i < l - 1 && to > ranges[i + 1].from - 2 * 250 /* RegExp.HighlightMargin */) to = ranges[++i].to;
+      query.highlight(view.state, from, to, (from, to) => {
+        let selected = view.state.selection.ranges.some(r => r.from == from && r.to == to);
+        builder.add(from, to, selected ? selectedMatchMark : matchMark);
+      });
+    }
+    return builder.finish();
+  }
+}, {
+  decorations: v => v.decorations
+});
+function searchCommand(f) {
+  return view => {
+    let state = view.state.field(searchState, false);
+    return state && state.query.spec.valid ? f(view, state) : openSearchPanel(view);
+  };
+}
+/**
+Open the search panel if it isn't already open, and move the
+selection to the first match after the current main selection.
+Will wrap around to the start of the document when it reaches the
+end.
+*/
+const findNext = /*@__PURE__*/searchCommand((view, {
+  query
+}) => {
+  let {
+    to
+  } = view.state.selection.main;
+  let next = query.nextMatch(view.state, to, to);
+  if (!next) return false;
+  view.dispatch({
+    selection: {
+      anchor: next.from,
+      head: next.to
+    },
+    scrollIntoView: true,
+    effects: announceMatch(view, next),
+    userEvent: "select.search"
+  });
+  return true;
+});
+/**
+Move the selection to the previous instance of the search query,
+before the current main selection. Will wrap past the start
+of the document to start searching at the end again.
+*/
+const findPrevious = /*@__PURE__*/searchCommand((view, {
+  query
+}) => {
+  let {
+      state
+    } = view,
+    {
+      from
+    } = state.selection.main;
+  let range = query.prevMatch(state, from, from);
+  if (!range) return false;
+  view.dispatch({
+    selection: {
+      anchor: range.from,
+      head: range.to
+    },
+    scrollIntoView: true,
+    effects: announceMatch(view, range),
+    userEvent: "select.search"
+  });
+  return true;
+});
+/**
+Select all instances of the search query.
+*/
+const selectMatches = /*@__PURE__*/searchCommand((view, {
+  query
+}) => {
+  let ranges = query.matchAll(view.state, 1000);
+  if (!ranges || !ranges.length) return false;
+  view.dispatch({
+    selection: EditorSelection.create(ranges.map(r => EditorSelection.range(r.from, r.to))),
+    userEvent: "select.search.matches"
+  });
+  return true;
+});
+/**
+Select all instances of the currently selected text.
+*/
+const selectSelectionMatches = ({
+  state,
+  dispatch
+}) => {
+  let sel = state.selection;
+  if (sel.ranges.length > 1 || sel.main.empty) return false;
+  let {
+    from,
+    to
+  } = sel.main;
+  let ranges = [],
+    main = 0;
+  for (let cur = new SearchCursor(state.doc, state.sliceDoc(from, to)); !cur.next().done;) {
+    if (ranges.length > 1000) return false;
+    if (cur.value.from == from) main = ranges.length;
+    ranges.push(EditorSelection.range(cur.value.from, cur.value.to));
+  }
+  dispatch(state.update({
+    selection: EditorSelection.create(ranges, main),
+    userEvent: "select.search.matches"
+  }));
+  return true;
+};
+/**
+Replace the current match of the search query.
+*/
+const replaceNext = /*@__PURE__*/searchCommand((view, {
+  query
+}) => {
+  let {
+      state
+    } = view,
+    {
+      from,
+      to
+    } = state.selection.main;
+  if (state.readOnly) return false;
+  let next = query.nextMatch(state, from, from);
+  if (!next) return false;
+  let changes = [],
+    selection,
+    replacement;
+  let announce = [];
+  if (next.from == from && next.to == to) {
+    replacement = state.toText(query.getReplacement(next));
+    changes.push({
+      from: next.from,
+      to: next.to,
+      insert: replacement
+    });
+    next = query.nextMatch(state, next.from, next.to);
+    announce.push(EditorView.announce.of(state.phrase("replaced match on line $", state.doc.lineAt(from).number) + "."));
+  }
+  if (next) {
+    let off = changes.length == 0 || changes[0].from >= next.to ? 0 : next.to - next.from - replacement.length;
+    selection = {
+      anchor: next.from - off,
+      head: next.to - off
+    };
+    announce.push(announceMatch(view, next));
+  }
+  view.dispatch({
+    changes,
+    selection,
+    scrollIntoView: !!selection,
+    effects: announce,
+    userEvent: "input.replace"
+  });
+  return true;
+});
+/**
+Replace all instances of the search query with the given
+replacement.
+*/
+const replaceAll = /*@__PURE__*/searchCommand((view, {
+  query
+}) => {
+  if (view.state.readOnly) return false;
+  let changes = query.matchAll(view.state, 1e9).map(match => {
+    let {
+      from,
+      to
+    } = match;
+    return {
+      from,
+      to,
+      insert: query.getReplacement(match)
+    };
+  });
+  if (!changes.length) return false;
+  let announceText = view.state.phrase("replaced $ matches", changes.length) + ".";
+  view.dispatch({
+    changes,
+    effects: EditorView.announce.of(announceText),
+    userEvent: "input.replace.all"
+  });
+  return true;
+});
+function createSearchPanel(view) {
+  return view.state.facet(searchConfigFacet).createPanel(view);
+}
+function defaultQuery(state, fallback) {
+  var _a, _b, _c, _d;
+  let sel = state.selection.main;
+  let selText = sel.empty || sel.to > sel.from + 100 ? "" : state.sliceDoc(sel.from, sel.to);
+  if (fallback && !selText) return fallback;
+  let config = state.facet(searchConfigFacet);
+  return new SearchQuery({
+    search: ((_a = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _a !== void 0 ? _a : config.literal) ? selText : selText.replace(/\n/g, "\\n"),
+    caseSensitive: (_b = fallback === null || fallback === void 0 ? void 0 : fallback.caseSensitive) !== null && _b !== void 0 ? _b : config.caseSensitive,
+    literal: (_c = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _c !== void 0 ? _c : config.literal,
+    wholeWord: (_d = fallback === null || fallback === void 0 ? void 0 : fallback.wholeWord) !== null && _d !== void 0 ? _d : config.wholeWord
+  });
+}
+/**
+Make sure the search panel is open and focused.
+*/
+const openSearchPanel = view => {
+  let state = view.state.field(searchState, false);
+  if (state && state.panel) {
+    let panel = getPanel(view, createSearchPanel);
+    if (!panel) return false;
+    let searchInput = panel.dom.querySelector("[main-field]");
+    if (searchInput && searchInput != view.root.activeElement) {
+      let query = defaultQuery(view.state, state.query.spec);
+      if (query.valid) view.dispatch({
+        effects: setSearchQuery.of(query)
+      });
+      searchInput.focus();
+      searchInput.select();
+    }
+  } else {
+    view.dispatch({
+      effects: [togglePanel$1.of(true), state ? setSearchQuery.of(defaultQuery(view.state, state.query.spec)) : StateEffect.appendConfig.of(searchExtensions)]
+    });
+  }
+  return true;
+};
+/**
+Close the search panel.
+*/
+const closeSearchPanel = view => {
+  let state = view.state.field(searchState, false);
+  if (!state || !state.panel) return false;
+  let panel = getPanel(view, createSearchPanel);
+  if (panel && panel.dom.contains(view.root.activeElement)) view.focus();
+  view.dispatch({
+    effects: togglePanel$1.of(false)
+  });
+  return true;
+};
+/**
+Default search-related key bindings.
+
+ - Mod-f: [`openSearchPanel`](https://codemirror.net/6/docs/ref/#search.openSearchPanel)
+ - F3, Mod-g: [`findNext`](https://codemirror.net/6/docs/ref/#search.findNext)
+ - Shift-F3, Shift-Mod-g: [`findPrevious`](https://codemirror.net/6/docs/ref/#search.findPrevious)
+ - Alt-g: [`gotoLine`](https://codemirror.net/6/docs/ref/#search.gotoLine)
+ - Mod-d: [`selectNextOccurrence`](https://codemirror.net/6/docs/ref/#search.selectNextOccurrence)
+*/
+const searchKeymap = [{
+  key: "Mod-f",
+  run: openSearchPanel,
+  scope: "editor search-panel"
+}, {
+  key: "F3",
+  run: findNext,
+  shift: findPrevious,
+  scope: "editor search-panel",
+  preventDefault: true
+}, {
+  key: "Mod-g",
+  run: findNext,
+  shift: findPrevious,
+  scope: "editor search-panel",
+  preventDefault: true
+}, {
+  key: "Escape",
+  run: closeSearchPanel,
+  scope: "editor search-panel"
+}, {
+  key: "Mod-Shift-l",
+  run: selectSelectionMatches
+}, {
+  key: "Alt-g",
+  run: gotoLine
+}, {
+  key: "Mod-d",
+  run: selectNextOccurrence,
+  preventDefault: true
+}];
+class SearchPanel {
+  constructor(view) {
+    this.view = view;
+    let query = this.query = view.state.field(searchState).query.spec;
+    this.commit = this.commit.bind(this);
+    this.searchField = crelt("input", {
+      value: query.search,
+      placeholder: phrase(view, "Find"),
+      "aria-label": phrase(view, "Find"),
+      class: "cm-textfield",
+      name: "search",
+      form: "",
+      "main-field": "true",
+      onchange: this.commit,
+      onkeyup: this.commit
+    });
+    this.replaceField = crelt("input", {
+      value: query.replace,
+      placeholder: phrase(view, "Replace"),
+      "aria-label": phrase(view, "Replace"),
+      class: "cm-textfield",
+      name: "replace",
+      form: "",
+      onchange: this.commit,
+      onkeyup: this.commit
+    });
+    this.caseField = crelt("input", {
+      type: "checkbox",
+      name: "case",
+      form: "",
+      checked: query.caseSensitive,
+      onchange: this.commit
+    });
+    this.reField = crelt("input", {
+      type: "checkbox",
+      name: "re",
+      form: "",
+      checked: query.regexp,
+      onchange: this.commit
+    });
+    this.wordField = crelt("input", {
+      type: "checkbox",
+      name: "word",
+      form: "",
+      checked: query.wholeWord,
+      onchange: this.commit
+    });
+    function button(name, onclick, content) {
+      return crelt("button", {
+        class: "cm-button",
+        name,
+        onclick,
+        type: "button"
+      }, content);
+    }
+    this.dom = crelt("div", {
+      onkeydown: e => this.keydown(e),
+      class: "cm-search"
+    }, [this.searchField, button("next", () => findNext(view), [phrase(view, "next")]), button("prev", () => findPrevious(view), [phrase(view, "previous")]), button("select", () => selectMatches(view), [phrase(view, "all")]), crelt("label", null, [this.caseField, phrase(view, "match case")]), crelt("label", null, [this.reField, phrase(view, "regexp")]), crelt("label", null, [this.wordField, phrase(view, "by word")]), ...(view.state.readOnly ? [] : [crelt("br"), this.replaceField, button("replace", () => replaceNext(view), [phrase(view, "replace")]), button("replaceAll", () => replaceAll(view), [phrase(view, "replace all")])]), crelt("button", {
+      name: "close",
+      onclick: () => closeSearchPanel(view),
+      "aria-label": phrase(view, "close"),
+      type: "button"
+    }, ["×"])]);
+  }
+  commit() {
+    let query = new SearchQuery({
+      search: this.searchField.value,
+      caseSensitive: this.caseField.checked,
+      regexp: this.reField.checked,
+      wholeWord: this.wordField.checked,
+      replace: this.replaceField.value
+    });
+    if (!query.eq(this.query)) {
+      this.query = query;
+      this.view.dispatch({
+        effects: setSearchQuery.of(query)
+      });
+    }
+  }
+  keydown(e) {
+    if (runScopeHandlers(this.view, e, "search-panel")) {
+      e.preventDefault();
+    } else if (e.keyCode == 13 && e.target == this.searchField) {
+      e.preventDefault();
+      (e.shiftKey ? findPrevious : findNext)(this.view);
+    } else if (e.keyCode == 13 && e.target == this.replaceField) {
+      e.preventDefault();
+      replaceNext(this.view);
+    }
+  }
+  update(update) {
+    for (let tr of update.transactions) for (let effect of tr.effects) {
+      if (effect.is(setSearchQuery) && !effect.value.eq(this.query)) this.setQuery(effect.value);
+    }
+  }
+  setQuery(query) {
+    this.query = query;
+    this.searchField.value = query.search;
+    this.replaceField.value = query.replace;
+    this.caseField.checked = query.caseSensitive;
+    this.reField.checked = query.regexp;
+    this.wordField.checked = query.wholeWord;
+  }
+  mount() {
+    this.searchField.select();
+  }
+  get pos() {
+    return 80;
+  }
+  get top() {
+    return this.view.state.facet(searchConfigFacet).top;
+  }
+}
+function phrase(view, phrase) {
+  return view.state.phrase(phrase);
+}
+const AnnounceMargin = 30;
+const Break = /[\s\.,:;?!]/;
+function announceMatch(view, {
+  from,
+  to
+}) {
+  let line = view.state.doc.lineAt(from),
+    lineEnd = view.state.doc.lineAt(to).to;
+  let start = Math.max(line.from, from - AnnounceMargin),
+    end = Math.min(lineEnd, to + AnnounceMargin);
+  let text = view.state.sliceDoc(start, end);
+  if (start != line.from) {
+    for (let i = 0; i < AnnounceMargin; i++) if (!Break.test(text[i + 1]) && Break.test(text[i])) {
+      text = text.slice(i);
+      break;
+    }
+  }
+  if (end != lineEnd) {
+    for (let i = text.length - 1; i > text.length - AnnounceMargin; i--) if (!Break.test(text[i - 1]) && Break.test(text[i])) {
+      text = text.slice(0, i);
+      break;
+    }
+  }
+  return EditorView.announce.of(`${view.state.phrase("current match")}. ${text} ${view.state.phrase("on line")} ${line.number}.`);
+}
+const baseTheme$2 = /*@__PURE__*/EditorView.baseTheme({
+  ".cm-panel.cm-search": {
+    padding: "2px 6px 4px",
+    position: "relative",
+    "& [name=close]": {
+      position: "absolute",
+      top: "0",
+      right: "4px",
+      backgroundColor: "inherit",
+      border: "none",
+      font: "inherit",
+      padding: 0,
+      margin: 0
+    },
+    "& input, & button, & label": {
+      margin: ".2em .6em .2em 0"
+    },
+    "& input[type=checkbox]": {
+      marginRight: ".2em"
+    },
+    "& label": {
+      fontSize: "80%",
+      whiteSpace: "pre"
+    }
+  },
+  "&light .cm-searchMatch": {
+    backgroundColor: "#ffff0054"
+  },
+  "&dark .cm-searchMatch": {
+    backgroundColor: "#00ffff8a"
+  },
+  "&light .cm-searchMatch-selected": {
+    backgroundColor: "#ff6a0054"
+  },
+  "&dark .cm-searchMatch-selected": {
+    backgroundColor: "#ff00ff8a"
+  }
+});
+const searchExtensions = [searchState, /*@__PURE__*/Prec.lowest(searchHighlighter), baseTheme$2];
+
+class SelectedDiagnostic {
+  constructor(from, to, diagnostic) {
+    this.from = from;
+    this.to = to;
+    this.diagnostic = diagnostic;
+  }
+}
+class LintState {
+  constructor(diagnostics, panel, selected) {
+    this.diagnostics = diagnostics;
+    this.panel = panel;
+    this.selected = selected;
+  }
+  static init(diagnostics, panel, state) {
+    // Filter the list of diagnostics for which to create markers
+    let markedDiagnostics = diagnostics;
+    let diagnosticFilter = state.facet(lintConfig).markerFilter;
+    if (diagnosticFilter) markedDiagnostics = diagnosticFilter(markedDiagnostics);
+    let ranges = Decoration.set(markedDiagnostics.map(d => {
+      // For zero-length ranges or ranges covering only a line break, create a widget
+      return d.from == d.to || d.from == d.to - 1 && state.doc.lineAt(d.from).to == d.from ? Decoration.widget({
+        widget: new DiagnosticWidget(d),
+        diagnostic: d
+      }).range(d.from) : Decoration.mark({
+        attributes: {
+          class: "cm-lintRange cm-lintRange-" + d.severity
+        },
+        diagnostic: d
+      }).range(d.from, d.to);
+    }), true);
+    return new LintState(ranges, panel, findDiagnostic(ranges));
+  }
+}
+function findDiagnostic(diagnostics, diagnostic = null, after = 0) {
+  let found = null;
+  diagnostics.between(after, 1e9, (from, to, {
+    spec
+  }) => {
+    if (diagnostic && spec.diagnostic != diagnostic) return;
+    found = new SelectedDiagnostic(from, to, spec.diagnostic);
+    return false;
+  });
+  return found;
+}
+function hideTooltip(tr, tooltip) {
+  return !!(tr.effects.some(e => e.is(setDiagnosticsEffect)) || tr.changes.touchesRange(tooltip.pos));
+}
+function maybeEnableLint(state, effects) {
+  return state.field(lintState, false) ? effects : effects.concat(StateEffect.appendConfig.of([lintState, EditorView.decorations.compute([lintState], state => {
+    let {
+      selected,
+      panel
+    } = state.field(lintState);
+    return !selected || !panel || selected.from == selected.to ? Decoration.none : Decoration.set([activeMark.range(selected.from, selected.to)]);
+  }), hoverTooltip(lintTooltip, {
+    hideOn: hideTooltip
+  }), baseTheme]));
+}
+/**
+Returns a transaction spec which updates the current set of
+diagnostics, and enables the lint extension if if wasn't already
+active.
+*/
+function setDiagnostics(state, diagnostics) {
+  return {
+    effects: maybeEnableLint(state, [setDiagnosticsEffect.of(diagnostics)])
+  };
+}
+/**
+The state effect that updates the set of active diagnostics. Can
+be useful when writing an extension that needs to track these.
+*/
+const setDiagnosticsEffect = /*@__PURE__*/StateEffect.define();
+const togglePanel = /*@__PURE__*/StateEffect.define();
+const movePanelSelection = /*@__PURE__*/StateEffect.define();
+const lintState = /*@__PURE__*/StateField.define({
+  create() {
+    return new LintState(Decoration.none, null, null);
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      let mapped = value.diagnostics.map(tr.changes),
+        selected = null;
+      if (value.selected) {
+        let selPos = tr.changes.mapPos(value.selected.from, 1);
+        selected = findDiagnostic(mapped, value.selected.diagnostic, selPos) || findDiagnostic(mapped, null, selPos);
+      }
+      value = new LintState(mapped, value.panel, selected);
+    }
+    for (let effect of tr.effects) {
+      if (effect.is(setDiagnosticsEffect)) {
+        value = LintState.init(effect.value, value.panel, tr.state);
+      } else if (effect.is(togglePanel)) {
+        value = new LintState(value.diagnostics, effect.value ? LintPanel.open : null, value.selected);
+      } else if (effect.is(movePanelSelection)) {
+        value = new LintState(value.diagnostics, value.panel, effect.value);
+      }
+    }
+    return value;
+  },
+  provide: f => [showPanel.from(f, val => val.panel), EditorView.decorations.from(f, s => s.diagnostics)]
+});
+const activeMark = /*@__PURE__*/Decoration.mark({
+  class: "cm-lintRange cm-lintRange-active"
+});
+function lintTooltip(view, pos, side) {
+  let {
+    diagnostics
+  } = view.state.field(lintState);
+  let found = [],
+    stackStart = 2e8,
+    stackEnd = 0;
+  diagnostics.between(pos - (side < 0 ? 1 : 0), pos + (side > 0 ? 1 : 0), (from, to, {
+    spec
+  }) => {
+    if (pos >= from && pos <= to && (from == to || (pos > from || side > 0) && (pos < to || side < 0))) {
+      found.push(spec.diagnostic);
+      stackStart = Math.min(from, stackStart);
+      stackEnd = Math.max(to, stackEnd);
+    }
+  });
+  let diagnosticFilter = view.state.facet(lintConfig).tooltipFilter;
+  if (diagnosticFilter) found = diagnosticFilter(found);
+  if (!found.length) return null;
+  return {
+    pos: stackStart,
+    end: stackEnd,
+    above: view.state.doc.lineAt(stackStart).to < stackEnd,
+    create() {
+      return {
+        dom: diagnosticsTooltip(view, found)
+      };
+    }
+  };
+}
+function diagnosticsTooltip(view, diagnostics) {
+  return crelt("ul", {
+    class: "cm-tooltip-lint"
+  }, diagnostics.map(d => renderDiagnostic(view, d, false)));
+}
+/**
+Command to open and focus the lint panel.
+*/
+const openLintPanel = view => {
+  let field = view.state.field(lintState, false);
+  if (!field || !field.panel) view.dispatch({
+    effects: maybeEnableLint(view.state, [togglePanel.of(true)])
+  });
+  let panel = getPanel(view, LintPanel.open);
+  if (panel) panel.dom.querySelector(".cm-panel-lint ul").focus();
+  return true;
+};
+/**
+Command to close the lint panel, when open.
+*/
+const closeLintPanel = view => {
+  let field = view.state.field(lintState, false);
+  if (!field || !field.panel) return false;
+  view.dispatch({
+    effects: togglePanel.of(false)
+  });
+  return true;
+};
+/**
+Move the selection to the next diagnostic.
+*/
+const nextDiagnostic = view => {
+  let field = view.state.field(lintState, false);
+  if (!field) return false;
+  let sel = view.state.selection.main,
+    next = field.diagnostics.iter(sel.to + 1);
+  if (!next.value) {
+    next = field.diagnostics.iter(0);
+    if (!next.value || next.from == sel.from && next.to == sel.to) return false;
+  }
+  view.dispatch({
+    selection: {
+      anchor: next.from,
+      head: next.to
+    },
+    scrollIntoView: true
+  });
+  return true;
+};
+/**
+A set of default key bindings for the lint functionality.
+
+- Ctrl-Shift-m (Cmd-Shift-m on macOS): [`openLintPanel`](https://codemirror.net/6/docs/ref/#lint.openLintPanel)
+- F8: [`nextDiagnostic`](https://codemirror.net/6/docs/ref/#lint.nextDiagnostic)
+*/
+const lintKeymap = [{
+  key: "Mod-Shift-m",
+  run: openLintPanel,
+  preventDefault: true
+}, {
+  key: "F8",
+  run: nextDiagnostic
+}];
+const lintPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
+  constructor(view) {
+    this.view = view;
+    this.timeout = -1;
+    this.set = true;
+    let {
+      delay
+    } = view.state.facet(lintConfig);
+    this.lintTime = Date.now() + delay;
+    this.run = this.run.bind(this);
+    this.timeout = setTimeout(this.run, delay);
+  }
+  run() {
+    let now = Date.now();
+    if (now < this.lintTime - 10) {
+      setTimeout(this.run, this.lintTime - now);
+    } else {
+      this.set = false;
+      let {
+          state
+        } = this.view,
+        {
+          sources
+        } = state.facet(lintConfig);
+      Promise.all(sources.map(source => Promise.resolve(source(this.view)))).then(annotations => {
+        let all = annotations.reduce((a, b) => a.concat(b));
+        if (this.view.state.doc == state.doc) this.view.dispatch(setDiagnostics(this.view.state, all));
+      }, error => {
+        logException(this.view.state, error);
+      });
+    }
+  }
+  update(update) {
+    let config = update.state.facet(lintConfig);
+    if (update.docChanged || config != update.startState.facet(lintConfig)) {
+      this.lintTime = Date.now() + config.delay;
+      if (!this.set) {
+        this.set = true;
+        this.timeout = setTimeout(this.run, config.delay);
+      }
+    }
+  }
+  force() {
+    if (this.set) {
+      this.lintTime = Date.now();
+      this.run();
+    }
+  }
+  destroy() {
+    clearTimeout(this.timeout);
+  }
+});
+const lintConfig = /*@__PURE__*/Facet.define({
+  combine(input) {
+    return Object.assign({
+      sources: input.map(i => i.source)
+    }, combineConfig(input.map(i => i.config), {
+      delay: 750,
+      markerFilter: null,
+      tooltipFilter: null
+    }));
+  },
+  enables: lintPlugin
+});
+function assignKeys(actions) {
+  let assigned = [];
+  if (actions) actions: for (let {
+    name
+  } of actions) {
+    for (let i = 0; i < name.length; i++) {
+      let ch = name[i];
+      if (/[a-zA-Z]/.test(ch) && !assigned.some(c => c.toLowerCase() == ch.toLowerCase())) {
+        assigned.push(ch);
+        continue actions;
+      }
+    }
+    assigned.push("");
+  }
+  return assigned;
+}
+function renderDiagnostic(view, diagnostic, inPanel) {
+  var _a;
+  let keys = inPanel ? assignKeys(diagnostic.actions) : [];
+  return crelt("li", {
+    class: "cm-diagnostic cm-diagnostic-" + diagnostic.severity
+  }, crelt("span", {
+    class: "cm-diagnosticText"
+  }, diagnostic.renderMessage ? diagnostic.renderMessage() : diagnostic.message), (_a = diagnostic.actions) === null || _a === void 0 ? void 0 : _a.map((action, i) => {
+    let click = e => {
+      e.preventDefault();
+      let found = findDiagnostic(view.state.field(lintState).diagnostics, diagnostic);
+      if (found) action.apply(view, found.from, found.to);
+    };
+    let {
+        name
+      } = action,
+      keyIndex = keys[i] ? name.indexOf(keys[i]) : -1;
+    let nameElt = keyIndex < 0 ? name : [name.slice(0, keyIndex), crelt("u", name.slice(keyIndex, keyIndex + 1)), name.slice(keyIndex + 1)];
+    return crelt("button", {
+      type: "button",
+      class: "cm-diagnosticAction",
+      onclick: click,
+      onmousedown: click,
+      "aria-label": ` Action: ${name}${keyIndex < 0 ? "" : ` (access key "${keys[i]})"`}.`
+    }, nameElt);
+  }), diagnostic.source && crelt("div", {
+    class: "cm-diagnosticSource"
+  }, diagnostic.source));
+}
+class DiagnosticWidget extends WidgetType {
+  constructor(diagnostic) {
+    super();
+    this.diagnostic = diagnostic;
+  }
+  eq(other) {
+    return other.diagnostic == this.diagnostic;
+  }
+  toDOM() {
+    return crelt("span", {
+      class: "cm-lintPoint cm-lintPoint-" + this.diagnostic.severity
+    });
+  }
+}
+class PanelItem {
+  constructor(view, diagnostic) {
+    this.diagnostic = diagnostic;
+    this.id = "item_" + Math.floor(Math.random() * 0xffffffff).toString(16);
+    this.dom = renderDiagnostic(view, diagnostic, true);
+    this.dom.id = this.id;
+    this.dom.setAttribute("role", "option");
+  }
+}
+class LintPanel {
+  constructor(view) {
+    this.view = view;
+    this.items = [];
+    let onkeydown = event => {
+      if (event.keyCode == 27) {
+        // Escape
+        closeLintPanel(this.view);
+        this.view.focus();
+      } else if (event.keyCode == 38 || event.keyCode == 33) {
+        // ArrowUp, PageUp
+        this.moveSelection((this.selectedIndex - 1 + this.items.length) % this.items.length);
+      } else if (event.keyCode == 40 || event.keyCode == 34) {
+        // ArrowDown, PageDown
+        this.moveSelection((this.selectedIndex + 1) % this.items.length);
+      } else if (event.keyCode == 36) {
+        // Home
+        this.moveSelection(0);
+      } else if (event.keyCode == 35) {
+        // End
+        this.moveSelection(this.items.length - 1);
+      } else if (event.keyCode == 13) {
+        // Enter
+        this.view.focus();
+      } else if (event.keyCode >= 65 && event.keyCode <= 90 && this.selectedIndex >= 0) {
+        // A-Z
+        let {
+            diagnostic
+          } = this.items[this.selectedIndex],
+          keys = assignKeys(diagnostic.actions);
+        for (let i = 0; i < keys.length; i++) if (keys[i].toUpperCase().charCodeAt(0) == event.keyCode) {
+          let found = findDiagnostic(this.view.state.field(lintState).diagnostics, diagnostic);
+          if (found) diagnostic.actions[i].apply(view, found.from, found.to);
+        }
+      } else {
+        return;
+      }
+      event.preventDefault();
+    };
+    let onclick = event => {
+      for (let i = 0; i < this.items.length; i++) {
+        if (this.items[i].dom.contains(event.target)) this.moveSelection(i);
+      }
+    };
+    this.list = crelt("ul", {
+      tabIndex: 0,
+      role: "listbox",
+      "aria-label": this.view.state.phrase("Diagnostics"),
+      onkeydown,
+      onclick
+    });
+    this.dom = crelt("div", {
+      class: "cm-panel-lint"
+    }, this.list, crelt("button", {
+      type: "button",
+      name: "close",
+      "aria-label": this.view.state.phrase("close"),
+      onclick: () => closeLintPanel(this.view)
+    }, "×"));
+    this.update();
+  }
+  get selectedIndex() {
+    let selected = this.view.state.field(lintState).selected;
+    if (!selected) return -1;
+    for (let i = 0; i < this.items.length; i++) if (this.items[i].diagnostic == selected.diagnostic) return i;
+    return -1;
+  }
+  update() {
+    let {
+      diagnostics,
+      selected
+    } = this.view.state.field(lintState);
+    let i = 0,
+      needsSync = false,
+      newSelectedItem = null;
+    diagnostics.between(0, this.view.state.doc.length, (_start, _end, {
+      spec
+    }) => {
+      let found = -1,
+        item;
+      for (let j = i; j < this.items.length; j++) if (this.items[j].diagnostic == spec.diagnostic) {
+        found = j;
+        break;
+      }
+      if (found < 0) {
+        item = new PanelItem(this.view, spec.diagnostic);
+        this.items.splice(i, 0, item);
+        needsSync = true;
+      } else {
+        item = this.items[found];
+        if (found > i) {
+          this.items.splice(i, found - i);
+          needsSync = true;
+        }
+      }
+      if (selected && item.diagnostic == selected.diagnostic) {
+        if (!item.dom.hasAttribute("aria-selected")) {
+          item.dom.setAttribute("aria-selected", "true");
+          newSelectedItem = item;
+        }
+      } else if (item.dom.hasAttribute("aria-selected")) {
+        item.dom.removeAttribute("aria-selected");
+      }
+      i++;
+    });
+    while (i < this.items.length && !(this.items.length == 1 && this.items[0].diagnostic.from < 0)) {
+      needsSync = true;
+      this.items.pop();
+    }
+    if (this.items.length == 0) {
+      this.items.push(new PanelItem(this.view, {
+        from: -1,
+        to: -1,
+        severity: "info",
+        message: this.view.state.phrase("No diagnostics")
+      }));
+      needsSync = true;
+    }
+    if (newSelectedItem) {
+      this.list.setAttribute("aria-activedescendant", newSelectedItem.id);
+      this.view.requestMeasure({
+        key: this,
+        read: () => ({
+          sel: newSelectedItem.dom.getBoundingClientRect(),
+          panel: this.list.getBoundingClientRect()
+        }),
+        write: ({
+          sel,
+          panel
+        }) => {
+          if (sel.top < panel.top) this.list.scrollTop -= panel.top - sel.top;else if (sel.bottom > panel.bottom) this.list.scrollTop += sel.bottom - panel.bottom;
+        }
+      });
+    } else if (this.selectedIndex < 0) {
+      this.list.removeAttribute("aria-activedescendant");
+    }
+    if (needsSync) this.sync();
+  }
+  sync() {
+    let domPos = this.list.firstChild;
+    function rm() {
+      let prev = domPos;
+      domPos = prev.nextSibling;
+      prev.remove();
+    }
+    for (let item of this.items) {
+      if (item.dom.parentNode == this.list) {
+        while (domPos != item.dom) rm();
+        domPos = item.dom.nextSibling;
+      } else {
+        this.list.insertBefore(item.dom, domPos);
+      }
+    }
+    while (domPos) rm();
+  }
+  moveSelection(selectedIndex) {
+    if (this.selectedIndex < 0) return;
+    let field = this.view.state.field(lintState);
+    let selection = findDiagnostic(field.diagnostics, this.items[selectedIndex].diagnostic);
+    if (!selection) return;
+    this.view.dispatch({
+      selection: {
+        anchor: selection.from,
+        head: selection.to
+      },
+      scrollIntoView: true,
+      effects: movePanelSelection.of(selection)
+    });
+  }
+  static open(view) {
+    return new LintPanel(view);
+  }
+}
+function svg(content, attrs = `viewBox="0 0 40 40"`) {
+  return `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" ${attrs}>${encodeURIComponent(content)}</svg>')`;
+}
+function underline(color) {
+  return svg(`<path d="m0 2.5 l2 -1.5 l1 0 l2 1.5 l1 0" stroke="${color}" fill="none" stroke-width=".7"/>`, `width="6" height="3"`);
+}
+const baseTheme = /*@__PURE__*/EditorView.baseTheme({
+  ".cm-diagnostic": {
+    padding: "3px 6px 3px 8px",
+    marginLeft: "-1px",
+    display: "block",
+    whiteSpace: "pre-wrap"
+  },
+  ".cm-diagnostic-error": {
+    borderLeft: "5px solid #d11"
+  },
+  ".cm-diagnostic-warning": {
+    borderLeft: "5px solid orange"
+  },
+  ".cm-diagnostic-info": {
+    borderLeft: "5px solid #999"
+  },
+  ".cm-diagnosticAction": {
+    font: "inherit",
+    border: "none",
+    padding: "2px 4px",
+    backgroundColor: "#444",
+    color: "white",
+    borderRadius: "3px",
+    marginLeft: "8px"
+  },
+  ".cm-diagnosticSource": {
+    fontSize: "70%",
+    opacity: .7
+  },
+  ".cm-lintRange": {
+    backgroundPosition: "left bottom",
+    backgroundRepeat: "repeat-x",
+    paddingBottom: "0.7px"
+  },
+  ".cm-lintRange-error": {
+    backgroundImage: /*@__PURE__*/underline("#d11")
+  },
+  ".cm-lintRange-warning": {
+    backgroundImage: /*@__PURE__*/underline("orange")
+  },
+  ".cm-lintRange-info": {
+    backgroundImage: /*@__PURE__*/underline("#999")
+  },
+  ".cm-lintRange-active": {
+    backgroundColor: "#ffdd9980"
+  },
+  ".cm-tooltip-lint": {
+    padding: 0,
+    margin: 0
+  },
+  ".cm-lintPoint": {
+    position: "relative",
+    "&:after": {
+      content: '""',
+      position: "absolute",
+      bottom: 0,
+      left: "-2px",
+      borderLeft: "3px solid transparent",
+      borderRight: "3px solid transparent",
+      borderBottom: "4px solid #d11"
+    }
+  },
+  ".cm-lintPoint-warning": {
+    "&:after": {
+      borderBottomColor: "orange"
+    }
+  },
+  ".cm-lintPoint-info": {
+    "&:after": {
+      borderBottomColor: "#999"
+    }
+  },
+  ".cm-panel.cm-panel-lint": {
+    position: "relative",
+    "& ul": {
+      maxHeight: "100px",
+      overflowY: "auto",
+      "& [aria-selected]": {
+        backgroundColor: "#ddd",
+        "& u": {
+          textDecoration: "underline"
+        }
+      },
+      "&:focus [aria-selected]": {
+        background_fallback: "#bdf",
+        backgroundColor: "Highlight",
+        color_fallback: "white",
+        color: "HighlightText"
+      },
+      "& u": {
+        textDecoration: "none"
+      },
+      padding: 0,
+      margin: 0
+    },
+    "& [name=close]": {
+      position: "absolute",
+      top: "0",
+      right: "2px",
+      background: "inherit",
+      border: "none",
+      font: "inherit",
+      padding: 0,
+      margin: 0
+    }
+  }
+});
+
+// (The superfluous function calls around the list of extensions work
+// around current limitations in tree-shaking software.)
+/**
+This is an extension value that just pulls together a number of
+extensions that you might want in a basic editor. It is meant as a
+convenient helper to quickly set up CodeMirror without installing
+and importing a lot of separate packages.
+
+Specifically, it includes...
+
+ - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)
+ - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)
+ - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)
+ - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)
+ - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)
+ - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)
+ - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)
+ - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
+ - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)
+ - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)
+ - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)
+ - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)
+ - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)
+ - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)
+ - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)
+ - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)
+ - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)
+ - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)
+ - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)
+
+(You'll probably want to add some language package to your setup
+too.)
+
+This extension does not allow customization. The idea is that,
+once you decide you want to configure your editor more precisely,
+you take this package's source (which is just a bunch of imports
+and an array literal), copy it into your own code, and adjust it
+as desired.
+*/
+const basicSetup = /*@__PURE__*/(() => [lineNumbers(), highlightActiveLineGutter(), highlightSpecialChars(), history(), foldGutter(), drawSelection(), dropCursor(), EditorState.allowMultipleSelections.of(true), indentOnInput(), syntaxHighlighting(defaultHighlightStyle, {
+  fallback: true
+}), bracketMatching(), closeBrackets(), autocompletion(), rectangularSelection(), crosshairCursor(), highlightActiveLine(), highlightSelectionMatches(), keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...searchKeymap, ...historyKeymap, ...foldKeymap, ...completionKeymap, ...lintKeymap])])();
+
+//partially based on https://github.com/logue/vue-codemirror6/blob/master/src/components/CodeMirror.vue
+var script = defineComponent({
+  name: 'OrCode',
+  components: {
+    OrIconButton: __vue_component__$1,
+    OrModal: __vue_component__$2,
+    OrTeleport: __vue_component__$3,
+    OrError: __vue_component__$4,
+    OrHint: __vue_component__$5,
+    OrLabel: __vue_component__$6
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    modelValue: {
+      type: String,
+      default: '',
+      required: false
+    },
+    language: {
+      type: [Object, String],
+      required: false,
+      default: OrCodeLanguages.JS
+    },
+    isReadonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    extensions: {
+      type: Array,
+      required: false,
+      default: () => [basicSetup]
+    },
+    phrases: {
+      type: Object,
+      required: false,
+      default: null
+    },
+    isShowingFullscreen: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    isInvalid: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    error: {
+      type: String,
+      default: '',
+      required: false
+    },
+    hint: {
+      type: String,
+      default: '',
+      required: false
+    },
+    allowPaste: {
+      type: Boolean,
+      default: true
+    },
+    allowDrop: {
+      type: Boolean,
+      default: true
+    },
+    lineWrapping: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'focus', 'blur'],
+  setup(props, {
+    emit
+  }) {
+    // editor config
+    const root = ref();
+    const target = ref();
+    const fullscreenTarget = ref();
+    const isHovered = useElementHover(root);
+    const editor = new EditorView({
+      state: EditorState.create({
+        doc: props.modelValue
+      }),
+      dispatch: tr => {
+        editor.update([tr]);
+        if (tr.changes.empty) return;
+        emit('update:modelValue', editor.state.doc.toString());
+      }
+    });
+    return {
+      root,
+      target,
+      fullscreenTarget,
+      editor,
+      isHovered
+    };
+  },
+  data() {
+    return {
+      isFullscreen: false
+    };
+  },
+  computed: {
+    localLanguage() {
+      if (Object.values(OrCodeLanguages).includes(this.language)) {
+        return languages[this.language];
+      } else {
+        return this.language;
+      }
+    },
+    localExtensions() {
+      const {
+        allowDrop,
+        allowPaste,
+        lineWrapping,
+        extensions
+      } = this;
+      let ext = [theme, EditorView.baseTheme({}),
+      // locale settings
+      this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
+      // Parser language setting
+      this.localLanguage,
+      // Editable option
+      EditorView.editable.of(!this.isReadonly),
+      // Focus and blur listener
+      EditorView.updateListener.of(viewUpdate => {
+        if (viewUpdate.focusChanged) {
+          viewUpdate.view.hasFocus ? this.$emit('focus') : this.$emit('blur', viewUpdate.state.doc.toString());
+        }
+      }), EditorView.domEventHandlers({
+        drop(event) {
+          if (!allowDrop) {
+            event.preventDefault();
+            return true;
+          }
+        },
+        paste(event) {
+          if (!allowPaste) {
+            event.preventDefault();
+            return true;
+          }
+        }
+      }),
+      // line wrapping
+      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])];
+      if (Array.isArray(extensions)) {
+        ext = [...ext, ...extensions];
+      }
+      ext = ext.filter(Boolean);
+      return ext;
+    },
+    isShowingError() {
+      return !!this.error && this.isInvalid;
+    },
+    isShowingHint() {
+      return !!this.hint && !this.isShowingError;
+    },
+    isShowingHeader() {
+      var _a;
+      return this.isShowingFullscreen || this.$slots.label || this.$slots.actions || ((_a = this.$scopedSlots) === null || _a === void 0 ? void 0 : _a.actions);
+    }
+  },
+  watch: {
+    modelValue(value) {
+      if (this.editor.composing) return;
+      if (this.editor.state.doc.toString() === value) return;
+      const previous = this.editor.state.selection;
+      this.editor.setState(EditorState.create({
+        doc: value,
+        extensions: this.localExtensions,
+        selection: previous.ranges.some(range => range.to > value.length) ? {
+          anchor: value.length
+        } : previous
+      }));
+    },
+    isFullscreen(value) {
+      if (value) {
+        this.fullscreenTarget.append(this.editor.dom);
+      } else {
+        this.target.append(this.editor.dom);
+      }
+    },
+    localExtensions() {
+      this.updateEditorState();
+    }
+  },
+  mounted() {
+    this.updateEditorState();
+    this.target.append(this.editor.dom);
+  },
+  beforeUnmount() {
+    var _a;
+    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
+  },
+  methods: {
+    updateEditorState() {
+      this.editor.setState(EditorState.create({
+        doc: this.modelValue,
+        extensions: this.localExtensions
+      }));
+    },
+    toggleFullscreen(value) {
+      this.isFullscreen = value === undefined ? !this.isFullscreen : value;
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-3ea817b2{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-3ea817b2{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-3ea817b2]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-3ea817b2]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-3ea817b2],.or-code .footer .or-code-hint[data-v-3ea817b2]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-3ea817b2]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-3ea817b2]{margin-left:auto}.header .actions[data-v-3ea817b2]:not(.is-visible){display:none}.or-code-editor[data-v-3ea817b2]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-3ea817b2]{border-color:var(--c-error)}.or-code-editor[data-v-3ea817b2]> *{width:100%;height:100%}.or-code[data-v-3ea817b2],.or-modal[data-v-3ea817b2]  .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-3ea817b2],.or-modal[data-v-3ea817b2]  .content .or-code-editor{text-align:left!important}.or-code .or-code-editor[data-v-3ea817b2],.or-modal[data-v-3ea817b2]  .content .or-code-editor{flex-grow:1}";
+styleInject(css_248z);
+
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    staticClass: "or-code"
+  }, [_vm.isShowingHeader ? _c('div', {
+    staticClass: "header"
+  }, [_c('or-label', {
+    attrs: {
+      "label": _vm.label
+    },
+    scopedSlots: _vm._u([{
+      key: "append",
+      fn: function () {
+        return [_vm._t("label-append")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._t("label")], 2), _vm._v(" "), _c('div', {
+    staticClass: "actions",
+    class: {
+      'is-visible': _vm.isHovered
+    }
+  }, [_vm._t("actions", function () {
+    return [_vm.isShowingFullscreen ? _c('or-icon-button', {
+      staticClass: "fullscreen-button",
+      attrs: {
+        "icon": "fullscreen",
+        "icon-color": "neutral-4"
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.toggleFullscreen(true);
+        }
+      }
+    }) : _vm._e()];
+  }, {
+    "toggleFullscreen": _vm.toggleFullscreen
+  })], 2)], 1) : _vm._e(), _vm._v(" "), _c('div', {
+    ref: "target",
+    staticClass: "or-code-editor",
+    class: {
+      'is-invalid': _vm.isInvalid
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "footer"
+  }, [_vm.isShowingError ? _c('or-error', {
+    staticClass: "or-code-error",
+    attrs: {
+      "error": _vm.error
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.isShowingHint ? _c('or-hint', {
+    staticClass: "or-code-hint",
+    attrs: {
+      "hint": _vm.hint
+    }
+  }) : _vm._e()], 1), _vm._v(" "), _c('or-teleport', [_c('or-modal', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isFullscreen,
+      expression: "isFullscreen"
+    }],
+    attrs: {
+      "title-text": _vm.label,
+      "size": "fullScreen",
+      "is-open": "",
+      "trap-focus": false
+    },
+    on: {
+      "close": function ($event) {
+        return _vm.toggleFullscreen(false);
+      }
+    }
+  }, [_vm.$slots['modal-actions'] ? _c('div', {
+    staticClass: "header"
+  }, [_c('div', {
+    staticClass: "actions is-visible"
+  }, [_vm._t("modal-actions")], 2)]) : _vm._e(), _vm._v(" "), _c('div', {
+    ref: "fullscreenTarget",
+    staticClass: "or-code-editor",
+    class: {
+      'is-invalid': _vm.isInvalid
+    }
+  }), _vm._v(" "), _vm.isShowingError ? _c('or-error', {
+    staticClass: "or-code-error",
+    attrs: {
+      "error": _vm.error
+    }
+  }) : _vm._e()], 1)], 1)], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-3ea817b2";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as default };