@hotwired/turbo 8.0.20 → 8.0.21

package/dist/turbo.es2017-esm.js

@@ -1,104 +1,7 @@
 /*!
-Turbo 8.0.19
-Copyright © 2025 37signals LLC
+Turbo 8.0.21
+Copyright © 2026 37signals LLC
  */
-/**
- * The MIT License (MIT)
- *
- * Copyright (c) 2019 Javan Makhmali
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-(function (prototype) {
-  if (typeof prototype.requestSubmit == "function") return
-
-  prototype.requestSubmit = function (submitter) {
-    if (submitter) {
-      validateSubmitter(submitter, this);
-      submitter.click();
-    } else {
-      submitter = document.createElement("input");
-      submitter.type = "submit";
-      submitter.hidden = true;
-      this.appendChild(submitter);
-      submitter.click();
-      this.removeChild(submitter);
-    }
-  };
-
-  function validateSubmitter(submitter, form) {
-    submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
-    submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
-    submitter.form == form ||
-      raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
-  }
-
-  function raise(errorConstructor, message, name) {
-    throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
-  }
-})(HTMLFormElement.prototype);
-
-const submittersByForm = new WeakMap();
-
-function findSubmitterFromClickTarget(target) {
-  const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
-  const candidate = element ? element.closest("input, button") : null;
-  return candidate?.type == "submit" ? candidate : null
-}
-
-function clickCaptured(event) {
-  const submitter = findSubmitterFromClickTarget(event.target);
-
-  if (submitter && submitter.form) {
-    submittersByForm.set(submitter.form, submitter);
-  }
-}
-
-(function () {
-  if ("submitter" in Event.prototype) return
-
-  let prototype = window.Event.prototype;
-  // Certain versions of Safari 15 have a bug where they won't
-  // populate the submitter. This hurts TurboDrive's enable/disable detection.
-  // See https://bugs.webkit.org/show_bug.cgi?id=229660
-  if ("SubmitEvent" in window) {
-    const prototypeOfSubmitEvent = window.SubmitEvent.prototype;
-
-    if (/Apple Computer/.test(navigator.vendor) && !("submitter" in prototypeOfSubmitEvent)) {
-      prototype = prototypeOfSubmitEvent;
-    } else {
-      return // polyfill not needed
-    }
-  }
-
-  addEventListener("click", clickCaptured, true);
-
-  Object.defineProperty(prototype, "submitter", {
-    get() {
-      if (this.type == "submit" && this.target instanceof HTMLFormElement) {
-        return submittersByForm.get(this.target)
-      }
-    }
-  });
-})();
-
 const FrameLoadingStyle = {
   eager: "eager",
   lazy: "lazy"
@@ -374,10 +277,6 @@ function nextEventLoopTick() {
   return new Promise((resolve) => setTimeout(() => resolve(), 0))
 }
 
-function nextMicrotask() {
-  return Promise.resolve()
-}
-
 function parseHTMLDocument(html = "") {
   return new DOMParser().parseFromString(html, "text/html")
 }
@@ -406,7 +305,7 @@ function uuid() {
       } else if (i == 19) {
         return (Math.floor(Math.random() * 4) + 8).toString(16)
       } else {
-        return Math.floor(Math.random() * 15).toString(16)
+        return Math.floor(Math.random() * 16).toString(16)
       }
     })
     .join("")
@@ -558,14 +457,13 @@ function findLinkFromClickTarget(target) {
   const link = findClosestRecursively(target, "a[href], a[xlink\\:href]");
 
   if (!link) return null
+  if (link.href.startsWith("#")) return null
   if (link.hasAttribute("download")) return null
-  if (link.hasAttribute("target") && link.target !== "_self") return null
 
-  return link
-}
+  const linkTarget = link.getAttribute("target");
+  if (linkTarget && linkTarget !== "_self") return null
 
-function getLocationForLink(link) {
-  return expandURL(link.getAttribute("href") || "")
+  return link
 }
 
 function debounce(fn, delay) {
@@ -656,6 +554,10 @@ function locationIsVisitable(location, rootLocation) {
   return isPrefixedBy(location, rootLocation) && !config.drive.unvisitableExtensions.has(getExtension(location))
 }
 
+function getLocationForLink(link) {
+  return expandURL(link.getAttribute("href") || "")
+}
+
 function getRequestURL(url) {
   const anchor = getAnchor(url);
   return anchor != null ? url.href.slice(0, -(anchor.length + 1)) : url.href
@@ -1071,35 +973,113 @@ function importStreamElements(fragment) {
   return fragment
 }
 
-const PREFETCH_DELAY = 100;
+const identity = key => key;
 
-class PrefetchCache {
-  #prefetchTimeout = null
-  #prefetched = null
+class LRUCache {
+  keys = []
+  entries = {}
+  #toCacheKey
+
+  constructor(size, toCacheKey = identity) {
+    this.size = size;
+    this.#toCacheKey = toCacheKey;
+  }
 
-  get(url) {
-    if (this.#prefetched && this.#prefetched.url === url && this.#prefetched.expire > Date.now()) {
-      return this.#prefetched.request
+  has(key) {
+    return this.#toCacheKey(key) in this.entries
+  }
+
+  get(key) {
+    if (this.has(key)) {
+      const entry = this.read(key);
+      this.touch(key);
+      return entry
+    }
+  }
+
+  put(key, entry) {
+    this.write(key, entry);
+    this.touch(key);
+    return entry
+  }
+
+  clear() {
+    for (const key of Object.keys(this.entries)) {
+      this.evict(key);
+    }
+  }
+
+  // Private
+
+  read(key) {
+    return this.entries[this.#toCacheKey(key)]
+  }
+
+  write(key, entry) {
+    this.entries[this.#toCacheKey(key)] = entry;
+  }
+
+  touch(key) {
+    key = this.#toCacheKey(key);
+    const index = this.keys.indexOf(key);
+    if (index > -1) this.keys.splice(index, 1);
+    this.keys.unshift(key);
+    this.trim();
+  }
+
+  trim() {
+    for (const key of this.keys.splice(this.size)) {
+      this.evict(key);
     }
   }
 
-  setLater(url, request, ttl) {
-    this.clear();
+  evict(key) {
+    delete this.entries[key];
+  }
+}
+
+const PREFETCH_DELAY = 100;
+
+class PrefetchCache extends LRUCache {
+  #prefetchTimeout = null
+  #maxAges = {}
+
+  constructor(size = 1, prefetchDelay = PREFETCH_DELAY) {
+    super(size, toCacheKey);
+    this.prefetchDelay = prefetchDelay;
+  }
 
+  putLater(url, request, ttl) {
     this.#prefetchTimeout = setTimeout(() => {
       request.perform();
-      this.set(url, request, ttl);
+      this.put(url, request, ttl);
       this.#prefetchTimeout = null;
-    }, PREFETCH_DELAY);
+    }, this.prefetchDelay);
   }
 
-  set(url, request, ttl) {
-    this.#prefetched = { url, request, expire: new Date(new Date().getTime() + ttl) };
+  put(url, request, ttl = cacheTtl) {
+    super.put(url, request);
+    this.#maxAges[toCacheKey(url)] = new Date(new Date().getTime() + ttl);
   }
 
   clear() {
+    super.clear();
     if (this.#prefetchTimeout) clearTimeout(this.#prefetchTimeout);
-    this.#prefetched = null;
+  }
+
+  evict(key) {
+    super.evict(key);
+    delete this.#maxAges[key];
+  }
+
+  has(key) {
+    if (super.has(key)) {
+      const maxAge = this.#maxAges[toCacheKey(key)];
+
+      return maxAge && maxAge > Date.now()
+    } else {
+      return false
+    }
   }
 }
 
@@ -3802,6 +3782,10 @@ class PageSnapshot extends Snapshot {
       clonedPasswordInput.value = "";
     }
 
+    for (const clonedNoscriptElement of clonedElement.querySelectorAll("noscript")) {
+      clonedNoscriptElement.remove();
+    }
+
     return new PageSnapshot(this.documentElement, clonedElement, this.headSnapshot)
   }
 
@@ -3809,6 +3793,10 @@ class PageSnapshot extends Snapshot {
     return this.documentElement.getAttribute("lang")
   }
 
+  get dir() {
+    return this.documentElement.getAttribute("dir")
+  }
+
   get headElement() {
     return this.headSnapshot.element
   }
@@ -3839,12 +3827,12 @@ class PageSnapshot extends Snapshot {
     return viewTransitionEnabled && !window.matchMedia("(prefers-reduced-motion: reduce)").matches
   }
 
-  get shouldMorphPage() {
-    return this.getSetting("refresh-method") === "morph"
+  get refreshMethod() {
+    return this.getSetting("refresh-method")
   }
 
-  get shouldPreserveScrollPosition() {
-    return this.getSetting("refresh-scroll") === "preserve"
+  get refreshScroll() {
+    return this.getSetting("refresh-scroll")
   }
 
   // Private
@@ -3883,7 +3871,8 @@ const defaultOptions = {
   willRender: true,
   updateHistory: true,
   shouldCacheSnapshot: true,
-  acceptsStreamResponse: false
+  acceptsStreamResponse: false,
+  refresh: {}
 };
 
 const TimingMetric = {
@@ -3943,7 +3932,8 @@ class Visit {
       updateHistory,
       shouldCacheSnapshot,
       acceptsStreamResponse,
-      direction
+      direction,
+      refresh
     } = {
       ...defaultOptions,
       ...options
@@ -3954,7 +3944,6 @@ class Visit {
     this.snapshot = snapshot;
     this.snapshotHTML = snapshotHTML;
     this.response = response;
-    this.isSamePage = this.delegate.locationWithActionIsSamePage(this.location, this.action);
     this.isPageRefresh = this.view.isPageRefresh(this);
     this.visitCachedSnapshot = visitCachedSnapshot;
     this.willRender = willRender;
@@ -3963,6 +3952,7 @@ class Visit {
     this.shouldCacheSnapshot = shouldCacheSnapshot;
     this.acceptsStreamResponse = acceptsStreamResponse;
     this.direction = direction || Direction[action];
+    this.refresh = refresh;
   }
 
   get adapter() {
@@ -3981,10 +3971,6 @@ class Visit {
     return this.history.getRestorationDataForIdentifier(this.restorationIdentifier)
   }
 
-  get silent() {
-    return this.isSamePage
-  }
-
   start() {
     if (this.state == VisitState.initialized) {
       this.recordTimingMetric(TimingMetric.visitStart);
@@ -4121,7 +4107,7 @@ class Visit {
       const isPreview = this.shouldIssueRequest();
       this.render(async () => {
         this.cacheSnapshot();
-        if (this.isSamePage || this.isPageRefresh) {
+        if (this.isPageRefresh) {
           this.adapter.visitRendered(this);
         } else {
           if (this.view.renderPromise) await this.view.renderPromise;
@@ -4149,17 +4135,6 @@ class Visit {
     }
   }
 
-  goToSamePageAnchor() {
-    if (this.isSamePage) {
-      this.render(async () => {
-        this.cacheSnapshot();
-        this.performScroll();
-        this.changeHistory();
-        this.adapter.visitRendered(this);
-      });
-    }
-  }
-
   // Fetch request delegate
 
   prepareRequest(request) {
@@ -4221,9 +4196,6 @@ class Visit {
       } else {
         this.scrollToAnchor() || this.view.scrollToTop();
       }
-      if (this.isSamePage) {
-        this.delegate.visitScrolledToSamePageLocation(this.view.lastRenderedLocation, this.location);
-      }
 
       this.scrolled = true;
     }
@@ -4262,9 +4234,7 @@ class Visit {
   }
 
   shouldIssueRequest() {
-    if (this.isSamePage) {
-      return false
-    } else if (this.action == "restore") {
+    if (this.action == "restore") {
       return !this.hasCachedSnapshot()
     } else {
       return this.willRender
@@ -4328,7 +4298,6 @@ class BrowserAdapter {
 
     visit.loadCachedSnapshot();
     visit.issueRequest();
-    visit.goToSamePageAnchor();
   }
 
   visitRequestStarted(visit) {
@@ -4445,7 +4414,6 @@ class BrowserAdapter {
 
 class CacheObserver {
   selector = "[data-turbo-temporary]"
-  deprecatedSelector = "[data-turbo-cache=false]"
 
   started = false
 
@@ -4470,19 +4438,7 @@ class CacheObserver {
   }
 
   get temporaryElements() {
-    return [...document.querySelectorAll(this.selector), ...this.temporaryElementsWithDeprecation]
-  }
-
-  get temporaryElementsWithDeprecation() {
-    const elements = document.querySelectorAll(this.deprecatedSelector);
-
-    if (elements.length) {
-      console.warn(
-        `The ${this.deprecatedSelector} selector is deprecated and will be removed in a future version. Use ${this.selector} instead.`
-      );
-    }
-
-    return [...elements]
+    return [...document.querySelectorAll(this.selector)]
   }
 }
 
@@ -4572,7 +4528,6 @@ class History {
   restorationIdentifier = uuid()
   restorationData = {}
   started = false
-  pageLoaded = false
   currentIndex = 0
 
   constructor(delegate) {
@@ -4582,7 +4537,6 @@ class History {
   start() {
     if (!this.started) {
       addEventListener("popstate", this.onPopState, false);
-      addEventListener("load", this.onPageLoad, false);
       this.currentIndex = history.state?.turbo?.restorationIndex || 0;
       this.started = true;
       this.replace(new URL(window.location.href));
@@ -4592,7 +4546,6 @@ class History {
   stop() {
     if (this.started) {
       removeEventListener("popstate", this.onPopState, false);
-      removeEventListener("load", this.onPageLoad, false);
       this.started = false;
     }
   }
@@ -4648,34 +4601,20 @@ class History {
   // Event handlers
 
   onPopState = (event) => {
-    if (this.shouldHandlePopState()) {
-      const { turbo } = event.state || {};
-      if (turbo) {
-        this.location = new URL(window.location.href);
-        const { restorationIdentifier, restorationIndex } = turbo;
-        this.restorationIdentifier = restorationIdentifier;
-        const direction = restorationIndex > this.currentIndex ? "forward" : "back";
-        this.delegate.historyPoppedToLocationWithRestorationIdentifierAndDirection(this.location, restorationIdentifier, direction);
-        this.currentIndex = restorationIndex;
-      }
+    const { turbo } = event.state || {};
+    this.location = new URL(window.location.href);
+
+    if (turbo) {
+      const { restorationIdentifier, restorationIndex } = turbo;
+      this.restorationIdentifier = restorationIdentifier;
+      const direction = restorationIndex > this.currentIndex ? "forward" : "back";
+      this.delegate.historyPoppedToLocationWithRestorationIdentifierAndDirection(this.location, restorationIdentifier, direction);
+      this.currentIndex = restorationIndex;
+    } else {
+      this.currentIndex++;
+      this.delegate.historyPoppedWithEmptyState(this.location);
     }
   }
-
-  onPageLoad = async (_event) => {
-    await nextMicrotask();
-    this.pageLoaded = true;
-  }
-
-  // Private
-
-  shouldHandlePopState() {
-    // Safari dispatches a popstate event after window's load event, ignore it
-    return this.pageIsLoaded()
-  }
-
-  pageIsLoaded() {
-    return this.pageLoaded || document.readyState == "complete"
-  }
 }
 
 class LinkPrefetchObserver {
@@ -4750,7 +4689,7 @@ class LinkPrefetchObserver {
 
         fetchRequest.fetchOptions.priority = "low";
 
-        prefetchCache.setLater(location.toString(), fetchRequest, this.#cacheTtl);
+        prefetchCache.putLater(location, fetchRequest, this.#cacheTtl);
       }
     }
   }
@@ -4766,7 +4705,7 @@ class LinkPrefetchObserver {
 
   #tryToUsePrefetchedRequest = (event) => {
     if (event.target.tagName !== "FORM" && event.detail.fetchOptions.method === "GET") {
-      const cached = prefetchCache.get(event.detail.url.toString());
+      const cached = prefetchCache.get(event.detail.url);
 
       if (cached) {
         // User clicked link, use cache response
@@ -4956,7 +4895,7 @@ class Navigator {
       } else {
         await this.view.renderPage(snapshot, false, true, this.currentVisit);
       }
-      if(!snapshot.shouldPreserveScrollPosition) {
+      if (snapshot.refreshScroll !== "preserve") {
         this.view.scrollToTop();
       }
       this.view.clearSnapshotCache();
@@ -4996,20 +4935,10 @@ class Navigator {
     delete this.currentVisit;
   }
 
+  // Same-page links are no longer handled with a Visit.
+  // This method is still needed for Turbo Native adapters.
   locationWithActionIsSamePage(location, action) {
-    const anchor = getAnchor(location);
-    const currentAnchor = getAnchor(this.view.lastRenderedLocation);
-    const isRestorationToTop = action === "restore" && typeof anchor === "undefined";
-
-    return (
-      action !== "replace" &&
-      getRequestURL(location) === getRequestURL(this.view.lastRenderedLocation) &&
-      (isRestorationToTop || (anchor != null && anchor !== currentAnchor))
-    )
-  }
-
-  visitScrolledToSamePageLocation(oldURL, newURL) {
-    this.delegate.visitScrolledToSamePageLocation(oldURL, newURL);
+    return false
   }
 
   // Visits
@@ -5402,13 +5331,18 @@ class PageRenderer extends Renderer {
 
   #setLanguage() {
     const { documentElement } = this.currentSnapshot;
-    const { lang } = this.newSnapshot;
+    const { dir, lang } = this.newSnapshot;
 
     if (lang) {
       documentElement.setAttribute("lang", lang);
     } else {
       documentElement.removeAttribute("lang");
     }
+    if (dir) {
+      documentElement.setAttribute("dir", dir);
+    } else {
+      documentElement.removeAttribute("dir");
+    }
   }
 
   async mergeHead() {
@@ -5510,9 +5444,16 @@ class PageRenderer extends Renderer {
 
   activateNewBody() {
     document.adoptNode(this.newElement);
+    this.removeNoscriptElements();
     this.activateNewBodyScriptElements();
   }
 
+  removeNoscriptElements() {
+    for (const noscriptElement of this.newElement.querySelectorAll("noscript")) {
+      noscriptElement.remove();
+    }
+  }
+
   activateNewBodyScriptElements() {
     for (const inertScriptElement of this.newBodyScriptElements) {
       const activatedScriptElement = activateScriptElement(inertScriptElement);
@@ -5588,58 +5529,13 @@ class MorphingPageRenderer extends PageRenderer {
   }
 }
 
-class SnapshotCache {
-  keys = []
-  snapshots = {}
-
+class SnapshotCache extends LRUCache {
   constructor(size) {
-    this.size = size;
-  }
-
-  has(location) {
-    return toCacheKey(location) in this.snapshots
-  }
-
-  get(location) {
-    if (this.has(location)) {
-      const snapshot = this.read(location);
-      this.touch(location);
-      return snapshot
-    }
-  }
-
-  put(location, snapshot) {
-    this.write(location, snapshot);
-    this.touch(location);
-    return snapshot
+    super(size, toCacheKey);
   }
 
-  clear() {
-    this.snapshots = {};
-  }
-
-  // Private
-
-  read(location) {
-    return this.snapshots[toCacheKey(location)]
-  }
-
-  write(location, snapshot) {
-    this.snapshots[toCacheKey(location)] = snapshot;
-  }
-
-  touch(location) {
-    const key = toCacheKey(location);
-    const index = this.keys.indexOf(key);
-    if (index > -1) this.keys.splice(index, 1);
-    this.keys.unshift(key);
-    this.trim();
-  }
-
-  trim() {
-    for (const key of this.keys.splice(this.size)) {
-      delete this.snapshots[key];
-    }
+  get snapshots() {
+    return this.entries
   }
 }
 
@@ -5653,7 +5549,7 @@ class PageView extends View {
   }
 
   renderPage(snapshot, isPreview = false, willRender = true, visit) {
-    const shouldMorphPage = this.isPageRefresh(visit) && this.snapshot.shouldMorphPage;
+    const shouldMorphPage = this.isPageRefresh(visit) && (visit?.refresh?.method || this.snapshot.refreshMethod) === "morph";
     const rendererClass = shouldMorphPage ? MorphingPageRenderer : PageRenderer;
 
     const renderer = new rendererClass(this.snapshot, snapshot, isPreview, willRender);
@@ -5697,7 +5593,7 @@ class PageView extends View {
   }
 
   shouldPreserveScrollPosition(visit) {
-    return this.isPageRefresh(visit) && this.snapshot.shouldPreserveScrollPosition
+    return this.isPageRefresh(visit) && (visit?.refresh?.scroll || this.snapshot.refreshScroll) === "preserve"
   }
 
   get snapshot() {
@@ -5887,11 +5783,14 @@ class Session {
     }
   }
 
-  refresh(url, requestId) {
+  refresh(url, options = {}) {
+    options = typeof options === "string" ? { requestId: options } : options;
+
+    const { method, requestId, scroll } = options;
     const isRecentRequest = requestId && this.recentRequests.has(requestId);
     const isCurrentUrl = url === document.baseURI;
     if (!isRecentRequest && !this.navigator.currentVisit && isCurrentUrl) {
-      this.visit(url, { action: "replace", shouldCacheSnapshot: false });
+      this.visit(url, { action: "replace", shouldCacheSnapshot: false, refresh: { method, scroll } });
     }
   }
 
@@ -5995,6 +5894,12 @@ class Session {
     }
   }
 
+  historyPoppedWithEmptyState(location) {
+    this.history.replace(location);
+    this.view.lastRenderedLocation = location;
+    this.view.cacheSnapshot();
+  }
+
   // Scroll observer delegate
 
   scrollPositionChanged(position) {
@@ -6039,7 +5944,7 @@ class Session {
   // Navigator delegate
 
   allowsVisitingLocationWithAction(location, action) {
-    return this.locationWithActionIsSamePage(location, action) || this.applicationAllowsVisitingLocation(location)
+    return this.applicationAllowsVisitingLocation(location)
   }
 
   visitProposedToLocation(location, options) {
@@ -6055,9 +5960,7 @@ class Session {
       this.view.markVisitDirection(visit.direction);
     }
     extendURLWithDeprecatedProperties(visit.location);
-    if (!visit.silent) {
-      this.notifyApplicationAfterVisitingLocation(visit.location, visit.action);
-    }
+    this.notifyApplicationAfterVisitingLocation(visit.location, visit.action);
   }
 
   visitCompleted(visit) {
@@ -6066,14 +5969,6 @@ class Session {
     this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
   }
 
-  locationWithActionIsSamePage(location, action) {
-    return this.navigator.locationWithActionIsSamePage(location, action)
-  }
-
-  visitScrolledToSamePageLocation(oldURL, newURL) {
-    this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL);
-  }
-
   // Form submit observer delegate
 
   willSubmitForm(form, submitter) {
@@ -6113,9 +6008,7 @@ class Session {
   // Page view delegate
 
   viewWillCacheSnapshot() {
-    if (!this.navigator.currentVisit?.silent) {
-      this.notifyApplicationBeforeCachingSnapshot();
-    }
+    this.notifyApplicationBeforeCachingSnapshot();
   }
 
   allowsImmediateRender({ element }, options) {
@@ -6207,15 +6100,6 @@ class Session {
     })
   }
 
-  notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL) {
-    dispatchEvent(
-      new HashChangeEvent("hashchange", {
-        oldURL: oldURL.toString(),
-        newURL: newURL.toString()
-      })
-    );
-  }
-
   notifyApplicationAfterFrameLoad(frame) {
     return dispatch("turbo:frame-load", { target: frame })
   }
@@ -6301,7 +6185,7 @@ const deprecatedLocationPropertyDescriptors = {
 };
 
 const session = new Session(recentRequests);
-const { cache, navigator: navigator$1 } = session;
+const { cache, navigator } = session;
 
 /**
  * Starts the main session.
@@ -6367,19 +6251,6 @@ function renderStreamMessage(message) {
   session.renderStreamMessage(message);
 }
 
-/**
- * Removes all entries from the Turbo Drive page cache.
- * Call this when state has changed on the server that may affect cached pages.
- *
- * @deprecated since version 7.2.0 in favor of `Turbo.cache.clear()`
- */
-function clearCache() {
-  console.warn(
-    "Please replace `Turbo.clearCache()` with `Turbo.cache.clear()`. The top-level function is deprecated and will be removed in a future version of Turbo.`"
-  );
-  session.clearCache();
-}
-
 /**
  * Sets the delay after which the progress bar will appear during navigation.
  *
@@ -6439,7 +6310,7 @@ function morphTurboFrameElements(currentFrame, newFrame) {
 
 var Turbo = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  navigator: navigator$1,
+  navigator: navigator,
   session: session,
   cache: cache,
   PageRenderer: PageRenderer,
@@ -6453,7 +6324,6 @@ var Turbo = /*#__PURE__*/Object.freeze({
   connectStreamSource: connectStreamSource,
   disconnectStreamSource: disconnectStreamSource,
   renderStreamMessage: renderStreamMessage,
-  clearCache: clearCache,
   setProgressBarDelay: setProgressBarDelay,
   setConfirmMethod: setConfirmMethod,
   setFormMode: setFormMode,
@@ -6508,11 +6378,17 @@ class FrameController {
       this.formLinkClickObserver.stop();
       this.linkInterceptor.stop();
       this.formSubmitObserver.stop();
+
+      if (!this.element.hasAttribute("recurse")) {
+        this.#currentFetchRequest?.cancel();
+      }
     }
   }
 
   disabledChanged() {
-    if (this.loadingStyle == FrameLoadingStyle.eager) {
+    if (this.disabled) {
+      this.#currentFetchRequest?.cancel();
+    } else if (this.loadingStyle == FrameLoadingStyle.eager) {
       this.#loadSourceURL();
     }
   }
@@ -6520,6 +6396,10 @@ class FrameController {
   sourceURLChanged() {
     if (this.#isIgnoringChangesTo("src")) return
 
+    if (!this.sourceURL) {
+      this.#currentFetchRequest?.cancel();
+    }
+
     if (this.element.isConnected) {
       this.complete = false;
     }
@@ -6621,15 +6501,18 @@ class FrameController {
     }
 
     this.formSubmission = new FormSubmission(this, element, submitter);
+
     const { fetchRequest } = this.formSubmission;
-    this.prepareRequest(fetchRequest);
+    const frame = this.#findFrameElement(element, submitter);
+
+    this.prepareRequest(fetchRequest, frame);
     this.formSubmission.start();
   }
 
   // Fetch request delegate
 
-  prepareRequest(request) {
-    request.headers["Turbo-Frame"] = this.id;
+  prepareRequest(request, frame = this) {
+    request.headers["Turbo-Frame"] = frame.id;
 
     if (this.currentNavigationElement?.hasAttribute("data-turbo-stream")) {
       request.acceptResponseType(StreamMessage.contentType);
@@ -6871,7 +6754,9 @@ class FrameController {
 
   #findFrameElement(element, submitter) {
     const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
-    return getFrameElementById(id) ?? this.element
+    const target = this.#getFrameElementById(id);
+
+    return target instanceof FrameElement ? target : this.element
   }
 
   async extractForeignFrameElement(container) {
@@ -6915,9 +6800,11 @@ class FrameController {
     }
 
     if (id) {
-      const frameElement = getFrameElementById(id);
+      const frameElement = this.#getFrameElementById(id);
       if (frameElement) {
         return !frameElement.disabled
+      } else if (id == "_parent") {
+        return false
       }
     }
 
@@ -6938,8 +6825,12 @@ class FrameController {
     return this.element.id
   }
 
+  get disabled() {
+    return this.element.disabled
+  }
+
   get enabled() {
-    return !this.element.disabled
+    return !this.disabled
   }
 
   get sourceURL() {
@@ -6999,13 +6890,15 @@ class FrameController {
     callback();
     delete this.currentNavigationElement;
   }
-}
 
-function getFrameElementById(id) {
-  if (id != null) {
-    const element = document.getElementById(id);
-    if (element instanceof FrameElement) {
-      return element
+  #getFrameElementById(id) {
+    if (id != null) {
+      const element = id === "_parent" ?
+        this.element.parentElement.closest("turbo-frame") :
+        document.getElementById(id);
+      if (element instanceof FrameElement) {
+        return element
+      }
     }
   }
 }
@@ -7030,6 +6923,7 @@ function activateElement(element, currentURL) {
 
 const StreamActions = {
   after() {
+    this.removeDuplicateTargetSiblings();
     this.targetElements.forEach((e) => e.parentElement?.insertBefore(this.templateContent, e.nextSibling));
   },
 
@@ -7039,6 +6933,7 @@ const StreamActions = {
   },
 
   before() {
+    this.removeDuplicateTargetSiblings();
     this.targetElements.forEach((e) => e.parentElement?.insertBefore(this.templateContent, e));
   },
 
@@ -7077,7 +6972,11 @@ const StreamActions = {
   },
 
   refresh() {
-    session.refresh(this.baseURI, this.requestId);
+    const method = this.getAttribute("method");
+    const requestId = this.requestId;
+    const scroll = this.getAttribute("scroll");
+
+    session.refresh(this.baseURI, { method, requestId, scroll });
   }
 };
 
@@ -7155,6 +7054,23 @@ class StreamElement extends HTMLElement {
     return existingChildren.filter((c) => newChildrenIds.includes(c.getAttribute("id")))
   }
 
+  /**
+  * Removes duplicate siblings (by ID)
+  */
+  removeDuplicateTargetSiblings() {
+    this.duplicateSiblings.forEach((c) => c.remove());
+  }
+
+  /**
+  * Gets the list of duplicate siblings (i.e. those with the same ID)
+  */
+  get duplicateSiblings() {
+    const existingChildren = this.targetElements.flatMap((e) => [...e.parentElement.children]).filter((c) => !!c.id);
+    const newChildrenIds = [...(this.templateContent?.children || [])].filter((c) => !!c.id).map((c) => c.id);
+
+    return existingChildren.filter((c) => newChildrenIds.includes(c.id))
+  }
+
   /**
    * Gets the action function to be performed.
    */
@@ -7306,11 +7222,11 @@ if (customElements.get("turbo-stream-source") === undefined) {
 }
 
 (() => {
-  let element = document.currentScript;
-  if (!element) return
-  if (element.hasAttribute("data-turbo-suppress-warning")) return
+  const scriptElement = document.currentScript;
+  if (!scriptElement) return
+  if (scriptElement.hasAttribute("data-turbo-suppress-warning")) return
 
-  element = element.parentElement;
+  let element = scriptElement.parentElement;
   while (element) {
     if (element == document.body) {
       return console.warn(
@@ -7324,7 +7240,7 @@ if (customElements.get("turbo-stream-source") === undefined) {
         ——
         Suppress this warning by adding a "data-turbo-suppress-warning" attribute to: %s
       `,
-        element.outerHTML
+        scriptElement.outerHTML
       )
     }
 
@@ -7335,4 +7251,4 @@ if (customElements.get("turbo-stream-source") === undefined) {
 window.Turbo = { ...Turbo, StreamActions };
 start();
 
-export { FetchEnctype, FetchMethod, FetchRequest, FetchResponse, FrameElement, FrameLoadingStyle, FrameRenderer, PageRenderer, PageSnapshot, StreamActions, StreamElement, StreamSourceElement, cache, clearCache, config, connectStreamSource, disconnectStreamSource, fetchWithTurboHeaders as fetch, fetchEnctypeFromString, fetchMethodFromString, isSafe, morphBodyElements, morphChildren, morphElements, morphTurboFrameElements, navigator$1 as navigator, registerAdapter, renderStreamMessage, session, setConfirmMethod, setFormMode, setProgressBarDelay, start, visit };
+export { FetchEnctype, FetchMethod, FetchRequest, FetchResponse, FrameElement, FrameLoadingStyle, FrameRenderer, PageRenderer, PageSnapshot, StreamActions, StreamElement, StreamSourceElement, cache, config, connectStreamSource, disconnectStreamSource, fetchWithTurboHeaders as fetch, fetchEnctypeFromString, fetchMethodFromString, isSafe, morphBodyElements, morphChildren, morphElements, morphTurboFrameElements, navigator, registerAdapter, renderStreamMessage, session, setConfirmMethod, setFormMode, setProgressBarDelay, start, visit };