@ni/nimble-components 35.0.0 → 35.0.2

package/dist/all-components-bundle.js

@@ -10117,15 +10117,12 @@
   /* eslint-enable @typescript-eslint/no-non-null-assertion */
 
   /*!
-  * tabbable 6.3.0
+  * tabbable 6.4.0
   * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
   */
   // NOTE: separate `:not()` selectors has broader browser support than the newer
   //  `:not([inert], [inert] *)` (Feb 2023)
-  // CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes
-  //  the entire query to fail, resulting in no nodes found, which will break a lot
-  //  of things... so we have to rely on JS to identify nodes inside an inert container
-  var candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable="false"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];
+  var candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];
   var NoElement = typeof Element === 'undefined';
   var matches$1 = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
   var getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {
@@ -10134,35 +10131,6 @@
   } : function (element) {
     return element === null || element === void 0 ? void 0 : element.ownerDocument;
   };
-
-  /**
-   * Determines if a node is inert or in an inert ancestor.
-   * @param {Element} [node]
-   * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to
-   *  see if any of them are inert. If false, only `node` itself is considered.
-   * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
-   *  False if `node` is falsy.
-   */
-  var _isInert = function isInert(node, lookUp) {
-    var _node$getAttribute;
-    if (lookUp === void 0) {
-      lookUp = true;
-    }
-    // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`
-    //  JS API property; we have to check the attribute, which can either be empty or 'true';
-    //  if it's `null` (not specified) or 'false', it's an active element
-    var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');
-    var inert = inertAtt === '' || inertAtt === 'true';
-
-    // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
-    //  if it weren't for `matches()` not being a function on shadow roots; the following
-    //  code works for any kind of node
-    // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
-    //  so it likely would not support `:is([inert] *)` either...
-    var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
-
-    return result;
-  };
   var isInput = function isInput(node) {
     return node.tagName === 'INPUT';
   };
@@ -10379,18 +10347,14 @@
     return false;
   };
   var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
-    if (node.disabled ||
-    // we must do an inert look up to filter out any elements inside an inert ancestor
-    //  because we're limited in the type of selectors we can use in JSDom (see related
-    //  note related to `candidateSelectors`)
-    _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
+    if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
     // For a details element with a summary, the summary element gets the focus
     isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
       return false;
     }
     return true;
   };
-  var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');
+  var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe:not([inert]):not([inert] *)').join(',');
   var isFocusable = function isFocusable(node, options) {
     options = options || {};
     if (!node) {
@@ -36581,15 +36545,15 @@ so this becomes the fallback color for the slot */ ''}
           let updater = new ViewTreeUpdater(this, localComposition && localComposition.node, view);
           iterDeco(this.node, this.innerDeco, (widget, i, insideNode) => {
               if (widget.spec.marks)
-                  updater.syncToMarks(widget.spec.marks, inline, view);
+                  updater.syncToMarks(widget.spec.marks, inline, view, i);
               else if (widget.type.side >= 0 && !insideNode)
-                  updater.syncToMarks(i == this.node.childCount ? Mark$1.none : this.node.child(i).marks, inline, view);
+                  updater.syncToMarks(i == this.node.childCount ? Mark$1.none : this.node.child(i).marks, inline, view, i);
               // If the next node is a desc matching this widget, reuse it,
               // otherwise insert the widget as a new view desc.
               updater.placeWidget(widget, view, off);
           }, (child, outerDeco, innerDeco, i) => {
               // Make sure the wrapping mark descs match the node's marks.
-              updater.syncToMarks(child.marks, inline, view);
+              updater.syncToMarks(child.marks, inline, view, i);
               // Try several strategies for drawing this node
               let compIndex;
               if (updater.findNodeMatch(child, outerDeco, innerDeco, i)) ;
@@ -36605,7 +36569,7 @@ so this becomes the fallback color for the slot */ ''}
               off += child.nodeSize;
           });
           // Drop all remaining descs after the current position.
-          updater.syncToMarks([], inline, view);
+          updater.syncToMarks([], inline, view, 0);
           if (this.node.isTextblock)
               updater.addTextblockHacks();
           updater.destroyRest();
@@ -36995,7 +36959,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       // Sync the current stack of mark descs with the given array of
       // marks, reusing existing mark descs when possible.
