@monstermann/signals-modal 0.1.3 → 0.2.1

package/dist/anchor/withAnchorElement.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from "@monstermann/signals";
 
 //#region src/anchor/withAnchorElement.d.ts
-declare function withAnchorElement(anchorElement?: HTMLElement): Signal<HTMLElement | null>;
+declare function withAnchorElement(anchorElement?: HTMLElement | null): Signal<HTMLElement | null>;
 //#endregion
 export { withAnchorElement };

package/dist/floating/withFloatingElement.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from "@monstermann/signals";
 
 //#region src/floating/withFloatingElement.d.ts
-declare function withFloatingElement(anchorElement?: HTMLElement): Signal<HTMLElement | null>;
+declare function withFloatingElement(anchorElement?: HTMLElement | null): Signal<HTMLElement | null>;
 //#endregion
 export { withFloatingElement };

package/dist/index.d.ts

@@ -23,24 +23,29 @@ import { isTooltip } from "./groups/isTooltip.js";
 import { modalGroups } from "./groups/modalGroups.js";
 import { withModalGroups } from "./groups/withModalGroups.js";
 import { ModalPlacement, ModalPlacementOption, withPlacement } from "./position/withPlacement.js";
+import { getModalPlacement } from "./position/getModalPlacement.js";
 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";
 import { getModalStatus } from "./status/getModalStatus.js";
 import { getOpenedModals } from "./status/getOpenedModals.js";
 import { getOpeningModals } from "./status/getOpeningModals.js";
+import { getOpenModals } from "./status/getOpenModals.js";
 import { getVisibleModals } from "./status/getVisibleModals.js";
 import { isAnyModalClosed } from "./status/isAnyModalClosed.js";
 import { isAnyModalClosing } from "./status/isAnyModalClosing.js";
+import { isAnyModalOpen } from "./status/isAnyModalOpen.js";
 import { isAnyModalOpened } from "./status/isAnyModalOpened.js";
 import { isAnyModalOpening } from "./status/isAnyModalOpening.js";
 import { isAnyModalVisible } from "./status/isAnyModalVisible.js";
 import { isModalClosed } from "./status/isModalClosed.js";
 import { isModalClosing } from "./status/isModalClosing.js";
+import { isModalOpen } from "./status/isModalOpen.js";
 import { isModalOpened } from "./status/isModalOpened.js";
 import { isModalOpening } from "./status/isModalOpening.js";
 import { isModalVisible } from "./status/isModalVisible.js";
@@ -54,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, getModalPosition, getModalStatus, getModalsForGroup, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, 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

@@ -26,25 +26,30 @@ import { isModalInGroup } from "./groups/isModalInGroup.js";
 import { isPopover } from "./groups/isPopover.js";
 import { isTooltip } from "./groups/isTooltip.js";
 import { withModalGroups } from "./groups/withModalGroups.js";
+import { getModalPlacement } from "./position/getModalPlacement.js";
 import { getModalPosition } from "./position/getModalPosition.js";
 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";
 import { getOpenedModals } from "./status/getOpenedModals.js";
 import { getOpeningModals } from "./status/getOpeningModals.js";
+import { getOpenModals } from "./status/getOpenModals.js";
 import { getVisibleModals } from "./status/getVisibleModals.js";
 import { isAnyModalClosed } from "./status/isAnyModalClosed.js";
 import { isAnyModalClosing } from "./status/isAnyModalClosing.js";
+import { isAnyModalOpen } from "./status/isAnyModalOpen.js";
 import { isAnyModalOpened } from "./status/isAnyModalOpened.js";
 import { isAnyModalOpening } from "./status/isAnyModalOpening.js";
 import { isAnyModalVisible } from "./status/isAnyModalVisible.js";
 import { isModalClosing } from "./status/isModalClosing.js";
 import { isModalOpened } from "./status/isModalOpened.js";
 import { isModalOpening } from "./status/isModalOpening.js";
+import { isModalOpen } from "./status/isModalOpen.js";
 import { isModalVisible } from "./status/isModalVisible.js";
 import { onModalClosing } from "./status/onModalClosing.js";
 import { openModal } from "./status/openModal.js";
@@ -54,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, getModalPosition, getModalStatus, getModalsForGroup, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, 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/position/getModalPlacement.d.ts

@@ -0,0 +1,6 @@
+import { ModalPlacement } from "./withPlacement.js";
+
+//#region src/position/getModalPlacement.d.ts
+declare function getModalPlacement(key: string): ModalPlacement | undefined;
+//#endregion
+export { getModalPlacement };

package/dist/position/getModalPlacement.js

@@ -0,0 +1,9 @@
+import { $placements } from "./internals.js";
+
+//#region src/position/getModalPlacement.ts
+function getModalPlacement(key) {
+	return $placements().get(key);
+}
+
+//#endregion
+export { getModalPlacement };

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/getOpenModals.d.ts

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

package/dist/status/getOpenModals.js

@@ -0,0 +1,12 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/getOpenModals.ts
+function getOpenModals() {
+	const result = [];
+	const map = $keysToStatus();
+	for (const [key, $status] of map) if ($status() === "opening" || $status() === "opened") result.push(key);
+	return result;
+}
+
+//#endregion
+export { getOpenModals };

