phoenix_live_view 1.2.0 → 1.2.2

package/priv/static/phoenix_live_view.js

@@ -689,7 +689,9 @@ var LiveView = (() => {
           if (this.once(el, "bind-debounce")) {
             el.addEventListener("blur", () => {
               clearTimeout(this.private(el, THROTTLED));
-              this.triggerCycle(el, DEBOUNCE_TRIGGER);
+              if (asyncFilter()) {
+                this.triggerCycle(el, DEBOUNCE_TRIGGER);
+              }
             });
           }
       }
@@ -2847,7 +2849,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
     transitionPendingRemoves() {
       const { pendingRemoves, liveSocket } = this;
       if (pendingRemoves.length > 0) {
-        liveSocket.transitionRemoves(pendingRemoves, () => {
+        liveSocket.transitionRemoves(pendingRemoves, this.view, () => {
           pendingRemoves.forEach((el) => {
             const child = dom_default.firstPhxChild(el);
             if (child) {
@@ -4476,6 +4478,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
       if (container) {
         const [tag, attrs] = container;
         this.el = dom_default.replaceRootContainer(this.el, tag, attrs);
+        dom_default.putPrivate(this.el, "view", this);
       }
       this.childJoins = 0;
       this.joinPending = true;
@@ -4562,6 +4565,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
         throw new Error("unable to find root element for view");
       }
       this.el = el;
+      dom_default.putPrivate(this.el, "view", this);
       this.el.setAttribute(PHX_ROOT_ID, this.root.id);
     }
     // this is invoked for dead and live views, so we must filter by
@@ -4752,6 +4756,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
       rootEl.setAttribute(PHX_SESSION, this.getSession());
       rootEl.setAttribute(PHX_STATIC, (_a = this.getStatic()) != null ? _a : "");
       this.parent && rootEl.setAttribute(PHX_PARENT_ID, this.parent.id);
+      dom_default.putPrivate(rootEl, "view", this);
       const formsToRecover = (
         // we go over all forms in the new DOM; because this is only the HTML for the current
         // view, we can be sure that all forms are owned by this view:
@@ -6112,7 +6117,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
      * Returns the version of the LiveView client.
      */
     version() {
-      return "1.2.0";
+      return "1.2.2";
     }
     /**
      * Returns true if profiling is enabled. See {@link enableProfiling} and {@link disableProfiling}.
@@ -6466,11 +6471,12 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
         `[${this.binding("remove")}]`
       ).filter((el) => !dom_default.isChildOfAny(el, stickies));
       const newMainEl = dom_default.cloneNode(this.outgoingMainEl, "");
-      this.main.showLoader(this.loaderTimeout);
-      this.main.destroy();
+      const oldMainView = this.main;
+      oldMainView.showLoader(this.loaderTimeout);
+      oldMainView.destroy();
       this.main = this.newRootView(newMainEl, flash, liveReferer);
       this.main.setRedirect(href);
-      this.transitionRemoves(removeEls);
+      this.transitionRemoves(removeEls, oldMainView);
       this.main.join((joinCount, onDone) => {
         if (joinCount === 1 && this.commitPendingLink(linkRef)) {
           this.requestDOMUpdate(() => {
@@ -6485,7 +6491,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
       });
     }
     /** @internal */
-    transitionRemoves(elements, callback) {
+    transitionRemoves(elements, view, callback) {
       const removeAttr = this.binding("remove");
       const silenceEvents = (e) => {
         e.preventDefault();
@@ -6495,7 +6501,8 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
         for (const event of this.boundEventNames) {
           el.addEventListener(event, silenceEvents, true);
         }
-        this.execJS(el, el.getAttribute(removeAttr), "remove");
+        const e = new CustomEvent("phx:exec", { detail: { sourceElement: el } });
+        js_default.exec(e, "remove", el.getAttribute(removeAttr), view, el);
       });
       this.requestDOMUpdate(() => {
         elements.forEach((el) => {
@@ -6521,7 +6528,7 @@ removing illegal node: "${("outerHTML" in childNode && childNode.outerHTML || ch
       let view;
       const viewEl = dom_default.closestViewEl(childEl);
       if (viewEl) {
-        view = this.getViewByEl(viewEl);
+        view = dom_default.private(viewEl, "view");
       } else {
         if (!childEl.isConnected) {
           return null;