phoenix_live_view 1.0.1 → 1.0.2

package/priv/static/phoenix_live_view.esm.js

@@ -700,7 +700,7 @@ var DOM = {
     return FOCUSABLE_INPUTS.indexOf(el.type) >= 0;
   },
   isNowTriggerFormExternal(el, phxTriggerExternal) {
-    return el.getAttribute && el.getAttribute(phxTriggerExternal) !== null;
+    return el.getAttribute && el.getAttribute(phxTriggerExternal) !== null && document.body.contains(el);
   },
   cleanChildNodes(container, phxUpdate) {
     if (DOM.isPhxUpdate(container, phxUpdate, ["append", "prepend"])) {
@@ -1915,6 +1915,7 @@ var DOMPatch = class {
     let focused = liveSocket.getActiveElement();
     let { selectionStart, selectionEnd } = focused && dom_default.hasSelectionRange(focused) ? focused : {};
     let phxUpdate = liveSocket.binding(PHX_UPDATE);
+    let externalFormTriggered = null;
     morphdom_esm_default(container, clonedTree, {
       childrenOnly: false,
       onBeforeElUpdated: (fromEl, toEl) => {
@@ -1929,8 +1930,15 @@ var DOMPatch = class {
           dom_default.mergeFocusedInput(fromEl, toEl);
           return false;
         }
+        if (dom_default.isNowTriggerFormExternal(toEl, liveSocket.binding(PHX_TRIGGER_ACTION))) {
+          externalFormTriggered = toEl;
+        }
       }
     });
+    if (externalFormTriggered) {
+      liveSocket.unload();
+      Object.getPrototypeOf(externalFormTriggered).submit.call(externalFormTriggered);
+    }
     liveSocket.silenceEvents(() => dom_default.restoreFocus(focused, selectionStart, selectionEnd));
   }
   constructor(view, container, id, html, streams, targetCID) {
@@ -2727,7 +2735,7 @@ var JS = {
     let pushOpts = { loading, value, target, page_loading: !!page_loading };
     let targetSrc = eventType === "change" && dispatcher ? dispatcher : sourceEl;
     let phxTarget = target || targetSrc.getAttribute(view.binding("target")) || targetSrc;
-    view.withinTargets(phxTarget, (targetView, targetCtx) => {
+    const handler = (targetView, targetCtx) => {
       if (!targetView.isConnected()) {
         return;
       }
@@ -2744,7 +2752,12 @@ var JS = {
       } else {
         targetView.pushEvent(eventType, sourceEl, targetCtx, event || phxEvent, data, pushOpts, callback);
       }
-    });
+    };
+    if (args.targetView && args.targetCtx) {
+      handler(args.targetView, args.targetCtx);
+    } else {
+      view.withinTargets(phxTarget, handler);
+    }
   },
   exec_navigate(e, eventType, phxEvent, view, sourceEl, el, { href, replace }) {
     view.liveSocket.historyRedirect(e, href, replace ? "replace" : "push", null, sourceEl);
@@ -4557,12 +4570,19 @@ var View = class _View {
     this.withinTargets(phxTarget, (targetView, targetCtx) => {
       const cid = this.targetComponentID(newForm, targetCtx);
       pending++;
-      targetView.pushInput(input, targetCtx, cid, phxEvent, { _target: input.name }, () => {
-        pending--;
-        if (pending === 0) {
-          callback();
+      let e = new CustomEvent("phx:form-recovery", { detail: { sourceElement: oldForm } });
+      js_default.exec(e, "change", phxEvent, this, input, ["push", {
+        _target: input.name,
+        targetView,
+        targetCtx,
+        newCid: cid,
+        callback: () => {
+          pending--;
+          if (pending === 0) {
+            callback();
+          }
         }
-      });
+      }]);
     }, templateDom, templateDom);
   }
   pushLinkPatch(e, href, targetEl, callback) {
@@ -4704,7 +4724,7 @@ var LiveSocket = class {
   }
   // public
   version() {
-    return "1.0.1";
+    return "1.0.2";
   }
   isProfileEnabled() {
     return this.sessionStorage.getItem(PHX_LV_PROFILE) === "true";
@@ -4890,7 +4910,10 @@ var LiveSocket = class {
       if (!this.main) {
         this.main = view;
       }
-      window.requestAnimationFrame(() => view.execNewMounted());
+      window.requestAnimationFrame(() => {
+        view.execNewMounted();
+        this.maybeScroll(history.state?.scroll);
+      });
     }
   }
   joinRootViews() {