@monstermann/signals-modal 0.2.0 → 0.3.0

package/dist/createModal.d.ts

@@ -5,6 +5,7 @@ import { MaybeDispose } from "@monstermann/signals";
 interface ModalContext {
   key: string;
   dispose: () => void;
+  isDisposed: () => boolean;
   onDispose: (dispose: MaybeDispose) => void;
 }
 declare const onModalDisposed: _monstermann_signals0.Emitter<string>;

package/dist/createModal.js

@@ -1,12 +1,12 @@
 import { onModalClosed } from "./status/onModalClosed.js";
 import { closeModal } from "./status/closeModal.js";
 import { isModalClosed } from "./status/isModalClosed.js";
-import { SILENT, context, disposer, emitter } from "@monstermann/signals";
+import { SILENT, context, disposer, emitter, isDisposed } from "@monstermann/signals";
 
 //#region src/createModal.ts
 const meta = {
 	path: "@signals-modal/createModal.ts",
-	line: 15,
+	line: 16,
 	name: "onModalDisposed"
 };
 const modalCtx = context();
@@ -21,6 +21,7 @@ function createModal(key, setup) {
 	const nextCtx = {
 		key,
 		onDispose: dispose,
+		isDisposed: () => isDisposed(dispose),
 		dispose() {
 			if (isModalClosed(key)) {
 				dispose();

package/dist/index.d.ts

@@ -28,6 +28,7 @@ import { ModalPosition, withPosition } from "./position/withPosition.js";
 import { getModalPosition } from "./position/getModalPosition.js";
 import { withBoundary } from "./position/withBoundary.js";
 import { closeAllModals } from "./status/closeAllModals.js";
+import { closeLastModal } from "./status/closeLastModal.js";
 import { closeModal } from "./status/closeModal.js";
 import { getClosedModals } from "./status/getClosedModals.js";
 import { getClosingModals } from "./status/getClosingModals.js";
@@ -58,4 +59,4 @@ import { withModalStatus } from "./status/withModalStatus.js";
 import { closeLastModalOnClickOutside } from "./utils/closeLastModalOnClickOutside.js";
 import { closeLastModalOnEsc } from "./utils/closeLastModalOnEsc.js";
 import { syncModalGroupsToBody } from "./utils/syncModalGroupsToBody.js";
-export { ModalContext, ModalPlacement, ModalPlacementOption, ModalPosition, ModalStatus, closeAllModals, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPlacement, getModalPosition, getModalStatus, getModalsForGroup, getOpenModals, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpen, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpen, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };
+export { ModalContext, ModalPlacement, ModalPlacementOption, ModalPosition, ModalStatus, closeAllModals, closeLastModal, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPlacement, getModalPosition, getModalStatus, getModalsForGroup, getOpenModals, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpen, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpen, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };

package/dist/index.js

@@ -32,6 +32,7 @@ import { withBoundary } from "./position/withBoundary.js";
 import { withPlacement } from "./position/withPlacement.js";
 import { withPosition } from "./position/withPosition.js";
 import { closeAllModals } from "./status/closeAllModals.js";
+import { closeLastModal } from "./status/closeLastModal.js";
 import { getClosedModals } from "./status/getClosedModals.js";
 import { getClosingModals } from "./status/getClosingModals.js";
 import { getModalStatus } from "./status/getModalStatus.js";
@@ -58,4 +59,4 @@ import { closeLastModalOnClickOutside } from "./utils/closeLastModalOnClickOutsi
 import { closeLastModalOnEsc } from "./utils/closeLastModalOnEsc.js";
 import { syncModalGroupsToBody } from "./utils/syncModalGroupsToBody.js";
 
-export { closeAllModals, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPlacement, getModalPosition, getModalStatus, getModalsForGroup, getOpenModals, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpen, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpen, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };
+export { closeAllModals, closeLastModal, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPlacement, getModalPosition, getModalStatus, getModalsForGroup, getOpenModals, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpen, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpen, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };

package/dist/status/closeLastModal.d.ts

@@ -0,0 +1,4 @@
+//#region src/status/closeLastModal.d.ts
+declare function closeLastModal(): void;
+//#endregion
+export { closeLastModal };

package/dist/status/closeLastModal.js

@@ -0,0 +1,11 @@
+import { $openedModals } from "./internals.js";
+import { closeModal } from "./closeModal.js";
+
+//#region src/status/closeLastModal.ts
+function closeLastModal() {
+	const key = Array.from($openedModals()).at(-1);
+	if (key) closeModal(key);
+}
+
+//#endregion
+export { closeLastModal };

package/dist/status/onModalClosed.d.ts

@@ -1,6 +1,6 @@
-import * as _monstermann_signals1 from "@monstermann/signals";
+import * as _monstermann_signals0 from "@monstermann/signals";
 
 //#region src/status/onModalClosed.d.ts
-declare const onModalClosed: _monstermann_signals1.Emitter<string>;
+declare const onModalClosed: _monstermann_signals0.Emitter<string>;
 //#endregion
 export { onModalClosed };

package/dist/status/onModalClosing.d.ts

@@ -1,6 +1,6 @@
-import * as _monstermann_signals0 from "@monstermann/signals";
+import * as _monstermann_signals2 from "@monstermann/signals";
 
 //#region src/status/onModalClosing.d.ts
-declare const onModalClosing: _monstermann_signals0.Emitter<string>;
+declare const onModalClosing: _monstermann_signals2.Emitter<string>;
 //#endregion
 export { onModalClosing };

package/dist/status/onModalOpened.d.ts

@@ -1,6 +1,6 @@
-import * as _monstermann_signals3 from "@monstermann/signals";
+import * as _monstermann_signals1 from "@monstermann/signals";
 
 //#region src/status/onModalOpened.d.ts
-declare const onModalOpened: _monstermann_signals3.Emitter<string>;
+declare const onModalOpened: _monstermann_signals1.Emitter<string>;
 //#endregion
 export { onModalOpened };

package/dist/status/onModalOpening.d.ts

@@ -1,6 +1,6 @@
-import * as _monstermann_signals2 from "@monstermann/signals";
+import * as _monstermann_signals3 from "@monstermann/signals";
 
 //#region src/status/onModalOpening.d.ts
-declare const onModalOpening: _monstermann_signals2.Emitter<string>;
+declare const onModalOpening: _monstermann_signals3.Emitter<string>;
 //#endregion
 export { onModalOpening };

package/dist/utils/syncModalGroupsToBody.js

@@ -1,23 +1,33 @@
 import { getGroupsForModal } from "../groups/getGroupsForModal.js";
 import { getVisibleModals } from "../status/getVisibleModals.js";
-import { INTERNAL, effect } from "@monstermann/signals";
+import { INTERNAL, effect, memo } from "@monstermann/signals";
 
 //#region src/utils/syncModalGroupsToBody.ts
+const path = "@signals-modal/utils/syncModalGroupsToBody.ts";
 const meta = {
-	path: "@signals-modal/utils/syncModalGroupsToBody.ts",
-	line: 6,
+	path,
+	line: 5,
+	name: "$classes"
+};
+const meta1 = {
+	path,
+	line: 17,
 	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);
 function syncModalGroupsToBody() {
 	effect(() => {
-		const modals = getVisibleModals();
-		const clx = /* @__PURE__ */ new Set();
-		for (const modal of modals) for (const group of getGroupsForModal(modal)) clx.add(`has-${group}`);
-		document.body.classList.add(...clx);
+		const classes = $classes().split(" ");
+		document.body.classList.add(...classes);
 		return () => {
-			document.body.classList.remove(...clx);
+			document.body.classList.remove(...classes);
 		};
-	}, INTERNAL, meta);
+	}, INTERNAL, meta1);
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@monstermann/signals-modal",
     "type": "module",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "description": "Composable modal management.",
     "author": "Michael Ostermann <michaelostermann@me.com>",
     "license": "MIT",