package/dist/status/internals.js

@@ -4,8 +4,8 @@ import { onModalOpening } from "./onModalOpening.js";
 import { onModalDisposed } from "../createModal.js";
 import { INTERNAL, SILENT, signal } from "@monstermann/signals";
 import { create } from "@monstermann/set/Set/create.js";
-import { remove } from "@monstermann/set/Set/remove.js";
 import { add } from "@monstermann/set/Set/add.js";
+import { remove } from "@monstermann/set/Set/remove.js";
 
 //#region src/status/internals.ts
 const path = "@signals-modal/status/internals.ts";
@@ -21,10 +21,10 @@ const meta1 = {
 };
 const $keysToStatus = signal(/* @__PURE__ */ new Map(), SILENT, meta);
 const $openedModals = signal(create(), INTERNAL, meta1);
-onModalOpening((key) => $openedModals((m) => remove(m, key)));
-onModalOpened((key) => $openedModals((m) => remove(m, key)));
-onModalClosed((key) => $openedModals((m) => add(m, key)));
-onModalDisposed((key) => $openedModals((m) => add(m, key)));
+onModalOpening((key) => $openedModals((m) => add(m, key)));
+onModalOpened((key) => $openedModals((m) => add(m, key)));
+onModalClosed((key) => $openedModals((m) => remove(m, key)));
+onModalDisposed((key) => $openedModals((m) => remove(m, key)));
 
 //#endregion
 export { $keysToStatus, $openedModals };

package/dist/status/isAnyModalOpen.d.ts

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

package/dist/status/isAnyModalOpen.js

@@ -0,0 +1,9 @@
+import { getOpenModals } from "./getOpenModals.js";
+
+//#region src/status/isAnyModalOpen.ts
+function isAnyModalOpen() {
+	return getOpenModals().length > 0;
+}
+
+//#endregion
+export { isAnyModalOpen };

package/dist/status/isModalOpen.d.ts

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

package/dist/status/isModalOpen.js

@@ -0,0 +1,10 @@
+import { isModalOpened } from "./isModalOpened.js";
+import { isModalOpening } from "./isModalOpening.js";
+
+//#region src/status/isModalOpen.ts
+function isModalOpen(key) {
+	return isModalOpening(key) || isModalOpened(key);
+}
+
+//#endregion
+export { isModalOpen };

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_signals1 from "@monstermann/signals";
 
 //#region src/status/onModalClosing.d.ts
-declare const onModalClosing: _monstermann_signals0.Emitter<string>;
+declare const onModalClosing: _monstermann_signals1.Emitter<string>;
 //#endregion
 export { onModalClosing };

package/dist/status/withModalStatus.d.ts

@@ -1,7 +1,12 @@
 import { ModalStatus } from "./types.js";
-import { Signal } from "@monstermann/signals";
+import { Memo, Signal } from "@monstermann/signals";
 
 //#region src/status/withModalStatus.d.ts
-declare function withModalStatus(status?: ModalStatus): Signal<ModalStatus>;
+declare function withModalStatus(status?: ModalStatus): {
+  $isOpen: Memo<boolean>;
+  $status: Signal<ModalStatus>;
+  close: () => void;
+  open: () => void;
+};
 //#endregion
 export { withModalStatus };

package/dist/status/withModalStatus.js

@@ -2,9 +2,12 @@ import { onModalClosed } from "./onModalClosed.js";
 import { onModalOpened } from "./onModalOpened.js";
 import { onModalOpening } from "./onModalOpening.js";
 import { $keysToStatus } from "./internals.js";
+import { closeModal } from "./closeModal.js";
 import { currentModal } from "../createModal.js";
+import { isModalOpen } from "./isModalOpen.js";
 import { onModalClosing } from "./onModalClosing.js";
-import { INTERNAL, signal, watch } from "@monstermann/signals";
+import { openModal } from "./openModal.js";
+import { INTERNAL, memo, signal, watch } from "@monstermann/signals";
 import { set } from "@monstermann/map/Map/set.js";
 import { remove } from "@monstermann/map/Map/remove.js";
 
@@ -12,14 +15,19 @@ import { remove } from "@monstermann/map/Map/remove.js";
 const path = "@signals-modal/status/withModalStatus.ts";
 const meta = {
 	path,
-	line: 15,
+	line: 23,
 	name: "withModalStatus.$status"
 };
 const meta1 = {
 	path,
-	line: 20,
+	line: 28,
 	name: "withModalStatus"
 };
+const meta2 = {
+	path,
+	line: 36,
+	name: "withModalStatus.$isOpen"
+};
 function withModalStatus(status = "closed") {
 	const modal = currentModal();
 	const $status = signal(status, INTERNAL, meta);
@@ -31,7 +39,12 @@ function withModalStatus(status = "closed") {
 		else if (status$1 === "opening") onModalOpening(modal.key);
 		else if (status$1 === "opened") onModalOpened(modal.key);
 	}, INTERNAL, meta1));
-	return $status;
+	return {
+		$isOpen: memo(() => isModalOpen(modal.key), void 0, meta2),
+		$status,
+		close: () => closeModal(modal.key),
+		open: () => openModal(modal.key)
+	};
 }
 
 //#endregion

package/package.json

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