@hotwired/turbo 7.0.0-rc.4 → 7.1.0-rc.1

package/dist/turbo.es2017-umd.js

@@ -1,5 +1,5 @@
 /*
-Turbo 7.0.0-rc.3
+Turbo 7.0.1
 Copyright © 2021 Basecamp, LLC
  */
 (function (global, factory) {
@@ -26,6 +26,58 @@ Copyright © 2021 Basecamp, LLC
         Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
     })();
 
+    /**
+     * 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;
@@ -39,12 +91,20 @@ Copyright © 2021 Basecamp, LLC
         }
     }
     (function () {
-        if ("SubmitEvent" in window)
-            return;
         if ("submitter" in Event.prototype)
             return;
+        let prototype;
+        if ("SubmitEvent" in window && /Apple Computer/.test(navigator.vendor)) {
+            prototype = window.SubmitEvent.prototype;
+        }
+        else if ("SubmitEvent" in window) {
+            return;
+        }
+        else {
+            prototype = window.Event.prototype;
+        }
         addEventListener("click", clickCaptured, true);
-        Object.defineProperty(Event.prototype, "submitter", {
+        Object.defineProperty(prototype, "submitter", {
             get() {
                 if (this.type == "submit" && this.target instanceof HTMLFormElement) {
                     return submittersByForm.get(this.target);
@@ -163,6 +223,10 @@ Copyright © 2021 Basecamp, LLC
             return anchorMatch[1];
         }
     }
+    function getAction(form, submitter) {
+        const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formaction")) || form.getAttribute("action") || form.action;
+        return expandURL(action);
+    }
     function getExtension(url) {
         return (getLastPathComponent(url).match(/\.[^.]*$/) || [])[0] || "";
     }
@@ -173,6 +237,9 @@ Copyright © 2021 Basecamp, LLC
         const prefix = getPrefix(url);
         return baseURL.href === expandURL(prefix).href || baseURL.href.startsWith(prefix);
     }
+    function locationIsVisitable(location, rootLocation) {
+        return isPrefixedBy(location, rootLocation) && isHTML(location);
+    }
     function getRequestURL(url) {
         const anchor = getAnchor(url);
         return anchor != null
@@ -247,7 +314,12 @@ Copyright © 2021 Basecamp, LLC
 
     function dispatch(eventName, { target, cancelable, detail } = {}) {
         const event = new CustomEvent(eventName, { cancelable, bubbles: true, detail });
-        void (target || document.documentElement).dispatchEvent(event);
+        if (target && target.isConnected) {
+            target.dispatchEvent(event);
+        }
+        else {
+            document.documentElement.dispatchEvent(event);
+        }
         return event;
     }
     function nextAnimationFrame() {
@@ -290,6 +362,29 @@ Copyright © 2021 Basecamp, LLC
             }
         }).join("");
     }
+    function getAttribute(attributeName, ...elements) {
+        for (const value of elements.map(element => element === null || element === void 0 ? void 0 : element.getAttribute(attributeName))) {
+            if (typeof value == "string")
+                return value;
+        }
+        return null;
+    }
+    function markAsBusy(...elements) {
+        for (const element of elements) {
+            if (element.localName == "turbo-frame") {
+                element.setAttribute("busy", "");
+            }
+            element.setAttribute("aria-busy", "true");
+        }
+    }
+    function clearBusyState(...elements) {
+        for (const element of elements) {
+            if (element.localName == "turbo-frame") {
+                element.removeAttribute("busy");
+            }
+            element.removeAttribute("aria-busy");
+        }
+    }
 
     var FetchMethod;
     (function (FetchMethod) {
@@ -519,6 +614,9 @@ Copyright © 2021 Basecamp, LLC
             this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body, this.formElement);
             this.mustRedirect = mustRedirect;
         }
+        static confirmMethod(message, element) {
+            return confirm(message);
+        }
         get method() {
             var _a;
             const method = ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formmethod")) || this.formElement.getAttribute("method") || "";
@@ -552,8 +650,20 @@ Copyright © 2021 Basecamp, LLC
                 return entries.concat(typeof value == "string" ? [[name, value]] : []);
             }, []);
         }
+        get confirmationMessage() {
+            return this.formElement.getAttribute("data-turbo-confirm");
+        }
+        get needsConfirmation() {
+            return this.confirmationMessage !== null;
+        }
         async start() {
             const { initialized, requesting } = FormSubmissionState;
+            if (this.needsConfirmation) {
+                const answer = FormSubmission.confirmMethod(this.confirmationMessage, this.formElement);
+                if (!answer) {
+                    return;
+                }
+            }
             if (this.state == initialized) {
                 this.state = requesting;
                 return this.fetchRequest.perform();
@@ -577,7 +687,9 @@ Copyright © 2021 Basecamp, LLC
             }
         }
         requestStarted(request) {
+            var _a;
             this.state = FormSubmissionState.waiting;
+            (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", "");
             dispatch("turbo:submit-start", { target: this.formElement, detail: { formSubmission: this } });
             this.delegate.formSubmissionStarted(this);
         }
@@ -607,7 +719,9 @@ Copyright © 2021 Basecamp, LLC
             this.delegate.formSubmissionErrored(this, error);
         }
         requestFinished(request) {
+            var _a;
             this.state = FormSubmissionState.stopped;
+            (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled");
             dispatch("turbo:submit-end", { target: this.formElement, detail: Object.assign({ formSubmission: this }, this.result) });
             this.delegate.formSubmissionFinished(this);
         }
@@ -683,10 +797,11 @@ Copyright © 2021 Basecamp, LLC
     class FormInterceptor {
         constructor(delegate, element) {
             this.submitBubbled = ((event) => {
-                if (event.target instanceof HTMLFormElement) {
-                    const form = event.target;
+                const form = event.target;
+                if (form instanceof HTMLFormElement && form.closest("turbo-frame, html") == this.element) {
                     const submitter = event.submitter || undefined;
-                    if (this.delegate.shouldInterceptFormSubmission(form, submitter)) {
+                    const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.method;
+                    if (method != "dialog" && this.delegate.shouldInterceptFormSubmission(form, submitter)) {
                         event.preventDefault();
                         event.stopImmediatePropagation();
                         this.delegate.formSubmissionIntercepted(form, submitter);
@@ -1280,7 +1395,8 @@ Copyright © 2021 Basecamp, LLC
     })(VisitState || (VisitState = {}));
     const defaultOptions = {
         action: "advance",
-        historyChanged: false
+        delegate: {},
+        historyChanged: false,
     };
     var SystemStatusCode;
     (function (SystemStatusCode) {
@@ -1300,13 +1416,14 @@ Copyright © 2021 Basecamp, LLC
             this.delegate = delegate;
             this.location = location;
             this.restorationIdentifier = restorationIdentifier || uuid();
-            const { action, historyChanged, referrer, snapshotHTML, response } = Object.assign(Object.assign({}, defaultOptions), options);
+            const { action, historyChanged, referrer, snapshotHTML, response, delegate: optionalDelegate } = Object.assign(Object.assign({}, defaultOptions), options);
             this.action = action;
             this.historyChanged = historyChanged;
             this.referrer = referrer;
             this.snapshotHTML = snapshotHTML;
             this.response = response;
             this.isSamePage = this.delegate.locationWithActionIsSamePage(this.location, this.action);
+            this.optionalDelegate = optionalDelegate;
         }
         get adapter() {
             return this.delegate.adapter;
@@ -1329,6 +1446,8 @@ Copyright © 2021 Basecamp, LLC
                 this.state = VisitState.started;
                 this.adapter.visitStarted(this);
                 this.delegate.visitStarted(this);
+                if (this.optionalDelegate.visitStarted)
+                    this.optionalDelegate.visitStarted(this);
             }
         }
         cancel() {
@@ -1458,7 +1577,8 @@ Copyright © 2021 Basecamp, LLC
             }
         }
         followRedirect() {
-            if (this.redirectedToLocation && !this.followedRedirect) {
+            var _a;
+            if (this.redirectedToLocation && !this.followedRedirect && ((_a = this.response) === null || _a === void 0 ? void 0 : _a.redirected)) {
                 this.adapter.visitProposedToLocation(this.redirectedToLocation, {
                     action: 'replace',
                     response: this.response
@@ -1481,25 +1601,27 @@ Copyright © 2021 Basecamp, LLC
         }
         async requestSucceededWithResponse(request, response) {
             const responseHTML = await response.responseHTML;
+            const { redirected, statusCode } = response;
             if (responseHTML == undefined) {
-                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
+                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch, redirected });
             }
             else {
                 this.redirectedToLocation = response.redirected ? response.location : undefined;
-                this.recordResponse({ statusCode: response.statusCode, responseHTML });
+                this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
             }
         }
         async requestFailedWithResponse(request, response) {
             const responseHTML = await response.responseHTML;
+            const { redirected, statusCode } = response;
             if (responseHTML == undefined) {
-                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
+                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch, redirected });
             }
             else {
-                this.recordResponse({ statusCode: response.statusCode, responseHTML });
+                this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
             }
         }
         requestErrored(request, error) {
-            this.recordResponse({ statusCode: SystemStatusCode.networkFailure });
+            this.recordResponse({ statusCode: SystemStatusCode.networkFailure, redirected: false });
         }
         requestFinished() {
             this.finishRequest();
@@ -1563,6 +1685,8 @@ Copyright © 2021 Basecamp, LLC
             if (!this.snapshotCached) {
                 this.view.cacheSnapshot();
                 this.snapshotCached = true;
+                if (this.optionalDelegate.visitCachedSnapshot)
+                    this.optionalDelegate.visitCachedSnapshot(this);
             }
         }
         async render(callback) {
@@ -1711,7 +1835,7 @@ Copyright © 2021 Basecamp, LLC
                     const form = event.target instanceof HTMLFormElement ? event.target : undefined;
                     const submitter = event.submitter || undefined;
                     if (form) {
-                        const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.method;
+                        const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.getAttribute("method");
                         if (method != "dialog" && this.delegate.willSubmitForm(form, submitter)) {
                             event.preventDefault();
                             this.delegate.formSubmitted(form, submitter);
@@ -1755,12 +1879,11 @@ Copyright © 2021 Basecamp, LLC
         linkClickIntercepted(element, url) {
             const frame = this.findFrameElement(element);
             if (frame) {
-                frame.setAttribute("reloadable", "");
-                frame.src = url;
+                frame.delegate.linkClickIntercepted(element, url);
             }
         }
         shouldInterceptFormSubmission(element, submitter) {
-            return this.shouldRedirect(element, submitter);
+            return this.shouldSubmit(element, submitter);
         }
         formSubmissionIntercepted(element, submitter) {
             const frame = this.findFrameElement(element, submitter);
@@ -1769,6 +1892,13 @@ Copyright © 2021 Basecamp, LLC
                 frame.delegate.formSubmissionIntercepted(element, submitter);
             }
         }
+        shouldSubmit(form, submitter) {
+            var _a;
+            const action = getAction(form, submitter);
+            const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
+            const rootLocation = expandURL((_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/");
+            return this.shouldRedirect(form, submitter) && locationIsVisitable(action, rootLocation);
+        }
         shouldRedirect(element, submitter) {
             const frame = this.findFrameElement(element, submitter);
             return frame ? frame != element.closest("turbo-frame") : false;
@@ -1926,7 +2056,12 @@ Copyright © 2021 Basecamp, LLC
         }
         proposeVisit(location, options = {}) {
             if (this.delegate.allowsVisitingLocationWithAction(location, options.action)) {
-                this.delegate.visitProposedToLocation(location, options);
+                if (locationIsVisitable(location, this.view.snapshot.rootLocation)) {
+                    this.delegate.visitProposedToLocation(location, options);
+                }
+                else {
+                    window.location.href = location.toString();
+                }
             }
         }
         startVisit(locatable, restorationIdentifier, options = {}) {
@@ -1937,12 +2072,7 @@ Copyright © 2021 Basecamp, LLC
         submitForm(form, submitter) {
             this.stop();
             this.formSubmission = new FormSubmission(this, form, submitter, true);
-            if (this.formSubmission.isIdempotent) {
-                this.proposeVisit(this.formSubmission.fetchRequest.url, { action: this.getActionForFormSubmission(this.formSubmission) });
-            }
-            else {
-                this.formSubmission.start();
-            }
+            this.formSubmission.start();
         }
         stop() {
             if (this.formSubmission) {
@@ -1975,8 +2105,9 @@ Copyright © 2021 Basecamp, LLC
                     if (formSubmission.method != FetchMethod.get) {
                         this.view.clearSnapshotCache();
                     }
-                    const { statusCode } = fetchResponse;
-                    const visitOptions = { response: { statusCode, responseHTML } };
+                    const { statusCode, redirected } = fetchResponse;
+                    const action = this.getActionForFormSubmission(formSubmission);
+                    const visitOptions = { action, response: { statusCode, responseHTML, redirected } };
                     this.proposeVisit(fetchResponse.location, visitOptions);
                 }
             }
@@ -2009,6 +2140,9 @@ Copyright © 2021 Basecamp, LLC
         visitCompleted(visit) {
             this.delegate.visitCompleted(visit);
         }
+        visitCachedSnapshot(visit) {
+            this.delegate.visitCachedSnapshot(visit);
+        }
         locationWithActionIsSamePage(location, action) {
             const anchor = getAnchor(location);
             const currentAnchor = getAnchor(this.view.lastRenderedLocation);
@@ -2028,7 +2162,7 @@ Copyright © 2021 Basecamp, LLC
         }
         getActionForFormSubmission(formSubmission) {
             const { formElement, submitter } = formSubmission;
-            const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-action")) || formElement.getAttribute("data-turbo-action");
+            const action = getAttribute("data-turbo-action", submitter, formElement);
             return isAction(action) ? action : "advance";
         }
     }
@@ -2478,7 +2612,7 @@ Copyright © 2021 Basecamp, LLC
         }
         willFollowLinkToLocation(link, location) {
             return this.elementDriveEnabled(link)
-                && this.locationIsVisitable(location)
+                && locationIsVisitable(location, this.snapshot.rootLocation)
                 && this.applicationAllowsFollowingLinkToLocation(link, location);
         }
         followedLinkToLocation(link, location) {
@@ -2486,13 +2620,24 @@ Copyright © 2021 Basecamp, LLC
             this.convertLinkWithMethodClickToFormSubmission(link) || this.visit(location.href, { action });
         }
         convertLinkWithMethodClickToFormSubmission(link) {
-            var _a;
             const linkMethod = link.getAttribute("data-turbo-method");
             if (linkMethod) {
                 const form = document.createElement("form");
                 form.method = linkMethod;
                 form.action = link.getAttribute("href") || "undefined";
-                (_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(form, link);
+                form.hidden = true;
+                if (link.hasAttribute("data-turbo-confirm")) {
+                    form.setAttribute("data-turbo-confirm", link.getAttribute("data-turbo-confirm"));
+                }
+                const frame = this.getTargetFrameForLink(link);
+                if (frame) {
+                    form.setAttribute("data-turbo-frame", frame);
+                    form.addEventListener("turbo:submit-start", () => form.remove());
+                }
+                else {
+                    form.addEventListener("submit", () => form.remove());
+                }
+                document.body.appendChild(form);
                 return dispatch("submit", { cancelable: true, target: form });
             }
             else {
@@ -2515,6 +2660,8 @@ Copyright © 2021 Basecamp, LLC
         visitCompleted(visit) {
             this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
         }
+        visitCachedSnapshot(visit) {
+        }
         locationWithActionIsSamePage(location, action) {
             return this.navigator.locationWithActionIsSamePage(location, action);
         }
@@ -2522,7 +2669,10 @@ Copyright © 2021 Basecamp, LLC
             this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL);
         }
         willSubmitForm(form, submitter) {
-            return this.elementDriveEnabled(form) && this.elementDriveEnabled(submitter);
+            const action = getAction(form, submitter);
+            return this.elementDriveEnabled(form)
+                && (!submitter || this.elementDriveEnabled(submitter))
+                && locationIsVisitable(expandURL(action), this.snapshot.rootLocation);
         }
         formSubmitted(form, submitter) {
             this.navigator.submitForm(form, submitter);
@@ -2578,6 +2728,7 @@ Copyright © 2021 Basecamp, LLC
             return dispatch("turbo:before-visit", { detail: { url: location.href }, cancelable: true });
         }
         notifyApplicationAfterVisitingLocation(location, action) {
+            markAsBusy(document.documentElement);
             return dispatch("turbo:visit", { detail: { url: location.href, action } });
         }
         notifyApplicationBeforeCachingSnapshot() {
@@ -2590,6 +2741,7 @@ Copyright © 2021 Basecamp, LLC
             return dispatch("turbo:render");
         }
         notifyApplicationAfterPageLoad(timing = {}) {
+            clearBusyState(document.documentElement);
             return dispatch("turbo:load", { detail: { url: this.location.href, timing } });
         }
         notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL) {
@@ -2624,8 +2776,17 @@ Copyright © 2021 Basecamp, LLC
             const action = link.getAttribute("data-turbo-action");
             return isAction(action) ? action : "advance";
         }
-        locationIsVisitable(location) {
-            return isPrefixedBy(location, this.snapshot.rootLocation) && isHTML(location);
+        getTargetFrameForLink(link) {
+            const frame = link.getAttribute("data-turbo-frame");
+            if (frame) {
+                return frame;
+            }
+            else {
+                const container = link.closest("turbo-frame");
+                if (container) {
+                    return container.id;
+                }
+            }
         }
         get snapshot() {
             return this.view.snapshot;
@@ -2643,7 +2804,7 @@ Copyright © 2021 Basecamp, LLC
     };
 
     const session = new Session;
-    const { navigator } = session;
+    const { navigator: navigator$1 } = session;
     function start() {
         session.start();
     }
@@ -2668,10 +2829,13 @@ Copyright © 2021 Basecamp, LLC
     function setProgressBarDelay(delay) {
         session.setProgressBarDelay(delay);
     }
+    function setConfirmMethod(confirmMethod) {
+        FormSubmission.confirmMethod = confirmMethod;
+    }
 
     var Turbo = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        navigator: navigator,
+        navigator: navigator$1,
         session: session,
         PageRenderer: PageRenderer,
         PageSnapshot: PageSnapshot,
@@ -2682,11 +2846,13 @@ Copyright © 2021 Basecamp, LLC
         disconnectStreamSource: disconnectStreamSource,
         renderStreamMessage: renderStreamMessage,
         clearCache: clearCache,
-        setProgressBarDelay: setProgressBarDelay
+        setProgressBarDelay: setProgressBarDelay,
+        setConfirmMethod: setConfirmMethod
     });
 
     class FrameController {
         constructor(element) {
+            this.currentFetchRequest = null;
             this.resolveVisitPromise = () => { };
             this.connected = false;
             this.hasBeenLoaded = false;
@@ -2746,7 +2912,6 @@ Copyright © 2021 Basecamp, LLC
                         this.appearanceObserver.stop();
                         await this.element.loaded;
                         this.hasBeenLoaded = true;
-                        session.frameLoaded(this.element);
                     }
                     catch (error) {
                         this.currentURL = previousURL;
@@ -2769,6 +2934,7 @@ Copyright © 2021 Basecamp, LLC
                         await this.view.renderPromise;
                     await this.view.render(renderer);
                     session.frameRendered(fetchResponse, this.element);
+                    session.frameLoaded(this.element);
                 }
             }
             catch (error) {
@@ -2800,20 +2966,15 @@ Copyright © 2021 Basecamp, LLC
             }
             this.reloadable = false;
             this.formSubmission = new FormSubmission(this, element, submitter);
-            if (this.formSubmission.fetchRequest.isIdempotent) {
-                this.navigateFrame(element, this.formSubmission.fetchRequest.url.href, submitter);
-            }
-            else {
-                const { fetchRequest } = this.formSubmission;
-                this.prepareHeadersForRequest(fetchRequest.headers, fetchRequest);
-                this.formSubmission.start();
-            }
+            const { fetchRequest } = this.formSubmission;
+            this.prepareHeadersForRequest(fetchRequest.headers, fetchRequest);
+            this.formSubmission.start();
         }
         prepareHeadersForRequest(headers, request) {
             headers["Turbo-Frame"] = this.id;
         }
         requestStarted(request) {
-            this.element.setAttribute("busy", "");
+            markAsBusy(this.element);
         }
         requestPreventedHandlingResponse(request, response) {
             this.resolveVisitPromise();
@@ -2831,14 +2992,14 @@ Copyright © 2021 Basecamp, LLC
             this.resolveVisitPromise();
         }
         requestFinished(request) {
-            this.element.removeAttribute("busy");
+            clearBusyState(this.element);
         }
-        formSubmissionStarted(formSubmission) {
-            const frame = this.findFrameElement(formSubmission.formElement);
-            frame.setAttribute("busy", "");
+        formSubmissionStarted({ formElement }) {
+            markAsBusy(formElement, this.findFrameElement(formElement));
         }
         formSubmissionSucceededWithResponse(formSubmission, response) {
             const frame = this.findFrameElement(formSubmission.formElement, formSubmission.submitter);
+            this.proposeVisitIfNavigatedWithAction(frame, formSubmission.formElement, formSubmission.submitter);
             frame.delegate.loadResponse(response);
         }
         formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
@@ -2847,9 +3008,8 @@ Copyright © 2021 Basecamp, LLC
         formSubmissionErrored(formSubmission, error) {
             console.error(error);
         }
-        formSubmissionFinished(formSubmission) {
-            const frame = this.findFrameElement(formSubmission.formElement);
-            frame.removeAttribute("busy");
+        formSubmissionFinished({ formElement }) {
+            clearBusyState(formElement, this.findFrameElement(formElement));
         }
         allowsImmediateRender(snapshot, resume) {
             return true;
@@ -2859,10 +3019,14 @@ Copyright © 2021 Basecamp, LLC
         viewInvalidated() {
         }
         async visit(url) {
-            const request = new FetchRequest(this, FetchMethod.get, expandURL(url), undefined, this.element);
+            var _a;
+            const request = new FetchRequest(this, FetchMethod.get, expandURL(url), new URLSearchParams, this.element);
+            (_a = this.currentFetchRequest) === null || _a === void 0 ? void 0 : _a.cancel();
+            this.currentFetchRequest = request;
             return new Promise(resolve => {
                 this.resolveVisitPromise = () => {
                     this.resolveVisitPromise = () => { };
+                    this.currentFetchRequest = null;
                     resolve();
                 };
                 request.perform();
@@ -2870,12 +3034,29 @@ Copyright © 2021 Basecamp, LLC
         }
         navigateFrame(element, url, submitter) {
             const frame = this.findFrameElement(element, submitter);
+            this.proposeVisitIfNavigatedWithAction(frame, element, submitter);
             frame.setAttribute("reloadable", "");
             frame.src = url;
         }
+        proposeVisitIfNavigatedWithAction(frame, element, submitter) {
+            const action = getAttribute("data-turbo-action", submitter, element, frame);
+            if (isAction(action)) {
+                const delegate = new SnapshotSubstitution(frame);
+                const proposeVisit = (event) => {
+                    const { target, detail: { fetchResponse } } = event;
+                    if (target instanceof FrameElement && target.src) {
+                        const { statusCode, redirected } = fetchResponse;
+                        const responseHTML = target.ownerDocument.documentElement.outerHTML;
+                        const response = { statusCode, redirected, responseHTML };
+                        session.visit(target.src, { action, response, delegate });
+                    }
+                };
+                frame.addEventListener("turbo:frame-render", proposeVisit, { once: true });
+            }
+        }
         findFrameElement(element, submitter) {
             var _a;
-            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
             return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element;
         }
         async extractForeignFrameElement(container) {
@@ -2896,8 +3077,15 @@ Copyright © 2021 Basecamp, LLC
             }
             return new FrameElement();
         }
+        formActionIsVisitable(form, submitter) {
+            const action = getAction(form, submitter);
+            return locationIsVisitable(expandURL(action), this.rootLocation);
+        }
         shouldInterceptNavigation(element, submitter) {
-            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
+            if (element instanceof HTMLFormElement && !this.formActionIsVisitable(element, submitter)) {
+                return false;
+            }
             if (!this.enabled || id == "_top") {
                 return false;
             }
@@ -2954,6 +3142,28 @@ Copyright © 2021 Basecamp, LLC
         get isActive() {
             return this.element.isActive && this.connected;
         }
+        get rootLocation() {
+            var _a;
+            const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
+            const root = (_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/";
+            return expandURL(root);
+        }
+    }
+    class SnapshotSubstitution {
+        constructor(element) {
+            this.clone = element.cloneNode(true);
+            this.id = element.id;
+        }
+        visitStarted(visit) {
+            this.snapshot = visit.view.snapshot;
+        }
+        visitCachedSnapshot() {
+            var _a;
+            const { snapshot, id, clone } = this;
+            if (snapshot) {
+                (_a = snapshot.element.querySelector("#" + id)) === null || _a === void 0 ? void 0 : _a.replaceWith(clone);
+            }
+        }
     }
     function getFrameElementById(id) {
         if (id != null) {
@@ -3149,10 +3359,11 @@ Copyright © 2021 Basecamp, LLC
     exports.clearCache = clearCache;
     exports.connectStreamSource = connectStreamSource;
     exports.disconnectStreamSource = disconnectStreamSource;
-    exports.navigator = navigator;
+    exports.navigator = navigator$1;
     exports.registerAdapter = registerAdapter;
     exports.renderStreamMessage = renderStreamMessage;
     exports.session = session;
+    exports.setConfirmMethod = setConfirmMethod;
     exports.setProgressBarDelay = setProgressBarDelay;
     exports.start = start;
     exports.visit = visit;