@ni/nimble-components 33.1.0 → 33.2.0

package/dist/all-components-bundle.js

@@ -28195,7 +28195,7 @@ so this becomes the fallback color for the slot */ ''}
   tree shape like this (without back pointers) makes easy.
 
   **Do not** directly mutate the properties of a `Node` object. See
-  [the guide](/docs/guide/#doc) for more information.
+  [the guide](https://prosemirror.net/docs/guide/#doc) for more information.
   */
   let Node$2 = class Node {
       /**
@@ -28230,7 +28230,7 @@ so this becomes the fallback color for the slot */ ''}
       get children() { return this.content.content; }
       /**
       The size of this node, as defined by the integer-based [indexing
-      scheme](/docs/guide/#doc.indexing). For text nodes, this is the
+      scheme](https://prosemirror.net/docs/guide/#doc.indexing). For text nodes, this is the
       amount of characters. For other leaf nodes, it is one. For
       non-leaf nodes, it is the size of the content plus two (the
       start and end token).
@@ -29876,7 +29876,7 @@ so this becomes the fallback color for the slot */ ''}
                   value = value.replace(/\r\n?/g, "\n");
               }
               if (value)
-                  this.insertNode(this.parser.schema.text(value), marks);
+                  this.insertNode(this.parser.schema.text(value), marks, !/\S/.test(value));
               this.findInText(dom);
           }
           else {
@@ -29940,7 +29940,7 @@ so this becomes the fallback color for the slot */ ''}
       ignoreFallback(dom, marks) {
           // Ignored BR nodes should at least create an inline context
           if (dom.nodeName == "BR" && (!this.top.type || !this.top.type.inlineContent))
-              this.findPlace(this.parser.schema.text("-"), marks);
+              this.findPlace(this.parser.schema.text("-"), marks, true);
       }
       // Run any style parser associated with the node's styles. Either
       // return an updated array of marks, or null to indicate some of the
@@ -29988,7 +29988,7 @@ so this becomes the fallback color for the slot */ ''}
                       marks = inner;
                   }
               }
-              else if (!this.insertNode(nodeType.create(rule.attrs), marks)) {
+              else if (!this.insertNode(nodeType.create(rule.attrs), marks, dom.nodeName == "BR")) {
                   this.leafFallback(dom, marks);
               }
           }
@@ -30005,7 +30005,7 @@ so this becomes the fallback color for the slot */ ''}
           }
           else if (rule.getContent) {
               this.findInside(dom);
-              rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks));
+              rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks, false));
           }
           else {
               let contentDOM = dom;
@@ -30036,19 +30036,22 @@ so this becomes the fallback color for the slot */ ''}
       // Try to find a way to fit the given node type into the current
       // context. May add intermediate wrappers and/or leave non-solid
       // nodes that we're in.
