@electric-sql/pglite-repl 0.2.25 → 0.2.27

package/dist-webcomponent/Repl.js

@@ -31627,6 +31627,77 @@ function _objectWithoutPropertiesLoose(r, e2) {
   }
   return t2;
 }
+let rangeFrom = [], rangeTo = [];
+(() => {
+  let numbers = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s) => s ? parseInt(s, 36) : 1);
+  for (let i = 0, n = 0; i < numbers.length; i++)
+    (i % 2 ? rangeTo : rangeFrom).push(n = n + numbers[i]);
+})();
+function isExtendingChar(code) {
+  if (code < 768) return false;
+  for (let from = 0, to2 = rangeFrom.length; ; ) {
+    let mid = from + to2 >> 1;
+    if (code < rangeFrom[mid]) to2 = mid;
+    else if (code >= rangeTo[mid]) from = mid + 1;
+    else return true;
+    if (from == to2) return false;
+  }
+}
+function isRegionalIndicator(code) {
+  return code >= 127462 && code <= 127487;
+}
+const ZWJ = 8205;
+function findClusterBreak$1(str, pos, forward = true, includeExtending = true) {
+  return (forward ? nextClusterBreak : prevClusterBreak)(str, pos, includeExtending);
+}
+function nextClusterBreak(str, pos, includeExtending) {
+  if (pos == str.length) return pos;
+  if (pos && surrogateLow$1(str.charCodeAt(pos)) && surrogateHigh$1(str.charCodeAt(pos - 1))) pos--;
+  let prev = codePointAt$1(str, pos);
+  pos += codePointSize$1(prev);
+  while (pos < str.length) {
+    let next = codePointAt$1(str, pos);
+    if (prev == ZWJ || next == ZWJ || includeExtending && isExtendingChar(next)) {
+      pos += codePointSize$1(next);
+      prev = next;
+    } else if (isRegionalIndicator(next)) {
+      let countBefore = 0, i = pos - 2;
+      while (i >= 0 && isRegionalIndicator(codePointAt$1(str, i))) {
+        countBefore++;
+        i -= 2;
+      }
+      if (countBefore % 2 == 0) break;
+      else pos += 2;
+    } else {
+      break;
+    }
+  }
+  return pos;
+}
+function prevClusterBreak(str, pos, includeExtending) {
+  while (pos > 0) {
+    let found = nextClusterBreak(str, pos - 2, includeExtending);
+    if (found < pos) return found;
+    pos--;
+  }
+  return 0;
+}
+function codePointAt$1(str, pos) {
+  let code0 = str.charCodeAt(pos);
+  if (!surrogateHigh$1(code0) || pos + 1 == str.length) return code0;
+  let code1 = str.charCodeAt(pos + 1);
+  if (!surrogateLow$1(code1)) return code0;
+  return (code0 - 55296 << 10) + (code1 - 56320) + 65536;
+}
+function surrogateLow$1(ch) {
+  return ch >= 56320 && ch < 57344;
+}
+function surrogateHigh$1(ch) {
+  return ch >= 55296 && ch < 56320;
+}
+function codePointSize$1(code) {
+  return code < 65536 ? 1 : 2;
+}
 class Text {
   /**
   Get the line description around the given position.
@@ -32177,58 +32248,8 @@ function clip(text, from, to2) {
   from = Math.max(0, Math.min(text.length, from));
   return [from, Math.max(from, Math.min(text.length, to2))];
 }
-let extend = /* @__PURE__ */ "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s) => s ? parseInt(s, 36) : 1);
-for (let i = 1; i < extend.length; i++)
-  extend[i] += extend[i - 1];
-function isExtendingChar(code) {
-  for (let i = 1; i < extend.length; i += 2)
-    if (extend[i] > code)
-      return extend[i - 1] <= code;
-  return false;
-}
-function isRegionalIndicator(code) {
-  return code >= 127462 && code <= 127487;
-}
-const ZWJ = 8205;
 function findClusterBreak(str, pos, forward = true, includeExtending = true) {
-  return (forward ? nextClusterBreak : prevClusterBreak)(str, pos, includeExtending);
-}
-function nextClusterBreak(str, pos, includeExtending) {
-  if (pos == str.length)
-    return pos;
-  if (pos && surrogateLow(str.charCodeAt(pos)) && surrogateHigh(str.charCodeAt(pos - 1)))
-    pos--;
-  let prev = codePointAt(str, pos);
-  pos += codePointSize(prev);
-  while (pos < str.length) {
-    let next = codePointAt(str, pos);
-    if (prev == ZWJ || next == ZWJ || includeExtending && isExtendingChar(next)) {
-      pos += codePointSize(next);
-      prev = next;
-    } else if (isRegionalIndicator(next)) {
-      let countBefore = 0, i = pos - 2;
-      while (i >= 0 && isRegionalIndicator(codePointAt(str, i))) {
-        countBefore++;
-        i -= 2;
-      }
-      if (countBefore % 2 == 0)
-        break;
-      else
-        pos += 2;
-    } else {
-      break;
-    }
-  }
-  return pos;
-}
-function prevClusterBreak(str, pos, includeExtending) {
-  while (pos > 0) {
-    let found = nextClusterBreak(str, pos - 2, includeExtending);
-    if (found < pos)
-      return found;
-    pos--;
-  }
-  return 0;
+  return findClusterBreak$1(str, pos, forward, includeExtending);
 }
 function surrogateLow(ch) {
   return ch >= 56320 && ch < 57344;
@@ -32358,7 +32379,7 @@ class ChangeDesc {
   Map this description, which should start with the same document
   as `other`, over another set of changes, so that it can be
   applied after it. When `before` is true, map as if the changes
-  in `other` happened before the ones in `this`.
+  in `this` happened before the ones in `other`.
   */
   mapDesc(other, before = false) {
     return other.empty ? this : mapSet(this, other, before);
@@ -32659,7 +32680,7 @@ function addSection(sections, len, ins, forceJoin = false) {
   let last = sections.length - 2;
   if (last >= 0 && ins <= 0 && ins == sections[last + 1])
     sections[last] += len;
-  else if (len == 0 && sections[last] == 0)
+  else if (last >= 0 && len == 0 && sections[last] == 0)
     sections[last + 1] += ins;
   else if (forceJoin) {
     sections[last] += len;
@@ -32708,7 +32729,9 @@ function mapSet(setA, setB, before, mkSet = false) {
   let sections = [], insert2 = mkSet ? [] : null;
   let a = new SectionIter(setA), b = new SectionIter(setB);
   for (let inserted = -1; ; ) {
-    if (a.ins == -1 && b.ins == -1) {
+    if (a.done && b.len || b.done && a.len) {
+      throw new Error("Mismatched change set lengths");
+    } else if (a.ins == -1 && b.ins == -1) {
       let len = Math.min(a.len, b.len);
       addSection(sections, len, -1);
       a.forward(len);
@@ -33305,6 +33328,11 @@ class StateField {
         return 1;
       },
       reconfigure: (state, oldState) => {
+        let init = state.facet(initField), oldInit = oldState.facet(initField), reInit;
+        if ((reInit = init.find((i) => i.field == this)) && reInit != oldInit.find((i) => i.field == this)) {
+          state.values[idx] = reInit.create(state);
+          return 1;
+        }
         if (oldState.config.address[this.id] != null) {
           state.values[idx] = oldState.field(this);
           return 0;
@@ -34939,7 +34967,7 @@ function compare(a, startA, b, startB, length, comparator) {
   let endB = startB + length;
   let pos = startB, dPos = startB - startA;
   for (; ; ) {
-    let diff = a.to + dPos - b.to || a.endSide - b.endSide;
+    let dEnd = a.to + dPos - b.to, diff = dEnd || a.endSide - b.endSide;
     let end = diff < 0 ? a.to + dPos : b.to, clipEnd = Math.min(end, endB);
     if (a.point || b.point) {
       if (!(a.point && b.point && (a.point == b.point || a.point.eq(b.point)) && sameValues(a.activeForPoint(a.to), b.activeForPoint(b.to))))
@@ -34950,6 +34978,8 @@ function compare(a, startA, b, startB, length, comparator) {
     }
     if (end > endB)
       break;
+    if ((dEnd || a.openEnd != b.openEnd) && comparator.boundChange)
+      comparator.boundChange(end);
     pos = end;
     if (diff <= 0)
       a.next();
@@ -34986,7 +35016,7 @@ function findMinIndex(value, array) {
 }
 function countColumn(string2, tabSize, to2 = string2.length) {
   let n = 0;
-  for (let i = 0; i < to2; ) {
+  for (let i = 0; i < to2 && i < string2.length; ) {
     if (string2.charCodeAt(i) == 9) {
       n += tabSize - n % tabSize;
       i++;
@@ -35237,6 +35267,33 @@ function keyName(event) {
   if (name2 == "Down") name2 = "ArrowDown";
   return name2;
 }
+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 name2 in next) if (Object.prototype.hasOwnProperty.call(next, name2)) {
+      var value = next[name2];
+      if (typeof value == "string") elt.setAttribute(name2, value);
+      else if (value != null) elt[name2] = 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);
+  }
+}
 function getSelection(root) {
   let target;
   if (root.nodeType == 11) {
@@ -35360,13 +35417,13 @@ function scrollRectIntoView(dom, rect, side, x, y2, xMargin, yMargin, ltr) {
       let moveX = 0, moveY = 0;
       if (y2 == "nearest") {
         if (rect.top < bounding.top) {
-          moveY = -(bounding.top - rect.top + yMargin);
+          moveY = rect.top - (bounding.top + yMargin);
           if (side > 0 && rect.bottom > bounding.bottom + moveY)
-            moveY = rect.bottom - bounding.bottom + moveY + yMargin;
+            moveY = rect.bottom - bounding.bottom + yMargin;
         } else if (rect.bottom > bounding.bottom) {
           moveY = rect.bottom - bounding.bottom + yMargin;
           if (side < 0 && rect.top - moveY < bounding.top)
-            moveY = -(bounding.top + moveY - rect.top + yMargin);
+            moveY = rect.top - (bounding.top + yMargin);
         }
       } else {
         let rectHeight = rect.bottom - rect.top, boundingHeight = bounding.bottom - bounding.top;
@@ -35375,13 +35432,13 @@ function scrollRectIntoView(dom, rect, side, x, y2, xMargin, yMargin, ltr) {
       }
       if (x == "nearest") {
         if (rect.left < bounding.left) {
-          moveX = -(bounding.left - rect.left + xMargin);
+          moveX = rect.left - (bounding.left + xMargin);
           if (side > 0 && rect.right > bounding.right + moveX)
-            moveX = rect.right - bounding.right + moveX + xMargin;
+            moveX = rect.right - bounding.right + xMargin;
         } else if (rect.right > bounding.right) {
           moveX = rect.right - bounding.right + xMargin;
           if (side < 0 && rect.left < bounding.left + moveX)
-            moveX = -(bounding.left + moveX - rect.left + xMargin);
+            moveX = rect.left - (bounding.left + xMargin);
         }
       } else {
         let targetLeft = x == "center" ? rect.left + (rect.right - rect.left) / 2 - (bounding.right - bounding.left) / 2 : x == "start" == ltr ? rect.left - xMargin : rect.right - (bounding.right - bounding.left) + xMargin;
@@ -35416,6 +35473,13 @@ function scrollRectIntoView(dom, rect, side, x, y2, xMargin, yMargin, ltr) {
       }
       if (top2)
         break;
+      if (rect.top < bounding.top || rect.bottom > bounding.bottom || rect.left < bounding.left || rect.right > bounding.right)
+        rect = {
+          left: Math.max(rect.left, bounding.left),
+          right: Math.min(rect.right, bounding.right),
+          top: Math.max(rect.top, bounding.top),
+          bottom: Math.min(rect.bottom, bounding.bottom)
+        };
       cur2 = cur2.assignedSlot || cur2.parentNode;
     } else if (cur2.nodeType == 11) {
       cur2 = cur2.host;
@@ -36284,7 +36348,7 @@ function coordsInChildren(view, pos, side) {
       if (end >= pos2) {
         if (child.children.length) {
           scan(child, pos2 - off);
-        } else if ((!after || after.isHidden && side > 0) && (end > pos2 || off == end && child.getSide() > 0)) {
+        } else if ((!after || after.isHidden && (side > 0 || onSameLine(after, child))) && (end > pos2 || off == end && child.getSide() > 0)) {
           after = child;
           afterPos = pos2 - off;
         } else if (off < pos2 || off == end && child.getSide() < 0 && !child.isHidden) {
@@ -36308,6 +36372,10 @@ function fallbackRect(view) {
   let rects = clientRectsFor(last);
   return rects[rects.length - 1] || null;
 }
+function onSameLine(a, b) {
+  let posA = a.coordsAt(0, 1), posB = b.coordsAt(0, 1);
+  return posA && posB && posB.top < posA.bottom;
+}
 function combineAttrs(source, target) {
   for (let name2 in source) {
     if (name2 == "class" && target.class)
@@ -37459,8 +37527,7 @@ function logException(state, exception, context) {
   let handler = state.facet(exceptionSink);
   if (handler.length)
     handler[0](exception);
-  else if (window.onerror)
-    window.onerror(String(exception), context, void 0, void 0, exception);
+  else if (window.onerror && window.onerror(String(exception), context, void 0, void 0, exception)) ;
   else if (context)
     console.error(context + ":", exception);
   else
@@ -37468,14 +37535,30 @@ function logException(state, exception, context) {
 }
 const editable = /* @__PURE__ */ Facet.define({ combine: (values) => values.length ? values[0] : true });
 let nextPluginID = 0;
-const viewPlugin = /* @__PURE__ */ Facet.define();
+const viewPlugin = /* @__PURE__ */ Facet.define({
+  combine(plugins) {
+    return plugins.filter((p, i) => {
+      for (let j = 0; j < i; j++)
+        if (plugins[j].plugin == p.plugin)
+          return false;
+      return true;
+    });
+  }
+});
 class ViewPlugin {
   constructor(id, create, domEventHandlers, domEventObservers, buildExtensions) {
     this.id = id;
     this.create = create;
     this.domEventHandlers = domEventHandlers;
     this.domEventObservers = domEventObservers;
-    this.extension = buildExtensions(this);
+    this.baseExtensions = buildExtensions(this);
+    this.extension = this.baseExtensions.concat(viewPlugin.of({ plugin: this, arg: void 0 }));
+  }
+  /**
+  Create an extension for this plugin with the given argument.
+  */
+  of(arg) {
+    return this.baseExtensions.concat(viewPlugin.of({ plugin: this, arg }));
   }
   /**
   Define a plugin from a constructor function that creates the
@@ -37484,7 +37567,7 @@ class ViewPlugin {
   static define(create, spec) {
     const { eventHandlers, eventObservers, provide, decorations: deco } = spec || {};
     return new ViewPlugin(nextPluginID++, create, eventHandlers, eventObservers, (plugin) => {
-      let ext = [viewPlugin.of(plugin)];
+      let ext = [];
       if (deco)
         ext.push(decorations.of((view) => {
           let pluginInst = view.plugin(plugin);
@@ -37500,7 +37583,7 @@ class ViewPlugin {
   editor view as argument.
   */
   static fromClass(cls, spec) {
-    return ViewPlugin.define((view) => new cls(view), spec);
+    return ViewPlugin.define((view, arg) => new cls(view, arg), spec);
   }
 }
 class PluginInstance {
@@ -37509,11 +37592,14 @@ class PluginInstance {
     this.mustUpdate = null;
     this.value = null;
   }
+  get plugin() {
+    return this.spec && this.spec.plugin;
+  }
   update(view) {
     if (!this.value) {
       if (this.spec) {
         try {
-          this.value = this.spec.create(view);
+          this.value = this.spec.plugin.create(view, this.spec.arg);
         } catch (e2) {
           logException(view.state, e2, "CodeMirror plugin crashed");
           this.deactivate();
@@ -37684,6 +37770,15 @@ class ViewUpdate {
     return (this.flags & 4) > 0;
   }
   /**
+  Returns true when
+  [`viewportChanged`](https://codemirror.net/6/docs/ref/#view.ViewUpdate.viewportChanged) is true
+  and the viewport change is not just the result of mapping it in
+  response to document changes.
+  */
+  get viewportMoved() {
+    return (this.flags & 8) > 0;
+  }
+  /**
   Indicates whether the height of a block element in the editor
   changed in this update.
   */
@@ -37695,7 +37790,7 @@ class ViewUpdate {
   editor, or elements within the editor, changed.
   */
   get geometryChanged() {
-    return this.docChanged || (this.flags & (8 | 2)) > 0;
+    return this.docChanged || (this.flags & (16 | 2)) > 0;
   }
   /**
   True when this update indicates a focus change.
@@ -37897,7 +37992,7 @@ class DocView extends ContentView {
     if (mustRead || !this.view.observer.selectionRange.focusNode)
       this.view.observer.readSelectionRange();
     let activeElt = this.view.root.activeElement, focused = activeElt == this.dom;
-    let selectionNotFocus = !focused && hasSelection(this.dom, this.view.observer.selectionRange) && !(activeElt && this.dom.contains(activeElt));
+    let selectionNotFocus = !focused && !(this.view.state.facet(editable) || this.dom.tabIndex > -1) && hasSelection(this.dom, this.view.observer.selectionRange) && !(activeElt && this.dom.contains(activeElt));
     if (!(focused || fromPointer || selectionNotFocus))
       return;
     let force = this.forceSelection;
@@ -38295,6 +38390,9 @@ let DecorationComparator$1 = class DecorationComparator {
   comparePoint(from, to2) {
     addRange(from, to2, this.changes);
   }
+  boundChange(pos) {
+    addRange(pos, pos, this.changes);
+  }
 };
 function findChangedDeco(a, b, diff) {
   let comp = new DecorationComparator$1();
@@ -38379,8 +38477,7 @@ function domPosAtCoords(parent, x, y2) {
         closestRect = rect;
         closestX = dx;
         closestY = dy;
-        let side = dy ? y2 < rect.top ? -1 : 1 : dx ? x < rect.left ? -1 : 1 : 0;
-        closestOverlap = !side || (side > 0 ? i < rects.length - 1 : i > 0);
+        closestOverlap = !dx ? true : x < rect.left ? i > 0 : i < rects.length - 1;
       }
       if (dx == 0) {
         if (y2 > rect.bottom && (!aboveRect || aboveRect.bottom < rect.bottom)) {
@@ -38526,13 +38623,23 @@ function posAtCoordsImprecise(view, contentRect, block, x, y2) {
   return block.from + findColumn(content2, into, view.state.tabSize);
 }
 function isSuspiciousSafariCaretResult(node, offset, x) {
-  let len;
+  let len, scan = node;
   if (node.nodeType != 3 || offset != (len = node.nodeValue.length))
     return false;
-  for (let next = node.nextSibling; next; next = next.nextSibling)
-    if (next.nodeType != 1 || next.nodeName != "BR")
+  for (; ; ) {
+    let next = scan.nextSibling;
+    if (next) {
+      if (next.nodeName == "BR")
+        break;
       return false;
-  return textRange(node, len - 1, len).getBoundingClientRect().left > x;
+    } else {
+      let parent = scan.parentNode;
+      if (!parent || parent.nodeName == "DIV")
+        break;
+      scan = parent;
+    }
+  }
+  return textRange(node, len - 1, len).getBoundingClientRect().right > x;
 }
 function isSuspiciousChromeCaretResult(node, offset, x) {
   if (offset != 0)
@@ -38548,17 +38655,26 @@ function isSuspiciousChromeCaretResult(node, offset, x) {
   let rect = node.nodeType == 1 ? node.getBoundingClientRect() : textRange(node, 0, Math.max(node.nodeValue.length, 1)).getBoundingClientRect();
   return x - rect.left > 5;
 }
-function blockAt(view, pos) {
+function blockAt(view, pos, side) {
   let line = view.lineBlockAt(pos);
-  if (Array.isArray(line.type))
+  if (Array.isArray(line.type)) {
+    let best;
     for (let l2 of line.type) {
-      if (l2.to > pos || l2.to == pos && (l2.to == line.to || l2.type == BlockType.Text))
+      if (l2.from > pos)
+        break;
+      if (l2.to < pos)
+        continue;
+      if (l2.from < pos && l2.to > pos)
         return l2;
+      if (!best || l2.type == BlockType.Text && (best.type != l2.type || (side < 0 ? l2.from < pos : l2.to > pos)))
+        best = l2;
     }
+    return best || line;
+  }
   return line;
 }
 function moveToLineBoundary(view, start, forward, includeWrap) {
-  let line = blockAt(view, start.head);
+  let line = blockAt(view, start.head, start.assoc || -1);
   let coords = !includeWrap || line.type != BlockType.Text || !(view.lineWrapping || line.widgetLineBreaks) ? null : view.coordsAtPos(start.assoc < 0 && start.head > line.from ? start.head - 1 : start.head);
   if (coords) {
     let editorRect = view.dom.getBoundingClientRect();
@@ -38650,6 +38766,28 @@ function skipAtomicRanges(atoms, pos, bias) {
       return pos;
   }
 }
+function skipAtomsForSelection(atoms, sel) {
+  let ranges = null;
+  for (let i = 0; i < sel.ranges.length; i++) {
+    let range = sel.ranges[i], updated = null;
+    if (range.empty) {
+      let pos = skipAtomicRanges(atoms, range.from, 0);
+      if (pos != range.from)
+        updated = EditorSelection.cursor(pos, -1);
+    } else {
+      let from = skipAtomicRanges(atoms, range.from, -1);
+      let to2 = skipAtomicRanges(atoms, range.to, 1);
+      if (from != range.from || to2 != range.to)
+        updated = EditorSelection.range(range.from == range.anchor ? from : to2, range.from == range.head ? from : to2);
+    }
+    if (updated) {
+      if (!ranges)
+        ranges = sel.ranges.slice();
+      ranges[i] = updated;
+    }
+  }
+  return ranges ? EditorSelection.create(ranges, sel.mainIndex) : sel;
+}
 function skipAtoms(view, oldPos, pos) {
   let newPos = skipAtomicRanges(view.state.facet(atomicRanges).map((f) => f(view)), pos.from, oldPos.head > pos.from ? -1 : 1);
   return newPos == pos.from ? pos : EditorSelection.cursor(newPos, newPos < pos.from ? 1 : -1);
@@ -38822,16 +38960,16 @@ function applyDOMChange(view, domChange) {
     return false;
   if (!change && domChange.typeOver && !sel.empty && newSel && newSel.main.empty) {
     change = { from: sel.from, to: sel.to, insert: view.state.doc.slice(sel.from, sel.to) };
+  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
+    if (newSel && change.insert.length == 2)
+      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
+    change = { from: change.from, to: change.to, insert: Text.of([change.insert.toString().replace(".", " ")]) };
   } else if (change && change.from >= sel.from && change.to <= sel.to && (change.from != sel.from || change.to != sel.to) && sel.to - sel.from - (change.to - change.from) <= 4) {
     change = {
       from: sel.from,
       to: sel.to,
       insert: view.state.doc.slice(sel.from, change.from).append(change.insert).append(view.state.doc.slice(change.to, sel.to))
     };
-  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
-    if (newSel && change.insert.length == 2)
-      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
-    change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
   } else if (browser.chrome && change && change.from == change.to && change.from == sel.head && change.insert.toString() == "\n " && view.lineWrapping) {
     if (newSel)
       newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
@@ -38845,6 +38983,8 @@ function applyDOMChange(view, domChange) {
       if (view.inputState.lastSelectionOrigin == "select")
         scrollIntoView2 = true;
       userEvent = view.inputState.lastSelectionOrigin;
+      if (userEvent == "select.pointer")
+        newSel = skipAtomsForSelection(view.state.facet(atomicRanges).map((f) => f(view)), newSel);
     }
     view.dispatch({ selection: newSel, scrollIntoView: scrollIntoView2, userEvent });
     return true;
@@ -39008,7 +39148,10 @@ class InputState {
       return;
     if (event.type == "keydown" && this.keydown(event))
       return;
-    this.runHandlers(event.type, event);
+    if (this.view.updateState != 0)
+      Promise.resolve().then(() => this.runHandlers(event.type, event));
+    else
+      this.runHandlers(event.type, event);
   }
   runHandlers(type, event) {
     let handlers2 = this.handlers[type];
@@ -39118,16 +39261,16 @@ function computeHandlers(plugins) {
     return result[type] || (result[type] = { observers: [], handlers: [] });
   }
   for (let plugin of plugins) {
-    let spec = plugin.spec;
-    if (spec && spec.domEventHandlers)
-      for (let type in spec.domEventHandlers) {
-        let f = spec.domEventHandlers[type];
+    let spec = plugin.spec, handlers2 = spec && spec.plugin.domEventHandlers, observers2 = spec && spec.plugin.domEventObservers;
+    if (handlers2)
+      for (let type in handlers2) {
+        let f = handlers2[type];
         if (f)
           record(type).handlers.push(bindHandler(plugin.value, f));
       }
-    if (spec && spec.domEventObservers)
-      for (let type in spec.domEventObservers) {
-        let f = spec.domEventObservers[type];
+    if (observers2)
+      for (let type in observers2) {
+        let f = observers2[type];
         if (f)
           record(type).observers.push(bindHandler(plugin.value, f));
       }
@@ -39237,30 +39380,8 @@ class MouseSelection {
     if (this.dragging === false)
       this.select(this.lastEvent);
   }
-  skipAtoms(sel) {
-    let ranges = null;
-    for (let i = 0; i < sel.ranges.length; i++) {
-      let range = sel.ranges[i], updated = null;
-      if (range.empty) {
-        let pos = skipAtomicRanges(this.atoms, range.from, 0);
-        if (pos != range.from)
-          updated = EditorSelection.cursor(pos, -1);
-      } else {
-        let from = skipAtomicRanges(this.atoms, range.from, -1);
-        let to2 = skipAtomicRanges(this.atoms, range.to, 1);
-        if (from != range.from || to2 != range.to)
-          updated = EditorSelection.range(range.from == range.anchor ? from : to2, range.from == range.head ? from : to2);
-      }
-      if (updated) {
-        if (!ranges)
-          ranges = sel.ranges.slice();
-        ranges[i] = updated;
-      }
-    }
-    return ranges ? EditorSelection.create(ranges, sel.mainIndex) : sel;
-  }
   select(event) {
-    let { view } = this, selection2 = this.skipAtoms(this.style.get(event, this.extend, this.multiple));
+    let { view } = this, selection2 = skipAtomsForSelection(this.atoms, this.style.get(event, this.extend, this.multiple));
     if (this.mustSelect || !selection2.eq(view.state.selection, this.dragging === false))
       this.view.dispatch({
         selection: selection2,
@@ -39407,6 +39528,8 @@ handlers.mousedown = (view, event) => {
       mouseSel.start(event);
       return mouseSel.dragging === false;
     }
+  } else {
+    view.inputState.setSelectionOrigin("select.pointer");
   }
   return false;
 };
@@ -39465,15 +39588,15 @@ function basicMouseSelection(view, event) {
         startSel = startSel.map(update.changes);
       }
     },
-    get(event2, extend2, multiple) {
+    get(event2, extend, multiple) {
       let cur2 = queryPos(view, event2), removed;
       let range = rangeForClick(view, cur2.pos, cur2.bias, type);
-      if (start.pos != cur2.pos && !extend2) {
+      if (start.pos != cur2.pos && !extend) {
         let startRange = rangeForClick(view, start.pos, start.bias, type);
         let from = Math.min(startRange.from, range.from), to2 = Math.max(startRange.to, range.to);
         range = from < range.from ? EditorSelection.range(from, to2) : EditorSelection.range(to2, from);
       }
-      if (extend2)
+      if (extend)
         return startSel.replaceRange(startSel.main.extend(range.from, range.to));
       else if (multiple && type == 1 && startSel.ranges.length > 1 && (removed = removeRangeAround(startSel, cur2.pos)))
         return removed;
@@ -39644,7 +39767,7 @@ function focusChangeTransaction(state, focus) {
     if (effect)
       effects.push(effect);
   }
-  return effects ? state.update({ effects, annotations: isFocusChange.of(true) }) : null;
+  return effects.length ? state.update({ effects, annotations: isFocusChange.of(true) }) : null;
 }
 function updateForFocusChange(view) {
   setTimeout(() => {
@@ -39768,7 +39891,7 @@ class HeightOracle {
   heightForLine(length) {
     if (!this.lineWrapping)
       return this.lineHeight;
-    let lines = 1 + Math.max(0, Math.ceil((length - this.lineLength) / (this.lineLength - 5)));
+    let lines = 1 + Math.max(0, Math.ceil((length - this.lineLength) / Math.max(1, this.lineLength - 5)));
     return lines * this.lineHeight;
   }
   setDoc(doc2) {
@@ -40467,6 +40590,10 @@ function visiblePixelRange(dom, paddingTop) {
     bottom: Math.max(top2, bottom) - (rect.top + paddingTop)
   };
 }
+function inWindow(elt) {
+  let rect = elt.getBoundingClientRect(), win = elt.ownerDocument.defaultView || window;
+  return rect.left < win.innerWidth && rect.right > 0 && rect.top < win.innerHeight && rect.bottom > 0;
+}
 function fullPixelRange(dom, paddingTop) {
   let rect = dom.getBoundingClientRect();
   return {
@@ -40601,7 +40728,7 @@ class ViewState {
       this.scrollAnchorHeight = scrollAnchor.top;
     } else {
       this.scrollAnchorPos = -1;
-      this.scrollAnchorHeight = this.heightMap.height;
+      this.scrollAnchorHeight = prevHeight;
     }
     let viewport = heightChanges.length ? this.mapViewport(this.viewport, update.changes) : this.viewport;
     if (scrollTarget && (scrollTarget.range.head < viewport.from || scrollTarget.range.head > viewport.to) || !this.viewportIsAppropriate(viewport))
@@ -40613,7 +40740,7 @@ class ViewState {
       this.updateViewportLines();
     if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
       this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update.changes)));
-    update.flags |= this.computeVisibleRanges();
+    update.flags |= this.computeVisibleRanges(update.changes);
     if (scrollTarget)
       this.scrollTarget = scrollTarget;
     if (!this.mustEnforceCursorAssoc && update.selectionSet && update.view.lineWrapping && update.state.selection.main.empty && update.state.selection.main.assoc && !update.state.facet(nativeSelectionHidden))
@@ -40635,7 +40762,7 @@ class ViewState {
       if (scaleX > 5e-3 && Math.abs(this.scaleX - scaleX) > 5e-3 || scaleY > 5e-3 && Math.abs(this.scaleY - scaleY) > 5e-3) {
         this.scaleX = scaleX;
         this.scaleY = scaleY;
-        result |= 8;
+        result |= 16;
         refresh = measureContent = true;
       }
     }
@@ -40644,13 +40771,13 @@ class ViewState {
     if (this.paddingTop != paddingTop || this.paddingBottom != paddingBottom) {
       this.paddingTop = paddingTop;
       this.paddingBottom = paddingBottom;
-      result |= 8 | 2;
+      result |= 16 | 2;
     }
     if (this.editorWidth != view.scrollDOM.clientWidth) {
       if (oracle.lineWrapping)
         measureContent = true;
       this.editorWidth = view.scrollDOM.clientWidth;
-      result |= 8;
+      result |= 16;
     }
     let scrollTop = view.scrollDOM.scrollTop * this.scaleY;
     if (this.scrollTop != scrollTop) {
@@ -40667,13 +40794,13 @@ class ViewState {
       if (inView)
         measureContent = true;
     }
-    if (!this.inView && !this.scrollTarget)
+    if (!this.inView && !this.scrollTarget && !inWindow(view.dom))
       return 0;
     let contentWidth = domRect.width;
     if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight) {
       this.contentDOMWidth = domRect.width;
       this.editorHeight = view.scrollDOM.clientHeight;
-      result |= 8;
+      result |= 16;
     }
     if (measureContent) {
       let lineHeights = view.docView.measureVisibleLineHeights(this.viewport);
@@ -40681,10 +40808,10 @@ class ViewState {
         refresh = true;
       if (refresh || oracle.lineWrapping && Math.abs(contentWidth - this.contentDOMWidth) > oracle.charWidth) {
         let { lineHeight, charWidth, textHeight } = view.docView.measureTextSize();
-        refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, textHeight, contentWidth / charWidth, lineHeights);
+        refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, textHeight, Math.max(5, contentWidth / charWidth), lineHeights);
         if (refresh) {
           view.docView.minWidth = 0;
-          result |= 8;
+          result |= 16;
         }
       }
       if (dTop > 0 && dBottom > 0)
@@ -40886,7 +41013,7 @@ class ViewState {
       this.lineGapDeco = Decoration.set(gaps.map((gap) => gap.draw(this, this.heightOracle.lineWrapping)));
     }
   }
-  computeVisibleRanges() {
+  computeVisibleRanges(changes) {
     let deco = this.stateDeco;
     if (this.lineGaps.length)
       deco = deco.concat(this.lineGapDeco);
@@ -40898,9 +41025,21 @@ class ViewState {
       point() {
       }
     }, 20);
-    let changed = ranges.length != this.visibleRanges.length || this.visibleRanges.some((r, i) => r.from != ranges[i].from || r.to != ranges[i].to);
+    let changed = 0;
+    if (ranges.length != this.visibleRanges.length) {
+      changed = 8 | 4;
+    } else {
+      for (let i = 0; i < ranges.length && !(changed & 8); i++) {
+        let old = this.visibleRanges[i], nw = ranges[i];
+        if (old.from != nw.from || old.to != nw.to) {
+          changed |= 4;
+          if (!(changes && changes.mapPos(old.from, -1) == nw.from && changes.mapPos(old.to, 1) == nw.to))
+            changed |= 8;
+        }
+      }
+    }
     this.visibleRanges = ranges;
-    return changed ? 4 : 0;
+    return changed;
   }
   lineBlockAt(pos) {
     return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find((b) => b.from <= pos && b.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType$1.ByPos, this.heightOracle, 0, 0), this.scaler);
@@ -41157,7 +41296,7 @@ const baseTheme$1$3 = /* @__PURE__ */ buildTheme("." + baseThemeID, {
     display: "none"
   },
   "&dark .cm-cursor": {
-    borderLeftColor: "#444"
+    borderLeftColor: "#ddd"
   },
   ".cm-dropCursor": {
     position: "absolute"
@@ -41184,13 +41323,16 @@ const baseTheme$1$3 = /* @__PURE__ */ buildTheme("." + baseThemeID, {
     display: "flex",
     height: "100%",
     boxSizing: "border-box",
-    insetInlineStart: 0,
     zIndex: 200
   },
+  ".cm-gutters-before": { insetInlineStart: 0 },
+  ".cm-gutters-after": { insetInlineEnd: 0 },
   "&light .cm-gutters": {
     backgroundColor: "#f5f5f5",
     color: "#6c6c6c",
-    borderRight: "1px solid #ddd"
+    border: "0px solid #ddd",
+    "&.cm-gutters-before": { borderRightWidth: "1px" },
+    "&.cm-gutters-after": { borderLeftWidth: "1px" }
   },
   "&dark .cm-gutters": {
     backgroundColor: "#333338",
@@ -41241,6 +41383,21 @@ const baseTheme$1$3 = /* @__PURE__ */ buildTheme("." + baseThemeID, {
     backgroundColor: "#333338",
     color: "white"
   },
+  ".cm-dialog": {
+    padding: "2px 19px 4px 6px",
+    position: "relative",
+    "& label": { fontSize: "80%" }
+  },
+  ".cm-dialog-close": {
+    position: "absolute",
+    top: "3px",
+    right: "4px",
+    backgroundColor: "inherit",
+    border: "none",
+    font: "inherit",
+    fontSize: "14px",
+    padding: "0"
+  },
   ".cm-tab": {
     display: "inline-block",
     overflow: "hidden",
@@ -41255,7 +41412,8 @@ const baseTheme$1$3 = /* @__PURE__ */ buildTheme("." + baseThemeID, {
   ".cm-placeholder": {
     color: "#888",
     display: "inline-block",
-    verticalAlign: "top"
+    verticalAlign: "top",
+    userSelect: "none"
   },
   ".cm-highlightSpace": {
     backgroundImage: "radial-gradient(circle at 50% 55%, #aaa 20%, transparent 5%)",
@@ -41344,7 +41502,7 @@ class DOMObserver {
       else
         this.flush();
     });
-    if (window.EditContext && view.constructor.EDIT_CONTEXT !== false && // Chrome <126 doesn't support inverted selections in edit context (#1392)
+    if (window.EditContext && browser.android && view.constructor.EDIT_CONTEXT !== false && // Chrome <126 doesn't support inverted selections in edit context (#1392)
     !(browser.chrome && browser.chrome_version < 126)) {
       this.editContext = new EditContextManager(view);
       if (view.state.facet(editable))
@@ -41764,6 +41922,7 @@ class EditContextManager {
     this.to = 0;
     this.pendingContextChange = null;
     this.handlers = /* @__PURE__ */ Object.create(null);
+    this.composing = null;
     this.resetRange(view.state);
     let context = this.editContext = new window.EditContext({
       text: view.state.doc.sliceString(this.from, this.to),
@@ -41771,21 +41930,28 @@ class EditContextManager {
       selectionEnd: this.toContextPos(view.state.selection.main.head)
     });
     this.handlers.textupdate = (e2) => {
-      let { anchor } = view.state.selection.main;
-      let change = {
-        from: this.toEditorPos(e2.updateRangeStart),
-        to: this.toEditorPos(e2.updateRangeEnd),
-        insert: Text.of(e2.text.split("\n"))
-      };
+      let main = view.state.selection.main, { anchor, head } = main;
+      let from = this.toEditorPos(e2.updateRangeStart), to2 = this.toEditorPos(e2.updateRangeEnd);
+      if (view.inputState.composing >= 0 && !this.composing)
+        this.composing = { contextBase: e2.updateRangeStart, editorBase: from, drifted: false };
+      let change = { from, to: to2, insert: Text.of(e2.text.split("\n")) };
       if (change.from == this.from && anchor < this.from)
         change.from = anchor;
       else if (change.to == this.to && anchor > this.to)
         change.to = anchor;
-      if (change.from == change.to && !change.insert.length)
+      if (change.from == change.to && !change.insert.length) {
+        let newSel = EditorSelection.single(this.toEditorPos(e2.selectionStart), this.toEditorPos(e2.selectionEnd));
+        if (!newSel.main.eq(main))
+          view.dispatch({ selection: newSel, userEvent: "select" });
         return;
+      }
+      if ((browser.mac || browser.android) && change.from == head - 1 && /^\. ?$/.test(e2.text) && view.contentDOM.getAttribute("autocorrect") == "off")
+        change = { from, to: to2, insert: Text.of([e2.text.replace(".", " ")]) };
       this.pendingContextChange = change;
-      if (!view.state.readOnly)
-        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e2.selectionStart), this.toEditorPos(e2.selectionEnd)));
+      if (!view.state.readOnly) {
+        let newLen = this.to - this.from + (change.to - change.from + change.insert.length);
+        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e2.selectionStart, newLen), this.toEditorPos(e2.selectionEnd, newLen)));
+      }
       if (this.pendingContextChange) {
         this.revertPending(view.state);
         this.setSelection(view.state);
@@ -41805,8 +41971,11 @@ class EditContextManager {
       for (let format of e2.getTextFormats()) {
         let lineStyle = format.underlineStyle, thickness = format.underlineThickness;
         if (lineStyle != "None" && thickness != "None") {
-          let style = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
-          deco.push(Decoration.mark({ attributes: { style } }).range(this.toEditorPos(format.rangeStart), this.toEditorPos(format.rangeEnd)));
+          let from = this.toEditorPos(format.rangeStart), to2 = this.toEditorPos(format.rangeEnd);
+          if (from < to2) {
+            let style = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
+            deco.push(Decoration.mark({ attributes: { style } }).range(from, to2));
+          }
         }
       }
       view.dispatch({ effects: setEditContextFormatting.of(Decoration.set(deco)) });
@@ -41820,6 +41989,12 @@ class EditContextManager {
     this.handlers.compositionend = () => {
       view.inputState.composing = -1;
       view.inputState.compositionFirstChange = null;
+      if (this.composing) {
+        let { drifted } = this.composing;
+        this.composing = null;
+        if (drifted)
+          this.reset(view.state);
+      }
     };
     for (let event in this.handlers)
       context.addEventListener(event, this.handlers[event]);
@@ -41867,12 +42042,13 @@ class EditContextManager {
     return !abort;
   }
   update(update) {
-    let reverted = this.pendingContextChange;
-    if (!this.applyEdits(update) || !this.rangeIsValid(update.state)) {
+    let reverted = this.pendingContextChange, startSel = update.startState.selection.main;
+    if (this.composing && (this.composing.drifted || !update.changes.touchesRange(startSel.from, startSel.to) && update.transactions.some((tr) => !tr.isUserEvent("input.type") && tr.changes.touchesRange(this.from, this.to)))) {
+      this.composing.drifted = true;
+      this.composing.editorBase = update.changes.mapPos(this.composing.editorBase);
+    } else if (!this.applyEdits(update) || !this.rangeIsValid(update.state)) {
       this.pendingContextChange = null;
-      this.resetRange(update.state);
-      this.editContext.updateText(0, this.editContext.text.length, update.state.doc.sliceString(this.from, this.to));
-      this.setSelection(update.state);
+      this.reset(update.state);
     } else if (update.docChanged || update.selectionSet || reverted) {
       this.setSelection(update.state);
     }
@@ -41892,6 +42068,11 @@ class EditContextManager {
       /* CxVp.Margin */
     );
   }
+  reset(state) {
+    this.resetRange(state);
+    this.editContext.updateText(0, this.editContext.text.length, state.doc.sliceString(this.from, this.to));
+    this.setSelection(state);
+  }
   revertPending(state) {
     let pending = this.pendingContextChange;
     this.pendingContextChange = null;
@@ -41908,11 +42089,14 @@ class EditContextManager {
     let { head } = state.selection.main;
     return !(this.from > 0 && head - this.from < 500 || this.to < state.doc.length && this.to - head < 500 || this.to - this.from > 1e4 * 3);
   }
-  toEditorPos(contextPos) {
-    return contextPos + this.from;
+  toEditorPos(contextPos, clipLen = this.to - this.from) {
+    contextPos = Math.min(contextPos, clipLen);
+    let c2 = this.composing;
+    return c2 && c2.drifted ? c2.editorBase + (contextPos - c2.contextBase) : contextPos + this.from;
   }
   toContextPos(editorPos) {
-    return editorPos - this.from;
+    let c2 = this.composing;
+    return c2 && c2.drifted ? c2.contextBase + (editorPos - c2.editorBase) : editorPos - this.from;
   }
   destroy() {
     for (let event in this.handlers)
@@ -41960,7 +42144,7 @@ class EditorView {
   one change has been made in the current composition.
   */
   get composing() {
-    return this.inputState.composing > 0;
+    return !!this.inputState && this.inputState.composing > 0;
   }
   /**
   Indicates whether the user is currently in composing state. Note
@@ -41969,7 +42153,7 @@ class EditorView {
   composition there.
   */
   get compositionStarted() {
-    return this.inputState.composing >= 0;
+    return !!this.inputState && this.inputState.composing >= 0;
   }
   /**
   The document or shadow root that the view lives in.
@@ -42335,6 +42519,7 @@ class EditorView {
       spellcheck: "false",
       autocorrect: "off",
       autocapitalize: "off",
+      writingsuggestions: "false",
       translate: "no",
       contenteditable: !this.state.facet(editable) ? "false" : "true",
       class: "cm-content",
@@ -42409,8 +42594,8 @@ class EditorView {
   */
   plugin(plugin) {
     let known = this.pluginMap.get(plugin);
-    if (known === void 0 || known && known.spec != plugin)
-      this.pluginMap.set(plugin, known = this.plugins.find((p) => p.spec == plugin) || null);
+    if (known === void 0 || known && known.plugin != plugin)
+      this.pluginMap.set(plugin, known = this.plugins.find((p) => p.plugin == plugin) || null);
     return known && known.update(this).value;
   }
   /**
@@ -42452,7 +42637,7 @@ class EditorView {
   }
   /**
   Find the line block (see
-  [`lineBlockAt`](https://codemirror.net/6/docs/ref/#view.EditorView.lineBlockAt) at the given
+  [`lineBlockAt`](https://codemirror.net/6/docs/ref/#view.EditorView.lineBlockAt)) at the given
   height, again interpreted relative to the [top of the
   document](https://codemirror.net/6/docs/ref/#view.EditorView.documentTop).
   */
@@ -43060,7 +43245,8 @@ function runHandlers(map, event, view, scope) {
     if (runFor(scopeObj[prefix + modifiers(name2, event, !isChar)])) {
       handled = true;
     } else if (isChar && (event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
-    !(browser.windows && event.ctrlKey && event.altKey) && (baseName = base[event.keyCode]) && baseName != name2) {
+    !(browser.windows && event.ctrlKey && event.altKey) && // Alt-combinations on macOS tend to be typed characters
+    !(browser.mac && event.altKey && !(event.ctrlKey || event.metaKey)) && (baseName = base[event.keyCode]) && baseName != name2) {
       if (runFor(scopeObj[prefix + modifiers(baseName, event, true)])) {
         handled = true;
       } else if (event.shiftKey && (shiftName = shift[event.keyCode]) != name2 && shiftName != baseName && runFor(scopeObj[prefix + modifiers(shiftName, event, false)])) {
@@ -43158,7 +43344,7 @@ function rectanglesForRange(view, className, range) {
   let lineElt = content2.querySelector(".cm-line"), lineStyle = lineElt && window.getComputedStyle(lineElt);
   let leftSide = contentRect.left + (lineStyle ? parseInt(lineStyle.paddingLeft) + Math.min(0, parseInt(lineStyle.textIndent)) : 0);
   let rightSide = contentRect.right - (lineStyle ? parseInt(lineStyle.paddingRight) : 0);
-  let startBlock = blockAt(view, from), endBlock = blockAt(view, to2);
+  let startBlock = blockAt(view, from, 1), endBlock = blockAt(view, to2, -1);
   let visualStart = startBlock.type == BlockType.Text ? startBlock : null;
   let visualEnd = endBlock.type == BlockType.Text ? endBlock : null;
   if (visualStart && (view.lineWrapping || startBlock.widgetLineBreaks))
@@ -43178,14 +43364,7 @@ function rectanglesForRange(view, className, range) {
     return pieces(top2).concat(between).concat(pieces(bottom));
   }
   function piece(left, top2, right, bottom) {
-    return new RectangleMarker(
-      className,
-      left - base2.left,
-      top2 - base2.top - 0.01,
-      right - left,
-      bottom - top2 + 0.01
-      /* C.Epsilon */
-    );
+    return new RectangleMarker(className, left - base2.left, top2 - base2.top, right - left, bottom - top2);
   }
   function pieces({ top: top2, bottom, horizontal }) {
     let pieces2 = [];
@@ -43318,7 +43497,6 @@ function layer(config2) {
     layerOrder.of(config2)
   ];
 }
-const CanHidePrimary = !browser.ios;
 const selectionConfig = /* @__PURE__ */ Facet.define({
   combine(configs) {
     return combineConfig(configs, {
@@ -43349,7 +43527,7 @@ const cursorLayer = /* @__PURE__ */ layer({
     let cursors = [];
     for (let r of state.selection.ranges) {
       let prim = r == state.selection.main;
-      if (r.empty ? !prim || CanHidePrimary : conf.drawRangeCursor) {
+      if (r.empty || conf.drawRangeCursor) {
         let className = prim ? "cm-cursor cm-cursor-primary" : "cm-cursor cm-cursor-secondary";
         let cursor2 = r.empty ? r : EditorSelection.cursor(r.head, r.head > r.anchor ? -1 : 1);
         for (let piece of RectangleMarker.forRange(view, className, cursor2))
@@ -43384,11 +43562,13 @@ const selectionLayer = /* @__PURE__ */ layer({
   },
   class: "cm-selectionLayer"
 });
-const themeSpec = {
+const hideNativeSelection = /* @__PURE__ */ Prec.highest(/* @__PURE__ */ EditorView.theme({
   ".cm-line": {
-    "& ::selection, &::selection": { backgroundColor: "transparent !important" }
+    "& ::selection, &::selection": { backgroundColor: "transparent !important" },
+    caretColor: "transparent !important"
   },
   ".cm-content": {
+    caretColor: "transparent !important",
     "& :focus": {
       caretColor: "initial !important",
       "&::selection, & ::selection": {
@@ -43396,10 +43576,7 @@ const themeSpec = {
       }
     }
   }
-};
-if (CanHidePrimary)
-  themeSpec[".cm-line"].caretColor = themeSpec[".cm-content"].caretColor = "transparent !important";
-const hideNativeSelection = /* @__PURE__ */ Prec.highest(/* @__PURE__ */ EditorView.theme(themeSpec));
+}));
 const setDropCursorPos = /* @__PURE__ */ StateEffect.define({
   map(pos, mapping) {
     return pos == null ? null : mapping.mapPos(pos);
@@ -43559,12 +43736,12 @@ class MatchDecorator {
     let changeFrom = 1e9, changeTo = -1;
     if (update.docChanged)
       update.changes.iterChanges((_f, _t2, from, to2) => {
-        if (to2 > update.view.viewport.from && from < update.view.viewport.to) {
+        if (to2 >= update.view.viewport.from && from <= update.view.viewport.to) {
           changeFrom = Math.min(from, changeFrom);
           changeTo = Math.max(to2, changeTo);
         }
       });
-    if (update.viewportChanged || changeTo - changeFrom > 1e3)
+    if (update.viewportMoved || changeTo - changeFrom > 1e3)
       return this.createDeco(update.view);
     if (changeTo > -1)
       return this.updateRange(update.view, deco.map(update.changes), changeFrom, changeTo);
@@ -43573,7 +43750,7 @@ class MatchDecorator {
   updateRange(view, deco, updateFrom, updateTo) {
     for (let r of view.visibleRanges) {
       let from = Math.max(r.from, updateFrom), to2 = Math.min(r.to, updateTo);
-      if (to2 > from) {
+      if (to2 >= from) {
         let fromLine = view.state.doc.lineAt(from), toLine = fromLine.to < to2 ? view.state.doc.lineAt(to2) : fromLine;
         let start = Math.max(r.from, fromLine.from), end = Math.min(r.to, toLine.to);
         if (this.boundary) {
@@ -43784,10 +43961,7 @@ class Placeholder extends WidgetType {
     wrap.className = "cm-placeholder";
     wrap.style.pointerEvents = "none";
     wrap.appendChild(typeof this.content == "string" ? document.createTextNode(this.content) : typeof this.content == "function" ? this.content(view) : this.content.cloneNode(true));
-    if (typeof this.content == "string")
-      wrap.setAttribute("aria-label", "placeholder " + this.content);
-    else
-      wrap.setAttribute("aria-hidden", "true");
+    wrap.setAttribute("aria-hidden", "true");
     return wrap;
   }
   coordsAt(dom) {
@@ -43806,7 +43980,7 @@ class Placeholder extends WidgetType {
   }
 }
 function placeholder(content2) {
-  return ViewPlugin.fromClass(class {
+  let plugin = ViewPlugin.fromClass(class {
     constructor(view) {
       this.view = view;
       this.placeholder = content2 ? Decoration.set([Decoration.widget({ widget: new Placeholder(content2), side: 1 }).range(0)]) : Decoration.none;
@@ -43815,6 +43989,10 @@ function placeholder(content2) {
       return this.view.state.doc.length ? Decoration.none : this.placeholder;
     }
   }, { decorations: (v) => v.decorations });
+  return typeof content2 == "string" ? [
+    plugin,
+    EditorView.contentAttributes.of({ "aria-placeholder": content2 })
+  ] : plugin;
 }
 const MaxOff = 2e3;
 function rectangleFor(state, a, b) {
@@ -43984,8 +44162,8 @@ class TooltipViewManager {
   }
 }
 function windowSpace(view) {
-  let { win } = view;
-  return { top: 0, left: 0, bottom: win.innerHeight, right: win.innerWidth };
+  let docElt = view.dom.ownerDocument.documentElement;
+  return { top: 0, left: 0, bottom: docElt.clientHeight, right: docElt.clientWidth };
 }
 const tooltipConfig = /* @__PURE__ */ Facet.define({
   combine: (values) => {
@@ -44112,7 +44290,6 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     clearTimeout(this.measureTimeout);
   }
   readMeasure() {
-    let editor = this.view.dom.getBoundingClientRect();
     let scaleX = 1, scaleY = 1, makeAbsolute = false;
     if (this.position == "fixed" && this.manager.tooltipViews.length) {
       let { dom } = this.manager.tooltipViews[0];
@@ -44134,9 +44311,15 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
         ({ scaleX, scaleY } = this.view.viewState);
       }
     }
+    let visible = this.view.scrollDOM.getBoundingClientRect(), margins = getScrollMargins(this.view);
     return {
-      editor,
-      parent: this.parent ? this.container.getBoundingClientRect() : editor,
+      visible: {
+        left: visible.left + margins.left,
+        top: visible.top + margins.top,
+        right: visible.right - margins.right,
+        bottom: visible.bottom - margins.bottom
+      },
+      parent: this.parent ? this.container.getBoundingClientRect() : this.view.dom.getBoundingClientRect(),
       pos: this.manager.tooltips.map((t2, i) => {
         let tv = this.manager.tooltipViews[i];
         return tv.getCoords ? tv.getCoords(t2.pos) : this.view.coordsAtPos(t2.pos);
@@ -44156,12 +44339,12 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       for (let t2 of this.manager.tooltipViews)
         t2.dom.style.position = "absolute";
     }
-    let { editor, space, scaleX, scaleY } = measured;
+    let { visible, space, scaleX, scaleY } = measured;
     let others = [];
     for (let i = 0; i < this.manager.tooltips.length; i++) {
       let tooltip = this.manager.tooltips[i], tView = this.manager.tooltipViews[i], { dom } = tView;
       let pos = measured.pos[i], size = measured.size[i];
-      if (!pos || pos.bottom <= Math.max(editor.top, space.top) || pos.top >= Math.min(editor.bottom, space.bottom) || pos.right < Math.max(editor.left, space.left) - 0.1 || pos.left > Math.min(editor.right, space.right) + 0.1) {
+      if (!pos || tooltip.clip !== false && (pos.bottom <= Math.max(visible.top, space.top) || pos.top >= Math.min(visible.bottom, space.bottom) || pos.right < Math.max(visible.left, space.left) - 0.1 || pos.left > Math.min(visible.right, space.right) + 0.1)) {
         dom.style.top = Outside;
         continue;
       }
@@ -44171,7 +44354,7 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       let offset = tView.offset || noOffset, ltr = this.view.textDirection == Direction.LTR;
       let left = size.width > space.right - space.left ? ltr ? space.left : space.right - size.width : ltr ? Math.max(space.left, Math.min(pos.left - (arrow ? 14 : 0) + offset.x, space.right - width)) : Math.min(Math.max(space.left, pos.left - width + (arrow ? 14 : 0) - offset.x), space.right - width);
       let above = this.above[i];
-      if (!tooltip.strictSide && (above ? pos.top - (size.bottom - size.top) - offset.y < space.top : pos.bottom + (size.bottom - size.top) + offset.y > space.bottom) && above == space.bottom - pos.bottom > pos.top - space.top)
+      if (!tooltip.strictSide && (above ? pos.top - height - arrowHeight - offset.y < space.top : pos.bottom + height + arrowHeight + offset.y > space.bottom) && above == space.bottom - pos.bottom > pos.top - space.top)
         above = this.above[i] = !above;
       let spaceVert = (above ? pos.top - space.top : space.bottom - pos.bottom) - arrowHeight;
       if (spaceVert < height && tView.resize !== false) {
@@ -44193,10 +44376,10 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       }
       if (this.position == "absolute") {
         dom.style.top = (top2 - measured.parent.top) / scaleY + "px";
-        dom.style.left = (left - measured.parent.left) / scaleX + "px";
+        setLeftStyle(dom, (left - measured.parent.left) / scaleX);
       } else {
         dom.style.top = top2 / scaleY + "px";
-        dom.style.left = left / scaleX + "px";
+        setLeftStyle(dom, left / scaleX);
       }
       if (arrow) {
         let arrowLeft = pos.left + (ltr ? offset.x : -offset.x) - (left + 14 - 7);
@@ -44229,9 +44412,14 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     }
   }
 });
+function setLeftStyle(elt, value) {
+  let current = parseInt(elt.style.left, 10);
+  if (isNaN(current) || Math.abs(value - current) > 1)
+    elt.style.left = value + "px";
+}
 const baseTheme$4 = /* @__PURE__ */ EditorView.baseTheme({
   ".cm-tooltip": {
-    zIndex: 100,
+    zIndex: 500,
     boxSizing: "border-box"
   },
   "&light .cm-tooltip": {
@@ -44763,11 +44951,12 @@ const defaults$2 = {
   lineMarkerChange: null,
   initialSpacer: null,
   updateSpacer: null,
-  domEventHandlers: {}
+  domEventHandlers: {},
+  side: "before"
 };
 const activeGutters = /* @__PURE__ */ Facet.define();
 function gutter(config2) {
-  return [gutters(), activeGutters.of(Object.assign(Object.assign({}, defaults$2), config2))];
+  return [gutters(), activeGutters.of({ ...defaults$2, ...config2 })];
 }
 const unfixGutters = /* @__PURE__ */ Facet.define({
   combine: (values) => values.some((x) => x)
@@ -44781,21 +44970,37 @@ function gutters(config2) {
 const gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
   constructor(view) {
     this.view = view;
+    this.domAfter = null;
     this.prevViewport = view.viewport;
     this.dom = document.createElement("div");
-    this.dom.className = "cm-gutters";
+    this.dom.className = "cm-gutters cm-gutters-before";
     this.dom.setAttribute("aria-hidden", "true");
     this.dom.style.minHeight = this.view.contentHeight / this.view.scaleY + "px";
     this.gutters = view.state.facet(activeGutters).map((conf) => new SingleGutterView(view, conf));
-    for (let gutter2 of this.gutters)
-      this.dom.appendChild(gutter2.dom);
     this.fixed = !view.state.facet(unfixGutters);
+    for (let gutter2 of this.gutters) {
+      if (gutter2.config.side == "after")
+        this.getDOMAfter().appendChild(gutter2.dom);
+      else
+        this.dom.appendChild(gutter2.dom);
+    }
     if (this.fixed) {
       this.dom.style.position = "sticky";
     }
     this.syncGutters(false);
     view.scrollDOM.insertBefore(this.dom, view.contentDOM);
   }
+  getDOMAfter() {
+    if (!this.domAfter) {
+      this.domAfter = document.createElement("div");
+      this.domAfter.className = "cm-gutters cm-gutters-after";
+      this.domAfter.setAttribute("aria-hidden", "true");
+      this.domAfter.style.minHeight = this.view.contentHeight / this.view.scaleY + "px";
+      this.domAfter.style.position = this.fixed ? "sticky" : "";
+      this.view.scrollDOM.appendChild(this.domAfter);
+    }
+    return this.domAfter;
+  }
   update(update) {
     if (this.updateGutters(update)) {
       let vpA = this.prevViewport, vpB = update.view.viewport;
@@ -44803,18 +45008,26 @@ const gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
       this.syncGutters(vpOverlap < (vpB.to - vpB.from) * 0.8);
     }
     if (update.geometryChanged) {
-      this.dom.style.minHeight = this.view.contentHeight / this.view.scaleY + "px";
+      let min = this.view.contentHeight / this.view.scaleY + "px";
+      this.dom.style.minHeight = min;
+      if (this.domAfter)
+        this.domAfter.style.minHeight = min;
     }
     if (this.view.state.facet(unfixGutters) != !this.fixed) {
       this.fixed = !this.fixed;
       this.dom.style.position = this.fixed ? "sticky" : "";
+      if (this.domAfter)
+        this.domAfter.style.position = this.fixed ? "sticky" : "";
     }
     this.prevViewport = update.view.viewport;
   }
   syncGutters(detach) {
     let after = this.dom.nextSibling;
-    if (detach)
+    if (detach) {
       this.dom.remove();
+      if (this.domAfter)
+        this.domAfter.remove();
+    }
     let lineClasses = RangeSet.iter(this.view.state.facet(gutterLineClass), this.view.viewport.from);
     let classSet = [];
     let contexts = this.gutters.map((gutter2) => new UpdateContext(gutter2, this.view.viewport, -this.view.documentPadding.top));
@@ -44845,8 +45058,11 @@ const gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
     }
     for (let cx of contexts)
       cx.finish();
-    if (detach)
+    if (detach) {
       this.view.scrollDOM.insertBefore(this.dom, after);
+      if (this.domAfter)
+        this.view.scrollDOM.appendChild(this.domAfter);
+    }
   }
   updateGutters(update) {
     let prev = update.startState.facet(activeGutters), cur2 = update.state.facet(activeGutters);
@@ -44872,8 +45088,12 @@ const gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
         if (gutters2.indexOf(g) < 0)
           g.destroy();
       }
-      for (let g of gutters2)
-        this.dom.appendChild(g.dom);
+      for (let g of gutters2) {
+        if (g.config.side == "after")
+          this.getDOMAfter().appendChild(g.dom);
+        else
+          this.dom.appendChild(g.dom);
+      }
       this.gutters = gutters2;
     }
     return change;
@@ -44882,13 +45102,16 @@ const gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
     for (let view of this.gutters)
       view.destroy();
     this.dom.remove();
+    if (this.domAfter)
+      this.domAfter.remove();
   }
 }, {
   provide: (plugin) => EditorView.scrollMargins.of((view) => {
     let value = view.plugin(plugin);
     if (!value || value.gutters.length == 0 || !value.fixed)
       return null;
-    return view.textDirection == Direction.LTR ? { left: value.dom.offsetWidth * view.scaleX } : { right: value.dom.offsetWidth * view.scaleX };
+    let before = value.dom.offsetWidth * view.scaleX, after = value.domAfter ? value.domAfter.offsetWidth * view.scaleX : 0;
+    return view.textDirection == Direction.LTR ? { left: before, right: after } : { right: before, left: after };
   })
 });
 function asArray(val) {
@@ -45128,7 +45351,8 @@ const lineNumberGutter = /* @__PURE__ */ activeGutters.compute([lineNumberConfig
     let max = formatNumber(update.view, maxLineNumber(update.view.state.doc.lines));
     return max == spacer.number ? spacer : new NumberMarker(max);
   },
-  domEventHandlers: state.facet(lineNumberConfig).domEventHandlers
+  domEventHandlers: state.facet(lineNumberConfig).domEventHandlers,
+  side: "before"
 }));
 function lineNumbers(config2 = {}) {
   return [
@@ -47014,11 +47238,11 @@ class HighlightBuilder {
       for (let i = 0, pos = start; ; i++) {
         let next = i < mounted.overlay.length ? mounted.overlay[i] : null;
         let nextPos = next ? next.from + start : end;
-        let rangeFrom = Math.max(from, pos), rangeTo = Math.min(to2, nextPos);
-        if (rangeFrom < rangeTo && hasChild2) {
-          while (cursor2.from < rangeTo) {
-            this.highlightRange(cursor2, rangeFrom, rangeTo, inheritedClass, highlighters);
-            this.startSpan(Math.min(rangeTo, cursor2.to), cls);
+        let rangeFrom2 = Math.max(from, pos), rangeTo2 = Math.min(to2, nextPos);
+        if (rangeFrom2 < rangeTo2 && hasChild2) {
+          while (cursor2.from < rangeTo2) {
+            this.highlightRange(cursor2, rangeFrom2, rangeTo2, inheritedClass, highlighters);
+            this.startSpan(Math.min(rangeTo2, cursor2.to), cls);
             if (cursor2.to >= nextPos || !cursor2.nextSibling())
               break;
           }
@@ -48113,10 +48337,10 @@ class IndentContext {
 const indentNodeProp = /* @__PURE__ */ new NodeProp();
 function syntaxIndentation(cx, ast, pos) {
   let stack = ast.resolveStack(pos);
-  let inner = stack.node.enterUnfinishedNodesBefore(pos);
+  let inner = ast.resolveInner(pos, -1).resolve(pos, 0).enterUnfinishedNodesBefore(pos);
   if (inner != stack.node) {
     let add2 = [];
-    for (let cur2 = inner; cur2 != stack.node; cur2 = cur2.parent)
+    for (let cur2 = inner; cur2 && !(cur2.from < stack.node.from || cur2.to > stack.node.to || cur2.from == stack.node.from && cur2.type == stack.node.type); cur2 = cur2.parent)
       add2.push(cur2);
     for (let i = add2.length - 1; i >= 0; i--)
       stack = { node: add2[i], next: stack };
@@ -48336,6 +48560,8 @@ const foldState = /* @__PURE__ */ StateField.define({
     return Decoration.none;
   },
   update(folded, tr) {
+    if (tr.isUserEvent("delete"))
+      tr.changes.iterChangedRanges((fromA, toA) => folded = clearTouchedFolds(folded, fromA, toA));
     folded = folded.map(tr.changes);
     for (let e2 of tr.effects) {
       if (e2.is(foldEffect) && !foldExists(folded, e2.value.from, e2.value.to)) {
@@ -48350,19 +48576,8 @@ const foldState = /* @__PURE__ */ StateField.define({
         });
       }
     }
-    if (tr.selection) {
-      let onSelection = false, { head } = tr.selection.main;
-      folded.between(head, head, (a, b) => {
-        if (a < head && b > head)
-          onSelection = true;
-      });
-      if (onSelection)
-        folded = folded.update({
-          filterFrom: head,
-          filterTo: head,
-          filter: (a, b) => b <= head || a >= head
-        });
-    }
+    if (tr.selection)
+      folded = clearTouchedFolds(folded, tr.selection.main.head);
     return folded;
   },
   provide: (f) => EditorView.decorations.from(f),
@@ -48386,6 +48601,18 @@ const foldState = /* @__PURE__ */ StateField.define({
     return Decoration.set(ranges, true);
   }
 });
+function clearTouchedFolds(folded, from, to2 = from) {
+  let touched = false;
+  folded.between(from, to2, (a, b) => {
+    if (a < to2 && b > from)
+      touched = true;
+  });
+  return !touched ? folded : folded.update({
+    filterFrom: from,
+    filterTo: to2,
+    filter: (a, b) => a >= to2 || b <= from
+  });
+}
 function findFold(state, from, to2) {
   var _a2;
   let found = null;
@@ -48538,7 +48765,7 @@ class FoldMarker extends GutterMarker {
   }
 }
 function foldGutter(config2 = {}) {
-  let fullConfig = Object.assign(Object.assign({}, foldGutterDefaults), config2);
+  let fullConfig = { ...foldGutterDefaults, ...config2 };
   let canFold = new FoldMarker(fullConfig, true), canUnfold = new FoldMarker(fullConfig, false);
   let markers = ViewPlugin.fromClass(class {
     constructor(view) {
@@ -48571,21 +48798,24 @@ function foldGutter(config2 = {}) {
       initialSpacer() {
         return new FoldMarker(fullConfig, false);
       },
-      domEventHandlers: Object.assign(Object.assign({}, domEventHandlers), { click: (view, line, event) => {
-        if (domEventHandlers.click && domEventHandlers.click(view, line, event))
-          return true;
-        let folded = findFold(view.state, line.from, line.to);
-        if (folded) {
-          view.dispatch({ effects: unfoldEffect.of(folded) });
-          return true;
-        }
-        let range = foldable(view.state, line.from, line.to);
-        if (range) {
-          view.dispatch({ effects: foldEffect.of(range) });
-          return true;
+      domEventHandlers: {
+        ...domEventHandlers,
+        click: (view, line, event) => {
+          if (domEventHandlers.click && domEventHandlers.click(view, line, event))
+            return true;
+          let folded = findFold(view.state, line.from, line.to);
+          if (folded) {
+            view.dispatch({ effects: unfoldEffect.of(folded) });
+            return true;
+          }
+          let range = foldable(view.state, line.from, line.to);
+          if (range) {
+            view.dispatch({ effects: foldEffect.of(range) });
+            return true;
+          }
+          return false;
         }
-        return false;
-      } })
+      }
     }),
     codeFolding()
   ];
@@ -49020,7 +49250,7 @@ const toggleBlockCommentByLine = /* @__PURE__ */ command(
   /* CommentOption.Toggle */
 );
 function getConfig(state, pos) {
-  let data = state.languageDataAt("commentTokens", pos);
+  let data = state.languageDataAt("commentTokens", pos, 1);
   return data.length ? data[0] : {};
 }
 const SearchMargin = 50;
@@ -49063,6 +49293,8 @@ function selectedLineRanges(state) {
   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);
+    if (toLine.from > fromLine.from && toLine.from == r.to)
+      toLine = r.to == fromLine.to + 1 ? fromLine : state.doc.lineAt(r.to - 1);
     let last = ranges.length - 1;
     if (last >= 0 && ranges[last].to > fromLine.from)
       ranges[last].to = toLine.to;
@@ -49533,7 +49765,7 @@ const cursorLineBoundaryLeft = (view) => moveSel(view, (range) => moveByLineBoun
 const cursorLineBoundaryRight = (view) => moveSel(view, (range) => moveByLineBoundary(view, range, ltrAtCursor(view)));
 const cursorLineStart = (view) => moveSel(view, (range) => EditorSelection.cursor(view.lineBlockAt(range.head).from, 1));
 const cursorLineEnd = (view) => moveSel(view, (range) => EditorSelection.cursor(view.lineBlockAt(range.head).to, -1));
-function toMatchingBracket(state, dispatch, extend2) {
+function toMatchingBracket(state, dispatch, extend) {
   let found = false, selection2 = 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)
@@ -50030,33 +50262,6 @@ const defaultKeymap = /* @__PURE__ */ [
   { key: "Ctrl-m", mac: "Shift-Alt-m", run: toggleTabFocusMode }
 ].concat(standardKeymap);
 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 name2 in next) if (Object.prototype.hasOwnProperty.call(next, name2)) {
-      var value = next[name2];
-      if (typeof value == "string") elt.setAttribute(name2, value);
-      else if (value != null) elt[name2] = 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;
 class SearchCursor {
   /**
@@ -51258,15 +51463,19 @@ function ensureAnchor(expr, start) {
 const pickedCompletion = /* @__PURE__ */ Annotation.define();
 function insertCompletionText(state, text, from, to2) {
   let { main } = state.selection, fromOff = from - main.from, toOff = to2 - main.from;
-  return Object.assign(Object.assign({}, state.changeByRange((range) => {
-    if (range != main && from != to2 && state.sliceDoc(range.from + fromOff, range.from + toOff) != state.sliceDoc(from, to2))
-      return { range };
-    let lines = state.toText(text);
-    return {
-      changes: { from: range.from + fromOff, to: to2 == main.from ? range.to : range.from + toOff, insert: lines },
-      range: EditorSelection.cursor(range.from + fromOff + lines.length)
-    };
-  })), { scrollIntoView: true, userEvent: "input.complete" });
+  return {
+    ...state.changeByRange((range) => {
+      if (range != main && from != to2 && state.sliceDoc(range.from + fromOff, range.from + toOff) != state.sliceDoc(from, to2))
+        return { range };
+      let lines = state.toText(text);
+      return {
+        changes: { from: range.from + fromOff, to: to2 == main.from ? range.to : range.from + toOff, insert: lines },
+        range: EditorSelection.cursor(range.from + fromOff + lines.length)
+      };
+    }),
+    scrollIntoView: true,
+    userEvent: "input.complete"
+  };
 }
 const SourceCache = /* @__PURE__ */ new WeakMap();
 function asSource(source) {
@@ -51696,8 +51905,8 @@ class CompletionTooltip {
     let selRect = sel.getBoundingClientRect();
     let space = this.space;
     if (!space) {
-      let win = this.dom.ownerDocument.defaultView || window;
-      space = { left: 0, top: 0, right: win.innerWidth, bottom: win.innerHeight };
+      let docElt = this.dom.ownerDocument.documentElement;
+      space = { left: 0, top: 0, right: docElt.clientWidth, bottom: docElt.clientHeight };
     }
     if (selRect.top > Math.min(space.bottom, listRect.bottom) - 10 || selRect.bottom < Math.max(space.top, listRect.top) + 10)
       return null;
@@ -51720,6 +51929,10 @@ class CompletionTooltip {
     ul.setAttribute("role", "listbox");
     ul.setAttribute("aria-expanded", "true");
     ul.setAttribute("aria-label", this.view.state.phrase("Completions"));
+    ul.addEventListener("mousedown", (e2) => {
+      if (e2.target == ul)
+        e2.preventDefault();
+    });
     let curSection = null;
     for (let i = range.from; i < range.to; i++) {
       let { completion, match } = options[i], { section } = completion;
@@ -51852,14 +52065,12 @@ class CompletionDialog {
   setSelected(selected, id) {
     return selected == this.selected || selected >= this.options.length ? this : new CompletionDialog(this.options, makeAttrs(id, selected), this.tooltip, this.timestamp, selected, this.disabled);
   }
-  static build(active, state, id, prev, conf) {
+  static build(active, state, id, prev, conf, didSetActive) {
+    if (prev && !didSetActive && active.some((s) => s.isPending))
+      return prev.setDisabled();
     let options = sortOptions(active, state);
-    if (!options.length) {
-      return prev && active.some(
-        (a) => a.state == 1
-        /* State.Pending */
-      ) ? new CompletionDialog(prev.options, prev.attrs, prev.tooltip, prev.timestamp, prev.selected, true) : null;
-    }
+    if (!options.length)
+      return prev && active.some((a) => a.isPending) ? prev.setDisabled() : null;
     let selected = state.facet(completionConfig).selectOnOpen ? 0 : -1;
     if (prev && prev.selected != selected && prev.selected != -1) {
       let selectedValue = prev.options[prev.selected].completion;
@@ -51876,7 +52087,10 @@ class CompletionDialog {
     }, prev ? prev.timestamp : Date.now(), selected, false);
   }
   map(changes) {
-    return new CompletionDialog(this.options, this.attrs, Object.assign(Object.assign({}, this.tooltip), { pos: changes.mapPos(this.tooltip.pos) }), this.timestamp, this.selected, this.disabled);
+    return new CompletionDialog(this.options, this.attrs, { ...this.tooltip, pos: changes.mapPos(this.tooltip.pos) }, this.timestamp, this.selected, this.disabled);
+  }
+  setDisabled() {
+    return new CompletionDialog(this.options, this.attrs, this.tooltip, this.timestamp, this.selected, true);
   }
 }
 class CompletionState {
@@ -51904,20 +52118,14 @@ class CompletionState {
     });
     if (active.length == this.active.length && active.every((a, i) => a == this.active[i]))
       active = this.active;
-    let open = this.open;
+    let open = this.open, didSet = tr.effects.some((e2) => e2.is(setActiveEffect));
     if (open && tr.docChanged)
       open = open.map(tr.changes);
-    if (tr.selection || active.some((a) => a.hasResult() && tr.changes.touchesRange(a.from, a.to)) || !sameResults(active, this.active))
-      open = CompletionDialog.build(active, state, this.id, open, conf);
-    else if (open && open.disabled && !active.some(
-      (a) => a.state == 1
-      /* State.Pending */
-    ))
+    if (tr.selection || active.some((a) => a.hasResult() && tr.changes.touchesRange(a.from, a.to)) || !sameResults(active, this.active) || didSet)
+      open = CompletionDialog.build(active, state, this.id, open, conf, didSet);
+    else if (open && open.disabled && !active.some((a) => a.isPending))
       open = null;
-    if (!open && active.every(
-      (a) => a.state != 1
-      /* State.Pending */
-    ) && active.some((a) => a.hasResult()))
+    if (!open && active.every((a) => !a.isPending) && active.some((a) => a.hasResult()))
       active = active.map((a) => a.hasResult() ? new ActiveSource(
         a.source,
         0
@@ -51939,9 +52147,9 @@ function sameResults(a, b) {
   if (a == b)
     return true;
   for (let iA = 0, iB = 0; ; ) {
-    while (iA < a.length && !a[iA].hasResult)
+    while (iA < a.length && !a[iA].hasResult())
       iA++;
-    while (iB < b.length && !b[iB].hasResult)
+    while (iB < b.length && !b[iB].hasResult())
       iB++;
     let endA = iA == a.length, endB = iB == b.length;
     if (endA || endB)
@@ -51975,14 +52183,17 @@ function getUpdateType(tr, conf) {
   return typing && conf.activateOnTyping ? 4 | 1 : typing ? 1 : tr.isUserEvent("delete.backward") ? 2 : tr.selection ? 8 : tr.docChanged ? 16 : 0;
 }
 class ActiveSource {
-  constructor(source, state, explicitPos = -1) {
+  constructor(source, state, explicit = false) {
     this.source = source;
     this.state = state;
-    this.explicitPos = explicitPos;
+    this.explicit = explicit;
   }
   hasResult() {
     return false;
   }
+  get isPending() {
+    return this.state == 1;
+  }
   update(tr, conf) {
     let type = getUpdateType(tr, conf), value = this;
     if (type & 8 || type & 16 && this.touches(tr))
@@ -52000,7 +52211,7 @@ class ActiveSource {
     value = value.updateFor(tr, type);
     for (let effect of tr.effects) {
       if (effect.is(startCompletionEffect))
-        value = new ActiveSource(value.source, 1, effect.value ? cur(tr.state) : -1);
+        value = new ActiveSource(value.source, 1, effect.value);
       else if (effect.is(closeCompletionEffect))
         value = new ActiveSource(
           value.source,
@@ -52019,15 +52230,16 @@ class ActiveSource {
     return this.map(tr.changes);
   }
   map(changes) {
-    return changes.empty || this.explicitPos < 0 ? this : new ActiveSource(this.source, this.state, changes.mapPos(this.explicitPos));
+    return this;
   }
   touches(tr) {
     return tr.changes.touchesRange(cur(tr.state));
   }
 }
 class ActiveResult extends ActiveSource {
-  constructor(source, explicitPos, result, from, to2) {
-    super(source, 2, explicitPos);
+  constructor(source, explicit, limit, result, from, to2) {
+    super(source, 3, explicit);
+    this.limit = limit;
     this.result = result;
     this.from = from;
     this.to = to2;
@@ -52044,18 +52256,18 @@ class ActiveResult extends ActiveSource {
       result = result.map(result, tr.changes);
     let from = tr.changes.mapPos(this.from), to2 = tr.changes.mapPos(this.to, 1);
     let pos = cur(tr.state);
-    if ((this.explicitPos < 0 ? pos <= from : pos < this.from) || pos > to2 || !result || type & 2 && cur(tr.startState) == this.from)
+    if (pos > to2 || !result || type & 2 && (cur(tr.startState) == this.from || pos < this.limit))
       return new ActiveSource(
         this.source,
         type & 4 ? 1 : 0
         /* State.Inactive */
       );
-    let explicitPos = this.explicitPos < 0 ? -1 : tr.changes.mapPos(this.explicitPos);
+    let limit = tr.changes.mapPos(this.limit);
     if (checkValid(result.validFor, tr.state, from, to2))
-      return new ActiveResult(this.source, explicitPos, result, from, to2);
-    if (result.update && (result = result.update(result, from, to2, new CompletionContext(tr.state, pos, explicitPos >= 0))))
-      return new ActiveResult(this.source, explicitPos, result, result.from, (_a2 = result.to) !== null && _a2 !== void 0 ? _a2 : cur(tr.state));
-    return new ActiveSource(this.source, 1, explicitPos);
+      return new ActiveResult(this.source, this.explicit, limit, result, from, to2);
+    if (result.update && (result = result.update(result, from, to2, new CompletionContext(tr.state, pos, false))))
+      return new ActiveResult(this.source, this.explicit, limit, result, result.from, (_a2 = result.to) !== null && _a2 !== void 0 ? _a2 : cur(tr.state));
+    return new ActiveSource(this.source, 1, this.explicit);
   }
   map(mapping) {
     if (mapping.empty)
@@ -52067,7 +52279,7 @@ class ActiveResult extends ActiveSource {
         0
         /* State.Inactive */
       );
-    return new ActiveResult(this.source, this.explicitPos < 0 ? -1 : mapping.mapPos(this.explicitPos), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
+    return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
   }
   touches(tr) {
     return tr.changes.touchesRange(this.from, this.to);
@@ -52103,7 +52315,10 @@ function applyCompletion(view, option) {
   if (!(result instanceof ActiveResult))
     return false;
   if (typeof apply == "string")
-    view.dispatch(Object.assign(Object.assign({}, insertCompletionText(view.state, apply, result.from, result.to)), { annotations: pickedCompletion.of(option.completion) }));
+    view.dispatch({
+      ...insertCompletionText(view.state, apply, result.from, result.to),
+      annotations: pickedCompletion.of(option.completion)
+    });
   else
     apply(view, option.completion, result.from, result.to);
   return true;
@@ -52169,7 +52384,7 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     this.pendingStart = false;
     this.composing = 0;
     for (let active of view.state.field(completionState).active)
-      if (active.state == 1)
+      if (active.isPending)
         this.startQuery(active);
   }
   update(update) {
@@ -52202,7 +52417,7 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     if (update.transactions.some((tr) => tr.effects.some((e2) => e2.is(startCompletionEffect))))
       this.pendingStart = true;
     let delay = this.pendingStart ? 50 : conf.activateOnTypingDelay;
-    this.debounceUpdate = cState.active.some((a) => a.state == 1 && !this.running.some((q) => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), delay) : -1;
+    this.debounceUpdate = cState.active.some((a) => a.isPending && !this.running.some((q) => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), delay) : -1;
     if (this.composing != 0)
       for (let tr of update.transactions) {
         if (tr.isUserEvent("input.type"))
@@ -52216,13 +52431,15 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     this.pendingStart = false;
     let { state } = this.view, cState = state.field(completionState);
     for (let active of cState.active) {
-      if (active.state == 1 && !this.running.some((r) => r.active.source == active.source))
+      if (active.isPending && !this.running.some((r) => r.active.source == active.source))
         this.startQuery(active);
     }
+    if (this.running.length && cState.open && cState.open.disabled)
+      this.debounceAccept = setTimeout(() => this.accept(), this.view.state.facet(completionConfig).updateSyncTime);
   }
   startQuery(active) {
     let { state } = this.view, pos = cur(state);
-    let context = new CompletionContext(state, pos, active.explicitPos == pos, this.view);
+    let context = new CompletionContext(state, pos, active.explicit, this.view);
     let pending = new RunningQuery(active, context);
     this.running.push(pending);
     Promise.resolve(active.source(context)).then((result) => {
@@ -52249,14 +52466,16 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       clearTimeout(this.debounceAccept);
     this.debounceAccept = -1;
     let updated = [];
-    let conf = this.view.state.facet(completionConfig);
+    let conf = this.view.state.facet(completionConfig), cState = this.view.state.field(completionState);
     for (let i = 0; i < this.running.length; i++) {
       let query = this.running[i];
       if (query.done === void 0)
         continue;
       this.running.splice(i--, 1);
       if (query.done) {
-        let active = new ActiveResult(query.active.source, query.active.explicitPos, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : cur(query.updates.length ? query.updates[0].startState : this.view.state));
+        let pos = cur(query.updates.length ? query.updates[0].startState : this.view.state);
+        let limit = Math.min(pos, query.done.from + (query.active.explicit ? 0 : 1));
+        let active = new ActiveResult(query.active.source, query.active.explicit, limit, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : pos);
         for (let tr of query.updates)
           active = active.update(tr, conf);
         if (active.hasResult()) {
@@ -52264,8 +52483,8 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
           continue;
         }
       }
-      let current = this.view.state.field(completionState).active.find((a) => a.source == query.active.source);
-      if (current && current.state == 1) {
+      let current = cState.active.find((a) => a.source == query.active.source);
+      if (current && current.isPending) {
         if (query.done == null) {
           let active = new ActiveSource(
             query.active.source,
@@ -52274,14 +52493,14 @@ const completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
           );
           for (let tr of query.updates)
             active = active.update(tr, conf);
-          if (active.state != 1)
+          if (!active.isPending)
             updated.push(active);
         } else {
           this.startQuery(current);
         }
       }
     }
-    if (updated.length)
+    if (updated.length || cState.open && cState.open.disabled)
       this.view.dispatch({ effects: setActiveEffect.of(updated) });
   }
 }, {
@@ -52477,7 +52696,7 @@ const bracketState = /* @__PURE__ */ StateField.define({
 function closeBrackets() {
   return [inputHandler, bracketState];
 }
-const definedClosing = "()[]{}<>";
+const definedClosing = "()[]{}<>«»»«［］｛｝";
 function closing(ch) {
   for (let i = 0; i < definedClosing.length; i += 2)
     if (definedClosing.charCodeAt(i) == ch)
@@ -52685,6 +52904,7 @@ function autocompletion(config2 = {}) {
 const completionKeymap = [
   { key: "Ctrl-Space", run: startCompletion },
   { mac: "Alt-`", run: startCompletion },
+  { mac: "Alt-i", run: startCompletion },
   { key: "Escape", run: closeCompletion },
   { key: "ArrowDown", run: /* @__PURE__ */ moveCompletionSelection(true) },
   { key: "ArrowUp", run: /* @__PURE__ */ moveCompletionSelection(false) },