@inertiajs/core 2.3.9 → 2.3.10

package/dist/index.esm.js

@@ -575,7 +575,116 @@ var PrefetchedRequests = class {
 };
 var prefetchedRequests = new PrefetchedRequests();
 
+// src/domUtils.ts
+var elementInViewport = (el) => {
+  if (el.offsetParent === null) {
+    return false;
+  }
+  const rect = el.getBoundingClientRect();
+  const verticallyVisible = rect.top < window.innerHeight && rect.bottom >= 0;
+  const horizontallyVisible = rect.left < window.innerWidth && rect.right >= 0;
+  return verticallyVisible && horizontallyVisible;
+};
+var getScrollableParent = (element) => {
+  const allowsVerticalScroll = (el) => {
+    const computedStyle = window.getComputedStyle(el);
+    if (["scroll", "overlay"].includes(computedStyle.overflowY)) {
+      return true;
+    }
+    if (computedStyle.overflowY !== "auto") {
+      return false;
+    }
+    if (["visible", "clip"].includes(computedStyle.overflowX)) {
+      return true;
+    }
+    return hasDimensionConstraint(computedStyle.maxHeight, el.style.height);
+  };
+  const allowsHorizontalScroll = (el) => {
+    const computedStyle = window.getComputedStyle(el);
+    if (["scroll", "overlay"].includes(computedStyle.overflowX)) {
+      return true;
+    }
+    if (computedStyle.overflowX !== "auto") {
+      return false;
+    }
+    if (["visible", "clip"].includes(computedStyle.overflowY)) {
+      return true;
+    }
+    return hasDimensionConstraint(computedStyle.maxWidth, el.style.width);
+  };
+  const hasDimensionConstraint = (computedMaxDimension, inlineStyleDimension) => {
+    if (computedMaxDimension && computedMaxDimension !== "none" && computedMaxDimension !== "0px") {
+      return true;
+    }
+    if (inlineStyleDimension && inlineStyleDimension !== "auto" && inlineStyleDimension !== "0") {
+      return true;
+    }
+    return false;
+  };
+  let parent = element?.parentElement;
+  while (parent) {
+    const allowsScroll = allowsVerticalScroll(parent) || allowsHorizontalScroll(parent);
+    if (window.getComputedStyle(parent).display !== "contents" && allowsScroll) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return null;
+};
+var getElementsInViewportFromCollection = (elements, referenceElement) => {
+  if (!referenceElement) {
+    return elements.filter((element) => elementInViewport(element));
+  }
+  const referenceIndex = elements.indexOf(referenceElement);
+  const upwardElements = [];
+  const downwardElements = [];
+  for (let i = referenceIndex; i >= 0; i--) {
+    const element = elements[i];
+    if (elementInViewport(element)) {
+      upwardElements.push(element);
+    } else {
+      break;
+    }
+  }
+  for (let i = referenceIndex + 1; i < elements.length; i++) {
+    const element = elements[i];
+    if (elementInViewport(element)) {
+      downwardElements.push(element);
+    } else {
+      break;
+    }
+  }
+  return [...upwardElements.reverse(), ...downwardElements];
+};
+var requestAnimationFrame = (cb, times = 1) => {
+  window.requestAnimationFrame(() => {
+    if (times > 1) {
+      requestAnimationFrame(cb, times - 1);
+    } else {
+      cb();
+    }
+  });
+};
+var getInitialPageFromDOM = (id, useScriptElement = false) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  if (!useScriptElement) {
+    const el = document.getElementById(id);
+    if (el?.dataset.page) {
+      return JSON.parse(el.dataset.page);
+    }
+  }
+  const scriptEl = document.querySelector(`script[data-page="${id}"][type="application/json"]`);
+  if (scriptEl?.textContent) {
+    return JSON.parse(scriptEl.textContent);
+  }
+  return null;
+};
+
 // src/scroll.ts
