@monstermann/signals-modal 0.0.0

package/dist/position/withPosition.js

@@ -0,0 +1,207 @@
+import { set } from "../node_modules/@monstermann/map/dist/Map/set.js";
+import { remove } from "../node_modules/@monstermann/map/dist/Map/remove.js";
+import { currentModal } from "../createModal.js";
+import { $positions, getBoundaryDown, getBoundaryLeft, getBoundaryRight, getBoundaryUp } from "./internals.js";
+import { roundByDPR } from "../internals/roundByDPR.js";
+import { INTERNAL, effect, memo } from "@monstermann/signals";
+import { Rect, pipe } from "@monstermann/fn";
+
+//#region src/position/withPosition.ts
+const path = "@signals-modal/position/withPosition.ts";
+const meta = {
+	path,
+	line: 296,
+	name: "withPosition.$position"
+};
+const meta1 = {
+	path,
+	line: 305,
+	name: "withPosition"
+};
+const positionResolvers = {
+	"down-center": function(o) {
+		const boundary = getBoundaryDown(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignCenterX(o.anchor), Rect.snapBelow(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.centerX(o.anchor) - Rect.left(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY: 0
+		};
+	},
+	"down-left": function(o) {
+		const boundary = getBoundaryDown(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignRight(o.anchor), Rect.snapBelow(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.right(o.anchor) - Rect.left(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY: 0
+		};
+	},
+	"down-right": function(o) {
+		const boundary = getBoundaryDown(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignLeft(o.anchor), Rect.snapBelow(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX: 0,
+			originY: 0
+		};
+	},
+	"left-center": function(o) {
+		const boundary = getBoundaryLeft(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignCenterY(o.anchor), Rect.snapLeftOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.width(floating);
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"left-down": function(o) {
+		const boundary = getBoundaryLeft(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignTop(o.anchor), Rect.snapLeftOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.width(floating);
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"left-up": function(o) {
+		const boundary = getBoundaryLeft(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignBottom(o.anchor), Rect.snapLeftOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.width(floating);
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"right-center": function(o) {
+		const boundary = getBoundaryRight(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignCenterY(o.anchor), Rect.snapRightOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = 0;
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"right-down": function(o) {
+		const boundary = getBoundaryRight(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignTop(o.anchor), Rect.snapRightOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = 0;
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"right-up": function(o) {
+		const boundary = getBoundaryRight(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignBottom(o.anchor), Rect.snapRightOf(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = 0;
+		const originY = Rect.centerY(o.anchor) - Rect.top(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"up-center": function(o) {
+		const boundary = getBoundaryUp(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignCenterX(o.anchor), Rect.snapAbove(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.centerX(o.anchor) - Rect.left(floating);
+		const originY = Rect.height(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"up-left": function(o) {
+		const boundary = getBoundaryUp(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignRight(o.anchor), Rect.snapAbove(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = Rect.right(o.anchor) - Rect.left(floating);
+		const originY = Rect.height(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	},
+	"up-right": function(o) {
+		const boundary = getBoundaryUp(o.boundary, o.anchor);
+		const floating = pipe(o.floating, Rect.alignLeft(o.anchor), Rect.snapAbove(o.anchor), Rect.clamp(boundary), Rect.transform(roundByDPR), o.transform);
+		const originX = 0;
+		const originY = Rect.height(floating);
+		return {
+			floatingX: Rect.left(floating),
+			floatingY: Rect.top(floating),
+			maxHeight: Rect.height(boundary),
+			maxWidth: Rect.width(boundary),
+			originX,
+			originY
+		};
+	}
+};
+function withPosition(options) {
+	const modal = currentModal();
+	const $position = memo(() => {
+		return positionResolvers[options.$placement()]({
+			anchor: options.$anchorMeasurement(),
+			boundary: options.$boundary(),
+			floating: options.$floatingMeasurement(),
+			transform: options.transform ?? ((r) => r)
+		});
+	}, INTERNAL, meta);
+	modal.onDispose(effect(() => {
+		$positions((p) => set(p, modal.key, $position()));
+	}, INTERNAL, meta1));
+	modal.onDispose(() => {
+		$positions((p) => remove(p, modal.key));
+	});
+	return $position;
+}
+
+//#endregion
+export { withPosition };

package/dist/status/closeAllModals.d.ts

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

package/dist/status/closeAllModals.js

@@ -0,0 +1,16 @@
+import { $keysToStatus } from "./internals.js";
+import { untrack } from "@monstermann/signals";
+
+//#region src/status/closeAllModals.ts
+function closeAllModals() {
+	untrack(() => {
+		for (const $status of $keysToStatus().values()) {
+			if ($status() === "closed") continue;
+			if ($status() === "closing") continue;
+			$status("closing");
+		}
+	});
+}
+
+//#endregion
+export { closeAllModals };

package/dist/status/closeModal.d.ts

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

package/dist/status/closeModal.js

@@ -0,0 +1,16 @@
+import { $keysToStatus } from "./internals.js";
+import { untrack } from "@monstermann/signals";
+
+//#region src/status/closeModal.ts
+function closeModal(key) {
+	untrack(() => {
+		const $status = $keysToStatus().get(key);
+		if (!$status) return;
+		if ($status() === "closing") return;
+		if ($status() === "closed") return;
+		$status("closing");
+	});
+}
+
+//#endregion
+export { closeModal };

package/dist/status/getClosedModals.d.ts

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

package/dist/status/getClosedModals.js

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

package/dist/status/getClosingModals.d.ts

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

package/dist/status/getClosingModals.js

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

package/dist/status/getModalStatus.d.ts

@@ -0,0 +1,6 @@
+import { ModalStatus } from "./types.js";
+
+//#region src/status/getModalStatus.d.ts
+declare function getModalStatus(key: string): ModalStatus;
+//#endregion
+export { getModalStatus };

package/dist/status/getModalStatus.js

@@ -0,0 +1,9 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/getModalStatus.ts
+function getModalStatus(key) {
+	return $keysToStatus().get(key)?.() ?? "closed";
+}
+
+//#endregion
+export { getModalStatus };

package/dist/status/getOpenedModals.d.ts

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

package/dist/status/getOpenedModals.js

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

package/dist/status/getOpeningModals.d.ts

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

package/dist/status/getOpeningModals.js

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

package/dist/status/getVisibleModals.d.ts

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

package/dist/status/getVisibleModals.js

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

package/dist/status/internals.js

@@ -0,0 +1,30 @@
+import { create } from "../node_modules/@monstermann/set/dist/Set/create.js";
+import { remove } from "../node_modules/@monstermann/set/dist/Set/remove.js";
+import { add } from "../node_modules/@monstermann/set/dist/Set/add.js";
+import { onModalClosed } from "./onModalClosed.js";
+import { onModalOpened } from "./onModalOpened.js";
+import { onModalOpening } from "./onModalOpening.js";
+import { onModalDisposed } from "../createModal.js";
+import { INTERNAL, SILENT, signal } from "@monstermann/signals";
+
+//#region src/status/internals.ts
+const path = "@signals-modal/status/internals.ts";
+const meta = {
+	path,
+	line: 12,
+	name: "$keysToStatus"
+};
+const meta1 = {
+	path,
+	line: 13,
+	name: "$openedModals"
+};
+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)));
+
+//#endregion
+export { $keysToStatus, $openedModals };

package/dist/status/isAnyModalClosed.d.ts

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

package/dist/status/isAnyModalClosed.js

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

package/dist/status/isAnyModalClosing.d.ts

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

package/dist/status/isAnyModalClosing.js

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

package/dist/status/isAnyModalOpened.d.ts

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

package/dist/status/isAnyModalOpened.js

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

package/dist/status/isAnyModalOpening.d.ts

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

package/dist/status/isAnyModalOpening.js

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

package/dist/status/isAnyModalVisible.d.ts

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

package/dist/status/isAnyModalVisible.js

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

package/dist/status/isModalClosed.d.ts

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

package/dist/status/isModalClosed.js

@@ -0,0 +1,10 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/isModalClosed.ts
+function isModalClosed(key) {
+	const $status = $keysToStatus().get(key);
+	return $status === void 0 || $status() === "closed";
+}
+
+//#endregion
+export { isModalClosed };

package/dist/status/isModalClosing.d.ts

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

package/dist/status/isModalClosing.js

@@ -0,0 +1,9 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/isModalClosing.ts
+function isModalClosing(key) {
+	return $keysToStatus().get(key)?.() === "closing";
+}
+
+//#endregion
+export { isModalClosing };

package/dist/status/isModalOpened.d.ts

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

package/dist/status/isModalOpened.js

@@ -0,0 +1,9 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/isModalOpened.ts
+function isModalOpened(key) {
+	return $keysToStatus().get(key)?.() === "opened";
+}
+
+//#endregion
+export { isModalOpened };

package/dist/status/isModalOpening.d.ts

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

package/dist/status/isModalOpening.js

@@ -0,0 +1,9 @@
+import { $keysToStatus } from "./internals.js";
+
+//#region src/status/isModalOpening.ts
+function isModalOpening(key) {
+	return $keysToStatus().get(key)?.() === "opening";
+}
+
+//#endregion
+export { isModalOpening };

package/dist/status/isModalVisible.d.ts

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

package/dist/status/isModalVisible.js

@@ -0,0 +1,9 @@
+import { isModalClosed } from "./isModalClosed.js";
+
+//#region src/status/isModalVisible.ts
+function isModalVisible(key) {
+	return !isModalClosed(key);
+}
+
+//#endregion
+export { isModalVisible };

package/dist/status/onModalClosed.d.ts

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

package/dist/status/onModalClosed.js

@@ -0,0 +1,12 @@
+import { emitter } from "@monstermann/signals";
+
+//#region src/status/onModalClosed.ts
+const meta = {
+	path: "@signals-modal/status/onModalClosed.ts",
+	line: 3,
+	name: "onModalClosed"
+};
+const onModalClosed = emitter(void 0, meta);
+
+//#endregion
+export { onModalClosed };

package/dist/status/onModalClosing.d.ts

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

package/dist/status/onModalClosing.js

@@ -0,0 +1,12 @@
+import { emitter } from "@monstermann/signals";
+
+//#region src/status/onModalClosing.ts
+const meta = {
+	path: "@signals-modal/status/onModalClosing.ts",
+	line: 3,
+	name: "onModalClosing"
+};
+const onModalClosing = emitter(void 0, meta);
+
+//#endregion
+export { onModalClosing };

package/dist/status/onModalOpened.d.ts

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

package/dist/status/onModalOpened.js

@@ -0,0 +1,12 @@
+import { emitter } from "@monstermann/signals";
+
+//#region src/status/onModalOpened.ts
+const meta = {
+	path: "@signals-modal/status/onModalOpened.ts",
+	line: 3,
+	name: "onModalOpened"
+};
+const onModalOpened = emitter(void 0, meta);
+
+//#endregion
+export { onModalOpened };

package/dist/status/onModalOpening.d.ts

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

package/dist/status/onModalOpening.js

@@ -0,0 +1,12 @@
+import { emitter } from "@monstermann/signals";
+
+//#region src/status/onModalOpening.ts
+const meta = {
+	path: "@signals-modal/status/onModalOpening.ts",
+	line: 3,
+	name: "onModalOpening"
+};
+const onModalOpening = emitter(void 0, meta);
+
+//#endregion
+export { onModalOpening };