-      syncToMarks(marks, inline, view) {
+      syncToMarks(marks, inline, view, parentIndex) {
           let keep = 0, depth = this.stack.length >> 1;
           let maxKeep = Math.min(depth, marks.length);
           while (keep < maxKeep &&
@@ -37011,8 +36975,10 @@ so this becomes the fallback color for the slot */ ''}
           }
           while (depth < marks.length) {
               this.stack.push(this.top, this.index + 1);
-              let found = -1;
-              for (let i = this.index; i < Math.min(this.index + 3, this.top.children.length); i++) {
+              let found = -1, scanTo = this.top.children.length;
+              if (parentIndex < this.preMatch.index)
+                  scanTo = Math.min(this.index + 3, scanTo);
+              for (let i = this.index; i < scanTo; i++) {
                   let next = this.top.children[i];
                   if (next.matchesMark(marks[depth]) && !this.isLocked(next.dom)) {
                       found = i;
@@ -37208,9 +37174,7 @@ so this becomes the fallback color for the slot */ ''}
   }
   // Iterate from the end of the fragment and array of descs to find
   // directly matching ones, in order to avoid overeagerly reusing those
-  // for other nodes. Returns the fragment index of the first node that
-  // is part of the sequence of matched nodes at the end of the
-  // fragment.
+  // for other nodes.
   function preMatch(frag, parentDesc) {
       let curDesc = parentDesc, descI = curDesc.children.length;
       let fI = frag.childCount, matched = new Map, matches = [];
@@ -37233,7 +37197,6 @@ so this becomes the fallback color for the slot */ ''}
                   break outer;
               }
               else {
-                  // FIXME
                   descI = curDesc.parent.children.indexOf(curDesc);
                   curDesc = curDesc.parent;
               }
@@ -38280,6 +38243,7 @@ so this becomes the fallback color for the slot */ ''}
           this.compositionNodes = [];
           this.compositionEndedAt = -2e8;
           this.compositionID = 1;
+          this.badSafariComposition = false;
           // Set to a composition ID when there are pending changes at compositionend
           this.compositionPendingChanges = 0;
           this.domChangeCount = 0;
@@ -38726,7 +38690,9 @@ so this becomes the fallback color for the slot */ ''}
           view.input.compositionEndedAt = event.timeStamp;
           view.input.compositionPendingChanges = view.domObserver.pendingRecords().length ? view.input.compositionID : 0;
           view.input.compositionNode = null;
-          if (view.input.compositionPendingChanges)
+          if (view.input.badSafariComposition)
+              view.domObserver.forceFlush();
+          else if (view.input.compositionPendingChanges)
               Promise.resolve().then(() => view.domObserver.flush());
           view.input.compositionID++;
           scheduleComposeEnd(view, 20);
@@ -39789,15 +39755,24 @@ so this becomes the fallback color for the slot */ ''}
               new window.MutationObserver(mutations => {
                   for (let i = 0; i < mutations.length; i++)
                       this.queue.push(mutations[i]);
-                  // IE11 will sometimes (on backspacing out a single character
-                  // text node after a BR node) call the observer callback
-                  // before actually updating the DOM, which will cause
-                  // ProseMirror to miss the change (see #930)
                   if (ie$1 && ie_version <= 11 && mutations.some(m => m.type == "childList" && m.removedNodes.length ||
-                      m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length))
+                      m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length)) {
+                      // IE11 will sometimes (on backspacing out a single character
+                      // text node after a BR node) call the observer callback
+                      // before actually updating the DOM, which will cause
+                      // ProseMirror to miss the change (see #930)
                       this.flushSoon();
-                  else
+                  }
+                  else if (safari && view.composing && mutations.some(m => m.type == "childList" && m.target.nodeName == "TR")) {
+                      // Safari does weird stuff when finishing a composition in a
+                      // table cell, which tends to involve inserting inappropriate
+                      // nodes in the table row.
+                      view.input.badSafariComposition = true;
+                      this.flushSoon();
+                  }
+                  else {
                       this.flush();
+                  }
               });
           if (useCharData) {
               this.onCharData = e => {
@@ -39964,6 +39939,10 @@ so this becomes the fallback color for the slot */ ''}
                   view.docView.markDirty(from, to);
                   checkCSS(view);
               }
+              if (view.input.badSafariComposition) {
+                  view.input.badSafariComposition = false;
+                  fixUpBadSafariComposition(view, added);
+              }
               this.handleDOMChange(from, to, typeOver, added);
               if (view.docView && view.docView.dirty)
                   view.updateState(view.state);
