@asup/context-menu 2.2.0 → 2.2.2

package/dist/main.js

@@ -1,7 +1,4 @@
 import "./main.css";
-import {_ as $duWW8$_} from "@swc/helpers/_/_object_spread";
-import {_ as $duWW8$_1} from "@swc/helpers/_/_object_spread_props";
-import {_ as $duWW8$_2} from "@swc/helpers/_/_object_without_properties";
 import {jsx as $duWW8$jsx, jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment} from "react/jsx-runtime";
 import {useRef as $duWW8$useRef, useState as $duWW8$useState, useEffectEvent as $duWW8$useEffectEvent, useLayoutEffect as $duWW8$useLayoutEffect, useEffect as $duWW8$useEffect, forwardRef as $duWW8$forwardRef, createContext as $duWW8$createContext, useContext as $duWW8$useContext, useCallback as $duWW8$useCallback, useTransition as $duWW8$useTransition, useImperativeHandle as $duWW8$useImperativeHandle} from "react";
 import {createPortal as $duWW8$createPortal} from "react-dom";
@@ -25,9 +22,6 @@ $parcel$export($b65191f6d0a0a991$exports, "ContextMenuHandler", function () { re
 $parcel$export($b65191f6d0a0a991$exports, "ContextWindow", function () { return $b5e8657823def5be$export$1af8984c69ba1b24; });
 
 
-
-
-
 var $181673e3e0e596f3$exports = {};
 
 $parcel$export($181673e3e0e596f3$exports, "autoHeightInner", function () { return $181673e3e0e596f3$export$df919f6b0f7f84e6; }, function (v) { return $181673e3e0e596f3$export$df919f6b0f7f84e6 = v; });
@@ -38,12 +32,7 @@ $181673e3e0e596f3$export$df919f6b0f7f84e6 = `aiw-AutoHeight-module-pDlSVW-autoHe
 $181673e3e0e596f3$export$563bd8f955c52746 = `aiw-AutoHeight-module-pDlSVW-autoHeightWrapper`;
 
 
-function $62873e7e5aeec7f1$export$77bf000da9303d1(_param) {
-    var { children: children, hide: hide = false, duration: duration = 300 } = _param, rest = (0, $duWW8$_2)(_param, [
-        "children",
-        "hide",
-        "duration"
-    ]);
+function $62873e7e5aeec7f1$export$77bf000da9303d1({ children: children, hide: hide = false, duration: duration = 300, ...rest }) {
     const wrapperRef = (0, $duWW8$useRef)(null);
     const innerRef = (0, $duWW8$useRef)(null);
     const [height, setHeight] = (0, $duWW8$useState)(null);
@@ -126,20 +115,22 @@ function $62873e7e5aeec7f1$export$77bf000da9303d1(_param) {
             }
         };
     }, []);
-    return /*#__PURE__*/ (0, $duWW8$jsx)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
+    return /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+        ...rest,
         className: (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports))).autoHeightWrapper,
         ref: wrapperRef,
-        style: (0, $duWW8$_1)((0, $duWW8$_)({}, rest.style), {
+        style: {
+            ...rest.style,
             display: animationState === "closed" ? "none" : undefined,
             height: height ? `${height}px` : "auto",
             transitionDuration: `${duration}ms`
-        }),
+        },
         children: /*#__PURE__*/ (0, $duWW8$jsx)("div", {
             className: (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports))).autoHeightInner,
             ref: innerRef,
             children: targetChildren
         })
-    }));
+    });
 }
 $62873e7e5aeec7f1$export$77bf000da9303d1.displayName = "AutoHeight";
 
@@ -149,9 +140,6 @@ $62873e7e5aeec7f1$export$77bf000da9303d1.displayName = "AutoHeight";
 
 
 
-
-
-
 var $47067f35ca62d4a5$exports = {};
 
 $parcel$export($47067f35ca62d4a5$exports, "anchor", function () { return $47067f35ca62d4a5$export$2e2992790a6f69a8; }, function (v) { return $47067f35ca62d4a5$export$2e2992790a6f69a8 = v; });
@@ -319,12 +307,7 @@ $567ed433af94513f$export$8dc6765e8be191c7.displayName = "ContextMenu";
 
 
 
-const $c3e82278b501f10c$export$d4ebdd58e04c6ace = (_param)=>{
-    var { id: id, menuItems: menuItems, children: children } = _param, rest = (0, $duWW8$_2)(_param, [
-        "id",
-        "menuItems",
-        "children"
-    ]);
+const $c3e82278b501f10c$export$d4ebdd58e04c6ace = ({ id: id, menuItems: menuItems, children: children, ...rest })=>{
     // Menu state
     const [menuInDom, setMenuInDom] = (0, $duWW8$useState)(false);
     const [menuVisible, setMenuVisible] = (0, $duWW8$useState)(false);
@@ -374,10 +357,10 @@ const $c3e82278b501f10c$export$d4ebdd58e04c6ace = (_param)=>{
     ]);
     return /*#__PURE__*/ (0, $duWW8$jsxs)((0, $duWW8$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $duWW8$jsx)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
+            /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                ...rest,
                 id: id,
                 onClick: (e)=>{
-                    var _rest_onClick;
                     if (menuItems) {
                         setMenuInDom(true);
                         e.preventDefault();
@@ -388,10 +371,10 @@ const $c3e82278b501f10c$export$d4ebdd58e04c6ace = (_param)=>{
                             setMenuXPos(e.pageX);
                             setMenuYPos(e.pageY);
                         }, 1);
-                    } else (_rest_onClick = rest.onClick) === null || _rest_onClick === void 0 ? void 0 : _rest_onClick.call(rest, e);
+                    } else rest.onClick?.(e);
                 },
                 children: children
-            })),
+            }),
             menuInDom && menuItems && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsx)("div", {
                 className: (0, (/*@__PURE__*/$parcel$interopDefault($47067f35ca62d4a5$exports))).anchor,
                 children: /*#__PURE__*/ (0, $duWW8$jsx)((0, $567ed433af94513f$export$8dc6765e8be191c7), {
@@ -419,9 +402,6 @@ $c3e82278b501f10c$export$d4ebdd58e04c6ace.displayName = "ClickForMenu";
 
 
 
-
-
-
 var $c7a6ae87165004e6$exports = {};
 
 $parcel$export($c7a6ae87165004e6$exports, "caretHolder", function () { return $c7a6ae87165004e6$export$6ed5f4fbab298e07; }, function (v) { return $c7a6ae87165004e6$export$6ed5f4fbab298e07 = v; });
@@ -517,10 +497,9 @@ const $556d6f9158abfc99$export$aafc28aea571c4bc = ({ entry: entry })=>{
             setTarget(null);
         },
         onClick: (e)=>{
-            var _entry_action;
             e.preventDefault();
             e.stopPropagation();
-            if (!entry.disabled) (_entry_action = entry.action) === null || _entry_action === void 0 ? void 0 : _entry_action.call(entry, target);
+            if (!entry.disabled) entry.action?.(target);
         },
         children: [
             /*#__PURE__*/ (0, $duWW8$jsx)("span", {
@@ -566,12 +545,7 @@ const $1e1c1e9e0b943830$export$fc58dc71afe92de2 = /*#__PURE__*/ (0, $duWW8$creat
 function $1e1c1e9e0b943830$var$isDivider(label) {
     return typeof label !== "string" && label.type === "hr";
 }
-const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
-    var { children: children, menuItems: menuItems, showLowMenu: showLowMenu = false } = _param, rest = (0, $duWW8$_2)(_param, [
-        "children",
-        "menuItems",
-        "showLowMenu"
-    ]);
+const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuItems: menuItems, showLowMenu: showLowMenu = false, ...rest })=>{
     // Check for higher content menu
     const higherContext = (0, $duWW8$useContext)($1e1c1e9e0b943830$export$fc58dc71afe92de2);
     const thisMenuItems = [
@@ -616,7 +590,7 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
             window.addEventListener("scroll", updatePos, true);
             let ro = null;
             if (typeof ResizeObserver !== "undefined" && divHandlderRef.current) {
-                ro = new ResizeObserver(()=>updatePos());
+                ro = new ResizeObserver(updatePos);
                 ro.observe(divHandlderRef.current);
             }
             return ()=>{
@@ -631,8 +605,7 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
     ]);
     // Handle click off the menu
     const handleClick = (0, $duWW8$useCallback)((e)=>{
-        var _menuRef_current;
-        if (menuRef.current && (e.target instanceof Element && !((_menuRef_current = menuRef.current) === null || _menuRef_current === void 0 ? void 0 : _menuRef_current.contains(e.target)) || !(e.target instanceof Element))) setMenuVisible(false);
+        if (menuRef.current && (e.target instanceof Element && !menuRef.current?.contains(e.target) || !(e.target instanceof Element))) setMenuVisible(false);
     }, []);
     // Update the document click handler
     (0, $duWW8$useEffect)(()=>{
@@ -663,9 +636,9 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
             menuItems: thisMenuItems
         },
         children: [
-            /*#__PURE__*/ (0, $duWW8$jsx)("div", (0, $duWW8$_1)((0, $duWW8$_)({
-                ref: divHandlderRef
-            }, rest), {
+            /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                ref: divHandlderRef,
+                ...rest,
                 className: [
                     (0, (/*@__PURE__*/$parcel$interopDefault($47067f35ca62d4a5$exports))).contextMenuHandler,
                     rest.className
@@ -684,7 +657,6 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
                     }
                 },
                 onMouseEnter: async (e)=>{
-                    var _rest_onMouseEnter;
                     if (showLowMenu) {
                         setMenuInDom(true);
                         setMouseOverHandlerDiv(false);
@@ -693,19 +665,18 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
                             setMouseOverHandlerDiv(true);
                         }, 1);
                     }
-                    (_rest_onMouseEnter = rest.onMouseEnter) === null || _rest_onMouseEnter === void 0 ? void 0 : _rest_onMouseEnter.call(rest, e);
+                    rest.onMouseEnter?.(e);
                 },
                 onMouseLeave: async (e)=>{
-                    var _rest_onMouseLeave;
                     if (showLowMenu) {
                         removeController.current.abort();
                         removeController.current = new AbortController();
                         setMouseOverHandlerDiv(false);
                     }
-                    (_rest_onMouseLeave = rest.onMouseLeave) === null || _rest_onMouseLeave === void 0 ? void 0 : _rest_onMouseLeave.call(rest, e);
+                    rest.onMouseLeave?.(e);
                 },
                 children: children
-            })),
+            }),
             menuInDom && divHandlerPos && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsx)("div", {
                 className: (0, (/*@__PURE__*/$parcel$interopDefault($47067f35ca62d4a5$exports))).anchor,
                 onMouseEnter: ()=>{
@@ -744,9 +715,6 @@ $1e1c1e9e0b943830$export$ed4f9641643dc7e4.displayName = "ContextMenuHandler";
 
 
 
-
-
-
 const $ab4d5d6bf03370d0$export$d81cfea7c54be196 = (divRef)=>{
     if (!divRef.current) return {
         translateX: 0,
@@ -769,6 +737,146 @@ const $ab4d5d6bf03370d0$export$d81cfea7c54be196 = (divRef)=>{
 };
 
 
+
+const $a7d2a7efe39e6c95$export$f93615b9594453fc = ({ onMouseDown: onMouseDownCallback, onMouseMove: onMouseMoveCallback, onMouseUp: onMouseUpCallback, onInteractionEnd: onInteractionEndCallback, interactionEndEnabled: interactionEndEnabled = true, onViewportResize: onViewportResizeCallback, viewportResizeEnabled: viewportResizeEnabled = true })=>{
+    const mouseMoveRef = (0, $duWW8$useRef)(null);
+    const mouseUpRef = (0, $duWW8$useRef)(null);
+    const activeInputRef = (0, $duWW8$useRef)(null);
+    const mouseDownElementRef = (0, $duWW8$useRef)(null);
+    const mouseDownUserSelectRef = (0, $duWW8$useRef)(null);
+    const interactionEndRef = (0, $duWW8$useRef)(null);
+    const interactionEndCallbackRef = (0, $duWW8$useRef)(onInteractionEndCallback);
+    const viewportResizeCallbackRef = (0, $duWW8$useRef)(onViewportResizeCallback);
+    (0, $duWW8$useEffect)(()=>{
+        interactionEndCallbackRef.current = onInteractionEndCallback;
+    }, [
+        onInteractionEndCallback
+    ]);
+    (0, $duWW8$useEffect)(()=>{
+        viewportResizeCallbackRef.current = onViewportResizeCallback;
+    }, [
+        onViewportResizeCallback
+    ]);
+    const removeMouseListeners = (0, $duWW8$useCallback)(()=>{
+        if (mouseMoveRef.current) {
+            document.removeEventListener("mousemove", mouseMoveRef.current);
+            document.removeEventListener("pointermove", mouseMoveRef.current);
+        }
+        if (mouseUpRef.current) {
+            document.removeEventListener("mouseup", mouseUpRef.current);
+            document.removeEventListener("pointerup", mouseUpRef.current);
+        }
+        activeInputRef.current = null;
+    }, []);
+    const restoreMouseDownUserSelect = (0, $duWW8$useCallback)(()=>{
+        if (mouseDownElementRef.current) {
+            /* v8 ignore next */ mouseDownElementRef.current.style.userSelect = mouseDownUserSelectRef.current ?? "";
+            mouseDownElementRef.current = null;
+            mouseDownUserSelectRef.current = null;
+        }
+    }, []);
+    const removeInteractionEndListeners = (0, $duWW8$useCallback)(()=>{
+        if (interactionEndRef.current) {
+            document.removeEventListener("mouseup", interactionEndRef.current, true);
+            document.removeEventListener("pointerup", interactionEndRef.current, true);
+            interactionEndRef.current = null;
+        }
+    }, []);
+    const onMouseMove = (0, $duWW8$useCallback)((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        onMouseMoveCallback?.(e);
+    }, [
+        onMouseMoveCallback
+    ]);
+    const onMouseUp = (0, $duWW8$useCallback)((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        removeMouseListeners();
+        restoreMouseDownUserSelect();
+        onMouseUpCallback?.(e);
+    }, [
+        onMouseUpCallback,
+        removeMouseListeners,
+        restoreMouseDownUserSelect
+    ]);
+    const onMouseDown = (0, $duWW8$useCallback)((e)=>{
+        restoreMouseDownUserSelect();
+        mouseDownElementRef.current = e.currentTarget;
+        mouseDownUserSelectRef.current = e.currentTarget.style.userSelect;
+        e.currentTarget.style.userSelect = "none";
+        mouseMoveRef.current = onMouseMove;
+        mouseUpRef.current = onMouseUp;
+        // React can emit both pointer and mouse streams for one interaction.
+        // Subscribe to only one stream to avoid applying movement deltas twice.
+        if (e.type === "pointerdown") {
+            activeInputRef.current = "pointer";
+            document.addEventListener("pointermove", onMouseMove);
+            document.addEventListener("pointerup", onMouseUp);
+        } else {
+            activeInputRef.current = "mouse";
+            document.addEventListener("mousemove", onMouseMove);
+            document.addEventListener("mouseup", onMouseUp);
+        }
+        onMouseDownCallback?.(e);
+    }, [
+        onMouseDownCallback,
+        onMouseMove,
+        onMouseUp,
+        restoreMouseDownUserSelect
+    ]);
+    const armInteractionEnd = (0, $duWW8$useCallback)(()=>{
+        if (!interactionEndEnabled || interactionEndRef.current) return;
+        const onInteractionEnd = (e)=>{
+            removeInteractionEndListeners();
+            interactionEndCallbackRef.current?.(e);
+        };
+        interactionEndRef.current = onInteractionEnd;
+        document.addEventListener("mouseup", onInteractionEnd, true);
+        document.addEventListener("pointerup", onInteractionEnd, true);
+    }, [
+        interactionEndEnabled,
+        removeInteractionEndListeners
+    ]);
+    (0, $duWW8$useEffect)(()=>{
+        if (!interactionEndEnabled) removeInteractionEndListeners();
+    }, [
+        interactionEndEnabled,
+        removeInteractionEndListeners
+    ]);
+    (0, $duWW8$useEffect)(()=>{
+        if (!viewportResizeEnabled || !viewportResizeCallbackRef.current || !onViewportResizeCallback) return;
+        const onViewportResize = (e)=>{
+            viewportResizeCallbackRef.current?.(e);
+        };
+        window.addEventListener("resize", onViewportResize);
+        return ()=>{
+            window.removeEventListener("resize", onViewportResize);
+        };
+    }, [
+        onViewportResizeCallback,
+        viewportResizeEnabled
+    ]);
+    (0, $duWW8$useEffect)(()=>{
+        return ()=>{
+            removeMouseListeners();
+            removeInteractionEndListeners();
+            restoreMouseDownUserSelect();
+        };
+    }, [
+        removeInteractionEndListeners,
+        removeMouseListeners,
+        restoreMouseDownUserSelect
+    ]);
+    return {
+        onMouseDown: onMouseDown,
+        onMouseMove: onMouseMove,
+        onMouseUp: onMouseUp,
+        armInteractionEnd: armInteractionEnd
+    };
+};
+
+
 var $ddf7153c7c69b209$exports = {};
 
 $parcel$export($ddf7153c7c69b209$exports, "contextWindow", function () { return $ddf7153c7c69b209$export$72cad2e5ad4d2674; }, function (v) { return $ddf7153c7c69b209$export$72cad2e5ad4d2674 = v; });
@@ -809,22 +917,10 @@ const $b5e8657823def5be$var$getMaxZIndex = (componentMinZIndex)=>{
     });
     return maxZIndex;
 };
-const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwardRef)((_param, ref)=>{
-    var { id: id, visible: visible, title: title, titleElement: titleElement, children: children, onOpen: onOpen, onClose: onClose, minZIndex: minZIndex = $b5e8657823def5be$export$4f9fb66ac71c7da5 } = _param, rest = (0, $duWW8$_2)(_param, [
-        "id",
-        "visible",
-        "title",
-        "titleElement",
-        "children",
-        "onOpen",
-        "onClose",
-        "minZIndex"
-    ]);
-    var _rest_style, _rest_style1, _rest_style2, _rest_style3;
+const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwardRef)(({ id: id, visible: visible, title: title, titleElement: titleElement, children: children, onOpen: onOpen, onClose: onClose, minZIndex: minZIndex = $b5e8657823def5be$export$4f9fb66ac71c7da5, ...rest }, ref)=>{
     const divRef = (0, $duWW8$useRef)(null);
     const windowRef = (0, $duWW8$useRef)(null);
     const [zIndex, setZIndex] = (0, $duWW8$useState)(minZIndex);
-    const resizeListenerRef = (0, $duWW8$useRef)(null);
     // Track internal state: whether window is in DOM and whether it's been positioned
     const [windowInDOM, setWindowInDOM] = (0, $duWW8$useState)(false);
     const [windowVisible, setWindowVisible] = (0, $duWW8$useState)(false);
@@ -836,51 +932,31 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
     });
     const [moving, setMoving] = (0, $duWW8$useState)(false);
     const move = (0, $duWW8$useCallback)((x, y)=>{
-        if (windowRef.current && windowPos.current) {
-            const window1 = windowRef.current;
-            const pos = windowPos.current;
-            pos.x += x;
-            pos.y += y;
-            window1.style.transform = `translate(${pos.x}px, ${pos.y}px)`;
+        if (windowRef.current) {
+            windowPos.current.x += x;
+            windowPos.current.y += y;
+            windowRef.current.style.transform = `translate(${windowPos.current.x}px, ${windowPos.current.y}px)`;
         }
     }, []);
+    const fitToViewport = (0, $duWW8$useCallback)(()=>{
+        if (!windowRef.current) return;
+        const viewportPadding = 32;
+        const availableWidth = Math.max(0, window.innerWidth - viewportPadding);
+        const availableHeight = Math.max(0, window.innerHeight - viewportPadding);
+        const rect = windowRef.current.getBoundingClientRect();
+        const horizontalChrome = rect.width - windowRef.current.clientWidth;
+        const verticalChrome = rect.height - windowRef.current.clientHeight;
+        if (rect.width > availableWidth) windowRef.current.style.width = `${Math.max(0, availableWidth - horizontalChrome)}px`;
+        if (rect.height > availableHeight) windowRef.current.style.height = `${Math.max(0, availableHeight - verticalChrome)}px`;
+    }, []);
     const checkPosition = (0, $duWW8$useCallback)(()=>{
         const chkPos = (0, $ab4d5d6bf03370d0$export$d81cfea7c54be196)(windowRef);
         move(chkPos.translateX, chkPos.translateY);
+        fitToViewport();
     }, [
+        fitToViewport,
         move
     ]);
-    const mouseMove = (0, $duWW8$useCallback)((e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        move(e.movementX, e.movementY);
-    }, [
-        move
-    ]);
-    const mouseMoveRef = (0, $duWW8$useRef)(mouseMove);
-    const mouseUpRef = (0, $duWW8$useRef)(()=>{});
-    const mouseUp = (0, $duWW8$useCallback)((e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        setMoving(false);
-        checkPosition();
-        if (mouseMoveRef.current) document.removeEventListener("mousemove", mouseMoveRef.current);
-        if (mouseUpRef.current) document.removeEventListener("mouseup", mouseUpRef.current);
-        if (resizeListenerRef.current) {
-            window.removeEventListener("resize", resizeListenerRef.current);
-            resizeListenerRef.current = null;
-        }
-        if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement)) e.target.style.userSelect = "auto";
-    }, [
-        checkPosition
-    ]);
-    (0, $duWW8$useEffect)(()=>{
-        mouseMoveRef.current = mouseMove;
-        mouseUpRef.current = mouseUp;
-    }, [
-        mouseMove,
-        mouseUp
-    ]);
     // Helper function to push this window to the top
     const pushToTop = (0, $duWW8$useCallback)(()=>{
         const maxZIndex = $b5e8657823def5be$var$getMaxZIndex(minZIndex);
@@ -888,6 +964,39 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
     }, [
         minZIndex
     ]);
+    const parseTranslate = (transform)=>{
+        const match = transform?.match(/translate\((-?\d+(?:\.\d+)?)px,\s*(-?\d+(?:\.\d+)?)px\)/);
+        if (match) return {
+            x: Number.parseFloat(match[1]),
+            y: Number.parseFloat(match[2])
+        };
+        /* v8 ignore next */ return {
+            x: 0,
+            y: 0
+        };
+    };
+    const { onMouseDown: onMouseDown, armInteractionEnd: armInteractionEnd } = (0, $a7d2a7efe39e6c95$export$f93615b9594453fc)({
+        onMouseDown: ()=>{
+            windowPos.current = parseTranslate(windowRef.current?.style.transform);
+            setMoving(true);
+            pushToTop();
+        },
+        onMouseMove: (e)=>{
+            move(e.movementX, e.movementY);
+        },
+        onMouseUp: ()=>{
+            checkPosition();
+            setMoving(false);
+        },
+        onInteractionEnd: ()=>{
+            checkPosition();
+        },
+        interactionEndEnabled: windowVisible,
+        onViewportResize: ()=>{
+            checkPosition();
+        },
+        viewportResizeEnabled: windowVisible
+    });
     // Expose pushToTop method via ref
     (0, $duWW8$useImperativeHandle)(ref, ()=>({
             pushToTop: pushToTop
@@ -921,14 +1030,15 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
             windowRef.current.style.left = `${parentPos.left}px`;
             windowRef.current.style.top = `${parentPos.bottom + windowHeight < window.innerHeight ? parentPos.bottom : Math.max(0, parentPos.top - windowHeight)}px`;
             windowRef.current.style.transform = "";
-            windowPos.current = {
-                x: 0,
-                y: 0
+            const checkedPosition = (0, $ab4d5d6bf03370d0$export$d81cfea7c54be196)(windowRef);
+            windowRef.current.style.transform = `translate(${checkedPosition.translateX}px, ${checkedPosition.translateY}px)`;
+            if (windowPos && windowPos.current) windowPos.current = {
+                x: checkedPosition.translateX,
+                y: checkedPosition.translateY
             };
-            checkPosition();
             // Update z-index and make visible - use startTransition
             const maxZ = $b5e8657823def5be$var$getMaxZIndex(minZIndex);
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+            onOpen?.();
             startTransition(()=>{
                 setZIndex(maxZ + 1);
                 setWindowVisible(true);
@@ -938,28 +1048,29 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
         windowInDOM,
         windowVisible,
         visible,
-        checkPosition,
         minZIndex,
         onOpen,
         startTransition
     ]);
-    // Cleanup effect to remove event listeners on unmount
+    // When CSS resize handle is used, defer checkPosition until resize interaction ends.
     (0, $duWW8$useEffect)(()=>{
+        if (!windowVisible || !windowRef.current || typeof ResizeObserver === "undefined") return;
+        const observer = new ResizeObserver(()=>{
+            armInteractionEnd();
+        });
+        observer.observe(windowRef.current);
         return ()=>{
-            // Clean up event listeners if component unmounts while dragging
-            if (mouseMoveRef.current) document.removeEventListener("mousemove", mouseMoveRef.current);
-            if (mouseUpRef.current) document.removeEventListener("mouseup", mouseUpRef.current);
-            if (resizeListenerRef.current) {
-                window.removeEventListener("resize", resizeListenerRef.current);
-                resizeListenerRef.current = null;
-            }
+            observer.disconnect();
         };
-    }, []);
-    var _rest_style_minHeight, _rest_style_minWidth, _rest_style_maxHeight, _rest_style_maxWidth;
+    }, [
+        armInteractionEnd,
+        windowVisible
+    ]);
     return /*#__PURE__*/ (0, $duWW8$jsx)("div", {
         className: (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindowAnchor,
         ref: divRef,
-        children: windowInDOM && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsxs)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
+        children: windowInDOM && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsxs)("div", {
+            ...rest,
             ref: windowRef,
             id: id,
             [$b5e8657823def5be$var$CONTEXT_WINDOW_DATA_ATTR]: "true",
@@ -967,19 +1078,19 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
                 (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindow,
                 rest.className
             ].filter((c)=>c).join(" "),
-            style: (0, $duWW8$_1)((0, $duWW8$_)({}, rest.style), {
+            style: {
+                ...rest.style,
                 opacity: moving ? 0.8 : windowVisible ? 1 : 0,
                 visibility: windowVisible ? "visible" : "hidden",
                 zIndex: zIndex,
-                minHeight: (_rest_style_minHeight = (_rest_style = rest.style) === null || _rest_style === void 0 ? void 0 : _rest_style.minHeight) !== null && _rest_style_minHeight !== void 0 ? _rest_style_minHeight : "150px",
-                minWidth: (_rest_style_minWidth = (_rest_style1 = rest.style) === null || _rest_style1 === void 0 ? void 0 : _rest_style1.minWidth) !== null && _rest_style_minWidth !== void 0 ? _rest_style_minWidth : "200px",
-                maxHeight: (_rest_style_maxHeight = (_rest_style2 = rest.style) === null || _rest_style2 === void 0 ? void 0 : _rest_style2.maxHeight) !== null && _rest_style_maxHeight !== void 0 ? _rest_style_maxHeight : "1000px",
-                maxWidth: (_rest_style_maxWidth = (_rest_style3 = rest.style) === null || _rest_style3 === void 0 ? void 0 : _rest_style3.maxWidth) !== null && _rest_style_maxWidth !== void 0 ? _rest_style_maxWidth : "1000px"
-            }),
+                minHeight: rest.style?.minHeight ?? "150px",
+                minWidth: rest.style?.minWidth ?? "200px",
+                maxHeight: rest.style?.maxHeight ?? "1000px",
+                maxWidth: rest.style?.maxWidth ?? "1000px"
+            },
             onClickCapture: (e)=>{
-                var _rest_onClickCapture;
                 pushToTop();
-                (_rest_onClickCapture = rest.onClickCapture) === null || _rest_onClickCapture === void 0 ? void 0 : _rest_onClickCapture.call(rest, e);
+                rest.onClickCapture?.(e);
             },
             children: [
                 /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
@@ -987,16 +1098,7 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
                         (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindowTitle,
                         moving ? (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).moving : ""
                     ].filter((c)=>c !== "").join(" "),
-                    onMouseDown: (e)=>{
-                        if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement)) e.target.style.userSelect = "none";
-                        setMoving(true);
-                        pushToTop();
-                        document.addEventListener("mouseup", mouseUp);
-                        document.addEventListener("mousemove", mouseMove);
-                        const resizeListener = ()=>checkPosition();
-                        resizeListenerRef.current = resizeListener;
-                        window.addEventListener("resize", resizeListener);
-                    },
+                    onMouseDown: onMouseDown,
                     children: [
                         /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                             className: (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindowTitleText,
@@ -1029,7 +1131,7 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = /*#__PURE__*/ (0, $duWW8$forwa
                     })
                 })
             ]
-        })), document.body)
+        }), document.body)
     });
 });
 $b5e8657823def5be$export$1af8984c69ba1b24.displayName = "ContextWindow";
@@ -1039,5 +1141,6 @@ $b5e8657823def5be$export$1af8984c69ba1b24.displayName = "ContextWindow";
 
 
 
-export {$62873e7e5aeec7f1$export$77bf000da9303d1 as AutoHeight, $c3e82278b501f10c$export$d4ebdd58e04c6ace as ClickForMenu, $567ed433af94513f$export$8dc6765e8be191c7 as ContextMenu, $1e1c1e9e0b943830$export$ed4f9641643dc7e4 as ContextMenuHandler, $b5e8657823def5be$export$1af8984c69ba1b24 as ContextWindow};
+
+export {$a7d2a7efe39e6c95$export$f93615b9594453fc as useMouseMove, $62873e7e5aeec7f1$export$77bf000da9303d1 as AutoHeight, $c3e82278b501f10c$export$d4ebdd58e04c6ace as ClickForMenu, $567ed433af94513f$export$8dc6765e8be191c7 as ContextMenu, $1e1c1e9e0b943830$export$ed4f9641643dc7e4 as ContextMenuHandler, $b5e8657823def5be$export$1af8984c69ba1b24 as ContextWindow};
 //# sourceMappingURL=main.js.map