-      findPlace(node, marks) {
+      findPlace(node, marks, cautious) {
           let route, sync;
-          for (let depth = this.open; depth >= 0; depth--) {
+          for (let depth = this.open, penalty = 0; depth >= 0; depth--) {
               let cx = this.nodes[depth];
               let found = cx.findWrapping(node);
-              if (found && (!route || route.length > found.length)) {
+              if (found && (!route || route.length > found.length + penalty)) {
                   route = found;
                   sync = cx;
                   if (!found.length)
                       break;
               }
-              if (cx.solid)
-                  break;
+              if (cx.solid) {
+                  if (cautious)
+                      break;
+                  penalty += 2;
+              }
           }
           if (!route)
               return null;
@@ -30058,13 +30061,13 @@ so this becomes the fallback color for the slot */ ''}
           return marks;
       }
       // Try to insert the given node, adjusting the context when needed.
-      insertNode(node, marks) {
+      insertNode(node, marks, cautious) {
           if (node.isInline && this.needsBlock && !this.top.type) {
               let block = this.textblockFromContext();
               if (block)
                   marks = this.enterInner(block, null, marks);
           }
-          let innerMarks = this.findPlace(node, marks);
+          let innerMarks = this.findPlace(node, marks, cautious);
           if (innerMarks) {
               this.closeExtra();
               let top = this.top;
@@ -30082,7 +30085,7 @@ so this becomes the fallback color for the slot */ ''}
       // Try to start a node of the given type, adjusting the context when
       // necessary.
       enter(type, attrs, marks, preserveWS) {
-          let innerMarks = this.findPlace(type.create(attrs), marks);
+          let innerMarks = this.findPlace(type.create(attrs), marks, false);
           if (innerMarks)
               innerMarks = this.enterInner(type, attrs, marks, true, preserveWS);
           return innerMarks;
@@ -30687,18 +30690,14 @@ so this becomes the fallback color for the slot */ ''}
   maps](https://prosemirror.net/docs/ref/#transform.StepMap). It has special provisions for losslessly
   handling mapping positions through a series of steps in which some
   steps are inverted versions of earlier steps. (This comes up when
-  ‘[rebasing](/docs/guide/#transform.rebasing)’ steps for
+  ‘[rebasing](https://prosemirror.net/docs/guide/#transform.rebasing)’ steps for
   collaboration or history management.)
   */
   class Mapping {
       /**
       Create a new mapping with the given position maps.
       */
-      constructor(
-      /**
-      The step maps in this mapping.
-      */
-      maps = [], 
+      constructor(maps, 
       /**
       @internal
       */
@@ -30711,23 +30710,22 @@ so this becomes the fallback color for the slot */ ''}
       /**
       The end position in the `maps` array.
       */
-      to = maps.length) {
-          this.maps = maps;
+      to = maps ? maps.length : 0) {
           this.mirror = mirror;
           this.from = from;
           this.to = to;
+          this._maps = maps || [];
+          this.ownData = !(maps || mirror);
       }
       /**
-      Create a mapping that maps only through a part of this one.
+      The step maps in this mapping.
       */
-      slice(from = 0, to = this.maps.length) {
-          return new Mapping(this.maps, this.mirror, from, to);
-      }
+      get maps() { return this._maps; }
       /**
-      @internal
+      Create a mapping that maps only through a part of this one.
       */
-      copy() {
-          return new Mapping(this.maps.slice(), this.mirror && this.mirror.slice(), this.from, this.to);
+      slice(from = 0, to = this.maps.length) {
+          return new Mapping(this._maps, this.mirror, from, to);
       }
       /**
       Add a step map to the end of this mapping. If `mirrors` is
@@ -30735,18 +30733,23 @@ so this becomes the fallback color for the slot */ ''}
       image of this one.
       */
       appendMap(map, mirrors) {
-          this.to = this.maps.push(map);
+          if (!this.ownData) {
+              this._maps = this._maps.slice();
+              this.mirror = this.mirror && this.mirror.slice();
+              this.ownData = true;
+          }
+          this.to = this._maps.push(map);
           if (mirrors != null)
-              this.setMirror(this.maps.length - 1, mirrors);
+              this.setMirror(this._maps.length - 1, mirrors);
       }
       /**
       Add all the step maps in a given mapping to this one (preserving
       mirroring information).
       */
       appendMapping(mapping) {
-          for (let i = 0, startSize = this.maps.length; i < mapping.maps.length; i++) {
+          for (let i = 0, startSize = this._maps.length; i < mapping._maps.length; i++) {
               let mirr = mapping.getMirror(i);
-              this.appendMap(mapping.maps[i], mirr != null && mirr < i ? startSize + mirr : undefined);
+              this.appendMap(mapping._maps[i], mirr != null && mirr < i ? startSize + mirr : undefined);
           }
       }
       /**
@@ -30772,9 +30775,9 @@ so this becomes the fallback color for the slot */ ''}
       Append the inverse of the given mapping to this one.
       */
       appendMappingInverted(mapping) {
-          for (let i = mapping.maps.length - 1, totalSize = this.maps.length + mapping.maps.length; i >= 0; i--) {
+          for (let i = mapping.maps.length - 1, totalSize = this._maps.length + mapping._maps.length; i >= 0; i--) {
               let mirr = mapping.getMirror(i);
-              this.appendMap(mapping.maps[i].invert(), mirr != null && mirr > i ? totalSize - mirr - 1 : undefined);
+              this.appendMap(mapping._maps[i].invert(), mirr != null && mirr > i ? totalSize - mirr - 1 : undefined);
           }
       }
       /**
@@ -30792,7 +30795,7 @@ so this becomes the fallback color for the slot */ ''}
           if (this.mirror)
               return this._map(pos, assoc, true);
           for (let i = this.from; i < this.to; i++)
-              pos = this.maps[i].map(pos, assoc);
+              pos = this._maps[i].map(pos, assoc);
           return pos;
       }
       /**
@@ -30806,12 +30809,12 @@ so this becomes the fallback color for the slot */ ''}
       _map(pos, assoc, simple) {
           let delInfo = 0;
           for (let i = this.from; i < this.to; i++) {
-              let map = this.maps[i], result = map.mapResult(pos, assoc);
+              let map = this._maps[i], result = map.mapResult(pos, assoc);
               if (result.recover != null) {
                   let corr = this.getMirror(i);
                   if (corr != null && corr > i && corr < this.to) {
                       i = corr;
-                      pos = this.maps[corr].recover(result.recover);
+                      pos = this._maps[corr].recover(result.recover);
                       continue;
                   }
               }
@@ -31216,7 +31219,7 @@ so this becomes the fallback color for the slot */ ''}
           let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
           if (from.deletedAcross && to.deletedAcross)
               return null;
-          return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice);
+          return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
       }
       merge(other) {
           if (!(other instanceof ReplaceStep) || other.structure || this.structure)
@@ -32593,19 +32596,26 @@ so this becomes the fallback color for the slot */ ''}
           return this;
       }
       /**
-      Remove a mark (or a mark of the given type) from the node at
+      Remove a mark (or all marks of the given type) from the node at
       position `pos`.
       */
       removeNodeMark(pos, mark) {
-          if (!(mark instanceof Mark$1)) {
-              let node = this.doc.nodeAt(pos);
-              if (!node)
-                  throw new RangeError("No node at position " + pos);
-              mark = mark.isInSet(node.marks);
-              if (!mark)
-                  return this;
+          let node = this.doc.nodeAt(pos);
+          if (!node)
+              throw new RangeError("No node at position " + pos);
+          if (mark instanceof Mark$1) {
+              if (mark.isInSet(node.marks))
+                  this.step(new RemoveNodeMarkStep(pos, mark));
+          }
+          else {
+              let set = node.marks, found, steps = [];
+              while (found = mark.isInSet(set)) {
+                  steps.push(new RemoveNodeMarkStep(pos, found));
+                  set = found.removeFromSet(set);
+              }
+              for (let i = steps.length - 1; i >= 0; i--)
+                  this.step(steps[i]);
           }
-          this.step(new RemoveNodeMarkStep(pos, mark));
           return this;
       }
       /**
@@ -32613,7 +32623,7 @@ so this becomes the fallback color for the slot */ ''}
       greater than one, any number of nodes above that. By default, the
       parts split off will inherit the node type of the original node.
       This can be changed by passing an array of types and attributes to
-      use after the split.
+      use after the split (with the outermost nodes coming first).
       */
       split(pos, depth = 1, typesAfter) {
           split(this, pos, depth, typesAfter);
@@ -33846,11 +33856,13 @@ so this becomes the fallback color for the slot */ ''}
   function scrollRectIntoView(view, rect, startDOM) {
       let scrollThreshold = view.someProp("scrollThreshold") || 0, scrollMargin = view.someProp("scrollMargin") || 5;
       let doc = view.dom.ownerDocument;
-      for (let parent = startDOM || view.dom;; parent = parentNode(parent)) {
+      for (let parent = startDOM || view.dom;;) {
           if (!parent)
               break;
-          if (parent.nodeType != 1)
+          if (parent.nodeType != 1) {
+              parent = parentNode(parent);
               continue;
+          }
           let elt = parent;
           let atTop = elt == doc.body;
           let bounding = atTop ? windowRect(doc) : clientRect(elt);
@@ -33879,8 +33891,10 @@ so this becomes the fallback color for the slot */ ''}
                   rect = { left: rect.left - dX, top: rect.top - dY, right: rect.right - dX, bottom: rect.bottom - dY };
               }
           }
-          if (atTop || /^(fixed|sticky)$/.test(getComputedStyle(parent).position))
+          let pos = atTop ? "fixed" : getComputedStyle(parent).position;
+          if (/^(fixed|sticky)$/.test(pos))
               break;
+          parent = pos == "absolute" ? parent.offsetParent : parentNode(parent);
       }
   }
   // Store the scroll position of the editor's parent nodes, along with
@@ -36625,7 +36639,7 @@ so this becomes the fallback color for the slot */ ''}
       // innerHTML, even on a detached document. This wraps the string in
       // a way that makes the browser allow us to use its parser again.
       if (!_policy)
