@asup/context-menu 1.3.11 → 1.4.0

package/dist/main.js

@@ -1,6 +1,9 @@
 import "./main.css";
-import {jsx as $duWW8$jsx, jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment} from "react/jsx-runtime";
-import {createContext as $duWW8$createContext, useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useRef as $duWW8$useRef, useState as $duWW8$useState, useCallback as $duWW8$useCallback, useEffect as $duWW8$useEffect, forwardRef as $duWW8$forwardRef} from "react";
+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 {jsxs as $duWW8$jsxs, jsx as $duWW8$jsx, Fragment as $duWW8$Fragment} from "react/jsx-runtime";
+import {useRef as $duWW8$useRef, useState as $duWW8$useState, useLayoutEffect as $duWW8$useLayoutEffect, createContext as $duWW8$createContext, useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useCallback as $duWW8$useCallback, useEffect as $duWW8$useEffect, forwardRef as $duWW8$forwardRef} from "react";
 import {createPortal as $duWW8$createPortal} from "react-dom";
 
 
@@ -15,6 +18,7 @@ function $parcel$interopDefault(a) {
 
 var $b65191f6d0a0a991$exports = {};
 
+$parcel$export($b65191f6d0a0a991$exports, "AutoHeight", function () { return $62873e7e5aeec7f1$export$77bf000da9303d1; });
 $parcel$export($b65191f6d0a0a991$exports, "ContextMenuHandler", function () { return $1e1c1e9e0b943830$export$ed4f9641643dc7e4; });
 $parcel$export($b65191f6d0a0a991$exports, "ContextWindow", function () { return $b5e8657823def5be$export$1af8984c69ba1b24; });
 $parcel$export($b65191f6d0a0a991$exports, "ContextWindowStack", function () { return $17c46b9e6a2eb66e$export$9f37482ccd50dad2; });
@@ -23,6 +27,139 @@ $parcel$export($b65191f6d0a0a991$exports, "ContextWindowStack", function () { re
 
 
 
+var $181673e3e0e596f3$exports = {};
+
+$parcel$export($181673e3e0e596f3$exports, "autoHeightInner", function () { return $181673e3e0e596f3$export$df919f6b0f7f84e6; }, function (v) { return $181673e3e0e596f3$export$df919f6b0f7f84e6 = v; });
+$parcel$export($181673e3e0e596f3$exports, "autoHeightTransition", function () { return $181673e3e0e596f3$export$edb29c5fcd06f0aa; }, function (v) { return $181673e3e0e596f3$export$edb29c5fcd06f0aa = v; });
+$parcel$export($181673e3e0e596f3$exports, "autoHeightWrapper", function () { return $181673e3e0e596f3$export$563bd8f955c52746; }, function (v) { return $181673e3e0e596f3$export$563bd8f955c52746 = v; });
+$parcel$export($181673e3e0e596f3$exports, "resize", function () { return $181673e3e0e596f3$export$4380c87abf28fdf; }, function (v) { return $181673e3e0e596f3$export$4380c87abf28fdf = v; });
+var $181673e3e0e596f3$export$df919f6b0f7f84e6;
+var $181673e3e0e596f3$export$edb29c5fcd06f0aa;
+var $181673e3e0e596f3$export$563bd8f955c52746;
+var $181673e3e0e596f3$export$4380c87abf28fdf;
+$181673e3e0e596f3$export$df919f6b0f7f84e6 = `aiw-AutoHeight-module-pDlSVW-autoHeightInner`;
+$181673e3e0e596f3$export$edb29c5fcd06f0aa = `aiw-AutoHeight-module-pDlSVW-autoHeightTransition`;
+$181673e3e0e596f3$export$563bd8f955c52746 = `aiw-AutoHeight-module-pDlSVW-autoHeightWrapper`;
+$181673e3e0e596f3$export$4380c87abf28fdf = `aiw-AutoHeight-module-pDlSVW-resize`;
+
+
+function $62873e7e5aeec7f1$export$77bf000da9303d1(_param) {
+    var { children: children, hide: hide, duration: duration = 300 } = _param, rest = (0, $duWW8$_2)(_param, [
+        "children",
+        "hide",
+        "duration"
+    ]);
+    const wrapperRef = (0, $duWW8$useRef)(null);
+    const innerRef = (0, $duWW8$useRef)(null);
+    const transitionRef = (0, $duWW8$useRef)(null);
+    const [deployedChildren, setDeployedChildren] = (0, $duWW8$useState)(null);
+    const [height, setHeight] = (0, $duWW8$useState)(null);
+    const [isResizing, setIsResizing] = (0, $duWW8$useState)(null);
+    // Trigger height change on children update
+    (0, $duWW8$useLayoutEffect)(()=>{
+        const wrapper = wrapperRef.current;
+        const inner = innerRef.current;
+        // Ensure we have drawn - which is always true
+        if (wrapper && inner) {
+            // No transitionRef means we are in the initial draw phase
+            if (!transitionRef.current && deployedChildren !== children) {
+                setIsResizing("draw");
+                return;
+            }
+            // End the transition, this will remove the transitionRef from the DOM
+            if (isResizing === "remove") {
+                setIsResizing(null);
+                return;
+            }
+            const transition = transitionRef === null || transitionRef === void 0 ? void 0 : transitionRef.current;
+            if (!transition) return;
+            var _inner_offsetHeight;
+            // Initial draw to get the height of children and deployed children
+            const childrenHeight = (_inner_offsetHeight = inner.offsetHeight) !== null && _inner_offsetHeight !== void 0 ? _inner_offsetHeight : 0;
+            var _transition_offsetHeight;
+            const deployedHeight = hide ? 1 : (_transition_offsetHeight = transition.offsetHeight) !== null && _transition_offsetHeight !== void 0 ? _transition_offsetHeight : 0;
+            // if deployed children height is different, update the state
+            if (childrenHeight !== deployedHeight) {
+                switch(isResizing){
+                    case "draw":
+                        setIsResizing("resize");
+                        break;
+                    case "resize":
+                        break;
+                }
+                setHeight(deployedHeight);
+                const handleTransitionEnd = ()=>{
+                    wrapper.removeEventListener("transitionend", handleTransitionEnd);
+                    setDeployedChildren(children);
+                    setIsResizing("remove");
+                };
+                wrapper.addEventListener("transitionend", handleTransitionEnd);
+            } else if (childrenHeight !== height) {
+                setHeight(childrenHeight);
+                setDeployedChildren(children);
+                setIsResizing("remove");
+            } else if (children !== deployedChildren) {
+                setDeployedChildren(children);
+                setIsResizing("remove");
+            }
+        }
+    }, [
+        children,
+        deployedChildren,
+        height,
+        hide,
+        isResizing
+    ]);
+    return /*#__PURE__*/ (0, $duWW8$jsxs)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
+        className: (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports))).autoHeightWrapper,
+        ref: wrapperRef,
+        style: (0, $duWW8$_)({
+            height: height ? `${height}px` : "auto",
+            transitionDuration: `${duration}ms`
+        }, rest.style),
+        children: [
+            /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                ref: innerRef,
+                className: [
+                    (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports))).autoHeightInner,
+                    isResizing ? (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports)))[isResizing] : ""
+                ].join(" "),
+                style: isResizing ? {
+                    transition: `opacity ${duration}ms ease-in-out`
+                } : hide ? {
+                    opacity: 0,
+                    height: 0
+                } : {},
+                children: deployedChildren
+            }),
+            isResizing && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                className: [
+                    (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports))).autoHeightTransition,
+                    (0, (/*@__PURE__*/$parcel$interopDefault($181673e3e0e596f3$exports)))[isResizing]
+                ].join(" "),
+                ref: transitionRef,
+                style: {
+                    transition: `opacity ${duration}ms ease-in-out`
+                },
+                children: hide || !children ? /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                    style: {
+                        height: "1px"
+                    }
+                }) : children
+            })
+        ]
+    }));
+}
+
+
+
+
+
+
+
+
+
+
 var $47067f35ca62d4a5$exports = {};
 
 $parcel$export($47067f35ca62d4a5$exports, "anchor", function () { return $47067f35ca62d4a5$export$2e2992790a6f69a8; }, function (v) { return $47067f35ca62d4a5$export$2e2992790a6f69a8 = v; });