@@ -40087,6 +40066,37 @@ so this becomes the fallback color for the slot */ ''}
       }
       return null;
   }
+  // Kludge for a Safari bug where, on ending a composition in an
+  // otherwise empty table cell, it randomly moves the composed text
+  // into the table row around that cell, greatly confusing everything
+  // (#188).
+  function fixUpBadSafariComposition(view, addedNodes) {
+      var _a;
+      let { focusNode, focusOffset } = view.domSelectionRange();
+      for (let node of addedNodes) {
+          if (((_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.nodeName) == "TR") {
+              let nextCell = node.nextSibling;
+              while (nextCell && (nextCell.nodeName != "TD" && nextCell.nodeName != "TH"))
+                  nextCell = nextCell.nextSibling;
+              if (nextCell) {
+                  let parent = nextCell;
+                  for (;;) {
+                      let first = parent.firstChild;
+                      if (!first || first.nodeType != 1 || first.contentEditable == "false" ||
+                          /^(BR|IMG)$/.test(first.nodeName))
+                          break;
+                      parent = first;
+                  }
+                  parent.insertBefore(node, parent.firstChild);
+                  if (focusNode == node)
+                      view.domSelection().collapse(node, focusOffset);
+              }
+              else {
+                  node.parentNode.removeChild(node);
+              }
+          }
+      }
+  }
 
   // Note that all referencing and parsing is done with the
   // start-of-operation selection and document, since that's the one
@@ -40650,7 +40660,7 @@ so this becomes the fallback color for the slot */ ''}
                       this.docView.destroy();
                       this.docView = docViewDesc(state.doc, outerDeco, innerDeco, this.dom, this);
                   }
-                  if (chromeKludge && !this.trackWrites)
+                  if (chromeKludge && (!this.trackWrites || !this.dom.contains(this.trackWrites)))
                       forceSelUpdate = true;
               }
               // Work around for an issue where an update arriving right between
@@ -41777,6 +41787,11 @@ so this becomes the fallback color for the slot */ ''}
     navigator.userAgent.includes("Mac") && "ontouchend" in document;
   }
 
+  // src/utilities/isSafari.ts
+  function isSafari() {
+    return typeof navigator !== "undefined" ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : false;
+  }
+
   // src/commands/focus.ts
   var focus = (position = null, options = {}) => ({ editor, view, tr, dispatch }) => {
     options = {
@@ -41787,6 +41802,9 @@ so this becomes the fallback color for the slot */ ''}
       if (isiOS() || isAndroid()) {
         view.dom.focus();
       }
+      if (isSafari() && !isiOS() && !isAndroid()) {
+        view.dom.focus({ preventScroll: true });
+      }
       requestAnimationFrame(() => {
         if (!editor.isDestroyed) {
           view.focus();
@@ -44598,6 +44616,35 @@ so this becomes the fallback color for the slot */ ''}
         })
       );
     }
+    /**
+     * Get the composed dispatchTransaction function from all extensions.
+     * @param baseDispatch The base dispatch function (e.g. from the editor or user props)
+     * @returns A composed dispatch function
+     */
+    dispatchTransaction(baseDispatch) {
+      const { editor } = this;
+      const extensions = sortExtensions([...this.extensions].reverse());
+      return extensions.reduceRight((next, extension) => {
+        const context = {
+          name: extension.name,
+          options: extension.options,
+          storage: this.editor.extensionStorage[extension.name],
+          editor,
+          type: getSchemaTypeByName(extension.name, this.schema)
+        };
+        const dispatchTransaction = getExtensionField(
+          extension,
+          "dispatchTransaction",
+          context
+        );
+        if (!dispatchTransaction) {
+          return next;
+        }
+        return (transaction) => {
+          dispatchTransaction.call(context, { transaction, next });
+        };
+      }, baseDispatch);
+    }
     get markViews() {
       const { editor } = this;
       const { markExtensions } = splitExtensions(this.extensions);
@@ -45432,7 +45479,8 @@ img.ProseMirror-separator {
         },
         onPaste: () => null,
         onDrop: () => null,
-        onDelete: () => null
+        onDelete: () => null,
+        enableExtensionDispatchTransaction: true
       };
       this.isCapturingTransaction = false;
       this.capturedTransaction = null;
