@oscarpalmer/atoms 0.45.0 → 0.46.0

package/dist/js/index.js

@@ -960,6 +960,7 @@ var work2 = function(type, timer2, state, options, isRepeated2) {
     options.afterCallback?.(false);
   }
   if (type === "stop") {
+    activeTimers.delete(timer2);
     state.active = false;
     state.frame = undefined;
     return timer2;
@@ -1005,9 +1006,25 @@ var work2 = function(type, timer2, state, options, isRepeated2) {
     }
     state.frame = requestAnimationFrame(step);
   }
+  activeTimers.add(timer2);
   state.frame = requestAnimationFrame(step);
   return timer2;
 };
+var activeTimers = new Set;
+var hiddenTimers = new Set;
+document.addEventListener("visibilitychange", () => {
+  if (document.hidden) {
+    for (const timer2 of activeTimers) {
+      hiddenTimers.add(timer2);
+      timer2.stop();
+    }
+  } else {
+    for (const timer2 of hiddenTimers) {
+      timer2.start();
+    }
+    hiddenTimers.clear();
+  }
+});
 // src/js/touch.ts
 var supportsTouch = (() => {
   let value = false;

package/dist/js/timer.js

@@ -119,6 +119,7 @@ var work = function(type, timer2, state, options, isRepeated2) {
     options.afterCallback?.(false);
   }
   if (type === "stop") {
+    activeTimers.delete(timer2);
     state.active = false;
     state.frame = undefined;
     return timer2;
@@ -164,9 +165,25 @@ var work = function(type, timer2, state, options, isRepeated2) {
     }
     state.frame = requestAnimationFrame(step);
   }
+  activeTimers.add(timer2);
   state.frame = requestAnimationFrame(step);
   return timer2;
 };
+var activeTimers = new Set;
+var hiddenTimers = new Set;
+document.addEventListener("visibilitychange", () => {
+  if (document.hidden) {
+    for (const timer2 of activeTimers) {
+      hiddenTimers.add(timer2);
+      timer2.stop();
+    }
+  } else {
+    for (const timer2 of hiddenTimers) {
+      timer2.start();
+    }
+    hiddenTimers.clear();
+  }
+});
 export {
   when,
   wait,

package/dist/js/timer.mjs

@@ -119,6 +119,7 @@ var work = function(type, timer2, state, options, isRepeated2) {
     options.afterCallback?.(false);
   }
   if (type === "stop") {
+    activeTimers.delete(timer2);
     state.active = false;
     state.frame = undefined;
     return timer2;
@@ -164,9 +165,25 @@ var work = function(type, timer2, state, options, isRepeated2) {
     }
     state.frame = requestAnimationFrame(step);
   }
+  activeTimers.add(timer2);
   state.frame = requestAnimationFrame(step);
   return timer2;
 };
+var activeTimers = new Set;
+var hiddenTimers = new Set;
+document.addEventListener("visibilitychange", () => {
+  if (document.hidden) {
+    for (const timer2 of activeTimers) {
+      hiddenTimers.add(timer2);
+      timer2.stop();
+    }
+  } else {
+    for (const timer2 of hiddenTimers) {
+      timer2.start();
+    }
+    hiddenTimers.clear();
+  }
+});
 export {
   when,
   wait,

package/package.json

@@ -131,5 +131,5 @@
 	},
 	"type": "module",
 	"types": "./types/index.d.ts",
-	"version": "0.45.0"
+	"version": "0.46.0"
 }

package/src/js/timer.ts

@@ -101,6 +101,9 @@ type WhenOptions = {} & OptionsWithCount;
 
 type WorkType = 'restart' | 'start' | 'stop';
 
+const activeTimers = new Set<Timer>();
+const hiddenTimers = new Set<Timer>();
+
 function getValueOrDefault(value: unknown, defaultValue: number): number {
 	return typeof value === 'number' && value > 0 ? value : defaultValue;
 }
@@ -331,6 +334,8 @@ function work(
 	}
 
 	if (type === 'stop') {
+		activeTimers.delete(timer);
+
 		state.active = false;
 		state.frame = undefined;
 
@@ -398,7 +403,24 @@ function work(
 		state.frame = requestAnimationFrame(step);
 	}
 
+	activeTimers.add(timer);
+
 	state.frame = requestAnimationFrame(step);
 
 	return timer;
 }
+
+document.addEventListener('visibilitychange', () => {
+	if (document.hidden) {
+		for (const timer of activeTimers) {
+			hiddenTimers.add(timer);
+			timer.stop();
+		}
+	} else {
+		for (const timer of hiddenTimers) {
+			timer.start();
+		}
+
+		hiddenTimers.clear();
+	}
+});