-          _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+          _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
       return _policy.createHTML(html);
   }
   function readHTML(html) {
@@ -37316,6 +37330,10 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   const dragCopyModifier = mac$2 ? "altKey" : "ctrlKey";
+  function dragMoves(view, event) {
+      let moves = view.someProp("dragCopies", test => !test(event));
+      return moves != null ? moves : !event[dragCopyModifier];
+  }
   handlers.dragstart = (view, _event) => {
       let event = _event;
       let mouseDown = view.input.mouseDown;
@@ -37345,7 +37363,7 @@ so this becomes the fallback color for the slot */ ''}
       event.dataTransfer.effectAllowed = "copyMove";
       if (!brokenClipboardAPI)
           event.dataTransfer.setData("text/plain", text);
-      view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+      view.dragging = new Dragging(slice, dragMoves(view, event), node);
   };
   handlers.dragend = view => {
       let dragging = view.dragging;
@@ -37372,7 +37390,7 @@ so this becomes the fallback color for the slot */ ''}
       else {
           slice = parseFromClipboard(view, getText$1(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
       }
-      let move = !!(dragging && !event[dragCopyModifier]);
+      let move = !!(dragging && dragMoves(view, event));
       if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
           event.preventDefault();
           return;
@@ -38657,9 +38675,11 @@ so this becomes the fallback color for the slot */ ''}
       // as being an iOS enter press), just dispatch an Enter key instead.
       if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
           (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-          (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+          (!inlineChange && $from.pos < parse.doc.content.size &&
+              (!$from.sameParent($to) || !$from.parent.inlineContent) &&
+              !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) &&
               (nextSel = Selection$2.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-              nextSel.head == $to.pos)) &&
+              nextSel.head > $from.pos)) &&
           view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
           view.input.lastIOSEnter = 0;
           return;
