@tanstack/query-core
Version:
The framework agnostic core that powers TanStack Query
57 lines (56 loc) • 1.4 kB
JavaScript
import { Subscribable } from "./subscribable.js";
//#region src/focusManager.ts
var FocusManager = class extends Subscribable {
#focused;
#cleanup;
#setup;
constructor() {
super();
this.#setup = (onFocus) => {
if (typeof window !== "undefined" && window.addEventListener) {
const listener = () => onFocus();
window.addEventListener("visibilitychange", listener, false);
return () => {
window.removeEventListener("visibilitychange", listener);
};
}
};
}
onSubscribe() {
if (!this.#cleanup) this.setEventListener(this.#setup);
}
onUnsubscribe() {
if (!this.hasListeners()) {
this.#cleanup?.();
this.#cleanup = void 0;
}
}
setEventListener(setup) {
this.#setup = setup;
this.#cleanup?.();
this.#cleanup = setup((focused) => {
if (typeof focused === "boolean") this.setFocused(focused);
else this.onFocus();
});
}
setFocused(focused) {
if (this.#focused !== focused) {
this.#focused = focused;
this.onFocus();
}
}
onFocus() {
const isFocused = this.isFocused();
this.listeners.forEach((listener) => {
listener(isFocused);
});
}
isFocused() {
if (typeof this.#focused === "boolean") return this.#focused;
return globalThis.document?.visibilityState !== "hidden";
}
};
const focusManager = new FocusManager();
//#endregion
export { FocusManager, focusManager };
//# sourceMappingURL=focusManager.js.map