@@ -45756,15 +45804,17 @@ img.ProseMirror-separator {
      * Creates a ProseMirror view.
      */
     createView(element) {
-      var _a;
+      const { editorProps, enableExtensionDispatchTransaction } = this.options;
+      const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
+      const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
       this.editorView = new EditorView(element, {
-        ...this.options.editorProps,
+        ...editorProps,
         attributes: {
           // add `role="textbox"` to the editor element
           role: "textbox",
-          ...(_a = this.options.editorProps) == null ? void 0 : _a.attributes
+          ...editorProps == null ? void 0 : editorProps.attributes
         },
-        dispatchTransaction: this.dispatchTransaction.bind(this),
+        dispatchTransaction: dispatch,
         state: this.editorState,
         markViews: this.extensionManager.markViews,
         nodeViews: this.extensionManager.nodeViews
@@ -59406,7 +59456,7 @@ ${renderedContent}
           const link = find$1(textContent, { defaultProtocol: options.defaultProtocol }).find(
             (item) => item.isLink && item.value === textContent
           );
-          if (!textContent || !link || shouldAutoLink !== void 0 && !shouldAutoLink(link.href)) {
+          if (!textContent || !link || shouldAutoLink !== void 0 && !shouldAutoLink(link.value)) {
             return false;
           }
           return options.editor.commands.setMark(options.type, {
@@ -59473,7 +59523,22 @@ ${renderedContent}
         },
         isAllowedUri: (url, ctx) => !!isAllowedUri(url, ctx.protocols),
         validate: (url) => !!url,
-        shouldAutoLink: (url) => !!url
+        shouldAutoLink: (url) => {
+          const hasProtocol = /^[a-z][a-z0-9+.-]*:\/\//i.test(url);
+          const hasMaybeProtocol = /^[a-z][a-z0-9+.-]*:/i.test(url);
+          if (hasProtocol || hasMaybeProtocol && !url.includes("@")) {
+            return true;
+          }
+          const urlWithoutUserinfo = url.includes("@") ? url.split("@").pop() : url;
+          const hostname = urlWithoutUserinfo.split(/[/?#:]/)[0];
+          if (/^\d{1,3}(\.\d{1,3}){3}$/.test(hostname)) {
+            return false;
+          }
+          if (!/\./.test(hostname)) {
+            return false;
+          }
+          return true;
+        }
       };
     },
     addAttributes() {
@@ -60486,6 +60551,7 @@ ${nextLine.slice(indentLevel + 2)}`;
         Object.entries(HTMLAttributes).forEach(([key, value]) => {
           listItem.setAttribute(key, value);
         });
+        let prevRenderedAttributeKeys = new Set(Object.keys(HTMLAttributes));
         return {
           dom: listItem,
           contentDOM: content,
@@ -60496,6 +60562,31 @@ ${nextLine.slice(indentLevel + 2)}`;
             listItem.dataset.checked = updatedNode.attrs.checked;
             checkbox.checked = updatedNode.attrs.checked;
             updateA11Y(updatedNode);
+            const extensionAttributes = editor.extensionManager.attributes;
+            const newHTMLAttributes = getRenderedAttributes(updatedNode, extensionAttributes);
+            const newKeys = new Set(Object.keys(newHTMLAttributes));
+            const staticAttrs = this.options.HTMLAttributes;
+            prevRenderedAttributeKeys.forEach((key) => {
+              if (!newKeys.has(key)) {
+                if (key in staticAttrs) {
+                  listItem.setAttribute(key, staticAttrs[key]);
+                } else {
+                  listItem.removeAttribute(key);
+                }
+              }
+            });
+            Object.entries(newHTMLAttributes).forEach(([key, value]) => {
+              if (value === null || value === void 0) {
+                if (key in staticAttrs) {
+                  listItem.setAttribute(key, staticAttrs[key]);
+                } else {
+                  listItem.removeAttribute(key);
+                }
+              } else {
+                listItem.setAttribute(key, value);
+              }
+            });
+            prevRenderedAttributeKeys = newKeys;
             return true;
           }
         };
@@ -60729,7 +60820,8 @@ ${nextLine.slice(indentLevel + 2)}`;
     items = () => [],
     render = () => ({}),
     allow = () => true,
-    findSuggestionMatch: findSuggestionMatch2 = findSuggestionMatch
+    findSuggestionMatch: findSuggestionMatch2 = findSuggestionMatch,
+    shouldShow
   }) {
     let props;
     const renderer = render == null ? void 0 : render();
@@ -60895,7 +60987,13 @@ ${nextLine.slice(indentLevel + 2)}`;
               state,
               range: match.range,
               isActive: prev.active
-            })) {
+            }) && (!shouldShow || shouldShow({
+              editor,
+              range: match.range,
+              query: match.query,
+              text: match.text,
+              transaction
+            }))) {
               next.active = true;
               next.decorationId = prev.decorationId ? prev.decorationId : decorationId;
               next.range = match.range;
@@ -70971,7 +71069,6 @@ focus outline in that case.
     };
     const handler = createHandler(true);
     const endHandler = createHandler(false);
