@tanstack/query-devtools 5.59.20 → 5.61.4

package/build/chunk/{T4EIIERB.js → JAD5ECXD.js}

@@ -1,7 +1,9 @@
-// ../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/dist/solid.js
+// ../../node_modules/.pnpm/solid-js@1.9.3/node_modules/solid-js/dist/solid.js
 var sharedConfig = {
   context: void 0,
   registry: void 0,
+  effects: void 0,
+  done: false,
   getContextId() {
     return getContextId(this.context.count);
   },
@@ -25,6 +27,7 @@ function nextHydrateContext() {
 }
 var equalFn = (a, b) => a === b;
 var $PROXY = Symbol("solid-proxy");
+var SUPPORTS_PROXY = typeof Proxy === "function";
 var $TRACK = Symbol("solid-track");
 var signalOptions = {
   equals: equalFn
@@ -141,20 +144,21 @@ function createResource(pSource, pFetcher, pOptions) {
   }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
   if (sharedConfig.context) {
     id = sharedConfig.getNextContextId();
-    let v;
     if (options.ssrLoadFrom === "initial")
       initP = options.initialValue;
-    else if (sharedConfig.load && (v = sharedConfig.load(id)))
-      initP = v;
+    else if (sharedConfig.load && sharedConfig.has(id))
+      initP = sharedConfig.load(id);
   }
   function loadEnd(p, v, error2, key) {
     if (pr === p) {
       pr = null;
       key !== void 0 && (resolved = true);
       if ((p === initP || v === initP) && options.onHydrated)
-        queueMicrotask(() => options.onHydrated(key, {
-          value: v
-        }));
+        queueMicrotask(
+          () => options.onHydrated(key, {
+            value: v
+          })
+        );
       initP = NO_INIT;
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
@@ -210,10 +214,12 @@ function createResource(pSource, pFetcher, pOptions) {
     }
     if (Transition && pr)
       Transition.promises.delete(pr);
-    const p = initP !== NO_INIT ? initP : untrack(() => fetcher(lookup, {
-      value: value(),
-      refetching
-    }));
+    const p = initP !== NO_INIT ? initP : untrack(
+      () => fetcher(lookup, {
+        value: value(),
+        refetching
+      })
+    );
     if (!isPromise(p)) {
       loadEnd(pr, p, void 0, lookup);
       return p;
@@ -232,7 +238,10 @@ function createResource(pSource, pFetcher, pOptions) {
       setState(resolved ? "refreshing" : "pending");
       trigger();
     }, false);
-    return p.then((v) => loadEnd(p, v, void 0, lookup), (e) => loadEnd(p, void 0, castError(e), lookup));
+    return p.then(
+      (v) => loadEnd(p, v, void 0, lookup),
+      (e) => loadEnd(p, void 0, castError(e), lookup)
+    );
   }
   Object.defineProperties(read, {
     state: {
@@ -262,10 +271,13 @@ function createResource(pSource, pFetcher, pOptions) {
     createComputed(() => load(false));
   else
     load(false);
-  return [read, {
-    refetch: load,
-    mutate: setValue
-  }];
+  return [
+    read,
+    {
+      refetch: load,
+      mutate: setValue
+    }
+  ];
 }
 function batch(fn) {
   return runUpdates(fn, false);
@@ -469,7 +481,11 @@ function updateComputation(node) {
     return;
   cleanNode(node);
   const time = ExecCount;
-  runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
+  runComputation(
+    node,
+    Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value,
+    time
+  );
   if (Transition && !Transition.running && Transition.sources.has(node)) {
     queueMicrotask(() => {
       runUpdates(() => {
@@ -709,13 +725,14 @@ function runUserEffects(queue) {
       sharedConfig.effects || (sharedConfig.effects = []);
       sharedConfig.effects.push(...queue.slice(0, userLength));
       return;
-    } else if (sharedConfig.effects) {
-      queue = [...sharedConfig.effects, ...queue];
-      userLength += sharedConfig.effects.length;
-      delete sharedConfig.effects;
     }
     setHydrateContext();
   }
+  if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+    queue = [...sharedConfig.effects, ...queue];
+    userLength += sharedConfig.effects.length;
+    delete sharedConfig.effects;
+  }
   for (i = 0; i < userLength; i++)
     runTop(queue[i]);
 }
@@ -769,12 +786,12 @@ function cleanNode(node) {
       }
     }
   }
+  if (node.tOwned) {
+    for (i = node.tOwned.length - 1; i >= 0; i--)
+      cleanNode(node.tOwned[i]);
+    delete node.tOwned;
+  }
   if (Transition && Transition.running && node.pure) {
-    if (node.tOwned) {
-      for (i = node.tOwned.length - 1; i >= 0; i--)
-        cleanNode(node.tOwned[i]);
-      delete node.tOwned;
-    }
     reset(node, true);
   } else if (node.owned) {
     for (i = node.owned.length - 1; i >= 0; i--)
@@ -847,13 +864,16 @@ function resolveChildren(children2) {
 function createProvider(id, options) {
   return function provider(props) {
     let res;
-    createRenderEffect(() => res = untrack(() => {
-      Owner.context = {
-        ...Owner.context,
-        [id]: props.value
-      };
-      return children(() => props.children);
-    }), void 0);
+    createRenderEffect(
+      () => res = untrack(() => {
+        Owner.context = {
+          ...Owner.context,
+          [id]: props.value
+        };
+        return children(() => props.children);
+      }),
+      void 0
+    );
     return res;
   };
 }
@@ -1068,29 +1088,32 @@ function mergeProps(...sources) {
     proxy = proxy || !!s && $PROXY in s;
     sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
   }
-  if (proxy) {
-    return new Proxy({
-      get(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property];
-          if (v !== void 0)
-            return v;
-        }
-      },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i]))
-            return true;
+  if (SUPPORTS_PROXY && proxy) {
+    return new Proxy(
+      {
+        get(property) {
+          for (let i = sources.length - 1; i >= 0; i--) {
+            const v = resolveSource(sources[i])[property];
+            if (v !== void 0)
+              return v;
+          }
+        },
+        has(property) {
+          for (let i = sources.length - 1; i >= 0; i--) {
+            if (property in resolveSource(sources[i]))
+              return true;
+          }
+          return false;
+        },
+        keys() {
+          const keys = [];
+          for (let i = 0; i < sources.length; i++)
+            keys.push(...Object.keys(resolveSource(sources[i])));
+          return [...new Set(keys)];
         }
-        return false;
       },
-      keys() {
-        const keys = [];
-        for (let i = 0; i < sources.length; i++)
-          keys.push(...Object.keys(resolveSource(sources[i])));
-        return [...new Set(keys)];
-      }
-    }, propTraps);
+      propTraps
+    );
   }
   const sourcesMap = {};
   const defined = /* @__PURE__ */ Object.create(null);
@@ -1133,32 +1156,40 @@ function mergeProps(...sources) {
   return target;
 }
 function splitProps(props, ...keys) {
-  if ($PROXY in props) {
+  if (SUPPORTS_PROXY && $PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map((k) => {
-      return new Proxy({
-        get(property) {
-          return k.includes(property) ? props[property] : void 0;
-        },
-        has(property) {
-          return k.includes(property) && property in props;
+      return new Proxy(
+        {
+          get(property) {
+            return k.includes(property) ? props[property] : void 0;
+          },
+          has(property) {
+            return k.includes(property) && property in props;
+          },
+          keys() {
+            return k.filter((property) => property in props);
+          }
         },
-        keys() {
-          return k.filter((property) => property in props);
-        }
-      }, propTraps);
+        propTraps
+      );
     });
-    res.push(new Proxy({
-      get(property) {
-        return blocked.has(property) ? void 0 : props[property];
-      },
-      has(property) {
-        return blocked.has(property) ? false : property in props;
-      },
-      keys() {
-        return Object.keys(props).filter((k) => !blocked.has(k));
-      }
-    }, propTraps));
+    res.push(
+      new Proxy(
+        {
+          get(property) {
+            return blocked.has(property) ? void 0 : props[property];
+          },
+          has(property) {
+            return blocked.has(property) ? false : property in props;
+          },
+          keys() {
+            return Object.keys(props).filter((k) => !blocked.has(k));
+          }
+        },
+        propTraps
+      )
+    );
     return res;
   }
   const otherObject = {};
@@ -1191,7 +1222,7 @@ function lazy(fn) {
       sharedConfig.count || (sharedConfig.count = 0);
       sharedConfig.count++;
       (p || (p = fn())).then((mod) => {
-        setHydrateContext(ctx);
+        !sharedConfig.done && setHydrateContext(ctx);
         sharedConfig.count--;
         set(() => mod.default);
         setHydrateContext();
@@ -1202,17 +1233,19 @@ function lazy(fn) {
       comp = s;
     }
     let Comp;
-    return createMemo(() => (Comp = comp()) && untrack(() => {
-      if (false)
-        ;
-      if (!ctx)
-        return Comp(props);
-      const c = sharedConfig.context;
-      setHydrateContext(ctx);
-      const r = Comp(props);
-      setHydrateContext(c);
-      return r;
-    }));
+    return createMemo(
+      () => (Comp = comp()) ? untrack(() => {
+        if (false)
+          ;
+        if (!ctx || sharedConfig.done)
+          return Comp(props);
+        const c = sharedConfig.context;
+        setHydrateContext(ctx);
+        const r = Comp(props);
+        setHydrateContext(c);
+        return r;
+      }) : ""
+    );
   };
   wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p);
   return wrap;
@@ -1240,60 +1273,120 @@ function Show(props) {
   const condition = createMemo(() => props.when, void 0, {
     equals: (a, b) => keyed ? a === b : !a === !b
   });
-  return createMemo(() => {
-    const c = condition();
-    if (c) {
-      const child = props.children;
-      const fn = typeof child === "function" && child.length > 0;
-      return fn ? untrack(() => child(keyed ? c : () => {
-        if (!untrack(condition))
-          throw narrowedError("Show");
-        return props.when;
-      })) : child;
-    }
-    return props.fallback;
-  }, void 0, void 0);
+  return createMemo(
+    () => {
+      const c = condition();
+      if (c) {
+        const child = props.children;
+        const fn = typeof child === "function" && child.length > 0;
+        return fn ? untrack(
+          () => child(
+            keyed ? c : () => {
+              if (!untrack(condition))
+                throw narrowedError("Show");
+              return props.when;
+            }
+          )
+        ) : child;
+      }
+      return props.fallback;
+    },
+    void 0,
+    void 0
+  );
 }
 function Switch(props) {
   let keyed = false;
   const equals = (a, b) => (keyed ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
-  const conditions = children(() => props.children), evalConditions = createMemo(() => {
-    let conds = conditions();
-    if (!Array.isArray(conds))
-      conds = [conds];
-    for (let i = 0; i < conds.length; i++) {
-      const c = conds[i].when;
-      if (c) {
-        keyed = !!conds[i].keyed;
-        return [i, c, conds[i]];
+  const conditions = children(() => props.children), evalConditions = createMemo(
+    () => {
+      let conds = conditions();
+      if (!Array.isArray(conds))
+        conds = [conds];
+      for (let i = 0; i < conds.length; i++) {
+        const c = conds[i].when;
+        if (c) {
+          keyed = !!conds[i].keyed;
+          return [i, c, conds[i]];
+        }
       }
-    }
-    return [-1];
-  }, void 0, {
-    equals
-  });
-  return createMemo(() => {
-    const [index, when, cond] = evalConditions();
-    if (index < 0)
-      return props.fallback;
-    const c = cond.children;
-    const fn = typeof c === "function" && c.length > 0;
-    return fn ? untrack(() => c(keyed ? when : () => {
-      if (untrack(evalConditions)[0] !== index)
-        throw narrowedError("Match");
-      return cond.when;
-    })) : c;
-  }, void 0, void 0);
+      return [-1];
+    },
+    void 0,
+    {
+      equals
+    }
+  );
+  return createMemo(
+    () => {
+      const [index, when, cond] = evalConditions();
+      if (index < 0)
+        return props.fallback;
+      const c = cond.children;
+      const fn = typeof c === "function" && c.length > 0;
+      return fn ? untrack(
+        () => c(
+          keyed ? when : () => {
+            if (untrack(evalConditions)[0] !== index)
+              throw narrowedError("Match");
+            return cond.when;
+          }
+        )
+      ) : c;
+    },
+    void 0,
+    void 0
+  );
 }
 function Match(props) {
   return props;
 }
 var DEV = void 0;
 
-// ../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/web/dist/web.js
-var booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
-var Properties = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
-var ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]);
+// ../../node_modules/.pnpm/solid-js@1.9.3/node_modules/solid-js/web/dist/web.js
+var booleans = [
+  "allowfullscreen",
+  "async",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "indeterminate",
+  "inert",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  "selected"
+];
+var Properties = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "readOnly",
+  "formNoValidate",
+  "isMap",
+  "noModule",
+  "playsInline",
+  ...booleans
+]);
+var ChildProperties = /* @__PURE__ */ new Set([
+  "innerHTML",
+  "textContent",
+  "innerText",
+  "children"
+]);
 var Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
@@ -1327,7 +1420,30 @@ function getPropAlias(prop, tagName) {
   const a = PropAliases[prop];
   return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
 }
-var DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+var DelegatedEvents = /* @__PURE__ */ new Set([
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+]);
 var SVGElements = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
@@ -1479,14 +1595,14 @@ function render(code, element, init, options = {}) {
     element.textContent = "";
   };
 }
-function template(html, isCE, isSVG) {
+function template(html, isImportNode, isSVG) {
   let node;
   const create = () => {
     const t = document.createElement("template");
     t.innerHTML = html;
     return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
   };
-  const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
   fn.cloneNode = fn;
   return fn;
 }
@@ -1508,7 +1624,7 @@ function clearDelegatedEvents(document2 = window.document) {
   }
 }
 function setAttribute(node, name, value) {
-  if (!!sharedConfig.context && node.isConnected)
+  if (isHydrating(node))
     return;
   if (value == null)
     node.removeAttribute(name);
@@ -1516,15 +1632,20 @@ function setAttribute(node, name, value) {
     node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
-  if (!!sharedConfig.context && node.isConnected)
+  if (isHydrating(node))
     return;
   if (value == null)
     node.removeAttributeNS(namespace, name);
   else
     node.setAttributeNS(namespace, name, value);
 }
+function setBoolAttribute(node, name, value) {
+  if (isHydrating(node))
+    return;
+  value ? node.setAttribute(name, "") : node.removeAttribute(name);
+}
 function className(node, value) {
-  if (!!sharedConfig.context && node.isConnected)
+  if (isHydrating(node))
     return;
   if (value == null)
     node.removeAttribute("class");
@@ -1542,7 +1663,7 @@ function addEventListener(node, name, handler, delegate) {
     const handlerFn = handler[0];
     node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e));
   } else
-    node.addEventListener(name, handler);
+    node.addEventListener(name, handler, typeof handler !== "function" && handler);
 }
 function classList(node, value, prev = {}) {
   const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev);
@@ -1589,7 +1710,9 @@ function style(node, value, prev) {
 function spread(node, props = {}, isSVG, skipChildren) {
   const prevProps = {};
   if (!skipChildren) {
-    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
+    createRenderEffect(
+      () => prevProps.children = insertExpression(node, props.children, prevProps.children)
+    );
   }
   createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
   createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
@@ -1611,7 +1734,7 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
     if (!(prop in props)) {
       if (prop === "children")
         continue;
-      prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef);
+      prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props);
     }
   }
   for (const prop in props) {
@@ -1619,12 +1742,12 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
       continue;
     }
     const value = props[prop];
-    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef);
+    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props);
   }
 }
 function getNextElement(template2) {
-  let node, key;
-  if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
+  let node, key, hydrating = isHydrating();
+  if (!hydrating || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
     return template2();
   }
   if (sharedConfig.completed)
@@ -1632,6 +1755,9 @@ function getNextElement(template2) {
   sharedConfig.registry.delete(key);
   return node;
 }
+function isHydrating(node) {
+  return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected);
+}
 function toPropertyName(name) {
   return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
 }
@@ -1640,7 +1766,7 @@ function toggleClassKey(node, key, value) {
   for (let i = 0, nameLen = classNames.length; i < nameLen; i++)
     node.classList.toggle(classNames[i], value);
 }
-function assignProp(node, prop, value, prev, isSVG, skipRef) {
+function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
   let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style")
     return style(node, value, prev);
@@ -1653,8 +1779,8 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
       value(node);
   } else if (prop.slice(0, 3) === "on:") {
     const e = prop.slice(3);
-    prev && node.removeEventListener(e, prev);
-    value && node.addEventListener(e, value);
+    prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
+    value && node.addEventListener(e, value, typeof value !== "function" && value);
   } else if (prop.slice(0, 10) === "oncapture:") {
     const e = prop.slice(10);
     prev && node.removeEventListener(e, prev, true);
@@ -1672,11 +1798,13 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     }
   } else if (prop.slice(0, 5) === "attr:") {
     setAttribute(node, prop.slice(5), value);
-  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-"))) {
+  } else if (prop.slice(0, 5) === "bool:") {
+    setBoolAttribute(node, prop.slice(5), value);
+  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    } else if (!!sharedConfig.context && node.isConnected)
+    } else if (isHydrating(node))
       return value;
     if (prop === "class" || prop === "className")
       className(node, value);
