@monstermann/signals-modal 0.4.5 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/anchor/getAnchorMeasurement.d.mts +0 -1
- package/dist/anchor/withAnchorElement.d.mts +0 -1
- package/dist/anchor/withAnchorMeasurement.d.mts +0 -1
- package/dist/anchor/withMouseAnchor.d.mts +0 -1
- package/dist/floating/getFloatingMeasurement.d.mts +0 -1
- package/dist/floating/withFloatingElement.d.mts +0 -1
- package/dist/floating/withFloatingMeasurement.d.mts +0 -1
- package/dist/floating/withFloatingMeasurement.mjs +3 -3
- package/dist/groups/withModalGroups.d.mts +0 -1
- package/dist/internals/observeDimensions.mjs +3 -3
- package/dist/position/getModalPlacement.d.mts +0 -1
- package/dist/position/getModalPosition.d.mts +0 -1
- package/dist/position/withBoundary.d.mts +0 -1
- package/dist/scroll/withCloseOnScroll.d.mts +0 -1
- package/dist/scroll/withCloseOnScroll.mjs +2 -2
- package/dist/status/getModalStatus.d.mts +0 -1
- package/dist/status/onModalClosed.d.mts +0 -1
- package/dist/status/onModalClosing.d.mts +2 -3
- package/dist/status/onModalOpened.d.mts +2 -3
- package/dist/status/onModalOpening.d.mts +2 -3
- package/dist/status/setModalStatus.d.mts +0 -1
- package/dist/status/withModalStatus.d.mts +0 -1
- package/dist/status/withModalStatus.mjs +5 -5
- package/package.json +5 -5
|
@@ -82,11 +82,11 @@ function withFloatingMeasurement(options) {
|
|
|
82
82
|
top: 0,
|
|
83
83
|
width: bounds.width
|
|
84
84
|
});
|
|
85
|
-
return observeDimensions(element, (bounds
|
|
86
|
-
height: bounds
|
|
85
|
+
return observeDimensions(element, (bounds) => $rect({
|
|
86
|
+
height: bounds.height,
|
|
87
87
|
left: 0,
|
|
88
88
|
top: 0,
|
|
89
|
-
width: bounds
|
|
89
|
+
width: bounds.width
|
|
90
90
|
}));
|
|
91
91
|
}, INTERNAL, meta2));
|
|
92
92
|
$floatingMeasurements((map) => map.set(modal.key, $rect));
|
|
@@ -12,9 +12,9 @@ function observeDimensions(element, onResize) {
|
|
|
12
12
|
observers.set(element, callbacks);
|
|
13
13
|
ro.observe(element);
|
|
14
14
|
return () => {
|
|
15
|
-
const callbacks
|
|
16
|
-
callbacks
|
|
17
|
-
if (callbacks
|
|
15
|
+
const callbacks = observers.get(element);
|
|
16
|
+
callbacks?.delete(onResize);
|
|
17
|
+
if (callbacks && callbacks.size > 0) return;
|
|
18
18
|
ro.unobserve(element);
|
|
19
19
|
};
|
|
20
20
|
}
|
|
@@ -53,9 +53,9 @@ function withCloseOnScroll(options) {
|
|
|
53
53
|
if (!element) return;
|
|
54
54
|
if (status === "closing" || status === "closed") return;
|
|
55
55
|
const overflowElements = getScrollableAncestors(element);
|
|
56
|
-
for (const element
|
|
56
|
+
for (const element of overflowElements) element.addEventListener("scroll", onScroll, { passive: true });
|
|
57
57
|
return () => {
|
|
58
|
-
for (const element
|
|
58
|
+
for (const element of overflowElements) element.removeEventListener("scroll", onScroll);
|
|
59
59
|
};
|
|
60
60
|
}, INTERNAL, meta));
|
|
61
61
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _monstermann_signals0 from "@monstermann/signals";
|
|
2
2
|
|
|
3
3
|
//#region src/status/onModalClosing.d.ts
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* # onModalClosing
|
|
7
6
|
*
|
|
@@ -32,6 +31,6 @@ import * as _monstermann_signals2 from "@monstermann/signals";
|
|
|
32
31
|
* ```
|
|
33
32
|
*
|
|
34
33
|
*/
|
|
35
|
-
declare const onModalClosing:
|
|
34
|
+
declare const onModalClosing: _monstermann_signals0.Emitter<string>;
|
|
36
35
|
//#endregion
|
|
37
36
|
export { onModalClosing };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _monstermann_signals0 from "@monstermann/signals";
|
|
2
2
|
|
|
3
3
|
//#region src/status/onModalOpened.d.ts
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* # onModalOpened
|
|
7
6
|
*
|
|
@@ -32,6 +31,6 @@ import * as _monstermann_signals1 from "@monstermann/signals";
|
|
|
32
31
|
* ```
|
|
33
32
|
*
|
|
34
33
|
*/
|
|
35
|
-
declare const onModalOpened:
|
|
34
|
+
declare const onModalOpened: _monstermann_signals0.Emitter<string>;
|
|
36
35
|
//#endregion
|
|
37
36
|
export { onModalOpened };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _monstermann_signals0 from "@monstermann/signals";
|
|
2
2
|
|
|
3
3
|
//#region src/status/onModalOpening.d.ts
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* # onModalOpening
|
|
7
6
|
*
|
|
@@ -32,6 +31,6 @@ import * as _monstermann_signals3 from "@monstermann/signals";
|
|
|
32
31
|
* ```
|
|
33
32
|
*
|
|
34
33
|
*/
|
|
35
|
-
declare const onModalOpening:
|
|
34
|
+
declare const onModalOpening: _monstermann_signals0.Emitter<string>;
|
|
36
35
|
//#endregion
|
|
37
36
|
export { onModalOpening };
|
|
@@ -74,11 +74,11 @@ function withModalStatus(status = "closed") {
|
|
|
74
74
|
keys.delete(modal.key);
|
|
75
75
|
return keys;
|
|
76
76
|
}));
|
|
77
|
-
modal.onDispose(watch($status, (status
|
|
78
|
-
if (status
|
|
79
|
-
else if (status
|
|
80
|
-
else if (status
|
|
81
|
-
else if (status
|
|
77
|
+
modal.onDispose(watch($status, (status) => {
|
|
78
|
+
if (status === "closed") onModalClosed(modal.key);
|
|
79
|
+
else if (status === "closing") onModalClosing(modal.key);
|
|
80
|
+
else if (status === "opening") onModalOpening(modal.key);
|
|
81
|
+
else if (status === "opened") onModalOpened(modal.key);
|
|
82
82
|
}, INTERNAL, meta1));
|
|
83
83
|
return {
|
|
84
84
|
$isOpen: memo(() => isModalOpen(modal.key), void 0, meta2),
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@monstermann/signals-modal",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.5.0",
|
|
5
5
|
"description": "Composable modal management.",
|
|
6
6
|
"author": "Michael Ostermann <michaelostermann@me.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@monstermann/dfdl": "^0.1.0",
|
|
36
|
-
"@monstermann/geometry": "^0.
|
|
37
|
-
"@monstermann/signals": "^0.
|
|
36
|
+
"@monstermann/geometry": "^0.4.0",
|
|
37
|
+
"@monstermann/signals": "^0.3.0",
|
|
38
38
|
"@monstermann/signals-web": "^0.2.4"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@monstermann/unplugin-geometry": "^0.
|
|
42
|
-
"@monstermann/unplugin-signals": "^0.
|
|
41
|
+
"@monstermann/unplugin-geometry": "^0.4.0",
|
|
42
|
+
"@monstermann/unplugin-signals": "^0.3.0"
|
|
43
43
|
}
|
|
44
44
|
}
|