-    endHandler();
     element.addEventListener("scroll", handler, addEventListenerOptions);
     const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
     if (registerScrollendEvent) {
@@ -71013,6 +71110,7 @@ focus outline in that case.
       this.scrollElement = null;
       this.targetWindow = null;
       this.isScrolling = false;
+      this.currentScrollToIndex = null;
       this.measurementsCache = [];
       this.itemSizeCache = /* @__PURE__ */ new Map();
       this.laneAssignments = /* @__PURE__ */ new Map();
@@ -71148,10 +71246,6 @@ focus outline in that case.
           this.elementsCache.forEach((cached) => {
             this.observer.observe(cached);
           });
-          this._scrollToOffset(this.getScrollOffset(), {
-            adjustments: void 0,
-            behavior: void 0
-          });
           this.unsubs.push(
             this.options.observeElementRect(this, (rect) => {
               this.scrollRect = rect;
@@ -71167,6 +71261,10 @@ focus outline in that case.
               this.maybeNotify();
             })
           );
+          this._scrollToOffset(this.getScrollOffset(), {
+            adjustments: void 0,
+            behavior: void 0
+          });
         }
       };
       this.getSize = () => {
@@ -71238,11 +71336,7 @@ focus outline in that case.
           };
         },
         {
-          key: false,
-          skipInitialOnChange: true,
-          onChange: () => {
-            this.notify(this.isScrolling);
-          }
+          key: false
         }
       );
       this.getMeasurements = memo(
@@ -71269,7 +71363,7 @@ focus outline in that case.
             this.laneAssignments.clear();
             this.pendingMeasuredCacheIndexes = [];
           }
-          if (this.measurementsCache.length === 0) {
+          if (this.measurementsCache.length === 0 && !this.lanesSettling) {
             this.measurementsCache = this.options.initialMeasurementsCache;
             this.measurementsCache.forEach((item) => {
               this.itemSizeCache.set(item.key, item.size);
@@ -71474,7 +71568,17 @@ focus outline in that case.
           )]
         );
       };
+      this.getMaxScrollOffset = () => {
+        if (!this.scrollElement) return 0;
+        if ("scrollHeight" in this.scrollElement) {
+          return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+        } else {
+          const doc = this.scrollElement.document.documentElement;
+          return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
+        }
+      };
       this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
+        if (!this.scrollElement) return 0;
         const size = this.getSize();
         const scrollOffset = this.getScrollOffset();
         if (align === "auto") {
@@ -71485,7 +71589,7 @@ focus outline in that case.
         } else if (align === "end") {
           toOffset -= size;
         }
-        const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
+        const maxOffset = this.getMaxScrollOffset();
         return Math.max(Math.min(maxOffset, toOffset), 0);
       };
       this.getOffsetForIndex = (index, align = "auto") => {
@@ -71505,6 +71609,9 @@ focus outline in that case.
             return [scrollOffset, align];
           }
         }
+        if (align === "end" && index === this.options.count - 1) {
+          return [this.getMaxScrollOffset(), align];
+        }
         const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
         return [
           this.getOffsetForAlignment(toOffset, align, item.size),
@@ -71530,6 +71637,7 @@ focus outline in that case.
           );
         }
         index = Math.max(0, Math.min(index, this.options.count - 1));