@@ -39291,6 +39311,17 @@ so this becomes the fallback color for the slot */ ''}
           return doPaste(this, text, null, true, event || new ClipboardEvent("paste"));
       }
       /**
+      Serialize the given slice as it would be if it was copied from
+      this editor. Returns a DOM element that contains a
+      representation of the slice as its children, a textual
+      representation, and the transformed slice (which can be
+      different from the given input due to hooks like
+      [`transformCopied`](https://prosemirror.net/docs/ref/#view.EditorProps.transformCopied)).
+      */
+      serializeForClipboard(slice) {
+          return serializeForClipboard(this, slice);
+      }
+      /**
       Removes the editor from the DOM and destroys all [node
       views](https://prosemirror.net/docs/ref/#view.NodeView).
       */
@@ -39738,7 +39769,7 @@ so this becomes the fallback color for the slot */ ''}
       return false;
   };
   /**
-  A more limited form of [`joinBackward`]($commands.joinBackward)
+  A more limited form of [`joinBackward`](https://prosemirror.net/docs/ref/#commands.joinBackward)
   that only tries to join the current textblock to the one before
   it, if the cursor is at the start of a textblock.
   */
@@ -39750,7 +39781,7 @@ so this becomes the fallback color for the slot */ ''}
       return $cut ? joinTextblocksAround(state, $cut, dispatch) : false;
   };
   /**
-  A more limited form of [`joinForward`]($commands.joinForward)
+  A more limited form of [`joinForward`](https://prosemirror.net/docs/ref/#commands.joinForward)
   that only tries to join the current textblock to the one after
   it, if the cursor is at the end of a textblock.
   */