@@ -123,8 +260,10 @@ const $813754bb7a4251f1$export$c868ef28d2ba36f1 = ({ entry: entry, toClose: toCl
                 onMouseDownCapture: (e)=>{
                     e.preventDefault();
                     e.stopPropagation();
-                    entry.action && !entry.disabled && entry.action(target);
-                    !entry.disabled && toClose();
+                    if (!entry.disabled) {
+                        if (entry.action) entry.action(target, e);
+                        toClose();
+                    }
                 },
                 children: entry.label
             }) : entry.label,
@@ -149,7 +288,7 @@ const $567ed433af94513f$export$8dc6765e8be191c7 = /*#__PURE__*/ (0, $duWW8$forwa
             top: `${yPos}px`,
             left: `${xPos}px`
         },
-        onContextMenuCapture: (e)=>{
+        onContextMenu: (e)=>{
             e.preventDefault();
             e.stopPropagation();
         },
@@ -301,7 +440,13 @@ $914758b0c9d59759$export$49e8edc8ebca5f25.displayName = "LowMenu";
 
 
 const $1e1c1e9e0b943830$export$fc58dc71afe92de2 = /*#__PURE__*/ (0, $duWW8$createContext)(null);
-const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuItems: menuItems, showLowMenu: showLowMenu = false, ...rest })=>{
+const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = (_param)=>{
+    var { children: children, menuItems: menuItems, showLowMenu: showLowMenu = false } = _param, rest = (0, $duWW8$_2)(_param, [
+        "children",
+        "menuItems",
+        "showLowMenu"
+    ]);
+    var _divHandlderRef_current;
     // Check for higher content menu
     const higherContext = (0, $duWW8$useContext)($1e1c1e9e0b943830$export$fc58dc71afe92de2);
     const thisMenuItems = (0, $duWW8$useMemo)(()=>[
@@ -333,10 +478,11 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuIte
     const [mouseOverHandlerDiv, setMouseOverHandlerDiv] = (0, $duWW8$useState)(false);
     const [mouseOverMenu, setMouseOverMenu] = (0, $duWW8$useState)(false);
     // Get holder position
-    const divHandlerPos = divHandlderRef ? divHandlderRef.current?.getBoundingClientRect() : null;
+    const divHandlerPos = divHandlderRef ? (_divHandlderRef_current = divHandlderRef.current) === null || _divHandlderRef_current === void 0 ? void 0 : _divHandlderRef_current.getBoundingClientRect() : null;
     // Handle click off the menu
     const handleClick = (0, $duWW8$useCallback)((e)=>{
-        if (menuRef.current && (e.target instanceof Element && !menuRef.current?.contains(e.target) || !(e.target instanceof Element))) setMenuVisible(false);
+        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);
     }, []);
     // Update the document click handler
     (0, $duWW8$useEffect)(()=>{
@@ -368,14 +514,14 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuIte
             menuItems: thisMenuItems
         },
         children: [
-            /*#__PURE__*/ (0, $duWW8$jsx)("div", {
-                ref: divHandlderRef,
-                ...rest,
+            /*#__PURE__*/ (0, $duWW8$jsx)("div", (0, $duWW8$_1)((0, $duWW8$_)({
+                ref: divHandlderRef
+            }, rest), {
                 className: [
                     (0, (/*@__PURE__*/$parcel$interopDefault($47067f35ca62d4a5$exports))).contextMenuHandler,
                     rest.className
                 ].join(" "),
-                onContextMenu: (e)=>{
+                onContextMenu: async (e)=>{
                     if (!showLowMenu) {
                         setMenuInDom(true);
                         e.preventDefault();
@@ -388,7 +534,7 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuIte
                         }, 1);
                     }
                 },
-                onMouseEnter: (e)=>{
+                onMouseEnter: async (e)=>{
                     if (showLowMenu) {
                         setMenuInDom(true);
                         setMouseOverHandlerDiv(false);
@@ -399,7 +545,7 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuIte
                     }
                     rest.onMouseEnter && rest.onMouseEnter(e);
                 },
-                onMouseLeave: (e)=>{
+                onMouseLeave: async (e)=>{
                     if (showLowMenu) {
                         removeController.current.abort();
                         removeController.current = new AbortController();
@@ -408,7 +554,7 @@ const $1e1c1e9e0b943830$export$ed4f9641643dc7e4 = ({ children: children, menuIte
                     rest.onMouseLeave && 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: ()=>{
@@ -447,6 +593,9 @@ $1e1c1e9e0b943830$export$ed4f9641643dc7e4.displayName = "ContextMenuHandler";
 
 
 
+
+
+
 const $ab4d5d6bf03370d0$export$d81cfea7c54be196 = (divRef)=>{
     if (!divRef.current) return {
         translateX: 0,
@@ -526,7 +675,17 @@ const $17c46b9e6a2eb66e$export$9f37482ccd50dad2 = ({ minZIndex: minZIndex = 1000
 $17c46b9e6a2eb66e$export$9f37482ccd50dad2.displayName = "ContextWindowStack";
 
 
-const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, title: title, titleElement: titleElement, children: children, onOpen: onOpen, onClose: onClose, ...rest })=>{
+const $b5e8657823def5be$export$1af8984c69ba1b24 = (_param)=>{
+    var { id: id, visible: visible, title: title, titleElement: titleElement, children: children, onOpen: onOpen, onClose: onClose } = _param, rest = (0, $duWW8$_2)(_param, [
+        "id",
+        "visible",
+        "title",
+        "titleElement",
+        "children",
+        "onOpen",
+        "onClose"
+    ]);
+    var _rest_style, _rest_style1, _rest_style2, _rest_style3;
     const windowStack = (0, $duWW8$useContext)((0, $17c46b9e6a2eb66e$export$aff5d0593e3727b0));
     const windowId = (0, $duWW8$useRef)(null);
     const divRef = (0, $duWW8$useRef)(null);
@@ -534,9 +693,11 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
     const [windowInDOM, setWindowInDOM] = (0, $duWW8$useState)(false);
     const [windowVisible, setWindowVisible] = (0, $duWW8$useState)(false);
     const zIndex = (0, $duWW8$useMemo)(()=>{
-        return windowStack?.currentWindows.find((w)=>w.windowId === windowId.current)?.zIndex ?? 1;
+        var _windowStack_currentWindows_find;
+        var _windowStack_currentWindows_find_zIndex;
+        return (_windowStack_currentWindows_find_zIndex = windowStack === null || windowStack === void 0 ? void 0 : (_windowStack_currentWindows_find = windowStack.currentWindows.find((w)=>w.windowId === windowId.current)) === null || _windowStack_currentWindows_find === void 0 ? void 0 : _windowStack_currentWindows_find.zIndex) !== null && _windowStack_currentWindows_find_zIndex !== void 0 ? _windowStack_currentWindows_find_zIndex : 1;
     }, [
-        windowStack?.currentWindows
+        windowStack === null || windowStack === void 0 ? void 0 : windowStack.currentWindows
     ]);
     // Position
     const windowPos = (0, $duWW8$useRef)({
@@ -617,35 +778,41 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
         windowStack,
         windowVisible
     ]);
+    var _rest_style_minHeight, _rest_style_minWidth, _rest_style_maxHeight, _rest_style_maxWidth;
     return /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
         className: (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindowAnchor,
         ref: divRef,
         children: [
-            !windowStack && /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
-                ...rest,
+            !windowStack && /*#__PURE__*/ (0, $duWW8$jsxs)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
                 children: [
-                    false,
+                    process.env.NODE_ENV !== "production" && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                        style: {
+                            backgroundColor: "red",
+                            color: "white",
+                            padding: "8px",
+                            fontSize: "1000"
+                        },
+                        children: "WARNING: No ContextWindowStack found"
+                    }),
                     children
                 ]
-            }),
-            windowStack && windowInDOM && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsxs)("div", {
-                ...rest,
+            })),
+            windowStack && windowInDOM && /*#__PURE__*/ (0, $duWW8$createPortal)(/*#__PURE__*/ (0, $duWW8$jsxs)("div", (0, $duWW8$_1)((0, $duWW8$_)({}, rest), {
                 ref: windowRef,
                 id: id,
                 className: [
                     (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindow,
                     rest.className
                 ].join(" "),
-                style: {
-                    ...rest.style,
+                style: (0, $duWW8$_1)((0, $duWW8$_)({}, rest.style), {
                     opacity: moving ? 0.8 : windowVisible ? 1 : 0,
                     visibility: windowVisible ? "visible" : "hidden",
-                    zIndex: zIndex ?? 1,
-                    minHeight: rest.style?.minHeight ?? "150px",
-                    minWidth: rest.style?.minWidth ?? "200px",
-                    maxHeight: rest.style?.maxHeight ?? "1000px",
-                    maxWidth: rest.style?.maxWidth ?? "1000px"
-                },
+                    zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 1,
+                    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"
+                }),
                 onClickCapture: (e)=>{
                     windowId && windowId.current && windowStack.pushToTop(windowId.current);
                     rest.onClickCapture && rest.onClickCapture(e);
@@ -672,14 +839,16 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
                             }),
                             /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                                 className: (0, (/*@__PURE__*/$parcel$interopDefault($ddf7153c7c69b209$exports))).contextWindowTitleClose,
+                                role: "button",
+                                "aria-label": "Close",
+                                onClick: onClose,
+                                title: `Close ${title && title.trim() !== "" ? title : "window"}`,
                                 children: /*#__PURE__*/ (0, $duWW8$jsx)("svg", {
                                     xmlns: "http://www.w3.org/2000/svg",
                                     width: "16",
                                     height: "16",
                                     fill: "currentColor",
                                     viewBox: "0 0 16 16",
-                                    "aria-label": "Close window",
-                                    onClick: onClose,
                                     children: /*#__PURE__*/ (0, $duWW8$jsx)("path", {
                                         d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
                                     })
@@ -694,7 +863,7 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
                         })
                     })
                 ]
-            }), document.body)
+            })), document.body)
         ]
     });
 };
@@ -706,5 +875,5 @@ $b5e8657823def5be$export$1af8984c69ba1b24.displayName = "ContextWindow";
 
 
 
-export {$1e1c1e9e0b943830$export$ed4f9641643dc7e4 as ContextMenuHandler, $b5e8657823def5be$export$1af8984c69ba1b24 as ContextWindow, $17c46b9e6a2eb66e$export$9f37482ccd50dad2 as ContextWindowStack};
+export {$62873e7e5aeec7f1$export$77bf000da9303d1 as AutoHeight, $1e1c1e9e0b943830$export$ed4f9641643dc7e4 as ContextMenuHandler, $b5e8657823def5be$export$1af8984c69ba1b24 as ContextWindow, $17c46b9e6a2eb66e$export$9f37482ccd50dad2 as ContextWindowStack};
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/main.ts","global.d.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextMenu.module.css","src/components/ContextMenuEntry.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenu.module.css","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/functions/chkPosition.ts","src/components/ContextWindow.module.css","src/components/ContextWindowStack.tsx"],"sourcesContent":["import \"../global.d.ts\";\nexport * from \"./components\";\n","declare module \"*.module.css\" {\n  const classes: { readonly [key: string]: string };\n  export default classes;\n}\n","import { ContextMenuHandler } from \"./ContextMenuHandler\";\nimport { ContextWindow } from \"./ContextWindow\";\nimport { ContextWindowStack } from \"./ContextWindowStack\";\nimport { MenuItem } from \"./interface\";\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { MenuItem as iMenuItem };\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { LowMenu } from \"./LowMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContentMenuHandlerContextProps {\n  menuItems: MenuItem[];\n}\nexport const ContentMenuHandlerContext = createContext<ContentMenuHandlerContextProps | null>(null);\n\nexport interface ContextMenuHandlerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  menuItems: MenuItem[];\n  showLowMenu?: boolean;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  ...rest\n}: ContextMenuHandlerProps): JSX.Element => {\n  // Check for higher content menu\n  const higherContext = useContext(ContentMenuHandlerContext);\n  const thisMenuItems = useMemo(\n    () => [\n      ...(higherContext !== null\n        ? [\n            ...higherContext.menuItems,\n            {\n              label: <hr style={{ flexGrow: 1, cursor: \"none\", margin: \"0\", padding: \"0\" }} />,\n            },\n          ]\n        : []),\n      ...menuItems,\n    ],\n    [higherContext, menuItems],\n  );\n\n  // Menu resources\n  const divHandlderRef = useRef<HTMLDivElement | null>(null);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  const [menuXPos, setMenuXPos] = useState<number>(0);\n  const [menuYPos, setMenuYPos] = useState<number>(0);\n  const [menuVisible, setMenuVisible] = useState<boolean>(false);\n  const [menuInDom, setMenuInDom] = useState<boolean>(false);\n  const [mouseOverHandlerDiv, setMouseOverHandlerDiv] = useState<boolean>(false);\n  const [mouseOverMenu, setMouseOverMenu] = useState<boolean>(false);\n\n  // Get holder position\n  const divHandlerPos = divHandlderRef ? divHandlderRef.current?.getBoundingClientRect() : null;\n\n  // Handle click off the menu\n  const handleClick = useCallback((e: globalThis.MouseEvent) => {\n    if (\n      menuRef.current &&\n      ((e.target instanceof Element && !menuRef.current?.contains(e.target)) ||\n        !(e.target instanceof Element))\n    ) {\n      setMenuVisible(false);\n    }\n  }, []);\n\n  // Update the document click handler\n  useEffect(() => {\n    if (menuVisible) document.addEventListener(\"mousedown\", handleClick);\n    else document.removeEventListener(\"mousedown\", handleClick);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n    };\n  }, [handleClick, menuVisible]);\n\n  const removeController = useRef<AbortController>(new AbortController());\n  useEffect(() => {\n    if (!mouseOverMenu && !menuVisible && !mouseOverHandlerDiv) {\n      removeController.current.abort();\n      removeController.current = new AbortController();\n      setTimeout(() => {\n        if (!removeController.current.signal.aborted) setMenuInDom(false);\n      }, 300);\n    }\n  }, [mouseOverHandlerDiv, menuVisible, mouseOverMenu]);\n\n  return (\n    <ContentMenuHandlerContext.Provider\n      value={{\n        menuItems: thisMenuItems,\n      }}\n    >\n      <div\n        ref={divHandlderRef}\n        {...rest}\n        className={[styles.contextMenuHandler, rest.className].join(\" \")}\n        onContextMenu={(e) => {\n          if (!showLowMenu) {\n            setMenuInDom(true);\n            e.preventDefault();\n            e.stopPropagation();\n            setTimeout(() => {\n              removeController.current.abort();\n              setMenuVisible(true);\n              setMenuXPos(e.pageX);\n              setMenuYPos(e.pageY);\n            }, 1);\n          }\n        }}\n        onMouseEnter={(e) => {\n          if (showLowMenu) {\n            setMenuInDom(true);\n            setMouseOverHandlerDiv(false);\n            setTimeout(() => {\n              removeController.current.abort();\n              setMouseOverHandlerDiv(true);\n            }, 1);\n          }\n          rest.onMouseEnter && rest.onMouseEnter(e);\n        }}\n        onMouseLeave={(e) => {\n          if (showLowMenu) {\n            removeController.current.abort();\n            removeController.current = new AbortController();\n            setMouseOverHandlerDiv(false);\n          }\n          rest.onMouseLeave && rest.onMouseLeave(e);\n        }}\n      >\n        {children}\n      </div>\n      {menuInDom &&\n        divHandlerPos &&\n        createPortal(\n          <div\n            className={styles.anchor}\n            onMouseEnter={() => {\n              removeController.current.abort();\n              setMouseOverMenu(true);\n            }}\n            onMouseLeave={() => {\n              removeController.current.abort();\n              removeController.current = new AbortController();\n              setMouseOverMenu(false);\n            }}\n          >\n            {showLowMenu ? (\n              <LowMenu\n                visible={mouseOverHandlerDiv}\n                entries={menuItems}\n                xPos={divHandlerPos.left}\n                yPos={divHandlerPos.bottom}\n                maxWidth={divHandlerPos.width}\n              />\n            ) : (\n              <ContextMenu\n                visible={menuVisible}\n                ref={menuRef}\n                entries={thisMenuItems}\n                xPos={menuXPos}\n                yPos={menuYPos}\n                toClose={() => {\n                  setMenuVisible(false);\n                  setMouseOverMenu(false);\n                }}\n              />\n            )}\n          </div>,\n          document.body,\n        )}\n    </ContentMenuHandlerContext.Provider>\n  );\n};\n\nContextMenuHandler.displayName = \"ContextMenuHandler\";\n","import { forwardRef } from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextMenuEntry } from \"./ContextMenuEntry\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextMenuProps {\n  visible: boolean;\n  entries: MenuItem[];\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(\n  ({ visible, entries, xPos, yPos, toClose }, ref): JSX.Element => {\n    return (\n      <div\n        ref={ref}\n        className={[styles.contextMenu, visible ? styles.visible : styles.hidden]\n          .filter((c) => c !== \"\")\n          .join(\" \")}\n        style={{\n          top: `${yPos}px`,\n          left: `${xPos}px`,\n        }}\n        onContextMenuCapture={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        {entries.map((entry, i) => (\n          <ContextMenuEntry\n            key={i}\n            entry={entry}\n            toClose={toClose}\n          />\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n",".anchor {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9pt;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenuHandler {\n  height: fit-content;\n  width: fit-content;\n}\n\n.contextMenu {\n  position: absolute;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  transition: opacity 0.3s linear;\n}\n\n.contextMenu.hidden {\n  opacity: 0;\n}\n\n.contextMenu.visible {\n  opacity: 1;\n}\n\n.contextMenuItem {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n  padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n  padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n  align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n\n.contextMenuItemLabel {\n  flex-grow: 1;\n  height: 19px;\n}\n","import { useState } from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\nimport { MenuItem } from \"./interface\";\n\ninterface ContextMenuEntryProps {\n  entry: MenuItem;\n  toClose: () => void;\n}\n\nexport const ContextMenuEntry = ({ entry, toClose }: ContextMenuEntryProps) => {\n  const [target, setTarget] = useState<Range | null>(null);\n  const [subMenuVisible, setSubMenuVisible] = useState<boolean>(false);\n  return (\n    <div\n      className={[styles.contextMenuItem, entry.disabled ? styles.disabled : \"\"]\n        .filter((c) => c !== \"\")\n        .join(\" \")}\n      onMouseEnter={() => {\n        setSubMenuVisible(true);\n      }}\n      onMouseLeave={() => {\n        setSubMenuVisible(false);\n      }}\n    >\n      {typeof entry.label === \"string\" ? (\n        <span\n          aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n          aria-disabled={entry.disabled}\n          className={styles.contextMenuItemLabel}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const target = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setTarget(target);\n          }}\n          onMouseLeave={() => {\n            setTarget(null);\n          }}\n          onMouseDownCapture={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            entry.action && !entry.disabled && entry.action(target);\n            !entry.disabled && toClose();\n          }}\n        >\n          {entry.label}\n        </span>\n      ) : (\n        entry.label\n      )}\n      {entry.group && (\n        <ContextSubMenu\n          toClose={toClose}\n          entries={entry.group}\n          visible={subMenuVisible}\n        />\n      )}\n    </div>\n  );\n};\n","import { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextSubMenuProps {\n  entries: MenuItem[];\n  toClose: () => void;\n  lowMenu?: boolean;\n  visible: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, toClose, visible }: ContextSubMenuProps): JSX.Element => {\n  return (\n    <span className={styles.caretHolder}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = \"ContextSubMenu\";\n","import styles from \"./LowMenu.module.css\";\nimport { LowMenuButton } from \"./LowMenuButton\";\nimport { MenuItem } from \"./interface\";\n\ninterface LowMenuProps {\n  entries: MenuItem[];\n  visible: boolean;\n  xPos: number;\n  yPos: number;\n  maxWidth: number;\n}\n\nexport const LowMenu = ({ entries, visible, xPos, yPos, maxWidth }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className={[styles.lowMenu, visible ? styles.visible : styles.hidden].join(\" \")}\n      aria-label=\"Low context menu\"\n      style={{\n        left: `${xPos}px`,\n        top: `${yPos}px`,\n        maxWidth: `calc(${maxWidth}px)`,\n        width: `calc(${maxWidth}px - 4px)`,\n      }}\n    >\n      <div className={styles.lowMenuButtonHolder}>\n        {entries.map((e, i) => (\n          <LowMenuButton\n            key={i}\n            entry={e}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nLowMenu.displayName = \"LowMenu\";\n",".lowMenu {\n  z-index: 2;\n  position: absolute;\n  margin: 0px;\n  transition: opacity 0.3s linear;\n}\n\n.lowMenuButtonHolder {\n  border: 2px solid rgb(17, 20, 24);\n  border-top-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  background-color: rgb(17, 20, 24);\n  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n  width: fit-content;\n}\n\n.lowMenu.hidden {\n  opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n  opacity: 1;\n}\n\n.lowMenuItem {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n  align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n","import styles from \"./LowMenu.module.css\";\nimport { LowSubMenu } from \"./LowSubMenu\";\nimport { MenuItem } from \"./interface\";\nimport { useState } from \"react\";\n\ninterface LowMenuButtonProps {\n  entry: MenuItem;\n}\nexport const LowMenuButton = ({ entry }: LowMenuButtonProps) => {\n  const [target, setTarget] = useState<Range | null>(null);\n  return (\n    <div\n      className={[styles.lowMenuItem, entry.disabled ? styles.disabled : \"\"]\n        .filter((c) => c !== \"\")\n        .join(\" \")}\n      aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n      aria-disabled={entry.disabled}\n      onMouseEnter={() => {\n        const sel = window.getSelection();\n        const target = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n        setTarget(target);\n      }}\n      onMouseLeave={() => {\n        setTarget(null);\n      }}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span>{entry.label}</span>\n      {entry.group && <LowSubMenu entry={entry} />}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = \"LowMenuButton\";\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./LowMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface LowSubMenuProps {\n  entry: MenuItem;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry }: LowSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n  if (!entry.group || entry.group.length === 0) return <></>;\n  return (\n    <span\n      aria-label={`Sub menu for ${entry.label}`}\n      className={styles.caretHolder}\n      onMouseEnter={() => {\n        setVisible(true);\n      }}\n      onMouseLeave={() => {\n        setVisible(false);\n      }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        {visible && (\n          <ContextMenu\n            visible={visible}\n            entries={entry.group}\n            xPos={14}\n            yPos={entry.group.length * -21 - 8}\n            toClose={() => setVisible(false)}\n          />\n        )}\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = \"LowSubMenu\";\n","import { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { chkPosition } from \"../functions/chkPosition\";\nimport styles from \"./ContextWindow.module.css\";\nimport { ContextWindowStackContext } from \"./ContextWindowStack\";\n\ninterface ContextWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  titleElement?: ReactNode;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  titleElement,\n  children,\n  onOpen,\n  onClose,\n  ...rest\n}: ContextWindowProps): JSX.Element => {\n  const windowStack = useContext(ContextWindowStackContext);\n  const windowId = useRef<number | null>(null);\n  const divRef = useRef<HTMLDivElement | null>(null);\n  const windowRef = useRef<HTMLDivElement | null>(null);\n  const [windowInDOM, setWindowInDOM] = useState<boolean>(false);\n  const [windowVisible, setWindowVisible] = useState<boolean>(false);\n  const zIndex = useMemo(() => {\n    return windowStack?.currentWindows.find((w) => w.windowId === windowId.current)?.zIndex ?? 1;\n  }, [windowStack?.currentWindows]);\n\n  // Position\n  const windowPos = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n  const [moving, setMoving] = useState<boolean>(false);\n\n  const move = useCallback((x: number, y: number) => {\n    if (windowRef.current && windowPos.current) {\n      const window = windowRef.current;\n      const pos = windowPos.current;\n      pos.x += x;\n      pos.y += y;\n      window.style.transform = `translate(${pos.x}px, ${pos.y}px)`;\n    }\n  }, []);\n\n  const checkPosition = useCallback(() => {\n    const chkPos = chkPosition(windowRef);\n    move(chkPos.translateX, chkPos.translateY);\n  }, [move]);\n\n  const mouseMove = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      move(e.movementX, e.movementY);\n    },\n    [move],\n  );\n\n  const mouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setMoving(false);\n      checkPosition();\n      document.removeEventListener(\"mousemove\", mouseMove);\n      document.removeEventListener(\"mouseup\", mouseUp);\n      window.removeEventListener(\"resize\", checkPosition);\n      if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement))\n        e.target.style.userSelect = \"auto\";\n    },\n    [checkPosition, mouseMove],\n  );\n\n  // Update visibility\n  useEffect(() => {\n    if (windowStack) {\n      // Visible set, but not in DOM\n      if (visible && !windowInDOM) {\n        setWindowInDOM(true);\n      } else if (visible && windowInDOM && !windowVisible) {\n        if (!windowId.current) {\n          const maxWindowId = Math.max(0, ...windowStack.currentWindows.map((w) => w.windowId));\n          windowId.current = maxWindowId + 1;\n        }\n        windowStack.pushToTop(windowId.current);\n        setWindowVisible(visible);\n        onOpen && onOpen();\n        // Get starting position\n        if (divRef.current && windowRef.current) {\n          const parentPos = divRef.current.getBoundingClientRect();\n          const pos = windowRef.current.getBoundingClientRect();\n          const windowHeight = pos.bottom - pos.top;\n          windowRef.current.style.left = `${parentPos.left}px`;\n          windowRef.current.style.top = `${\n            parentPos.bottom + windowHeight < window.innerHeight\n              ? parentPos.bottom\n              : Math.max(0, parentPos.top - windowHeight)\n          }px`;\n          windowRef.current.style.transform = \"\";\n          windowPos.current = { x: 0, y: 0 };\n        }\n        checkPosition();\n      } else if (windowId.current && !visible && windowVisible) {\n        setWindowVisible(false);\n      } else if (windowId.current && !visible && windowInDOM) {\n        setWindowInDOM(false);\n      }\n    }\n  }, [checkPosition, onOpen, visible, windowInDOM, windowStack, windowVisible]);\n\n  return (\n    <div\n      className={styles.contextWindowAnchor}\n      ref={divRef}\n    >\n      {!windowStack && (\n        <div {...rest}>\n          {process.env.NODE_ENV !== \"production\" && (\n            <div\n              style={{ backgroundColor: \"red\", color: \"white\", padding: \"8px\", fontSize: \"1000\" }}\n            >\n              WARNING: No ContextWindowStack found\n            </div>\n          )}\n          {children}\n        </div>\n      )}\n      {windowStack &&\n        windowInDOM &&\n        createPortal(\n          <div\n            {...rest}\n            ref={windowRef}\n            id={id}\n            className={[styles.contextWindow, rest.className].join(\" \")}\n            style={{\n              ...rest.style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? \"visible\" : \"hidden\",\n              zIndex: zIndex ?? 1,\n              minHeight: rest.style?.minHeight ?? \"150px\",\n              minWidth: rest.style?.minWidth ?? \"200px\",\n              maxHeight: rest.style?.maxHeight ?? \"1000px\",\n              maxWidth: rest.style?.maxWidth ?? \"1000px\",\n            }}\n            onClickCapture={(e) => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n              rest.onClickCapture && rest.onClickCapture(e);\n            }}\n          >\n            <div\n              className={[styles.contextWindowTitle, moving ? styles.moving : \"\"]\n                .filter((c) => c !== \"\")\n                .join(\" \")}\n              onMouseDown={(e: React.MouseEvent) => {\n                if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement))\n                  e.target.style.userSelect = \"none\";\n                setMoving(true);\n                windowId && windowId.current && windowStack.pushToTop(windowId.current);\n                document.addEventListener(\"mouseup\", mouseUp);\n                document.addEventListener(\"mousemove\", mouseMove);\n                window.addEventListener(\"resize\", () => checkPosition());\n              }}\n            >\n              <div\n                className={styles.contextWindowTitleText}\n                title={title}\n              >\n                {titleElement ? titleElement : title}\n              </div>\n              <div className={styles.contextWindowTitleClose}>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"16\"\n                  height=\"16\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 16 16\"\n                  aria-label=\"Close window\"\n                  onClick={onClose}\n                >\n                  <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n                </svg>\n              </div>\n            </div>\n            <div className={styles.contextWindowBody}>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = \"ContextWindow\";\n","import { RefObject } from \"react\";\n\n/**\n * Check that an existing div is inside the viewport\n * @param divRef Check div is inside view port, and return n\n * @returns \\{ translateX, translateY \\} Amount to move on X and Y axis\n */\nexport const chkPosition = (\n  divRef: RefObject<HTMLDivElement>,\n): { translateX: number; translateY: number } => {\n  if (!divRef.current) {\n    return { translateX: 0, translateY: 0 };\n  } else {\n    const innerBounce = 16;\n    const posn = divRef.current.getBoundingClientRect();\n    let translateX = 0;\n    if (posn.left < innerBounce) {\n      translateX = -posn.left + innerBounce;\n    } else if (posn.right > window.innerWidth) {\n      translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);\n    }\n    let translateY = 0;\n    if (posn.top < innerBounce) {\n      translateY = -posn.top + innerBounce;\n    } else if (posn.bottom > window.innerHeight) {\n      translateY = Math.max(\n        -posn.top + innerBounce,\n        window.innerHeight - posn.bottom - innerBounce,\n      );\n    }\n    return { translateX, translateY };\n  }\n};\n",".contextWindowAnchor {\n  position: relative;\n}\n\n.contextWindow {\n  z-index: 2001;\n  border: 1px black solid;\n  margin: 0;\n  padding: 4px;\n  background-color: rgb(250, 250, 250);\n  box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n  transition: opacity 0.25s linear;\n  justify-content: flex-start;\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  resize: both;\n  overflow: auto;\n  max-height: 95vh;\n  max-width: 95vw;\n}\n\n.contextWindowTitle {\n  border-bottom: 1px black dashed;\n  box-sizing: unset;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  height: 24px;\n  line-height: 24px;\n  max-height: 24px;\n  cursor: grab;\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: calc(100% - 8px);\n}\n\n.contextWindowTitle.moving {\n  cursor: grabbing;\n}\n\n.contextWindowTitleText {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: calc(100% - 16px);\n}\n\n.contextWindowTitleClose {\n  display: flex;\n  color: black;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n  line-height: 16px;\n}\n\n.contextWindowTitleClose:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextWindowBody {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n","import { createContext, useState } from \"react\";\n\nexport interface ContextWindowZIndex {\n  windowId: number;\n  zIndex: number;\n}\n\nexport interface ContextWindowStackContextProps {\n  currentWindows: ContextWindowZIndex[];\n  pushToTop: (ret: number) => void;\n}\n\nexport const ContextWindowStackContext = createContext<ContextWindowStackContextProps | null>(null);\n\ninterface ContextWindowStackProps {\n  id?: string;\n  minZIndex?: number;\n  children?: JSX.Element[] | JSX.Element;\n}\n\nconst pushToTop = (\n  windowId: number,\n  minZIndex: number,\n  windowList: ContextWindowZIndex[],\n  setWindowList: (ret: ContextWindowZIndex[]) => void,\n) => {\n  const otherWindows = windowList\n    .filter((w) => w.windowId !== windowId)\n    .map((w, i) => ({ windowId: w.windowId, zIndex: minZIndex + i }));\n  setWindowList([...otherWindows, { windowId, zIndex: minZIndex + otherWindows.length }]);\n};\n\nexport const ContextWindowStack = ({\n  minZIndex = 1000,\n  children,\n}: ContextWindowStackProps): JSX.Element => {\n  const [currentWindows, setCurrentWindows] = useState<ContextWindowZIndex[]>([]);\n\n  return (\n    <ContextWindowStackContext.Provider\n      value={{\n        currentWindows: currentWindows.map((w) => ({\n          windowId: w.windowId,\n          zIndex: minZIndex + w.zIndex,\n        })),\n        pushToTop: (ret: number) => pushToTop(ret, minZIndex, currentWindows, setCurrentWindows),\n      }}\n    >\n      {children}\n    </ContextWindowStackContext.Provider>\n  );\n};\n\nContextWindowStack.displayName = \"ContextWindowStack\";\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["src/main.ts","global.d.ts","src/components/index.ts","src/components/AutoHeight.tsx","src/components/AutoHeight.module.css","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextMenu.module.css","src/components/ContextMenuEntry.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenu.module.css","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/functions/chkPosition.ts","src/components/ContextWindow.module.css","src/components/ContextWindowStack.tsx"],"sourcesContent":["import \"../global.d.ts\";\nexport * from \"./components\";\n","declare module \"*.module.css\" {\n  const classes: { readonly [key: string]: string };\n  export default classes;\n}\n","import { AutoHeight } from \"./AutoHeight\";\nimport { ContextMenuHandler } from \"./ContextMenuHandler\";\nimport { ContextWindow } from \"./ContextWindow\";\nimport { ContextWindowStack } from \"./ContextWindowStack\";\nimport { MenuItem } from \"./interface\";\n\nexport { AutoHeight, ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { MenuItem as iMenuItem };\n","import { useLayoutEffect, useRef, useState } from \"react\";\nimport styles from \"./AutoHeight.module.css\";\n\ninterface AutoHeightProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  hide?: boolean;\n  duration?: number; // transition duration in ms\n}\n\nexport function AutoHeight({\n  children,\n  hide,\n  duration = 300,\n  ...rest\n}: AutoHeightProps): React.ReactNode {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const innerRef = useRef<HTMLDivElement>(null);\n  const transitionRef = useRef<HTMLDivElement>(null);\n  const [deployedChildren, setDeployedChildren] = useState<React.ReactNode>(null);\n  const [height, setHeight] = useState<number | null>(null);\n  const [isResizing, setIsResizing] = useState<\"draw\" | \"resize\" | \"remove\" | null>(null);\n\n  // Trigger height change on children update\n  useLayoutEffect(() => {\n    const wrapper = wrapperRef.current;\n    const inner = innerRef.current;\n\n    // Ensure we have drawn - which is always true\n    if (wrapper && inner) {\n      // No transitionRef means we are in the initial draw phase\n      if (!transitionRef.current && deployedChildren !== children) {\n        setIsResizing(\"draw\");\n        return;\n      }\n      // End the transition, this will remove the transitionRef from the DOM\n      if (isResizing === \"remove\") {\n        setIsResizing(null);\n        return;\n      }\n\n      const transition = transitionRef?.current;\n      if (!transition) return;\n\n      // Initial draw to get the height of children and deployed children\n      const childrenHeight = inner.offsetHeight ?? 0;\n      const deployedHeight = hide ? 1 : (transition.offsetHeight ?? 0);\n\n      // if deployed children height is different, update the state\n      if (childrenHeight !== deployedHeight) {\n        switch (isResizing) {\n          case \"draw\": {\n            setIsResizing(\"resize\");\n            break;\n          }\n          case \"resize\":\n            break;\n        }\n        setHeight(deployedHeight);\n\n        const handleTransitionEnd = () => {\n          wrapper.removeEventListener(\"transitionend\", handleTransitionEnd);\n          setDeployedChildren(children);\n          setIsResizing(\"remove\");\n        };\n\n        wrapper.addEventListener(\"transitionend\", handleTransitionEnd);\n      }\n      // if children height is different, update the state\n      else if (childrenHeight !== height) {\n        setHeight(childrenHeight);\n        setDeployedChildren(children);\n        setIsResizing(\"remove\");\n      }\n      // if just the children have changed, update the deployed children\n      else if (children !== deployedChildren) {\n        setDeployedChildren(children);\n        setIsResizing(\"remove\");\n      }\n    }\n  }, [children, deployedChildren, height, hide, isResizing]);\n\n  return (\n    <div\n      {...rest}\n      className={styles.autoHeightWrapper}\n      ref={wrapperRef}\n      style={{\n        height: height ? `${height}px` : \"auto\",\n        transitionDuration: `${duration}ms`,\n        ...rest.style,\n      }}\n    >\n      <div\n        ref={innerRef}\n        className={[styles.autoHeightInner, isResizing ? styles[isResizing] : \"\"].join(\" \")}\n        style={\n          isResizing\n            ? { transition: `opacity ${duration}ms ease-in-out` }\n            : hide\n              ? { opacity: 0, height: 0 }\n              : {}\n        }\n      >\n        {deployedChildren}\n      </div>\n      {isResizing && (\n        <div\n          className={[styles.autoHeightTransition, styles[isResizing]].join(\" \")}\n          ref={transitionRef}\n          style={{ transition: `opacity ${duration}ms ease-in-out` }}\n        >\n          {hide || !children ? <div style={{ height: \"1px\" }} /> : children}\n        </div>\n      )}\n    </div>\n  );\n}\n",".autoHeightWrapper {\n  overflow: hidden;\n  transition-timing-function: height ease-in-out;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.autoHeightInner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 1;\n  display: block;\n  height: fit-content;\n  flex: 1;\n}\n\n.autoHeightInner.resize {\n  opacity: 0;\n}\n\n.autoHeightTransition {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 0;\n  height: fit-content;\n  flex: 1;\n}\n\n.autoHeightTransition.resize {\n  opacity: 1;\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { LowMenu } from \"./LowMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContentMenuHandlerContextProps {\n  menuItems: MenuItem[];\n}\nexport const ContentMenuHandlerContext = createContext<ContentMenuHandlerContextProps | null>(null);\n\nexport interface ContextMenuHandlerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  menuItems: MenuItem[];\n  showLowMenu?: boolean;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  ...rest\n}: ContextMenuHandlerProps): JSX.Element => {\n  // Check for higher content menu\n  const higherContext = useContext(ContentMenuHandlerContext);\n  const thisMenuItems = useMemo(\n    () => [\n      ...(higherContext !== null\n        ? [\n            ...higherContext.menuItems,\n            {\n              label: <hr style={{ flexGrow: 1, cursor: \"none\", margin: \"0\", padding: \"0\" }} />,\n            },\n          ]\n        : []),\n      ...menuItems,\n    ],\n    [higherContext, menuItems],\n  );\n\n  // Menu resources\n  const divHandlderRef = useRef<HTMLDivElement | null>(null);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  const [menuXPos, setMenuXPos] = useState<number>(0);\n  const [menuYPos, setMenuYPos] = useState<number>(0);\n  const [menuVisible, setMenuVisible] = useState<boolean>(false);\n  const [menuInDom, setMenuInDom] = useState<boolean>(false);\n  const [mouseOverHandlerDiv, setMouseOverHandlerDiv] = useState<boolean>(false);\n  const [mouseOverMenu, setMouseOverMenu] = useState<boolean>(false);\n\n  // Get holder position\n  const divHandlerPos = divHandlderRef ? divHandlderRef.current?.getBoundingClientRect() : null;\n\n  // Handle click off the menu\n  const handleClick = useCallback((e: globalThis.MouseEvent) => {\n    if (\n      menuRef.current &&\n      ((e.target instanceof Element && !menuRef.current?.contains(e.target)) ||\n        !(e.target instanceof Element))\n    ) {\n      setMenuVisible(false);\n    }\n  }, []);\n\n  // Update the document click handler\n  useEffect(() => {\n    if (menuVisible) document.addEventListener(\"mousedown\", handleClick);\n    else document.removeEventListener(\"mousedown\", handleClick);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n    };\n  }, [handleClick, menuVisible]);\n\n  const removeController = useRef<AbortController>(new AbortController());\n  useEffect(() => {\n    if (!mouseOverMenu && !menuVisible && !mouseOverHandlerDiv) {\n      removeController.current.abort();\n      removeController.current = new AbortController();\n      setTimeout(() => {\n        if (!removeController.current.signal.aborted) setMenuInDom(false);\n      }, 300);\n    }\n  }, [mouseOverHandlerDiv, menuVisible, mouseOverMenu]);\n\n  return (\n    <ContentMenuHandlerContext.Provider\n      value={{\n        menuItems: thisMenuItems,\n      }}\n    >\n      <div\n        ref={divHandlderRef}\n        {...rest}\n        className={[styles.contextMenuHandler, rest.className].join(\" \")}\n        onContextMenu={async (e) => {\n          if (!showLowMenu) {\n            setMenuInDom(true);\n            e.preventDefault();\n            e.stopPropagation();\n            setTimeout(() => {\n              removeController.current.abort();\n              setMenuVisible(true);\n              setMenuXPos(e.pageX);\n              setMenuYPos(e.pageY);\n            }, 1);\n          }\n        }}\n        onMouseEnter={async (e) => {\n          if (showLowMenu) {\n            setMenuInDom(true);\n            setMouseOverHandlerDiv(false);\n            setTimeout(() => {\n              removeController.current.abort();\n              setMouseOverHandlerDiv(true);\n            }, 1);\n          }\n          rest.onMouseEnter && rest.onMouseEnter(e);\n        }}\n        onMouseLeave={async (e) => {\n          if (showLowMenu) {\n            removeController.current.abort();\n            removeController.current = new AbortController();\n            setMouseOverHandlerDiv(false);\n          }\n          rest.onMouseLeave && rest.onMouseLeave(e);\n        }}\n      >\n        {children}\n      </div>\n      {menuInDom &&\n        divHandlerPos &&\n        createPortal(\n          <div\n            className={styles.anchor}\n            onMouseEnter={() => {\n              removeController.current.abort();\n              setMouseOverMenu(true);\n            }}\n            onMouseLeave={() => {\n              removeController.current.abort();\n              removeController.current = new AbortController();\n              setMouseOverMenu(false);\n            }}\n          >\n            {showLowMenu ? (\n              <LowMenu\n                visible={mouseOverHandlerDiv}\n                entries={menuItems}\n                xPos={divHandlerPos.left}\n                yPos={divHandlerPos.bottom}\n                maxWidth={divHandlerPos.width}\n              />\n            ) : (\n              <ContextMenu\n                visible={menuVisible}\n                ref={menuRef}\n                entries={thisMenuItems}\n                xPos={menuXPos}\n                yPos={menuYPos}\n                toClose={() => {\n                  setMenuVisible(false);\n                  setMouseOverMenu(false);\n                }}\n              />\n            )}\n          </div>,\n          document.body,\n        )}\n    </ContentMenuHandlerContext.Provider>\n  );\n};\n\nContextMenuHandler.displayName = \"ContextMenuHandler\";\n","import { forwardRef } from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextMenuEntry } from \"./ContextMenuEntry\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextMenuProps {\n  visible: boolean;\n  entries: MenuItem[];\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(\n  ({ visible, entries, xPos, yPos, toClose }, ref): JSX.Element => {\n    return (\n      <div\n        ref={ref}\n        className={[styles.contextMenu, visible ? styles.visible : styles.hidden]\n          .filter((c) => c !== \"\")\n          .join(\" \")}\n        style={{\n          top: `${yPos}px`,\n          left: `${xPos}px`,\n        }}\n        onContextMenu={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        {entries.map((entry, i) => (\n          <ContextMenuEntry\n            key={i}\n            entry={entry}\n            toClose={toClose}\n          />\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n",".anchor {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9pt;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenuHandler {\n  height: fit-content;\n  width: fit-content;\n}\n\n.contextMenu {\n  position: absolute;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  transition: opacity 0.3s linear;\n}\n\n.contextMenu.hidden {\n  opacity: 0;\n}\n\n.contextMenu.visible {\n  opacity: 1;\n}\n\n.contextMenuItem {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n  padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n  padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n  align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n\n.contextMenuItemLabel {\n  flex-grow: 1;\n  height: 19px;\n}\n","import { useState } from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\nimport { MenuItem } from \"./interface\";\n\ninterface ContextMenuEntryProps {\n  entry: MenuItem;\n  toClose: () => void;\n}\n\nexport const ContextMenuEntry = ({ entry, toClose }: ContextMenuEntryProps) => {\n  const [target, setTarget] = useState<Range | null>(null);\n  const [subMenuVisible, setSubMenuVisible] = useState<boolean>(false);\n  return (\n    <div\n      className={[styles.contextMenuItem, entry.disabled ? styles.disabled : \"\"]\n        .filter((c) => c !== \"\")\n        .join(\" \")}\n      onMouseEnter={() => {\n        setSubMenuVisible(true);\n      }}\n      onMouseLeave={() => {\n        setSubMenuVisible(false);\n      }}\n    >\n      {typeof entry.label === \"string\" ? (\n        <span\n          aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n          aria-disabled={entry.disabled}\n          className={styles.contextMenuItemLabel}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const target = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setTarget(target);\n          }}\n          onMouseLeave={() => {\n            setTarget(null);\n          }}\n          onMouseDownCapture={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            if (!entry.disabled) {\n              if (entry.action) {\n                entry.action(target, e);\n              }\n              toClose();\n            }\n          }}\n        >\n          {entry.label}\n        </span>\n      ) : (\n        entry.label\n      )}\n      {entry.group && (\n        <ContextSubMenu\n          toClose={toClose}\n          entries={entry.group}\n          visible={subMenuVisible}\n        />\n      )}\n    </div>\n  );\n};\n","import { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextSubMenuProps {\n  entries: MenuItem[];\n  toClose: () => void;\n  lowMenu?: boolean;\n  visible: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, toClose, visible }: ContextSubMenuProps): JSX.Element => {\n  return (\n    <span className={styles.caretHolder}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = \"ContextSubMenu\";\n","import styles from \"./LowMenu.module.css\";\nimport { LowMenuButton } from \"./LowMenuButton\";\nimport { MenuItem } from \"./interface\";\n\ninterface LowMenuProps {\n  entries: MenuItem[];\n  visible: boolean;\n  xPos: number;\n  yPos: number;\n  maxWidth: number;\n}\n\nexport const LowMenu = ({ entries, visible, xPos, yPos, maxWidth }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className={[styles.lowMenu, visible ? styles.visible : styles.hidden].join(\" \")}\n      aria-label=\"Low context menu\"\n      style={{\n        left: `${xPos}px`,\n        top: `${yPos}px`,\n        maxWidth: `calc(${maxWidth}px)`,\n        width: `calc(${maxWidth}px - 4px)`,\n      }}\n    >\n      <div className={styles.lowMenuButtonHolder}>\n        {entries.map((e, i) => (\n          <LowMenuButton\n            key={i}\n            entry={e}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nLowMenu.displayName = \"LowMenu\";\n",".lowMenu {\n  z-index: 2;\n  position: absolute;\n  margin: 0px;\n  transition: opacity 0.3s linear;\n}\n\n.lowMenuButtonHolder {\n  border: 2px solid rgb(17, 20, 24);\n  border-top-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  background-color: rgb(17, 20, 24);\n  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n  width: fit-content;\n}\n\n.lowMenu.hidden {\n  opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n  opacity: 1;\n}\n\n.lowMenuItem {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n  align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n","import styles from \"./LowMenu.module.css\";\nimport { LowSubMenu } from \"./LowSubMenu\";\nimport { MenuItem } from \"./interface\";\nimport { useState } from \"react\";\n\ninterface LowMenuButtonProps {\n  entry: MenuItem;\n}\nexport const LowMenuButton = ({ entry }: LowMenuButtonProps) => {\n  const [target, setTarget] = useState<Range | null>(null);\n  return (\n    <div\n      className={[styles.lowMenuItem, entry.disabled ? styles.disabled : \"\"]\n        .filter((c) => c !== \"\")\n        .join(\" \")}\n      aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n      aria-disabled={entry.disabled}\n      onMouseEnter={() => {\n        const sel = window.getSelection();\n        const target = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n        setTarget(target);\n      }}\n      onMouseLeave={() => {\n        setTarget(null);\n      }}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span>{entry.label}</span>\n      {entry.group && <LowSubMenu entry={entry} />}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = \"LowMenuButton\";\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./LowMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface LowSubMenuProps {\n  entry: MenuItem;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry }: LowSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n  if (!entry.group || entry.group.length === 0) return <></>;\n  return (\n    <span\n      aria-label={`Sub menu for ${entry.label}`}\n      className={styles.caretHolder}\n      onMouseEnter={() => {\n        setVisible(true);\n      }}\n      onMouseLeave={() => {\n        setVisible(false);\n      }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        {visible && (\n          <ContextMenu\n            visible={visible}\n            entries={entry.group}\n            xPos={14}\n            yPos={entry.group.length * -21 - 8}\n            toClose={() => setVisible(false)}\n          />\n        )}\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = \"LowSubMenu\";\n","import { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { chkPosition } from \"../functions/chkPosition\";\nimport styles from \"./ContextWindow.module.css\";\nimport { ContextWindowStackContext } from \"./ContextWindowStack\";\n\ninterface ContextWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  titleElement?: ReactNode;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  titleElement,\n  children,\n  onOpen,\n  onClose,\n  ...rest\n}: ContextWindowProps): JSX.Element => {\n  const windowStack = useContext(ContextWindowStackContext);\n  const windowId = useRef<number | null>(null);\n  const divRef = useRef<HTMLDivElement | null>(null);\n  const windowRef = useRef<HTMLDivElement | null>(null);\n  const [windowInDOM, setWindowInDOM] = useState<boolean>(false);\n  const [windowVisible, setWindowVisible] = useState<boolean>(false);\n  const zIndex = useMemo(() => {\n    return windowStack?.currentWindows.find((w) => w.windowId === windowId.current)?.zIndex ?? 1;\n  }, [windowStack?.currentWindows]);\n\n  // Position\n  const windowPos = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n  const [moving, setMoving] = useState<boolean>(false);\n\n  const move = useCallback((x: number, y: number) => {\n    if (windowRef.current && windowPos.current) {\n      const window = windowRef.current;\n      const pos = windowPos.current;\n      pos.x += x;\n      pos.y += y;\n      window.style.transform = `translate(${pos.x}px, ${pos.y}px)`;\n    }\n  }, []);\n\n  const checkPosition = useCallback(() => {\n    const chkPos = chkPosition(windowRef);\n    move(chkPos.translateX, chkPos.translateY);\n  }, [move]);\n\n  const mouseMove = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      move(e.movementX, e.movementY);\n    },\n    [move],\n  );\n\n  const mouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setMoving(false);\n      checkPosition();\n      document.removeEventListener(\"mousemove\", mouseMove);\n      document.removeEventListener(\"mouseup\", mouseUp);\n      window.removeEventListener(\"resize\", checkPosition);\n      if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement))\n        e.target.style.userSelect = \"auto\";\n    },\n    [checkPosition, mouseMove],\n  );\n\n  // Update visibility\n  useEffect(() => {\n    if (windowStack) {\n      // Visible set, but not in DOM\n      if (visible && !windowInDOM) {\n        setWindowInDOM(true);\n      } else if (visible && windowInDOM && !windowVisible) {\n        if (!windowId.current) {\n          const maxWindowId = Math.max(0, ...windowStack.currentWindows.map((w) => w.windowId));\n          windowId.current = maxWindowId + 1;\n        }\n        windowStack.pushToTop(windowId.current);\n        setWindowVisible(visible);\n        onOpen && onOpen();\n        // Get starting position\n        if (divRef.current && windowRef.current) {\n          const parentPos = divRef.current.getBoundingClientRect();\n          const pos = windowRef.current.getBoundingClientRect();\n          const windowHeight = pos.bottom - pos.top;\n          windowRef.current.style.left = `${parentPos.left}px`;\n          windowRef.current.style.top = `${\n            parentPos.bottom + windowHeight < window.innerHeight\n              ? parentPos.bottom\n              : Math.max(0, parentPos.top - windowHeight)\n          }px`;\n          windowRef.current.style.transform = \"\";\n          windowPos.current = { x: 0, y: 0 };\n        }\n        checkPosition();\n      } else if (windowId.current && !visible && windowVisible) {\n        setWindowVisible(false);\n      } else if (windowId.current && !visible && windowInDOM) {\n        setWindowInDOM(false);\n      }\n    }\n  }, [checkPosition, onOpen, visible, windowInDOM, windowStack, windowVisible]);\n\n  return (\n    <div\n      className={styles.contextWindowAnchor}\n      ref={divRef}\n    >\n      {!windowStack && (\n        <div {...rest}>\n          {process.env.NODE_ENV !== \"production\" && (\n            <div\n              style={{ backgroundColor: \"red\", color: \"white\", padding: \"8px\", fontSize: \"1000\" }}\n            >\n              WARNING: No ContextWindowStack found\n            </div>\n          )}\n          {children}\n        </div>\n      )}\n      {windowStack &&\n        windowInDOM &&\n        createPortal(\n          <div\n            {...rest}\n            ref={windowRef}\n            id={id}\n            className={[styles.contextWindow, rest.className].join(\" \")}\n            style={{\n              ...rest.style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? \"visible\" : \"hidden\",\n              zIndex: zIndex ?? 1,\n              minHeight: rest.style?.minHeight ?? \"150px\",\n              minWidth: rest.style?.minWidth ?? \"200px\",\n              maxHeight: rest.style?.maxHeight ?? \"1000px\",\n              maxWidth: rest.style?.maxWidth ?? \"1000px\",\n            }}\n            onClickCapture={(e) => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n              rest.onClickCapture && rest.onClickCapture(e);\n            }}\n          >\n            <div\n              className={[styles.contextWindowTitle, moving ? styles.moving : \"\"]\n                .filter((c) => c !== \"\")\n                .join(\" \")}\n              onMouseDown={(e: React.MouseEvent) => {\n                if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement))\n                  e.target.style.userSelect = \"none\";\n                setMoving(true);\n                windowId && windowId.current && windowStack.pushToTop(windowId.current);\n                document.addEventListener(\"mouseup\", mouseUp);\n                document.addEventListener(\"mousemove\", mouseMove);\n                window.addEventListener(\"resize\", () => checkPosition());\n              }}\n            >\n              <div\n                className={styles.contextWindowTitleText}\n                title={title}\n              >\n                {titleElement ? titleElement : title}\n              </div>\n              <div\n                className={styles.contextWindowTitleClose}\n                role=\"button\"\n                aria-label=\"Close\"\n                onClick={onClose}\n                title={`Close ${title && title.trim() !== \"\" ? title : \"window\"}`}\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"16\"\n                  height=\"16\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 16 16\"\n                >\n                  <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n                </svg>\n              </div>\n            </div>\n            <div className={styles.contextWindowBody}>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = \"ContextWindow\";\n","import { RefObject } from \"react\";\n\n/**\n * Check that an existing div is inside the viewport\n * @param divRef Check div is inside view port, and return n\n * @returns \\{ translateX, translateY \\} Amount to move on X and Y axis\n */\nexport const chkPosition = (\n  divRef: RefObject<HTMLDivElement>,\n): { translateX: number; translateY: number } => {\n  if (!divRef.current) {\n    return { translateX: 0, translateY: 0 };\n  } else {\n    const innerBounce = 16;\n    const posn = divRef.current.getBoundingClientRect();\n    let translateX = 0;\n    if (posn.left < innerBounce) {\n      translateX = -posn.left + innerBounce;\n    } else if (posn.right > window.innerWidth) {\n      translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);\n    }\n    let translateY = 0;\n    if (posn.top < innerBounce) {\n      translateY = -posn.top + innerBounce;\n    } else if (posn.bottom > window.innerHeight) {\n      translateY = Math.max(\n        -posn.top + innerBounce,\n        window.innerHeight - posn.bottom - innerBounce,\n      );\n    }\n    return { translateX, translateY };\n  }\n};\n",".contextWindowAnchor {\n  position: relative;\n}\n\n.contextWindow {\n  z-index: 2001;\n  border: 1px black solid;\n  margin: 0;\n  padding: 4px;\n  background-color: rgb(250, 250, 250);\n  box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n  transition: opacity 0.25s linear;\n  justify-content: flex-start;\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  resize: both;\n  overflow: auto;\n  max-height: 95vh;\n  max-width: 95vw;\n}\n\n.contextWindowTitle {\n  border-bottom: 1px black dashed;\n  box-sizing: unset;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  height: 24px;\n  line-height: 24px;\n  max-height: 24px;\n  cursor: grab;\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: calc(100% - 8px);\n}\n\n.contextWindowTitle.moving {\n  cursor: grabbing;\n}\n\n.contextWindowTitleText {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: calc(100% - 16px);\n}\n\n.contextWindowTitleClose {\n  display: flex;\n  color: black;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n  line-height: 16px;\n}\n\n.contextWindowTitleClose:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextWindowBody {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n","import { createContext, useState } from \"react\";\n\nexport interface ContextWindowZIndex {\n  windowId: number;\n  zIndex: number;\n}\n\nexport interface ContextWindowStackContextProps {\n  currentWindows: ContextWindowZIndex[];\n  pushToTop: (ret: number) => void;\n}\n\nexport const ContextWindowStackContext = createContext<ContextWindowStackContextProps | null>(null);\n\ninterface ContextWindowStackProps {\n  id?: string;\n  minZIndex?: number;\n  children?: JSX.Element[] | JSX.Element;\n}\n\nconst pushToTop = (\n  windowId: number,\n  minZIndex: number,\n  windowList: ContextWindowZIndex[],\n  setWindowList: (ret: ContextWindowZIndex[]) => void,\n) => {\n  const otherWindows = windowList\n    .filter((w) => w.windowId !== windowId)\n    .map((w, i) => ({ windowId: w.windowId, zIndex: minZIndex + i }));\n  setWindowList([...otherWindows, { windowId, zIndex: minZIndex + otherWindows.length }]);\n};\n\nexport const ContextWindowStack = ({\n  minZIndex = 1000,\n  children,\n}: ContextWindowStackProps): JSX.Element => {\n  const [currentWindows, setCurrentWindows] = useState<ContextWindowZIndex[]>([]);\n\n  return (\n    <ContextWindowStackContext.Provider\n      value={{\n        currentWindows: currentWindows.map((w) => ({\n          windowId: w.windowId,\n          zIndex: minZIndex + w.zIndex,\n        })),\n        pushToTop: (ret: number) => pushToTop(ret, minZIndex, currentWindows, setCurrentWindows),\n      }}\n    >\n      {children}\n    </ContextWindowStackContext.Provider>\n  );\n};\n\nContextWindowStack.displayName = \"ContextWindowStack\";\n"],"names":[],"version":3,"file":"main.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/context-menu",
-  "version": "1.3.11",
+  "version": "1.4.0",
   "description": "REACT Typescript Context menu component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -45,6 +45,7 @@
     "build": "rmdir /q/s .\\.parcel-cache && parcel build src/main.ts"
   },
   "dependencies": {
+    "@swc/helpers": "^0.5.17",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },