@hotwired/turbo 7.0.1 → 7.1.0

package/dist/turbo.es2017-umd.js

@@ -1,5 +1,5 @@
 /*
-Turbo 7.0.0
+Turbo 7.1.0
 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;
@@ -171,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] || "";
     }
@@ -181,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
@@ -303,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) {
@@ -328,13 +410,8 @@ Copyright © 2021 Basecamp, LLC
             this.delegate = delegate;
             this.method = method;
             this.headers = this.defaultHeaders;
-            if (this.isIdempotent) {
-                this.url = mergeFormDataEntries(location, [...body.entries()]);
-            }
-            else {
-                this.body = body;
-                this.url = location;
-            }
+            this.body = body;
+            this.url = location;
             this.target = target;
         }
         get location() {
@@ -390,7 +467,7 @@ Copyright © 2021 Basecamp, LLC
                 credentials: "same-origin",
                 headers: this.headers,
                 redirect: "follow",
-                body: this.body,
+                body: this.isIdempotent ? null : this.body,
                 signal: this.abortSignal,
                 referrer: (_a = this.delegate.referrer) === null || _a === void 0 ? void 0 : _a.href
             };
@@ -412,7 +489,7 @@ Copyright © 2021 Basecamp, LLC
                 cancelable: true,
                 detail: {
                     fetchOptions,
-                    url: this.url.href,
+                    url: this.url,
                     resume: this.resolveRequestPromise
                 },
                 target: this.target
@@ -421,21 +498,6 @@ Copyright © 2021 Basecamp, LLC
                 await requestInterception;
         }
     }
-    function mergeFormDataEntries(url, entries) {
-        const currentSearchParams = new URLSearchParams(url.search);
-        for (const [name, value] of entries) {
-            if (value instanceof File)
-                continue;
-            if (currentSearchParams.has(name)) {
-                currentSearchParams.delete(name);
-                url.searchParams.set(name, value);
-            }
-            else {
-                url.searchParams.append(name, value);
-            }
-        }
-        return url;
-    }
 
     class AppearanceObserver {
         constructor(delegate, element) {
@@ -529,9 +591,16 @@ Copyright © 2021 Basecamp, LLC
             this.formElement = formElement;
             this.submitter = submitter;
             this.formData = buildFormData(formElement, submitter);
+            this.location = expandURL(this.action);
+            if (this.method == FetchMethod.get) {
+                mergeFormDataEntries(this.location, [...this.body.entries()]);
+            }
             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") || "";
@@ -542,9 +611,6 @@ Copyright © 2021 Basecamp, LLC
             const formElementAction = typeof this.formElement.action === 'string' ? this.formElement.action : null;
             return ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formaction")) || this.formElement.getAttribute("action") || formElementAction || "";
         }
-        get location() {
-            return expandURL(this.action);
-        }
         get body() {
             if (this.enctype == FormEnctype.urlEncoded || this.method == FetchMethod.get) {
                 return new URLSearchParams(this.stringFormData);
@@ -565,8 +631,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();
@@ -590,7 +668,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);
         }
@@ -620,7 +700,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);
         }
@@ -654,6 +736,16 @@ Copyright © 2021 Basecamp, LLC
     function responseSucceededWithoutRedirect(response) {
         return response.statusCode == 200 && !response.redirected;
     }
+    function mergeFormDataEntries(url, entries) {
+        const searchParams = new URLSearchParams;
+        for (const [name, value] of entries) {
+            if (value instanceof File)
+                continue;
+            searchParams.append(name, value);
+        }
+        url.search = searchParams.toString();
+        return url;
+    }
 
     class Snapshot {
         constructor(element) {
@@ -697,9 +789,10 @@ Copyright © 2021 Basecamp, LLC
         constructor(delegate, element) {
             this.submitBubbled = ((event) => {
                 const form = event.target;
-                if (form instanceof HTMLFormElement && form.closest("turbo-frame, html") == this.element) {
+                if (!event.defaultPrevented && 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);
@@ -914,10 +1007,11 @@ Copyright © 2021 Basecamp, LLC
     }
 
     class Renderer {
-        constructor(currentSnapshot, newSnapshot, isPreview) {
+        constructor(currentSnapshot, newSnapshot, isPreview, willRender = true) {
             this.currentSnapshot = currentSnapshot;
             this.newSnapshot = newSnapshot;
             this.isPreview = isPreview;
+            this.willRender = willRender;
             this.promise = new Promise((resolve, reject) => this.resolvingFunctions = { resolve, reject });
         }
         get shouldRender() {
@@ -1293,7 +1387,9 @@ Copyright © 2021 Basecamp, LLC
     })(VisitState || (VisitState = {}));
     const defaultOptions = {
         action: "advance",
-        historyChanged: false
+        historyChanged: false,
+        visitCachedSnapshot: () => { },
+        willRender: true,
     };
     var SystemStatusCode;
     (function (SystemStatusCode) {
@@ -1313,13 +1409,16 @@ 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, visitCachedSnapshot, willRender } = 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.visitCachedSnapshot = visitCachedSnapshot;
+            this.willRender = willRender;
+            this.scrolled = !willRender;
         }
         get adapter() {
             return this.delegate.adapter;
@@ -1421,7 +1520,7 @@ Copyright © 2021 Basecamp, LLC
                     if (this.view.renderPromise)
                         await this.view.renderPromise;
                     if (isSuccessful(statusCode) && responseHTML != null) {
-                        await this.view.renderPage(PageSnapshot.fromHTMLString(responseHTML));
+                        await this.view.renderPage(PageSnapshot.fromHTMLString(responseHTML), false, this.willRender);
                         this.adapter.visitRendered(this);
                         this.complete();
                     }
@@ -1461,7 +1560,7 @@ Copyright © 2021 Basecamp, LLC
                     else {
                         if (this.view.renderPromise)
                             await this.view.renderPromise;
-                        await this.view.renderPage(snapshot, isPreview);
+                        await this.view.renderPage(snapshot, isPreview, this.willRender);
                         this.adapter.visitRendered(this);
                         if (!isPreview) {
                             this.complete();
@@ -1471,7 +1570,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
@@ -1494,25 +1594,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();
@@ -1569,12 +1671,12 @@ Copyright © 2021 Basecamp, LLC
                 return !this.hasCachedSnapshot();
             }
             else {
-                return true;
+                return this.willRender;
             }
         }
         cacheSnapshot() {
             if (!this.snapshotCached) {
-                this.view.cacheSnapshot();
+                this.view.cacheSnapshot().then(snapshot => snapshot && this.visitCachedSnapshot(snapshot));
                 this.snapshotCached = true;
             }
         }
@@ -1610,10 +1712,10 @@ Copyright © 2021 Basecamp, LLC
             this.navigator.startVisit(location, uuid(), options);
         }
         visitStarted(visit) {
+            visit.loadCachedSnapshot();
             visit.issueRequest();
             visit.changeHistory();
             visit.goToSamePageAnchor();
-            visit.loadCachedSnapshot();
         }
         visitRequestStarted(visit) {
             this.progressBar.setValue(0);
@@ -1724,7 +1826,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);
@@ -1768,12 +1870,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);
@@ -1782,6 +1883,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;
@@ -1939,7 +2047,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 = {}) {
@@ -1950,12 +2063,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) {
@@ -1988,8 +2096,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);
                 }
             }
@@ -2041,7 +2150,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";
         }
     }
@@ -2235,7 +2344,9 @@ Copyright © 2021 Basecamp, LLC
             this.mergeHead();
         }
         async render() {
-            this.replaceBody();
+            if (this.willRender) {
+                this.replaceBody();
+            }
         }
         finishRendering() {
             super.finishRendering();
@@ -2373,8 +2484,8 @@ Copyright © 2021 Basecamp, LLC
             this.snapshotCache = new SnapshotCache(10);
             this.lastRenderedLocation = new URL(location.href);
         }
-        renderPage(snapshot, isPreview = false) {
-            const renderer = new PageRenderer(this.snapshot, snapshot, isPreview);
+        renderPage(snapshot, isPreview = false, willRender = true) {
+            const renderer = new PageRenderer(this.snapshot, snapshot, isPreview, willRender);
             return this.render(renderer);
         }
         renderError(snapshot) {
@@ -2389,7 +2500,9 @@ Copyright © 2021 Basecamp, LLC
                 this.delegate.viewWillCacheSnapshot();
                 const { snapshot, lastRenderedLocation: location } = this;
                 await nextEventLoopTick();
-                this.snapshotCache.put(location, snapshot.clone());
+                const cachedSnapshot = snapshot.clone();
+                this.snapshotCache.put(location, cachedSnapshot);
+                return cachedSnapshot;
             }
         }
         getCachedSnapshotForLocation(location) {
@@ -2491,7 +2604,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) {
@@ -2499,14 +2612,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";
                 form.hidden = true;
-                (_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(form, link);
+                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 {
@@ -2536,7 +2659,10 @@ Copyright © 2021 Basecamp, LLC
             this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL);
         }
         willSubmitForm(form, submitter) {
-            return this.elementDriveEnabled(form) && (!submitter || 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);
@@ -2592,6 +2718,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() {
@@ -2604,6 +2731,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) {
@@ -2638,8 +2766,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;
@@ -2682,6 +2819,9 @@ Copyright © 2021 Basecamp, LLC
     function setProgressBarDelay(delay) {
         session.setProgressBarDelay(delay);
     }
+    function setConfirmMethod(confirmMethod) {
+        FormSubmission.confirmMethod = confirmMethod;
+    }
 
     var Turbo = /*#__PURE__*/Object.freeze({
         __proto__: null,
@@ -2696,11 +2836,14 @@ Copyright © 2021 Basecamp, LLC
         disconnectStreamSource: disconnectStreamSource,
         renderStreamMessage: renderStreamMessage,
         clearCache: clearCache,
-        setProgressBarDelay: setProgressBarDelay
+        setProgressBarDelay: setProgressBarDelay,
+        setConfirmMethod: setConfirmMethod
     });
 
     class FrameController {
         constructor(element) {
+            this.fetchResponseLoaded = (fetchResponse) => { };
+            this.currentFetchRequest = null;
             this.resolveVisitPromise = () => { };
             this.connected = false;
             this.hasBeenLoaded = false;
@@ -2756,11 +2899,10 @@ Copyright © 2021 Basecamp, LLC
                 this.currentURL = this.sourceURL;
                 if (this.sourceURL) {
                     try {
-                        this.element.loaded = this.visit(this.sourceURL);
+                        this.element.loaded = this.visit(expandURL(this.sourceURL));
                         this.appearanceObserver.stop();
                         await this.element.loaded;
                         this.hasBeenLoaded = true;
-                        session.frameLoaded(this.element);
                     }
                     catch (error) {
                         this.currentURL = previousURL;
@@ -2770,7 +2912,7 @@ Copyright © 2021 Basecamp, LLC
             }
         }
         async loadResponse(fetchResponse) {
-            if (fetchResponse.redirected) {
+            if (fetchResponse.redirected || (fetchResponse.succeeded && fetchResponse.isHTML)) {
                 this.sourceURL = fetchResponse.response.url;
             }
             try {
@@ -2778,17 +2920,22 @@ Copyright © 2021 Basecamp, LLC
                 if (html) {
                     const { body } = parseHTMLDocument(html);
                     const snapshot = new Snapshot(await this.extractForeignFrameElement(body));
-                    const renderer = new FrameRenderer(this.view.snapshot, snapshot, false);
+                    const renderer = new FrameRenderer(this.view.snapshot, snapshot, false, false);
                     if (this.view.renderPromise)
                         await this.view.renderPromise;
                     await this.view.render(renderer);
                     session.frameRendered(fetchResponse, this.element);
+                    session.frameLoaded(this.element);
+                    this.fetchResponseLoaded(fetchResponse);
                 }
             }
             catch (error) {
                 console.error(error);
                 this.view.invalidate();
             }
+            finally {
+                this.fetchResponseLoaded = () => { };
+            }
         }
         elementAppearedInViewport(element) {
             this.loadSourceURL();
@@ -2814,20 +2961,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();
@@ -2845,14 +2987,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) {
@@ -2861,9 +3003,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;
@@ -2873,10 +3014,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, 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();
@@ -2884,12 +3029,27 @@ 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 { visitCachedSnapshot } = new SnapshotSubstitution(frame);
+                frame.delegate.fetchResponseLoaded = (fetchResponse) => {
+                    if (frame.src) {
+                        const { statusCode, redirected } = fetchResponse;
+                        const responseHTML = frame.ownerDocument.documentElement.outerHTML;
+                        const response = { statusCode, redirected, responseHTML };
+                        session.visit(frame.src, { action, response, visitCachedSnapshot, willRender: false });
+                    }
+                };
+            }
+        }
         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) {
@@ -2910,8 +3070,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;
             }
@@ -2968,6 +3135,23 @@ 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.visitCachedSnapshot = ({ element }) => {
+                var _a;
+                const { id, clone } = this;
+                (_a = element.querySelector("#" + id)) === null || _a === void 0 ? void 0 : _a.replaceWith(clone);
+            };
+            this.clone = element.cloneNode(true);
+            this.id = element.id;
+        }
     }
     function getFrameElementById(id) {
         if (id != null) {
@@ -2988,6 +3172,7 @@ Copyright © 2021 Basecamp, LLC
             }
             if (element instanceof FrameElement) {
                 element.connectedCallback();
+                element.disconnectedCallback();
                 return element;
             }
         }
@@ -3167,6 +3352,7 @@ Copyright © 2021 Basecamp, LLC
     exports.registerAdapter = registerAdapter;
     exports.renderStreamMessage = renderStreamMessage;
     exports.session = session;
+    exports.setConfirmMethod = setConfirmMethod;
     exports.setProgressBarDelay = setProgressBarDelay;
     exports.start = start;
     exports.visit = visit;