@@ -40101,6 +40132,8 @@ so this becomes the fallback color for the slot */ ''}
               types[0] = deflt ? { type: deflt } : null;
               can = canSplit(tr.doc, splitPos, types.length, types);
           }
+          if (!can)
+              return false;
           tr.split(splitPos, types.length, types);
           if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
               let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
@@ -40405,9 +40438,9 @@ so this becomes the fallback color for the slot */ ''}
       if (target == null)
           return false;
       tr.lift(range, target);
-      let after = tr.mapping.map(end, -1) - 1;
-      if (canJoin(tr.doc, after))
-          tr.join(after);
+      let $after = tr.doc.resolve(tr.mapping.map(end, -1) - 1);
+      if (canJoin(tr.doc, $after.pos) && $after.nodeBefore.type == $after.nodeAfter.type)
+          tr.join($after.pos);
       dispatch(tr.scrollIntoView());
       return true;
   }
@@ -44086,13 +44119,14 @@ so this becomes the fallback color for the slot */ ''}
       },
   });
 
+  const focusEventsPluginKey = new PluginKey('focusEvents');
   const FocusEvents = Extension.create({
       name: 'focusEvents',
       addProseMirrorPlugins() {
           const { editor } = this;
           return [
               new Plugin({
-                  key: new PluginKey('focusEvents'),
+                  key: focusEventsPluginKey,
                   props: {
                       handleDOMEvents: {
                           focus: (view, event) => {
@@ -44714,7 +44748,7 @@ img.ProseMirror-separator {
               // @ts-ignore
               const name = typeof nameOrPluginKey === 'string' ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
               // @ts-ignore
-              plugins = prevPlugins.filter(plugin => !plugin.key.startsWith(name));
+              plugins = plugins.filter(plugin => !plugin.key.startsWith(name));
           });
           if (prevPlugins.length === plugins.length) {
               // No plugin was removed, so we don’t need to update the state
@@ -53326,6 +53360,16 @@ img.ProseMirror-separator {
   	return output;
   }
 
+  /**
+   * Creates a string based on an array of numeric code points.
+   * @see `punycode.ucs2.decode`
+   * @memberOf punycode.ucs2
+   * @name encode
+   * @param {Array} codePoints The array of numeric code points.
+   * @returns {String} The new Unicode string (UCS-2).
+   */
+  const ucs2encode = codePoints => String.fromCodePoint(...codePoints);
+
   /**
    * Converts a basic code point into a digit/integer.
    * @see `digitToBasic()`
@@ -53611,6 +53655,25 @@ img.ProseMirror-separator {
 
   /** Define the public API */
   const punycode = {
+  	/**
+  	 * A string representing the current Punycode.js version number.
+  	 * @memberOf punycode
+  	 * @type String
+  	 */
+  	'version': '2.3.1',
+  	/**
+  	 * An object of methods to convert from JavaScript's internal character
+  	 * representation (UCS-2) to Unicode code points, and back.
+  	 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+  	 * @memberOf punycode
+  	 * @type Object
+  	 */
+  	'ucs2': {
+  		'decode': ucs2decode,
+  		'encode': ucs2encode
+  	},
+  	'decode': decode,
+  	'encode': encode,
   	'toASCII': toASCII,
   	'toUnicode': toUnicode
   };
@@ -54507,6 +54570,7 @@ img.ProseMirror-separator {
               toDOM(node) { return ["a", node.attrs]; }
           },
           code: {
+              code: true,
               parseDOM: [{ tag: "code" }],
               toDOM() { return ["code"]; }
           }
@@ -59444,7 +59508,7 @@ img.ProseMirror-separator {
                   },
               },
               type: {
-                  default: undefined,
+                  default: null,
                   parseHTML: element => element.getAttribute('type'),
               },
           };
@@ -63721,6 +63785,10 @@ img.ProseMirror-separator {
     }
   };
 
+  function safelyAccessDocument(_document) {
+    return _document || (typeof document !== 'undefined' ? document : null);
+  }
+
   //
 
   //
@@ -63860,7 +63928,7 @@ img.ProseMirror-separator {
               columnSizingStart: []
             }));
           };
-          const contextDocument = _contextDocument || typeof document !== 'undefined' ? document : null;
+          const contextDocument = safelyAccessDocument(_contextDocument);
           const mouseEvents = {
             moveHandler: e => onMove(e.clientX),
             upHandler: e => {
@@ -67791,7 +67859,7 @@ focus outline in that case.
   function memo(getDeps, fn, opts) {
     let deps = opts.initialDeps ?? [];
     let result;
-    return () => {
+    function memoizedFunction() {
       var _a, _b, _c, _d;
       let depTime;
       if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
@@ -67829,7 +67897,11 @@ focus outline in that case.
       }
       (_d = opts == null ? void 0 : opts.onChange) == null ? void 0 : _d.call(opts, result);
       return result;
+    }
+    memoizedFunction.updateDeps = (newDeps) => {
+      deps = newDeps;
     };
+    return memoizedFunction;
   }
   function notUndefined(value, msg) {
     if (value === void 0) {
@@ -68038,7 +68110,7 @@ focus outline in that case.
           isScrollingResetDelay: 150,
           enabled: true,
           isRtl: false,
-          useScrollendEvent: true,
+          useScrollendEvent: false,
           useAnimationFrameWithResizeObserver: false,
           ...opts2
         };
@@ -68256,6 +68328,7 @@ focus outline in that case.
             startIndex = range.startIndex;
             endIndex = range.endIndex;
           }
+          this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);
           return [
             this.options.rangeExtractor,
             this.options.overscan,
@@ -68478,10 +68551,19 @@ focus outline in that case.
         let end;
         if (measurements.length === 0) {
           end = this.options.paddingStart;
+        } else if (this.options.lanes === 1) {
+          end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
         } else {
-          end = this.options.lanes === 1 ? ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0 : Math.max(
-            ...measurements.slice(-this.options.lanes).map((m) => m.end)
-          );
+          const endByLane = Array(this.options.lanes).fill(null);
+          let endIndex = measurements.length - 1;
+          while (endIndex >= 0 && endByLane.some((val) => val === null)) {
+            const item = measurements[endIndex];
+            if (endByLane[item.lane] === null) {
+              endByLane[item.lane] = item.end;
+            }
+            endIndex--;
+          }
+          end = Math.max(...endByLane.filter((val) => val !== null));
         }
         return Math.max(
           end - this.options.scrollMargin + this.options.paddingEnd,
@@ -68527,6 +68609,12 @@ focus outline in that case.
   }) {
     const lastIndex = measurements.length - 1;
     const getOffset = (index) => measurements[index].start;
+    if (measurements.length <= lanes) {
+      return {
+        startIndex: 0,
+        endIndex: lastIndex
+      };
+    }
     let startIndex = findNearestBinarySearch(
       0,
       lastIndex,
@@ -68534,10 +68622,23 @@ focus outline in that case.
       scrollOffset
     );
     let endIndex = startIndex;
-    while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
-      endIndex++;
-    }
-    if (lanes > 1) {
+    if (lanes === 1) {
+      while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
+        endIndex++;
+      }
+    } else if (lanes > 1) {
+      const endPerLane = Array(lanes).fill(0);
+      while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
+        const item = measurements[endIndex];
+        endPerLane[item.lane] = item.end;
+        endIndex++;
+      }
+      const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
+      while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
+        const item = measurements[startIndex];
+        startPerLane[item.lane] = item.start;
+        startIndex--;
+      }
       startIndex = Math.max(0, startIndex - startIndex % lanes);
       endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
     }
@@ -68561,7 +68662,6 @@ focus outline in that case.
           this.headerContainerMarginRight = 0;
           this.rowContainerYOffset = 0;
           this._pageSize = 0;
-          this.isScrollingTimer = 0;
           this.table = table;
           this.tanStackTable = tanStackTable;
           this.viewportResizeObserver = new ResizeObserver(entries => {
@@ -68624,6 +68724,7 @@ focus outline in that case.
               enableSmoothScroll: true,
               overscan: 3,
               isScrollingResetDelay: 250,
+              useScrollendEvent: false,
               scrollToFn: elementScroll,
               observeElementOffset,
               observeElementRect,
@@ -68635,15 +68736,6 @@ focus outline in that case.
           this.visibleItems = virtualizer.getVirtualItems();
           this.scrollHeight = virtualizer.getTotalSize();
           this.isScrolling = virtualizer.isScrolling;
-          // There are multiple browser bugs that can result in us getting stuck thinking that we're scrolling.
-          // As a workaround, we assume scrolling stopped if we haven't received an update in 300ms.
-          // Tech debt item to remove this workaround: https://github.com/ni/nimble/issues/2382
-          window.clearTimeout(this.isScrollingTimer);
-          if (this.isScrolling) {
-              this.isScrollingTimer = window.setTimeout(() => {
-                  this.isScrolling = false;
-              }, 300);
-          }
           // We're using a separate div ('table-scroll') to represent the full height of all rows, and
           // the row container's height is only big enough to hold the virtualized rows. So we don't
           // use the TanStackVirtual-provided 'start' offset (which is in terms of the full height)
@@ -74779,6 +74871,7 @@ focus outline in that case.
       frameless: 'frameless'
   };
 
+  // prettier-ignore
   const styles$5 = css `
     ${display('inline-block')}
     ${styles$N}
@@ -74793,12 +74886,17 @@ focus outline in that case.
         --ni-private-height-within-border: calc(
             ${controlHeight} - 2 * ${borderWidth}
         );
+        --ni-private-default-start-slot-opacity: 0.6;
     }
 
     :host([disabled]) {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) {
+        color: ${bodyFontColor};
+    }
+
     .label {
         display: flex;
         color: ${controlLabelFontColor};
@@ -74809,6 +74907,10 @@ focus outline in that case.
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${controlLabelFontColor};
+    }
+
     .root {
         position: relative;
         display: flex;
@@ -74874,7 +74976,7 @@ focus outline in that case.
 
     slot[name='start']::slotted(*) {
         flex: none;
-        opacity: 0.6;
+        opacity: var(--ni-private-default-start-slot-opacity);
         margin-right: ${smallPadding};
     }
 
@@ -74882,6 +74984,10 @@ focus outline in that case.
         opacity: 0.3;
     }
 
+    :host([disabled][appearance-readonly]) slot[name='start']::slotted(*) {
+        opacity: var(--ni-private-default-start-slot-opacity);
+    }
+
     .control {
         -webkit-appearance: none;
         font: inherit;
@@ -74915,10 +75021,14 @@ focus outline in that case.
         color: ${controlLabelFontColor};
     }
 
-    .control[disabled]::placeholder {
+    :host([disabled]) .control::placeholder {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .control::placeholder {
+        color: ${controlLabelFontColor};
+    }
+
     [part='end'] {
         display: contents;
     }
@@ -75105,6 +75215,7 @@ focus outline in that case.
            */
           this.appearance = TextFieldAppearance.underline;
           this.fullBleed = false;
+          this.appearanceReadOnly = false;
       }
   }
   __decorate([
@@ -75113,6 +75224,9 @@ focus outline in that case.
   __decorate([
       attr({ attribute: 'full-bleed', mode: 'boolean' })
   ], TextField.prototype, "fullBleed", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], TextField.prototype, "appearanceReadOnly", void 0);
   const nimbleTextField = TextField.compose({
       baseName: 'text-field',
       baseClass: TextField$1,