@monstermann/signals-modal 0.6.0 → 0.7.1

package/dist/utils/syncModalGroupsToBody.mjs

@@ -1,72 +0,0 @@
-import { getGroupsForModal } from "../groups/getGroupsForModal.mjs";
-import { getVisibleModals } from "../status/getVisibleModals.mjs";
-import { INTERNAL, effect, memo } from "@monstermann/signals";
-
-//#region src/utils/syncModalGroupsToBody.ts
-const path = "@signals-modal/utils/syncModalGroupsToBody.ts";
-const meta = {
-	path,
-	line: 5,
-	name: "$classes"
-};
-const meta1 = {
-	path,
-	line: 54,
-	name: "syncModalGroupsToBody"
-};
-const $classes = memo(() => {
-	const modals = getVisibleModals();
-	const clx = /* @__PURE__ */ new Set();
-	for (const modal of modals) for (const group of getGroupsForModal(modal)) clx.add(`has-${group}`);
-	return Array.from(clx).sort().join(" ");
-}, INTERNAL, meta);
-/**
-* # syncModalGroupsToBody
-*
-* ```ts
-* function syncModalGroupsToBody(): void;
-* ```
-*
-* Sets up a global `Effect` that adds `has-${group}` class names to `document.body` for opened modals.
-*
-* ## Example
-*
-* ```ts
-* import {
-*     createModal,
-*     withModalGroups,
-*     withModalStatus,
-*     syncModalGroupsToBody,
-*     openModal,
-*     closeModal,
-* } from "@monstermann/signals-modal";
-*
-* syncModalGroupsToBody();
-*
-* const modal = createModal("key", () => {
-*     const $groups = withModalGroups(["dialog"]);
-*     const { $status } = withModalStatus();
-*     return { $groups, $status };
-* });
-*
-* document.body.classList; // []
-* openModal("key");
-* document.body.classList; // ["has-dialog"]
-* closeModal("key");
-* document.body.classList; // []
-* ```
-*
-*/
-function syncModalGroupsToBody() {
-	effect(() => {
-		if (!$classes()) return;
-		const classes = $classes().split(" ");
-		document.body.classList.add(...classes);
-		return () => {
-			document.body.classList.remove(...classes);
-		};
-	}, INTERNAL, meta1);
-}
-
-//#endregion
-export { syncModalGroupsToBody };