+var isServer = typeof window === "undefined";
+var isFirefox = !isServer && /Firefox/i.test(window.navigator.userAgent);
 var Scroll = class {
   static save() {
     history.saveScrollPositions(this.getScrollRegions());
@@ -589,10 +698,16 @@ var Scroll = class {
   static regions() {
     return document.querySelectorAll("[scroll-region]");
   }
+  static scrollToTop() {
+    if (isFirefox && getComputedStyle(document.documentElement).scrollBehavior === "smooth") {
+      return requestAnimationFrame(() => window.scrollTo(0, 0), 2);
+    }
+    window.scrollTo(0, 0);
+  }
   static reset() {
-    const anchorHash = typeof window !== "undefined" ? window.location.hash : null;
+    const anchorHash = isServer ? null : window.location.hash;
     if (!anchorHash) {
-      window.scrollTo(0, 0);
+      this.scrollToTop();
     }
     this.regions().forEach((region) => {
       if (typeof region.scrollTo === "function") {
@@ -606,16 +721,16 @@ var Scroll = class {
     this.scrollToAnchor();
   }
   static scrollToAnchor() {
-    const anchorHash = typeof window !== "undefined" ? window.location.hash : null;
+    const anchorHash = isServer ? null : window.location.hash;
     if (anchorHash) {
       setTimeout(() => {
         const anchorElement = document.getElementById(anchorHash.slice(1));
-        anchorElement ? anchorElement.scrollIntoView() : window.scrollTo(0, 0);
+        anchorElement ? anchorElement.scrollIntoView() : this.scrollToTop();
       });
     }
   }
   static restore(scrollRegions) {
-    if (typeof window === "undefined") {
+    if (isServer) {
       return;
     }
     window.requestAnimationFrame(() => {
@@ -624,7 +739,7 @@ var Scroll = class {
     });
   }
   static restoreScrollRegions(scrollRegions) {
-    if (typeof window === "undefined") {
+    if (isServer) {
       return;
     }
     this.regions().forEach((region, index) => {
@@ -831,9 +946,9 @@ var CurrentPage = class {
         return;
       }
       page2.rememberedState ?? (page2.rememberedState = {});
-      const isServer2 = typeof window === "undefined";
-      const location = !isServer2 ? window.location : new URL(page2.url);
-      const scrollRegions = !isServer2 && preserveScroll ? Scroll.getScrollRegions() : [];
+      const isServer3 = typeof window === "undefined";
+      const location = !isServer3 ? window.location : new URL(page2.url);
+      const scrollRegions = !isServer3 && preserveScroll ? Scroll.getScrollRegions() : [];
       replace = replace || isSameUrlWithoutHash(hrefToUrl(page2.url), location);
       const pageForHistory = { ...page2, flash: {} };
       return new Promise(
@@ -993,9 +1108,9 @@ var Queue = class {
 };
 
 // src/history.ts
-var isServer = typeof window === "undefined";
+var isServer2 = typeof window === "undefined";
 var queue = new Queue();
-var isChromeIOS = !isServer && /CriOS/.test(window.navigator.userAgent);
+var isChromeIOS = !isServer2 && /CriOS/.test(window.navigator.userAgent);
 var History = class {
   constructor() {
     this.rememberedState = "rememberedState";
@@ -1015,12 +1130,12 @@ var History = class {
     });
   }
   restore(key) {
-    if (!isServer) {
+    if (!isServer2) {
       return this.current[this.rememberedState]?.[key] !== void 0 ? this.current[this.rememberedState]?.[key] : this.initialState?.[this.rememberedState]?.[key];
     }
   }
   pushState(page2, cb = null) {
-    if (isServer) {
+    if (isServer2) {
       return;
     }
     if (this.preserveUrl) {
@@ -1061,7 +1176,7 @@ var History = class {
     return queue.process();
   }
   decrypt(page2 = null) {
-    if (isServer) {
+    if (isServer2) {
       return Promise.resolve(page2 ?? page.get());
     }
     const pageData = page2 ?? window.history.state?.page;
@@ -1124,7 +1239,7 @@ var History = class {
       return;
     }
     page.merge(page2);
-    if (isServer) {
+    if (isServer2) {
       return;
     }
     if (this.preserveUrl) {
@@ -1202,7 +1317,7 @@ var History = class {
     }
   }
   browserHasHistoryEntry() {
-    return !isServer && !!window.history.state?.page;
+    return !isServer2 && !!window.history.state?.page;
   }
   clear() {
     SessionStorage.remove(historySessionStorageKeys.key);
@@ -1799,7 +1914,10 @@ var Response = class _Response {
   }
   getPageResponse() {
     const data = this.getDataFromResponse(this.response.data);
-    return this.response.data = { ...data, flash: data.flash ?? {} };
+    if (typeof data === "object") {
+      return this.response.data = { ...data, flash: data.flash ?? {} };
+    }
+    return this.response.data = data;
   }
   async handleNonInertiaResponse() {
     if (this.isLocationVisit()) {
@@ -2285,9 +2403,13 @@ var Router = class {
   cancel() {
     this.syncRequestStream.cancelInFlight();
   }
-  cancelAll({ prefetch = true } = {}) {
-    this.asyncRequestStream.cancelInFlight({ prefetch });
-    this.syncRequestStream.cancelInFlight();
+  cancelAll({ async = true, prefetch = true, sync = true } = {}) {
+    if (async) {
+      this.asyncRequestStream.cancelInFlight({ prefetch });
+    }
+    if (sync) {
+      this.syncRequestStream.cancelInFlight();
+    }
   }
   poll(interval, requestOptions = {}, options = {}) {
     return polls.add(interval, () => this.reload(requestOptions), {
@@ -2469,7 +2591,10 @@ var Router = class {
   }
   performClientVisit(params, { replace = false } = {}) {
     const current = page.get();
-    const props = typeof params.props === "function" ? params.props(current.props) : params.props ?? current.props;
+    const onceProps = typeof params.props === "function" ? Object.fromEntries(
+      Object.values(current.onceProps ?? {}).map((onceProp) => [onceProp.prop, current.props[onceProp.prop]])
+    ) : {};
+    const props = typeof params.props === "function" ? params.props(current.props, onceProps) : params.props ?? current.props;
     const flash = typeof params.flash === "function" ? params.flash(current.flash) : params.flash;
     const { viewTransition, onError, onFinish, onFlash, onSuccess, ...pageParams } = params;
     const page2 = {
@@ -2703,113 +2828,6 @@ var UseFormUtils = class {
   }
 };
 
-// src/domUtils.ts
-var elementInViewport = (el) => {
-  if (el.offsetParent === null) {
-    return false;
-  }
-  const rect = el.getBoundingClientRect();
-  const verticallyVisible = rect.top < window.innerHeight && rect.bottom >= 0;
-  const horizontallyVisible = rect.left < window.innerWidth && rect.right >= 0;
-  return verticallyVisible && horizontallyVisible;
-};
-var getScrollableParent = (element) => {
-  const allowsVerticalScroll = (el) => {
-    const computedStyle = window.getComputedStyle(el);
-    if (["scroll", "overlay"].includes(computedStyle.overflowY)) {
-      return true;
-    }
-    if (computedStyle.overflowY !== "auto") {
-      return false;
-    }
-    if (["visible", "clip"].includes(computedStyle.overflowX)) {
-      return true;
-    }
-    return hasDimensionConstraint(computedStyle.maxHeight, el.style.height);
-  };
-  const allowsHorizontalScroll = (el) => {
-    const computedStyle = window.getComputedStyle(el);
-    if (["scroll", "overlay"].includes(computedStyle.overflowX)) {
-      return true;
-    }
-    if (computedStyle.overflowX !== "auto") {
-      return false;
-    }
-    if (["visible", "clip"].includes(computedStyle.overflowY)) {
-      return true;
-    }
-    return hasDimensionConstraint(computedStyle.maxWidth, el.style.width);
-  };
-  const hasDimensionConstraint = (computedMaxDimension, inlineStyleDimension) => {
-    if (computedMaxDimension && computedMaxDimension !== "none" && computedMaxDimension !== "0px") {
-      return true;
-    }
-    if (inlineStyleDimension && inlineStyleDimension !== "auto" && inlineStyleDimension !== "0") {
-      return true;
-    }
-    return false;
-  };
-  let parent = element?.parentElement;
-  while (parent) {
-    const allowsScroll = allowsVerticalScroll(parent) || allowsHorizontalScroll(parent);
-    if (window.getComputedStyle(parent).display !== "contents" && allowsScroll) {
-      return parent;
-    }
-    parent = parent.parentElement;
-  }
-  return null;
-};
-var getElementsInViewportFromCollection = (elements, referenceElement) => {
-  if (!referenceElement) {
-    return elements.filter((element) => elementInViewport(element));
-  }
-  const referenceIndex = elements.indexOf(referenceElement);
-  const upwardElements = [];
-  const downwardElements = [];
-  for (let i = referenceIndex; i >= 0; i--) {
-    const element = elements[i];
-    if (elementInViewport(element)) {
-      upwardElements.push(element);
-    } else {
-      break;
-    }
-  }
-  for (let i = referenceIndex + 1; i < elements.length; i++) {
-    const element = elements[i];
-    if (elementInViewport(element)) {
-      downwardElements.push(element);
-    } else {
-      break;
-    }
-  }
-  return [...upwardElements.reverse(), ...downwardElements];
-};
-var requestAnimationFrame = (cb, times = 1) => {
-  window.requestAnimationFrame(() => {
-    if (times > 1) {
-      requestAnimationFrame(cb, times - 1);
-    } else {
-      cb();
-    }
-  });
-};
-var getInitialPageFromDOM = (id, useScriptElement = false) => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  if (!useScriptElement) {
-    const el = document.getElementById(id);
-    if (el?.dataset.page) {
-      return JSON.parse(el.dataset.page);
-    }
-  }
-  const scriptEl = document.querySelector(`script[data-page="${id}"][type="application/json"]`);
-  if (scriptEl?.textContent) {
-    return JSON.parse(scriptEl.textContent);
-  }
-  return null;
-};
-
 // src/formObject.ts
 import { get as get4, set as set4 } from "lodash-es";
 function undotKey(key) {
@@ -2946,7 +2964,7 @@ var Renderer = {
     sourceElements.forEach((element) => document.head.appendChild(element));
   }, 1)
 };
-function createHeadManager(isServer2, titleCallback, onUpdate) {
+function createHeadManager(isServer3, titleCallback, onUpdate) {
   const states = {};
   let lastProviderId = 0;
   function connect() {
@@ -2998,7 +3016,7 @@ function createHeadManager(isServer2, titleCallback, onUpdate) {
     return Object.values(elements);
   }
   function commit() {
-    isServer2 ? onUpdate(collect()) : Renderer.update(collect());
+    isServer3 ? onUpdate(collect()) : Renderer.update(collect());
   }
   commit();
   return {
@@ -3895,6 +3913,7 @@ function setupProgress({
 }
 
 // src/resetFormFields.ts
+var FormComponentResetSymbol = Symbol("FormComponentReset");
 function isFormElement(element) {
   return element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement;
 }
@@ -4025,13 +4044,16 @@ function resetFormFields(formElement, defaults, fieldNames) {
     }
   });
   if (hasChanged && resetEntireForm) {
-    formElement.dispatchEvent(new Event("reset", { bubbles: true }));
+    formElement.dispatchEvent(
+      new CustomEvent("reset", { bubbles: true, cancelable: true, detail: { [FormComponentResetSymbol]: true } })
+    );
   }
 }
 
 // src/index.ts
 var router = new Router();
 export {
+  FormComponentResetSymbol,
   UseFormUtils,
   config,
   createHeadManager,