@linzjs/lui 26.2.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(() => {
@@ -42964,15 +42967,15 @@ const toastFunctions = (dispatch) => {
     const banner = (level, defaults = {}) => (children, config = {}) => {
         const options = { ...defaults, ...config };
         return toast(({ close: onDismissFn }) => {
-            const onDismiss = options.requireDismiss === false ? undefined : onDismissFn;
+            const onDismiss = options.closeable === false ? undefined : onDismissFn;
             return React.createElement(ToastBanner, { level, children, onDismiss });
         }, options);
     };
     return {
         toast,
         dismiss: (id) => dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'remove', id }),
-        info: banner('info', { requireDismiss: false }),
-        success: banner('success', { requireDismiss: false }),
+        info: banner('info'),
+        success: banner('success'),
         error: banner('error', { requireDismiss: true }),
         warning: banner('warning', { requireDismiss: true }),
         plain: banner(),