+        this.currentScrollToIndex = index;
         let attempts = 0;
         const maxAttempts = 10;
         const tryScroll = (currentAlign) => {
@@ -71542,19 +71650,28 @@ focus outline in that case.
           const [offset, align] = offsetInfo;
           this._scrollToOffset(offset, { adjustments: void 0, behavior });
           this.targetWindow.requestAnimationFrame(() => {
-            const currentOffset = this.getScrollOffset();
-            const afterInfo = this.getOffsetForIndex(index, align);
-            if (!afterInfo) {
-              console.warn("Failed to get offset for index:", index);
-              return;
-            }
-            if (!approxEqual(afterInfo[0], currentOffset)) {
-              scheduleRetry(align);
+            const verify = () => {
+              if (this.currentScrollToIndex !== index) return;
+              const currentOffset = this.getScrollOffset();
+              const afterInfo = this.getOffsetForIndex(index, align);
+              if (!afterInfo) {
+                console.warn("Failed to get offset for index:", index);
+                return;
+              }
+              if (!approxEqual(afterInfo[0], currentOffset)) {
+                scheduleRetry(align);
+              }
+            };
+            if (this.isDynamicMode()) {
+              this.targetWindow.requestAnimationFrame(verify);
+            } else {
+              verify();
             }
           });
         };
         const scheduleRetry = (align) => {
           if (!this.targetWindow) return;
+          if (this.currentScrollToIndex !== index) return;
           attempts++;
           if (attempts < maxAttempts) {
             if (this.options.debug) {
@@ -77137,7 +77254,7 @@ focus outline in that case.
           });
       }
       resolveOptions(options) {
-          if (!options || options.numberTextFormat === NumberTextFormat.default) {
+          if (options?.numberTextFormat === NumberTextFormat.default) {
               return {
                   numberTextFormat: NumberTextFormat.default,
                   decimalDigits: undefined,
@@ -94030,8 +94147,8 @@ focus outline in that case.
   // significant digits p, where x is positive and p is in [1, 21] or undefined.
   // For example, formatDecimalParts(1.23) returns ["123", 0].
   function formatDecimalParts(x, p) {
-    if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf("e")) < 0) return null; // NaN, ±Infinity
-    var i, coefficient = x.slice(0, i);
+    if (!isFinite(x) || x === 0) return null; // NaN, ±Infinity, ±0
+    var i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf("e"), coefficient = x.slice(0, i);
 
     // The string returned by toExponential either has the form \d\.\d+e[-+]\d+
     // (e.g., 1.2e+3) or the form \de[-+]\d+ (e.g., 1e+3).
@@ -94136,7 +94253,7 @@ focus outline in that case.
 
   function formatPrefixAuto(x, p) {
     var d = formatDecimalParts(x, p);
-    if (!d) return x + "";
+    if (!d) return prefixExponent = undefined, x.toPrecision(p);
     var coefficient = d[0],
         exponent = d[1],
         i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1,
@@ -94190,7 +94307,7 @@ focus outline in that case.
         minus = locale.minus === undefined ? "−" : locale.minus + "",
         nan = locale.nan === undefined ? "NaN" : locale.nan + "";
 
-    function newFormat(specifier) {
+    function newFormat(specifier, options) {
       specifier = formatSpecifier(specifier);
 
       var fill = specifier.fill,
@@ -94215,8 +94332,8 @@ focus outline in that case.
 
       // Compute the prefix and suffix.
       // For SI-prefix, the suffix is lazily computed.
-      var prefix = symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : "",
-          suffix = symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "";
+      var prefix = (options && options.prefix !== undefined ? options.prefix : "") + (symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : ""),
+          suffix = (symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "") + (options && options.suffix !== undefined ? options.suffix : "");
 
       // What format function should we use?
       // Is this an integer type?
@@ -94257,7 +94374,7 @@ focus outline in that case.
 
           // Compute the prefix and suffix.
           valuePrefix = (valueNegative ? (sign === "(" ? sign : minus) : sign === "-" || sign === "(" ? "" : sign) + valuePrefix;
-          valueSuffix = (type === "s" ? prefixes[8 + prefixExponent / 3] : "") + valueSuffix + (valueNegative && sign === "(" ? ")" : "");
+          valueSuffix = (type === "s" && !isNaN(value) && prefixExponent !== undefined ? prefixes[8 + prefixExponent / 3] : "") + valueSuffix + (valueNegative && sign === "(" ? ")" : "");
 
           // Break the formatted value into the integer “value” part that can be
           // grouped, and fractional or exponential “suffix” part that is not.
@@ -94302,12 +94419,11 @@ focus outline in that case.
     }
 
     function formatPrefix(specifier, value) {
-      var f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier)),
-          e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,
+      var e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,
           k = Math.pow(10, -e),
-          prefix = prefixes[8 + e / 3];
+          f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier), {suffix: prefixes[8 + e / 3]});
       return function(value) {
-        return f(k * value) + prefix;
+        return f(k * value);
       };
     }