@linzjs/lui 27.0.0 → 28.0.0

package/dist/lui.esm.js

@@ -42160,13 +42160,15 @@ const transition = (props) => {
 };
 
 /**
- * It captures window events to report a new position.
+ * It captures events on the separator's own window to report a new position,
+ * so resizing also works when the Splitter renders in another window (e.g. a popout).
  * Provides necessary handlers for separator.
  */
 const useMoveSeparator = (separator, resize) => {
     const [resizing, setResizing] = useState(false);
     const values = () => getSeparatorAttributes({ ref: separator });
     useEffect(() => {
+        var _a, _b;
         const move = (e) => {
             var _a;
             const key = values().orientation === 'horizontal' ? 'clientY' : 'clientX';
@@ -42178,13 +42180,14 @@ const useMoveSeparator = (separator, resize) => {
             }
         };
         const mouseup = () => setResizing(false);
-        window.addEventListener('mousemove', move);
-        window.addEventListener('touchmove', move);
-        window.addEventListener('click', mouseup);
+        const ownerWindow = (_b = (_a = separator.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.defaultView) !== null && _b !== void 0 ? _b : window;
+        ownerWindow.addEventListener('mousemove', move);
+        ownerWindow.addEventListener('touchmove', move);
+        ownerWindow.addEventListener('click', mouseup);
         return () => {
-            window.removeEventListener('mousemove', move);
-            window.removeEventListener('touchmove', move);
-            window.removeEventListener('click', mouseup);
+            ownerWindow.removeEventListener('mousemove', move);
+            ownerWindow.removeEventListener('touchmove', move);
+            ownerWindow.removeEventListener('click', mouseup);
         };
     }, [separator, resizing]);
     useEffect(() => {