eewing
28 lines
972 B
JavaScript
28 lines
972 B
JavaScript
import { defaultWindow, } from "../../internal/configurable-globals.js";
|
|
import { on } from "svelte/events";
|
|
/**
|
|
* Tracks whether the current document is visible (i.e., not hidden).
|
|
* It listens to the "visibilitychange" event and updates reactively.
|
|
*
|
|
* @see {@link https://developer.mozilla.org/docs/Web/API/Document/visibilitychange_event}
|
|
* @see {@link https://runed.dev/docs/utilities/is-document-visible}
|
|
*/
|
|
export class IsDocumentVisible {
|
|
#visible = $state(false);
|
|
constructor(options = {}) {
|
|
const window = options.window ?? defaultWindow;
|
|
const document = options.document ?? window?.document;
|
|
this.#visible = document ? !document.hidden : false;
|
|
$effect(() => {
|
|
if (!document)
|
|
return;
|
|
return on(document, "visibilitychange", () => {
|
|
this.#visible = !document.hidden;
|
|
});
|
|
});
|
|
}
|
|
get current() {
|
|
return this.#visible;
|
|
}
|
|
}
|