@inertiajs/core 2.1.8 → 2.1.11

package/dist/index.esm.js

@@ -1869,10 +1869,10 @@ var Router = class {
     };
     const prefetched = prefetchedRequests.get(requestParams);
     if (prefetched) {
-      reveal(prefetched.inFlight);
+      progress.reveal(prefetched.inFlight);
       prefetchedRequests.use(prefetched, requestParams);
     } else {
-      reveal(true);
+      progress.reveal(true);
       requestStream.send(Request.create(requestParams, page.get()));
     }
   }
@@ -1911,7 +1911,7 @@ var Router = class {
     if (events.onBefore(visit) === false || !fireBeforeEvent(visit)) {
       return;
     }
-    hide();
+    progress.hide();
     this.asyncRequestStream.interruptInFlight();
     const requestParams = {
       ...visit,
@@ -2247,7 +2247,7 @@ function shouldNavigate(event) {
 
 // src/progress-component.ts
 var baseComponentSelector = "nprogress";
-var progress;
+var progress2;
 var settings = {
   minimum: 0.08,
   easing: "linear",
@@ -2276,9 +2276,9 @@ var configure = (options) => {
   if (settings.includeCSS) {
     injectCSS(settings.color);
   }
-  progress = document.createElement("div");
-  progress.id = baseComponentSelector;
-  progress.innerHTML = settings.template;
+  progress2 = document.createElement("div");
+  progress2.id = baseComponentSelector;
+  progress2.innerHTML = settings.template;
 };
 var set2 = (n) => {
   const started = isStarted();
@@ -2380,19 +2380,19 @@ var render = (fromStart) => {
     return document.getElementById(baseComponentSelector);
   }
   document.documentElement.classList.add(`${baseComponentSelector}-busy`);
-  const bar = progress.querySelector(settings.barSelector);
+  const bar = progress2.querySelector(settings.barSelector);
   const perc = fromStart ? "-100" : toBarPercentage(status || 0);
   const parent = getParent();
   bar.style.transition = "all 0 linear";
   bar.style.transform = `translate3d(${perc}%,0,0)`;
   if (!settings.showSpinner) {
-    progress.querySelector(settings.spinnerSelector)?.remove();
+    progress2.querySelector(settings.spinnerSelector)?.remove();
   }
   if (parent !== document.body) {
     parent.classList.add(`${baseComponentSelector}-custom-parent`);
   }
-  parent.appendChild(progress);
-  return progress;
+  parent.appendChild(progress2);
+  return progress2;
 };
 var getParent = () => {
   return isDOM(settings.parent) ? settings.parent : document.querySelector(settings.parent);
@@ -2400,7 +2400,7 @@ var getParent = () => {
 var remove = () => {
   document.documentElement.classList.remove(`${baseComponentSelector}-busy`);
   getParent().classList.remove(`${baseComponentSelector}-custom-parent`);
-  progress?.remove();
+  progress2?.remove();
 };
 var isRendered = () => {
   return document.getElementById(baseComponentSelector) !== null;
@@ -2506,13 +2506,13 @@ var injectCSS = (color) => {
   document.head.appendChild(element);
 };
 var show = () => {
-  if (progress) {
-    progress.style.display = "";
+  if (progress2) {
+    progress2.style.display = "";
   }
 };
-var hide2 = () => {
-  if (progress) {
-    progress.style.display = "none";
+var hide = () => {
+  if (progress2) {
+    progress2.style.display = "none";
   }
 };
 var progress_component_default = {
@@ -2524,49 +2524,77 @@ var progress_component_default = {
   start,
   status,
   show,
-  hide: hide2
+  hide
 };
 
 // src/progress.ts
-var hideCount = 0;
-var reveal = (force = false) => {
-  hideCount = Math.max(0, hideCount - 1);
-  if (force || hideCount === 0) {
-    progress_component_default.show();
+var Progress = class {
+  constructor() {
+    this.hideCount = 0;
+  }
+  start() {
+    progress_component_default.start();
+  }
+  reveal(force = false) {
+    this.hideCount = Math.max(0, this.hideCount - 1);
+    if (force || this.hideCount === 0) {
+      progress_component_default.show();
+    }
+  }
+  hide() {
+    this.hideCount++;
+    progress_component_default.hide();
+  }
+  set(status2) {
+    progress_component_default.set(Math.max(0, Math.min(1, status2)));
+  }
+  finish() {
+    progress_component_default.done();
+  }
+  reset() {
+    progress_component_default.set(0);
+  }
+  remove() {
+    progress_component_default.done();
+    progress_component_default.remove();
+  }
+  isStarted() {
+    return progress_component_default.isStarted();
+  }
+  getStatus() {
+    return progress_component_default.status;
   }
 };
-var hide = () => {
-  hideCount++;
-  progress_component_default.hide();
-};
+var progress = new Progress();
+var reveal = progress.reveal;
+var hide2 = progress.hide;
 function addEventListeners(delay) {
-  document.addEventListener("inertia:start", (e) => start2(e, delay));
-  document.addEventListener("inertia:progress", progress2);
+  document.addEventListener("inertia:start", (e) => handleStartEvent(e, delay));
+  document.addEventListener("inertia:progress", handleProgressEvent);
 }
-function start2(event, delay) {
+function handleStartEvent(event, delay) {
   if (!event.detail.visit.showProgress) {
-    hide();
+    progress.hide();
   }
-  const timeout = setTimeout(() => progress_component_default.start(), delay);
+  const timeout = setTimeout(() => progress.start(), delay);
   document.addEventListener("inertia:finish", (e) => finish(e, timeout), { once: true });
 }
-function progress2(event) {
-  if (progress_component_default.isStarted() && event.detail.progress?.percentage) {
-    progress_component_default.set(Math.max(progress_component_default.status, event.detail.progress.percentage / 100 * 0.9));
+function handleProgressEvent(event) {
+  if (progress.isStarted() && event.detail.progress?.percentage) {
+    progress.set(Math.max(progress.getStatus(), event.detail.progress.percentage / 100 * 0.9));
   }
 }
 function finish(event, timeout) {
   clearTimeout(timeout);
-  if (!progress_component_default.isStarted()) {
+  if (!progress.isStarted()) {
     return;
   }
   if (event.detail.visit.completed) {
-    progress_component_default.done();
+    progress.finish();
   } else if (event.detail.visit.interrupted) {
-    progress_component_default.set(0);
+    progress.reset();
   } else if (event.detail.visit.cancelled) {
-    progress_component_default.done();
-    progress_component_default.remove();
+    progress.remove();
   }
 }
 function setupProgress({
@@ -2718,11 +2746,12 @@ var router = new Router();
 export {
   createHeadManager,
   formDataToObject,
-  hide as hideProgress,
+  hide2 as hideProgress,
   hrefToUrl,
   isUrlMethodPair,
   mergeDataIntoQueryString,
   objectToFormData,
+  progress,
   resetFormFields,
   reveal as revealProgress,
   router,