@@ -1694,23 +1822,19 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   return value;
 }
 function eventHandler(e) {
-  const key = `$$${e.type}`;
-  let node = e.composedPath && e.composedPath()[0] || e.target;
-  if (e.target !== node) {
-    Object.defineProperty(e, "target", {
-      configurable: true,
-      value: node
-    });
+  if (sharedConfig.registry && sharedConfig.events) {
+    if (sharedConfig.events.find(([el, ev]) => ev === e))
+      return;
   }
-  Object.defineProperty(e, "currentTarget", {
+  let node = e.target;
+  const key = `$$${e.type}`;
+  const oriTarget = e.target;
+  const oriCurrentTarget = e.currentTarget;
+  const retarget = (value) => Object.defineProperty(e, "target", {
     configurable: true,
-    get() {
-      return node || document;
-    }
+    value
   });
-  if (sharedConfig.registry && !sharedConfig.done)
-    sharedConfig.done = _$HY.done = true;
-  while (node) {
+  const handleNode = () => {
     const handler = node[key];
     if (handler && !node.disabled) {
       const data = node[`${key}Data`];
@@ -1718,11 +1842,43 @@ function eventHandler(e) {
       if (e.cancelBubble)
         return;
     }
-    node = node._$host || node.parentNode || node.host;
-  }
+    node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host);
+    return true;
+  };
+  const walkUpTree = () => {
+    while (handleNode() && (node = node._$host || node.parentNode || node.host))
+      ;
+  };
+  Object.defineProperty(e, "currentTarget", {
+    configurable: true,
+    get() {
+      return node || document;
+    }
+  });
+  if (sharedConfig.registry && !sharedConfig.done)
+    sharedConfig.done = _$HY.done = true;
+  if (e.composedPath) {
+    const path = e.composedPath();
+    retarget(path[0]);
+    for (let i = 0; i < path.length - 2; i++) {
+      node = path[i];
+      if (!handleNode())
+        break;
+      if (node._$host) {
+        node = node._$host;
+        walkUpTree();
+        break;
+      }
+      if (node.parentNode === oriCurrentTarget) {
+        break;
+      }
+    }
+  } else
+    walkUpTree();
+  retarget(oriTarget);
 }
 function insertExpression(parent, value, current, marker, unwrapArray) {
-  const hydrating = !!sharedConfig.context && parent.isConnected;
+  const hydrating = isHydrating(parent);
   if (hydrating) {
     !current && (current = [...parent.childNodes]);
     let cleaned = [];
@@ -1785,9 +1941,11 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       if (!array.length)
         return current;
       if (marker === void 0)
-        return [...parent.childNodes];
+        return current = [...parent.childNodes];
       let node = array[0];
-      let nodes = [node];
+      if (node.parentNode !== parent)
+        return current;
+      const nodes = [node];
       while ((node = node.nextSibling) !== marker)
         nodes.push(node);
       return current = nodes;
@@ -1836,7 +1994,11 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
       if (unwrap) {
         while (typeof item === "function")
           item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
+        dynamic = normalizeIncomingArray(
+          normalized,
+          Array.isArray(item) ? item : [item],
+          Array.isArray(prev) ? prev : [prev]
+        ) || dynamic;
       } else {
         normalized.push(item);
         dynamic = true;
@@ -1885,39 +2047,41 @@ function createElement(tagName, isSVG = false) {
   return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
 }
 function Portal(props) {
-  const {
-    useShadow
-  } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
+  const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
   let content;
   let hydrating = !!sharedConfig.context;
-  createEffect(() => {
-    if (hydrating)
-      getOwner().user = hydrating = false;
-    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
-    const el = mount();
-    if (el instanceof HTMLHeadElement) {
-      const [clean, setClean] = createSignal(false);
-      const cleanup = () => setClean(true);
-      createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
-      onCleanup(cleanup);
-    } else {
-      const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
-        mode: "open"
-      }) : container;
-      Object.defineProperty(container, "_$host", {
-        get() {
-          return marker.parentNode;
-        },
-        configurable: true
-      });
-      insert(renderRoot, content);
-      el.appendChild(container);
-      props.ref && props.ref(container);
-      onCleanup(() => el.removeChild(container));
+  createEffect(
+    () => {
+      if (hydrating)
+        getOwner().user = hydrating = false;
+      content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
+      const el = mount();
+      if (el instanceof HTMLHeadElement) {
+        const [clean, setClean] = createSignal(false);
+        const cleanup = () => setClean(true);
+        createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
+        onCleanup(cleanup);
+      } else {
+        const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
+          mode: "open"
+        }) : container;
+        Object.defineProperty(container, "_$host", {
+          get() {
+            return marker.parentNode;
+          },
+          configurable: true
+        });
+        insert(renderRoot, content);
+        el.appendChild(container);
+        props.ref && props.ref(container);
+        onCleanup(() => el.removeChild(container));
+      }
+    },
+    void 0,
+    {
+      render: !hydrating
     }
-  }, void 0, {
-    render: !hydrating
-  });
+  );
   return marker;
 }
 function Dynamic(props) {