@asup/context-menu 1.2.2 → 1.3.1

package/dist/cjs/main.css

@@ -27,7 +27,7 @@
 
 .context-menu-item.disabled {
   cursor: not-allowed;
-  background-color: rgba(0, 0, 0, .2);
+  background-color: #0003;
 }
 
 .context-menu-item:first-child {
@@ -84,7 +84,7 @@
   display: flex;
   position: absolute;
   top: 0;
-  box-shadow: 2px 2px 2px rgba(64, 64, 64, .5);
+  box-shadow: 2px 2px 2px #40404080;
 }
 
 .low-menu:hover {
@@ -137,19 +137,19 @@
   transition: opacity .25s linear;
   position: absolute;
   overflow: auto;
-  box-shadow: 6px 6px 6px rgba(64, 64, 64, .5);
+  box-shadow: 6px 6px 6px #40404080;
 }
 
 .contextwindow-title {
-  text-transform: capitalize;
   cursor: grab;
+  align-items: top;
   border-bottom: 1px dashed #000;
-  flex-grow: 1;
+  width: calc(100% - 8px);
   height: 24px;
+  max-height: 24px;
   margin: 0 4px 3px;
   padding-bottom: 4px;
-  font-size: 18px;
-  font-weight: 600;
+  display: flex;
 }
 
 .contextwindow-title.moving {
@@ -157,13 +157,29 @@
 }
 
 .contextwindow-title-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: calc(100% - 16px);
+  font-size: 18px;
+  font-weight: 600;
   display: inline-block;
+  overflow: hidden;
 }
 
 .contextwindow-title-close {
-  float: right;
+  color: #000;
   cursor: pointer;
-  font-size: small;
+  background-color: #fff;
+  border-radius: 3px;
+  width: 16px;
+  height: 16px;
+  margin-left: 2px;
+  display: inline-block;
+}
+
+.contextwindow-title-close:hover {
+  color: #fff;
+  background-color: #000;
 }
 
 .contextwindow-body {

package/dist/cjs/main.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AChEA;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;AAIA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;ACxDA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["src/components/ContextMenu.css","src/components/LowMenu.css","src/components/ContextWindow.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n}\n\n.context-menu.visible {\n  visibility: inherit;\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  height: 21px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.context-menu-item.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.context-menu-item:first-child {\n  margin-top: 4px;\n}\n\n.context-menu-item:last-child {\n  margin-bottom: 4px;\n}\n\n.context-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.context-menu-item:hover:last-child {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n}\n\n.context-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.context-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\n}\n\n.context-menu-item-label {\n  flex-grow: 1;\n}\n",".low-menu {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  margin: 0px;\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  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  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  opacity: 0.5;\n  transition: opacity 0.3s linear;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n}\n\n.low-menu:hover {\n  opacity: 1;\n}\n\n.low-menu-item {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  border-radius: 4px;\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.low-menu-item.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.low-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.low-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.low-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\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}\n\n.contextwindow-title {\n  text-transform: capitalize;\n  border-bottom: 1px black dashed;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  font-size: 18px;\n  font-weight: 600;\n  flex-grow: 1;\n  height: 24px;\n  cursor: grab;\n}\n\n.contextwindow-title.moving {\n  cursor: grabbing;\n}\n\n.contextwindow-title-text {\n  display: inline-block;\n}\n\n.contextwindow-title-close {\n  float: right;\n  font-size: small;\n  cursor: pointer;\n}\n\n.contextwindow-body {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextwindow-body::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AAAA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AChEA;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;AAIA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;ACxDA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["src/components/ContextMenu.css","src/components/LowMenu.css","src/components/ContextWindow.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n}\n\n.context-menu.visible {\n  visibility: inherit;\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  height: 21px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.context-menu-item.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.context-menu-item:first-child {\n  margin-top: 4px;\n}\n\n.context-menu-item:last-child {\n  margin-bottom: 4px;\n}\n\n.context-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.context-menu-item:hover:last-child {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n}\n\n.context-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.context-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\n}\n\n.context-menu-item-label {\n  flex-grow: 1;\n}\n",".low-menu {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  margin: 0px;\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  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  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  opacity: 0.5;\n  transition: opacity 0.3s linear;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n}\n\n.low-menu:hover {\n  opacity: 1;\n}\n\n.low-menu-item {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  border-radius: 4px;\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.low-menu-item.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.low-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.low-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.low-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\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}\n\n.contextwindow-title {\n  border-bottom: 1px black dashed;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  height: 24px;\n  max-height: 24px;\n  cursor: grab;\n  align-items: top;\n  display: flex;\n  width: calc(100% - 8px);\n}\n\n.contextwindow-title.moving {\n  cursor: grabbing;\n}\n\n.contextwindow-title-text {\n  font-size: 18px;\n  font-weight: 600;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: calc(100% - 16px);\n}\n\n.contextwindow-title-close {\n  display: inline-block;\n  color: black;\n  background-color: white;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n}\n\n.contextwindow-title-close:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextwindow-body {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextwindow-body::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/cjs/main.js

@@ -1,15 +1,12 @@
 require("./main.css");
-var $gTuX4$swchelperscjs_sliced_to_arraycjs = require("@swc/helpers/cjs/_sliced_to_array.cjs");
 var $gTuX4$reactjsxruntime = require("react/jsx-runtime");
 var $gTuX4$react = require("react");
 var $gTuX4$reactdom = require("react-dom");
-var $gTuX4$swchelperscjs_object_spreadcjs = require("@swc/helpers/cjs/_object_spread.cjs");
-var $gTuX4$swchelperscjs_object_spread_propscjs = require("@swc/helpers/cjs/_object_spread_props.cjs");
-var $gTuX4$swchelperscjs_to_consumable_arraycjs = require("@swc/helpers/cjs/_to_consumable_array.cjs");
+
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
       return;
     }
 
@@ -23,9 +20,11 @@ function $parcel$exportWildcard(dest, source) {
 
   return dest;
 }
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -42,17 +41,14 @@ $parcel$export($a68bd8a6c0fd98c2$exports, "ContextWindowStack", function () { re
 
 
 
-
-
-var $d35a356381c44181$export$7e4e6110f96afd7e = function(param) {
-    var entries = param.entries, target = param.target, toClose = param.toClose;
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), visible = _useState[0], setVisible = _useState[1];
+const $d35a356381c44181$export$7e4e6110f96afd7e = ({ entries: entries, target: target, toClose: toClose })=>{
+    const [visible, setVisible] = (0, $gTuX4$react.useState)(false);
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("span", {
         className: "caret-holder",
-        onMouseEnter: function() {
+        onMouseEnter: ()=>{
             setVisible(true);
         },
-        onMouseLeave: function() {
+        onMouseLeave: ()=>{
             setVisible(false);
         },
         children: [
@@ -83,29 +79,27 @@ var $d35a356381c44181$export$7e4e6110f96afd7e = function(param) {
 $d35a356381c44181$export$7e4e6110f96afd7e.displayName = "ContextSubMenu";
 
 
-var $5150b66b01c99189$export$8dc6765e8be191c7 = /*#__PURE__*/ (0, ($parcel$interopDefault($gTuX4$react))).forwardRef(function(param, ref) {
-    var visible = param.visible, entries = param.entries, target = param.target, xPos = param.xPos, yPos = param.yPos, toClose = param.toClose;
+const $5150b66b01c99189$export$8dc6765e8be191c7 = /*#__PURE__*/ (0, ($parcel$interopDefault($gTuX4$react))).forwardRef(({ visible: visible, entries: entries, target: target, xPos: xPos, yPos: yPos, toClose: toClose }, ref)=>{
     $5150b66b01c99189$export$8dc6765e8be191c7.displayName = "ContextMenu";
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
         ref: ref,
-        className: "context-menu".concat(visible ? " visible" : ""),
+        className: `context-menu${visible ? " visible" : ""}`,
         style: {
-            top: "".concat(yPos, "px"),
-            left: "".concat(xPos, "px")
+            top: `${yPos}px`,
+            left: `${xPos}px`
         },
-        onContextMenuCapture: function(e) {
+        onContextMenuCapture: (e)=>{
             e.preventDefault();
             e.stopPropagation();
         },
-        children: entries.map(function(entry, i) {
-            return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
-                className: "context-menu-item".concat(entry.disabled ? " disabled" : ""),
+        children: entries.map((entry, i)=>/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
+                className: `context-menu-item${entry.disabled ? " disabled" : ""}`,
                 children: [
                     /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
                         "aria-label": entry.label,
                         "aria-disabled": entry.disabled,
                         className: "context-menu-item-label",
-                        onMouseDownCapture: function(ev) {
+                        onMouseDownCapture: (ev)=>{
                             ev.preventDefault();
                             ev.stopPropagation();
                             entry.action && !entry.disabled && entry.action(target);
@@ -119,8 +113,7 @@ var $5150b66b01c99189$export$8dc6765e8be191c7 = /*#__PURE__*/ (0, ($parcel$inter
                         target: target
                     })
                 ]
-            }, i);
-        })
+            }, i))
     });
 });
 $5150b66b01c99189$export$8dc6765e8be191c7.displayName = "ContextMenu";
@@ -133,18 +126,16 @@ $5150b66b01c99189$export$8dc6765e8be191c7.displayName = "ContextMenu";
 
 
 
-
-var $d30299730ea8ec1e$export$251b9f54013cdfac = function(param) {
-    var entry = param.entry, target = param.target;
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), visible = _useState[0], setVisible = _useState[1];
+const $d30299730ea8ec1e$export$251b9f54013cdfac = ({ entry: entry, target: target })=>{
+    const [visible, setVisible] = (0, $gTuX4$react.useState)(false);
     if (!entry.group || entry.group.length === 0) return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactjsxruntime.Fragment), {});
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("span", {
-        "aria-label": "Sub menu for ".concat(entry.label),
+        "aria-label": `Sub menu for ${entry.label}`,
         className: "caret-holder",
-        onMouseEnter: function() {
+        onMouseEnter: ()=>{
             setVisible(true);
         },
-        onMouseLeave: function() {
+        onMouseLeave: ()=>{
             setVisible(false);
         },
         children: [
@@ -166,9 +157,7 @@ var $d30299730ea8ec1e$export$251b9f54013cdfac = function(param) {
                     target: target,
                     xPos: 14,
                     yPos: entry.group.length * -21 - 8,
-                    toClose: function() {
-                        return setVisible(false);
-                    }
+                    toClose: ()=>setVisible(false)
                 })
             })
         ]
@@ -177,13 +166,12 @@ var $d30299730ea8ec1e$export$251b9f54013cdfac = function(param) {
 $d30299730ea8ec1e$export$251b9f54013cdfac.displayName = "LowSubMenu";
 
 
-var $b34598671fff4a77$export$aafc28aea571c4bc = function(param) {
-    var entry = param.entry, target = param.target;
+const $b34598671fff4a77$export$aafc28aea571c4bc = ({ entry: entry, target: target })=>{
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
-        className: "low-menu-item".concat(entry.disabled ? " disabled" : ""),
+        className: `low-menu-item${entry.disabled ? " disabled" : ""}`,
         "aria-label": entry.label,
         "aria-disabled": entry.disabled,
-        onClick: function(event) {
+        onClick: (event)=>{
             event.preventDefault();
             event.stopPropagation();
             entry.action && !entry.disabled && entry.action(target);
@@ -203,38 +191,34 @@ var $b34598671fff4a77$export$aafc28aea571c4bc = function(param) {
 $b34598671fff4a77$export$aafc28aea571c4bc.displayName = "LowMenuButton";
 
 
-var $10d1ee4e7fc9bbbd$export$49e8edc8ebca5f25 = function(param) {
-    var entries = param.entries, target = param.target;
+const $10d1ee4e7fc9bbbd$export$49e8edc8ebca5f25 = ({ entries: entries, target: target })=>{
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
         className: "low-menu",
         "aria-label": "Low context menu",
-        children: entries.map(function(e, i) {
-            return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $b34598671fff4a77$export$aafc28aea571c4bc), {
+        children: entries.map((e, i)=>/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $b34598671fff4a77$export$aafc28aea571c4bc), {
                 entry: e,
                 target: target
-            }, i);
-        })
+            }, i))
     });
 };
 $10d1ee4e7fc9bbbd$export$49e8edc8ebca5f25.displayName = "LowMenu";
 
 
-var $3c568ee547c732c3$export$ed4f9641643dc7e4 = function(param) {
-    var children = param.children, menuItems = param.menuItems, _param_showLowMenu = param.showLowMenu, showLowMenu = _param_showLowMenu === void 0 ? false : _param_showLowMenu, _param_style = param.style, style = _param_style === void 0 ? {
-        height: "fit-content",
-        width: "fit-content"
-    } : _param_style;
+const $3c568ee547c732c3$export$ed4f9641643dc7e4 = ({ children: children, menuItems: menuItems, showLowMenu: showLowMenu = false, style: style = {
+    height: "fit-content",
+    width: "fit-content"
+} })=>{
     // Menu resources
-    var divRef = (0, $gTuX4$react.useRef)(null);
-    var menuRef = (0, $gTuX4$react.useRef)(null);
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(0), 2), menuXPos = _useState[0], setMenuXPos = _useState[1];
-    var _useState1 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(0), 2), menuYPos = _useState1[0], setMenuYPos = _useState1[1];
-    var _useState2 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), menuVisible = _useState2[0], setMenuVisible = _useState2[1];
-    var _useState3 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(null), 2), target = _useState3[0], setTarget = _useState3[1];
-    var _useState4 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(null), 2), lowTarget = _useState4[0], setLowTarget = _useState4[1];
+    const divRef = (0, $gTuX4$react.useRef)(null);
+    const menuRef = (0, $gTuX4$react.useRef)(null);
+    const [menuXPos, setMenuXPos] = (0, $gTuX4$react.useState)(0);
+    const [menuYPos, setMenuYPos] = (0, $gTuX4$react.useState)(0);
+    const [menuVisible, setMenuVisible] = (0, $gTuX4$react.useState)(false);
+    const [target, setTarget] = (0, $gTuX4$react.useState)(null);
+    const [lowTarget, setLowTarget] = (0, $gTuX4$react.useState)(null);
     // Show menu when context is requested
-    var showMenu = function(e) {
-        var sel = window.getSelection();
+    const showMenu = (e)=>{
+        const sel = window.getSelection();
         setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);
         e.preventDefault();
         e.stopPropagation();
@@ -243,15 +227,15 @@ var $3c568ee547c732c3$export$ed4f9641643dc7e4 = function(param) {
         setMenuYPos(e.pageY);
     };
     // Handle click off the menu
-    var handleClick = (0, $gTuX4$react.useCallback)(function(e) {
+    const handleClick = (0, $gTuX4$react.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);
     }, []);
     // Update the document click handler
-    (0, $gTuX4$react.useEffect)(function() {
+    (0, $gTuX4$react.useEffect)(()=>{
         if (menuVisible) document.addEventListener("mousedown", handleClick);
         else document.removeEventListener("mousedown", handleClick);
-        return function() {
+        return ()=>{
             document.removeEventListener("mousedown", handleClick);
         };
     }, [
@@ -280,21 +264,19 @@ var $3c568ee547c732c3$export$ed4f9641643dc7e4 = function(param) {
                     xPos: menuXPos,
                     yPos: menuYPos,
                     target: target,
-                    toClose: function() {
-                        return setMenuVisible(false);
-                    }
+                    toClose: ()=>setMenuVisible(false)
                 })
             }), document.body),
             showLowMenu && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
                 style: {
                     position: "relative"
                 },
-                onMouseEnter: function() {
-                    var sel = window.getSelection();
-                    var lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+                onMouseEnter: ()=>{
+                    const sel = window.getSelection();
+                    const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
                     setLowTarget(lowSel);
                 },
-                onMouseLeave: function() {
+                onMouseLeave: ()=>{
                     setLowTarget(null);
                 },
                 children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $10d1ee4e7fc9bbbd$export$49e8edc8ebca5f25), {
@@ -315,43 +297,29 @@ $3c568ee547c732c3$export$ed4f9641643dc7e4.displayName = "ContextMenuHandler";
 
 
 
-
-
-
-
-
-
-var $16208d559c772441$export$aff5d0593e3727b0 = /*#__PURE__*/ (0, $gTuX4$react.createContext)(null);
-var $16208d559c772441$var$pushToTop = function(windowId, minZIndex, windowList, setWindowList) {
-    var otherWindows = windowList.filter(function(w) {
-        return w.windowId !== windowId;
-    }).map(function(w, i) {
-        return {
+const $16208d559c772441$export$aff5d0593e3727b0 = /*#__PURE__*/ (0, $gTuX4$react.createContext)(null);
+const $16208d559c772441$var$pushToTop = (windowId, minZIndex, windowList, setWindowList)=>{
+    const otherWindows = windowList.filter((w)=>w.windowId !== windowId).map((w, i)=>({
             windowId: w.windowId,
             zIndex: minZIndex + i
-        };
-    });
-    setWindowList((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(otherWindows).concat([
+        }));
+    setWindowList([
+        ...otherWindows,
         {
             windowId: windowId,
             zIndex: minZIndex + otherWindows.length
         }
-    ]));
+    ]);
 };
-var $16208d559c772441$export$9f37482ccd50dad2 = function(param) {
-    var _param_minZIndex = param.minZIndex, minZIndex = _param_minZIndex === void 0 ? 1000 : _param_minZIndex, children = param.children;
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)([]), 2), currentWindows = _useState[0], setCurrentWindows = _useState[1];
+const $16208d559c772441$export$9f37482ccd50dad2 = ({ minZIndex: minZIndex = 1000, children: children })=>{
+    const [currentWindows, setCurrentWindows] = (0, $gTuX4$react.useState)([]);
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)($16208d559c772441$export$aff5d0593e3727b0.Provider, {
         value: {
-            currentWindows: currentWindows.map(function(w) {
-                return {
+            currentWindows: currentWindows.map((w)=>({
                     windowId: w.windowId,
                     zIndex: minZIndex + w.zIndex
-                };
-            }),
-            pushToTop: function(ret) {
-                return $16208d559c772441$var$pushToTop(ret, minZIndex, currentWindows, setCurrentWindows);
-            }
+                })),
+            pushToTop: (ret)=>$16208d559c772441$var$pushToTop(ret, minZIndex, currentWindows, setCurrentWindows)
         },
         children: children
     });
@@ -359,18 +327,18 @@ var $16208d559c772441$export$9f37482ccd50dad2 = function(param) {
 $16208d559c772441$export$9f37482ccd50dad2.displayName = "ContextWindowStack";
 
 
-var $c986bcdcae4b83bd$export$d81cfea7c54be196 = function(divRef) {
+const $c986bcdcae4b83bd$export$d81cfea7c54be196 = (divRef)=>{
     if (!divRef.current) return {
         translateX: 0,
         translateY: 0
     };
     else {
-        var innerBounce = 16;
-        var posn = divRef.current.getBoundingClientRect();
-        var translateX = 0;
+        const innerBounce = 16;
+        const posn = divRef.current.getBoundingClientRect();
+        let translateX = 0;
         if (posn.left < innerBounce) translateX = -posn.left + innerBounce;
         else if (posn.right > window.innerWidth) translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);
-        var translateY = 0;
+        let translateY = 0;
         if (posn.top < innerBounce) translateY = -posn.top + innerBounce;
         else if (posn.bottom > window.innerHeight) translateY = Math.max(-posn.top + innerBounce, window.innerHeight - posn.bottom - innerBounce);
         return {
@@ -381,51 +349,48 @@ var $c986bcdcae4b83bd$export$d81cfea7c54be196 = function(divRef) {
 };
 
 
-var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
-    var id = param.id, visible = param.visible, title = param.title, style = param.style, children = param.children, onOpen = param.onOpen, onClose = param.onClose;
-    var windowStack = (0, $gTuX4$react.useContext)((0, $16208d559c772441$export$aff5d0593e3727b0));
-    var windowId = (0, $gTuX4$react.useRef)(null);
-    var divRef = (0, $gTuX4$react.useRef)(null);
-    var windowRef = (0, $gTuX4$react.useRef)(null);
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), windowVisible = _useState[0], setWindowVisible = _useState[1];
-    var zIndex = (0, $gTuX4$react.useMemo)(function() {
+const $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = ({ id: id, visible: visible, title: title, style: style, children: children, onOpen: onOpen, onClose: onClose })=>{
+    const windowStack = (0, $gTuX4$react.useContext)((0, $16208d559c772441$export$aff5d0593e3727b0));
+    const windowId = (0, $gTuX4$react.useRef)(null);
+    const divRef = (0, $gTuX4$react.useRef)(null);
+    const windowRef = (0, $gTuX4$react.useRef)(null);
+    const [windowVisible, setWindowVisible] = (0, $gTuX4$react.useState)(false);
+    const zIndex = (0, $gTuX4$react.useMemo)(()=>{
         var _windowStack_currentWindows_find;
         var _windowStack_currentWindows_find_zIndex;
-        return (_windowStack_currentWindows_find_zIndex = (_windowStack_currentWindows_find = windowStack === null || windowStack === void 0 ? void 0 : windowStack.currentWindows.find(function(w) {
-            return 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;
+        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 === null || windowStack === void 0 ? void 0 : windowStack.currentWindows
     ]);
     // Position
-    var windowPos = (0, $gTuX4$react.useRef)({
+    const windowPos = (0, $gTuX4$react.useRef)({
         x: 0,
         y: 0
     });
-    var _useState1 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), moving = _useState1[0], setMoving = _useState1[1];
-    var move = (0, $gTuX4$react.useCallback)(function(x, y) {
+    const [moving, setMoving] = (0, $gTuX4$react.useState)(false);
+    const move = (0, $gTuX4$react.useCallback)((x, y)=>{
         if (windowRef.current && windowPos.current) {
-            var window1 = windowRef.current;
-            var pos = windowPos.current;
+            const window1 = windowRef.current;
+            const pos = windowPos.current;
             pos.x += x;
             pos.y += y;
-            window1.style.transform = "translate(".concat(pos.x, "px, ").concat(pos.y, "px)");
+            window1.style.transform = `translate(${pos.x}px, ${pos.y}px)`;
         }
     }, []);
-    var checkPosition = (0, $gTuX4$react.useCallback)(function() {
-        var chkPos = (0, $c986bcdcae4b83bd$export$d81cfea7c54be196)(windowRef);
+    const checkPosition = (0, $gTuX4$react.useCallback)(()=>{
+        const chkPos = (0, $c986bcdcae4b83bd$export$d81cfea7c54be196)(windowRef);
         move(chkPos.translateX, chkPos.translateY);
     }, [
         move
     ]);
-    var mouseMove = (0, $gTuX4$react.useCallback)(function(e) {
+    const mouseMove = (0, $gTuX4$react.useCallback)((e)=>{
         e.preventDefault();
         e.stopPropagation();
         move(e.movementX, e.movementY);
     }, [
         move
     ]);
-    var mouseUp = (0, $gTuX4$react.useCallback)(function(e) {
+    const mouseUp = (0, $gTuX4$react.useCallback)((e)=>{
         e.preventDefault();
         e.stopPropagation();
         setMoving(false);
@@ -439,16 +404,11 @@ var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
         mouseMove
     ]);
     // Update visibility
-    (0, $gTuX4$react.useEffect)(function() {
+    (0, $gTuX4$react.useEffect)(()=>{
         if (windowStack) {
             if (visible && !windowVisible) {
                 if (!windowId.current) {
-                    var _Math;
-                    var maxWindowId = (_Math = Math).max.apply(_Math, [
-                        0
-                    ].concat((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(windowStack.currentWindows.map(function(w) {
-                        return w.windowId;
-                    }))));
+                    const maxWindowId = Math.max(0, ...windowStack.currentWindows.map((w)=>w.windowId));
                     windowId.current = maxWindowId + 1;
                 }
                 windowStack.pushToTop(windowId.current);
@@ -456,11 +416,11 @@ var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
                 onOpen && onOpen();
                 // Get starting position
                 if (divRef.current && windowRef.current) {
-                    var parentPos = divRef.current.getBoundingClientRect();
-                    var pos = windowRef.current.getBoundingClientRect();
-                    var windowHeight = pos.bottom - pos.top;
-                    windowRef.current.style.left = "".concat(parentPos.left, "px");
-                    windowRef.current.style.top = "".concat(parentPos.bottom + windowHeight < window.innerHeight ? parentPos.bottom : Math.max(0, parentPos.top - windowHeight), "px");
+                    const parentPos = divRef.current.getBoundingClientRect();
+                    const pos = windowRef.current.getBoundingClientRect();
+                    const windowHeight = pos.bottom - pos.top;
+                    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,
@@ -484,7 +444,8 @@ var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
         children: windowStack && /*#__PURE__*/ (0, $gTuX4$reactdom.createPortal)(/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
             id: id,
             className: "contextwindow",
-            style: (0, $gTuX4$swchelperscjs_object_spread_propscjs._)((0, $gTuX4$swchelperscjs_object_spreadcjs._)({}, style), {
+            style: {
+                ...style,
                 opacity: moving ? 0.8 : windowVisible ? 1 : 0,
                 visibility: windowVisible ? "visible" : "hidden",
                 zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 1,
@@ -492,30 +453,28 @@ var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
                 minWidth: (_style_minWidth = style === null || style === void 0 ? void 0 : style.minWidth) !== null && _style_minWidth !== void 0 ? _style_minWidth : "200px",
                 maxHeight: (_style_maxHeight = style === null || style === void 0 ? void 0 : style.maxHeight) !== null && _style_maxHeight !== void 0 ? _style_maxHeight : "1000px",
                 maxWidth: (_style_maxWidth = style === null || style === void 0 ? void 0 : style.maxWidth) !== null && _style_maxWidth !== void 0 ? _style_maxWidth : "1000px"
-            }),
-            onClickCapture: function() {
+            },
+            onClickCapture: ()=>{
                 windowId && windowId.current && windowStack.pushToTop(windowId.current);
             },
             ref: windowRef,
             children: [
                 /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
-                    className: "contextwindow-title ".concat(moving ? "moving" : ""),
-                    onMouseDown: function(e) {
+                    className: `contextwindow-title ${moving ? "moving" : ""}`,
+                    onMouseDown: (e)=>{
                         if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement)) e.target.style.userSelect = "none";
                         setMoving(true);
                         windowId && windowId.current && windowStack.pushToTop(windowId.current);
                         document.addEventListener("mouseup", mouseUp);
                         document.addEventListener("mousemove", mouseMove);
-                        window.addEventListener("resize", function() {
-                            return checkPosition();
-                        });
+                        window.addEventListener("resize", ()=>checkPosition());
                     },
                     children: [
-                        /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
+                        /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
                             className: "contextwindow-title-text",
                             children: title
                         }),
-                        /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
+                        /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
                             className: "contextwindow-title-close",
                             children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("svg", {
                                 xmlns: "http://www.w3.org/2000/svg",
@@ -523,8 +482,8 @@ var $46fb0088a1bbb6d8$export$1af8984c69ba1b24 = function(param) {
                                 height: "16",
                                 fill: "currentColor",
                                 viewBox: "0 0 16 16",
-                                onClick: onClose,
                                 "aria-label": "Close window",
+                                onClick: onClose,
                                 children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.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"
                                 })

package/dist/cjs/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/components/ContextWindowStack.tsx","src/functions/chkPosition.ts"],"sourcesContent":["export * from './components';\n","import { ContextMenuHandler } from './ContextMenuHandler';\nimport { ContextWindow } from './ContextWindow';\nimport { ContextWindowStack } from './ContextWindowStack';\nimport { iMenuItem } from './interface';\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { iMenuItem };\n","import { MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContextMenu } from './ContextMenu';\nimport './ContextMenu.css';\nimport { LowMenu } from './LowMenu';\nimport { iMenuItem } from './interface';\n\ninterface contextMenuHandlerProps {\n  children: JSX.Element[] | JSX.Element;\n  menuItems: iMenuItem[];\n  showLowMenu?: boolean;\n  lowMenuTarget?: Range | null;\n  style?: React.CSSProperties;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  style = {\n    height: 'fit-content',\n    width: 'fit-content',\n  },\n}: contextMenuHandlerProps): JSX.Element => {\n  // Menu resources\n  const divRef = 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 [target, setTarget] = useState<Range | null>(null);\n  const [lowTarget, setLowTarget] = useState<Range | null>(null);\n\n  // Show menu when context is requested\n  const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n    const sel = window.getSelection();\n    setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n    e.preventDefault();\n    e.stopPropagation();\n    setMenuVisible(true);\n    setMenuXPos(e.pageX);\n    setMenuYPos(e.pageY);\n  };\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  return (\n    <>\n      <div\n        onContextMenu={showLowMenu ? undefined : showMenu}\n        className='context-menu-handler'\n        style={style}\n      >\n        {children}\n      </div>\n      {menuVisible &&\n        !showLowMenu &&\n        createPortal(\n          <div\n            style={{ position: 'absolute', top: 0, left: 0 }}\n            ref={divRef}\n          >\n            <ContextMenu\n              visible={true}\n              ref={menuRef}\n              entries={menuItems}\n              xPos={menuXPos}\n              yPos={menuYPos}\n              target={target}\n              toClose={() => setMenuVisible(false)}\n            />\n          </div>,\n          document.body,\n        )}\n      {showLowMenu && (\n        <div\n          style={{ position: 'relative' }}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setLowTarget(lowSel);\n          }}\n          onMouseLeave={() => {\n            setLowTarget(null);\n          }}\n        >\n          <LowMenu\n            entries={menuItems}\n            target={lowTarget}\n          />\n        </div>\n      )}{' '}\n    </>\n  );\n};\n\nContextMenuHandler.displayName = 'ContextMenuHandler';\n","import React from 'react';\nimport { ContextSubMenu } from './ContextSubMenu';\nimport { iMenuItem } from './interface';\n\nexport interface contextMenuProps {\n  visible: boolean;\n  entries: iMenuItem[];\n  target: Range | null;\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n  ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n    ContextMenu.displayName = 'ContextMenu';\n\n    return (\n      <div\n        ref={ref}\n        className={`context-menu${visible ? ' visible' : ''}`}\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          <div\n            key={i}\n            className={`context-menu-item${entry.disabled ? ' disabled' : ''}`}\n          >\n            <span\n              aria-label={entry.label}\n              aria-disabled={entry.disabled}\n              className='context-menu-item-label'\n              onMouseDownCapture={(ev) => {\n                ev.preventDefault();\n                ev.stopPropagation();\n                entry.action && !entry.disabled && entry.action(target);\n                !entry.disabled && toClose();\n              }}\n            >\n              {entry.label}\n            </span>\n            {entry.group && (\n              <ContextSubMenu\n                toClose={toClose}\n                entries={entry.group}\n                target={target}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface ContextSubMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n  toClose: () => void;\n  lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  return (\n    <span\n      className='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          target={target}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = 'ContextSubMenu';\n","import { iMenuItem } from './interface';\nimport './LowMenu.css';\nimport { LowMenuButton } from './LowMenuButton';\n\ninterface LowMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n}\n\nexport const LowMenu = ({ entries, target }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className='low-menu'\n      aria-label='Low context menu'\n    >\n      {entries.map((e, i) => (\n        <LowMenuButton\n          key={i}\n          entry={e}\n          target={target}\n        />\n      ))}\n    </div>\n  );\n};\n\nLowMenu.displayName = 'LowMenu';\n","import { LowSubMenu } from './LowSubMenu';\nimport { iMenuItem } from './interface';\n\ninterface LowMenuButtonProps {\n  entry: iMenuItem;\n  target: Range | null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n  return (\n    <div\n      className={`low-menu-item${entry.disabled ? ' disabled' : ''}`}\n      aria-label={entry.label}\n      aria-disabled={entry.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span className='low-menu-item-label'>{entry.label}</span>\n      {entry.group && (\n        <LowSubMenu\n          entry={entry}\n          target={target}\n        />\n      )}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = 'LowMenuButton';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface LowSubMenuProps {\n  entry: iMenuItem;\n  target: Range | null;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: 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='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entry.group}\n          target={target}\n          xPos={14}\n          yPos={entry.group.length * -21 - 8}\n          toClose={() => setVisible(false)}\n        />\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = 'LowSubMenu';\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport './ContextWindow.css';\nimport { ContextWindowStackContext } from './ContextWindowStack';\nimport { chkPosition } from '../functions/chkPosition';\n\ninterface ContextWindowProps {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  style?: React.CSSProperties;\n  children: JSX.Element[] | JSX.Element | string;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  style,\n  children,\n  onOpen,\n  onClose,\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 [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      if (visible && !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      }\n    }\n  }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n  return (\n    <div\n      className='contextwindow-anchor'\n      ref={divRef}\n    >\n      {windowStack &&\n        createPortal(\n          <div\n            id={id}\n            className='contextwindow'\n            style={{\n              ...style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? 'visible' : 'hidden',\n              zIndex: zIndex ?? 1,\n              minHeight: style?.minHeight ?? '150px',\n              minWidth: style?.minWidth ?? '200px',\n              maxHeight: style?.maxHeight ?? '1000px',\n              maxWidth: style?.maxWidth ?? '1000px',\n            }}\n            onClickCapture={() => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n            }}\n            ref={windowRef}\n          >\n            <div\n              className={`contextwindow-title ${moving ? 'moving' : ''}`}\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              <span className='contextwindow-title-text'>{title}</span>\n              <span className='contextwindow-title-close'>\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                  onClick={onClose}\n                  aria-label='Close window'\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              </span>\n            </div>\n            <div className='contextwindow-body'>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = 'ContextWindow';\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","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"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/components/ContextWindowStack.tsx","src/functions/chkPosition.ts"],"sourcesContent":["export * from './components';\n","import { ContextMenuHandler } from './ContextMenuHandler';\nimport { ContextWindow } from './ContextWindow';\nimport { ContextWindowStack } from './ContextWindowStack';\nimport { iMenuItem } from './interface';\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { iMenuItem };\n","import { MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContextMenu } from './ContextMenu';\nimport './ContextMenu.css';\nimport { LowMenu } from './LowMenu';\nimport { iMenuItem } from './interface';\n\ninterface contextMenuHandlerProps {\n  children: JSX.Element[] | JSX.Element;\n  menuItems: iMenuItem[];\n  showLowMenu?: boolean;\n  lowMenuTarget?: Range | null;\n  style?: React.CSSProperties;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  style = {\n    height: 'fit-content',\n    width: 'fit-content',\n  },\n}: contextMenuHandlerProps): JSX.Element => {\n  // Menu resources\n  const divRef = 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 [target, setTarget] = useState<Range | null>(null);\n  const [lowTarget, setLowTarget] = useState<Range | null>(null);\n\n  // Show menu when context is requested\n  const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n    const sel = window.getSelection();\n    setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n    e.preventDefault();\n    e.stopPropagation();\n    setMenuVisible(true);\n    setMenuXPos(e.pageX);\n    setMenuYPos(e.pageY);\n  };\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  return (\n    <>\n      <div\n        onContextMenu={showLowMenu ? undefined : showMenu}\n        className='context-menu-handler'\n        style={style}\n      >\n        {children}\n      </div>\n      {menuVisible &&\n        !showLowMenu &&\n        createPortal(\n          <div\n            style={{ position: 'absolute', top: 0, left: 0 }}\n            ref={divRef}\n          >\n            <ContextMenu\n              visible={true}\n              ref={menuRef}\n              entries={menuItems}\n              xPos={menuXPos}\n              yPos={menuYPos}\n              target={target}\n              toClose={() => setMenuVisible(false)}\n            />\n          </div>,\n          document.body,\n        )}\n      {showLowMenu && (\n        <div\n          style={{ position: 'relative' }}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setLowTarget(lowSel);\n          }}\n          onMouseLeave={() => {\n            setLowTarget(null);\n          }}\n        >\n          <LowMenu\n            entries={menuItems}\n            target={lowTarget}\n          />\n        </div>\n      )}{' '}\n    </>\n  );\n};\n\nContextMenuHandler.displayName = 'ContextMenuHandler';\n","import React from 'react';\nimport { ContextSubMenu } from './ContextSubMenu';\nimport { iMenuItem } from './interface';\n\nexport interface contextMenuProps {\n  visible: boolean;\n  entries: iMenuItem[];\n  target: Range | null;\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n  ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n    ContextMenu.displayName = 'ContextMenu';\n\n    return (\n      <div\n        ref={ref}\n        className={`context-menu${visible ? ' visible' : ''}`}\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          <div\n            key={i}\n            className={`context-menu-item${entry.disabled ? ' disabled' : ''}`}\n          >\n            <span\n              aria-label={entry.label}\n              aria-disabled={entry.disabled}\n              className='context-menu-item-label'\n              onMouseDownCapture={(ev) => {\n                ev.preventDefault();\n                ev.stopPropagation();\n                entry.action && !entry.disabled && entry.action(target);\n                !entry.disabled && toClose();\n              }}\n            >\n              {entry.label}\n            </span>\n            {entry.group && (\n              <ContextSubMenu\n                toClose={toClose}\n                entries={entry.group}\n                target={target}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface ContextSubMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n  toClose: () => void;\n  lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  return (\n    <span\n      className='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          target={target}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = 'ContextSubMenu';\n","import { iMenuItem } from './interface';\nimport './LowMenu.css';\nimport { LowMenuButton } from './LowMenuButton';\n\ninterface LowMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n}\n\nexport const LowMenu = ({ entries, target }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className='low-menu'\n      aria-label='Low context menu'\n    >\n      {entries.map((e, i) => (\n        <LowMenuButton\n          key={i}\n          entry={e}\n          target={target}\n        />\n      ))}\n    </div>\n  );\n};\n\nLowMenu.displayName = 'LowMenu';\n","import { LowSubMenu } from './LowSubMenu';\nimport { iMenuItem } from './interface';\n\ninterface LowMenuButtonProps {\n  entry: iMenuItem;\n  target: Range | null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n  return (\n    <div\n      className={`low-menu-item${entry.disabled ? ' disabled' : ''}`}\n      aria-label={entry.label}\n      aria-disabled={entry.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span className='low-menu-item-label'>{entry.label}</span>\n      {entry.group && (\n        <LowSubMenu\n          entry={entry}\n          target={target}\n        />\n      )}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = 'LowMenuButton';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface LowSubMenuProps {\n  entry: iMenuItem;\n  target: Range | null;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: 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='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entry.group}\n          target={target}\n          xPos={14}\n          yPos={entry.group.length * -21 - 8}\n          toClose={() => setVisible(false)}\n        />\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = 'LowSubMenu';\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport './ContextWindow.css';\nimport { ContextWindowStackContext } from './ContextWindowStack';\nimport { chkPosition } from '../functions/chkPosition';\n\ninterface ContextWindowProps {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  style?: React.CSSProperties;\n  children: JSX.Element[] | JSX.Element | string;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  style,\n  children,\n  onOpen,\n  onClose,\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 [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      if (visible && !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      }\n    }\n  }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n  return (\n    <div\n      className='contextwindow-anchor'\n      ref={divRef}\n    >\n      {windowStack &&\n        createPortal(\n          <div\n            id={id}\n            className='contextwindow'\n            style={{\n              ...style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? 'visible' : 'hidden',\n              zIndex: zIndex ?? 1,\n              minHeight: style?.minHeight ?? '150px',\n              minWidth: style?.minWidth ?? '200px',\n              maxHeight: style?.maxHeight ?? '1000px',\n              maxWidth: style?.maxWidth ?? '1000px',\n            }}\n            onClickCapture={() => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n            }}\n            ref={windowRef}\n          >\n            <div\n              className={`contextwindow-title ${moving ? 'moving' : ''}`}\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 className='contextwindow-title-text'>{title}</div>\n              <div className='contextwindow-title-close'>\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='contextwindow-body'>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = 'ContextWindow';\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","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"],"names":[],"version":3,"file":"main.js.map"}

package/dist/context-menu.d.ts.map

@@ -1 +1 @@
-{"mappings":";AAAA;IACE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB;AMED;IACE,QAAQ,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;CAC7B;AAED,OAAO,MAAM;mDASV,uBAAuB,GAAG,WAAW;;CA2FvC,CAAC;ACrGF;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC;CACxC;AAcD,OAAO,MAAM;+BAGV,uBAAuB,GAAG,WAAW;;CAgBvC,CAAC;AE7CF;IACE,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;IAC5B,QAAQ,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,GAAG,MAAM,CAAC;CAChD;AAED,OAAO,MAAM;gEAQV,kBAAkB,GAAG,WAAW;;CAgJlC,CAAC","sources":["src/src/components/interface.ts","src/src/components/ContextSubMenu.tsx","src/src/components/ContextMenu.tsx","src/src/components/LowSubMenu.tsx","src/src/components/LowMenuButton.tsx","src/src/components/LowMenu.tsx","src/src/components/ContextMenuHandler.tsx","src/src/components/ContextWindowStack.tsx","src/src/functions/chkPosition.ts","src/src/components/ContextWindow.tsx","src/src/components/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,"export * from './components';\n"],"names":[],"version":3,"file":"context-menu.d.ts.map"}
+{"mappings":";AAAA;IACE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB;AMED;IACE,QAAQ,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;CAC7B;AAED,OAAO,MAAM;mDAQV,uBAAuB,GAAG,WAAW;;CAyFvC,CAAC;AClGF;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC;CACxC;AAcD,OAAO,MAAM;+BAGV,uBAAuB,GAAG,WAAW;;CAgBvC,CAAC;AE7CF;IACE,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;IAC5B,QAAQ,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,GAAG,MAAM,CAAC;CAChD;AAED,OAAO,MAAM;gEAQV,kBAAkB,GAAG,WAAW;;CAiJlC,CAAC","sources":["src/src/components/interface.ts","src/src/components/ContextSubMenu.tsx","src/src/components/ContextMenu.tsx","src/src/components/LowSubMenu.tsx","src/src/components/LowMenuButton.tsx","src/src/components/LowMenu.tsx","src/src/components/ContextMenuHandler.tsx","src/src/components/ContextWindowStack.tsx","src/src/functions/chkPosition.ts","src/src/components/ContextWindow.tsx","src/src/components/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,"export * from './components';\n"],"names":[],"version":3,"file":"context-menu.d.ts.map"}

package/dist/main.css

@@ -27,7 +27,7 @@
 
 .context-menu-item.disabled {
   cursor: not-allowed;
-  background-color: rgba(0, 0, 0, .2);
+  background-color: #0003;
 }
 
 .context-menu-item:first-child {
@@ -84,7 +84,7 @@
   display: flex;
   position: absolute;
   top: 0;
-  box-shadow: 2px 2px 2px rgba(64, 64, 64, .5);
+  box-shadow: 2px 2px 2px #40404080;
 }
 
 .low-menu:hover {
@@ -137,19 +137,19 @@
   transition: opacity .25s linear;
   position: absolute;
   overflow: auto;
-  box-shadow: 6px 6px 6px rgba(64, 64, 64, .5);
+  box-shadow: 6px 6px 6px #40404080;
 }
 
 .contextwindow-title {
-  text-transform: capitalize;
   cursor: grab;
+  align-items: top;
   border-bottom: 1px dashed #000;
-  flex-grow: 1;
+  width: calc(100% - 8px);
   height: 24px;
+  max-height: 24px;
   margin: 0 4px 3px;
   padding-bottom: 4px;
-  font-size: 18px;
-  font-weight: 600;
+  display: flex;
 }
 
 .contextwindow-title.moving {
@@ -157,13 +157,29 @@
 }
 
 .contextwindow-title-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: calc(100% - 16px);
+  font-size: 18px;
+  font-weight: 600;
   display: inline-block;
+  overflow: hidden;
 }
 
 .contextwindow-title-close {
-  float: right;
+  color: #000;
   cursor: pointer;
-  font-size: small;
+  background-color: #fff;
+  border-radius: 3px;
+  width: 16px;
+  height: 16px;
+  margin-left: 2px;
+  display: inline-block;
+}
+
+.contextwindow-title-close:hover {
+  color: #fff;
+  background-color: #000;
 }
 
 .contextwindow-body {

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AChEA;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;AAIA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;ACxDA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["src/components/ContextMenu.css","src/components/LowMenu.css","src/components/ContextWindow.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n}\n\n.context-menu.visible {\n  visibility: inherit;\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  height: 21px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.context-menu-item.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.context-menu-item:first-child {\n  margin-top: 4px;\n}\n\n.context-menu-item:last-child {\n  margin-bottom: 4px;\n}\n\n.context-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.context-menu-item:hover:last-child {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n}\n\n.context-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.context-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\n}\n\n.context-menu-item-label {\n  flex-grow: 1;\n}\n",".low-menu {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  margin: 0px;\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  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  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  opacity: 0.5;\n  transition: opacity 0.3s linear;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n}\n\n.low-menu:hover {\n  opacity: 1;\n}\n\n.low-menu-item {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  border-radius: 4px;\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.low-menu-item.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.low-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.low-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.low-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\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}\n\n.contextwindow-title {\n  text-transform: capitalize;\n  border-bottom: 1px black dashed;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  font-size: 18px;\n  font-weight: 600;\n  flex-grow: 1;\n  height: 24px;\n  cursor: grab;\n}\n\n.contextwindow-title.moving {\n  cursor: grabbing;\n}\n\n.contextwindow-title-text {\n  display: inline-block;\n}\n\n.contextwindow-title-close {\n  float: right;\n  font-size: small;\n  cursor: pointer;\n}\n\n.contextwindow-body {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextwindow-body::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AAAA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AChEA;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;AAIA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;ACxDA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["src/components/ContextMenu.css","src/components/LowMenu.css","src/components/ContextWindow.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n}\n\n.context-menu.visible {\n  visibility: inherit;\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  height: 21px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.context-menu-item.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.context-menu-item:first-child {\n  margin-top: 4px;\n}\n\n.context-menu-item:last-child {\n  margin-bottom: 4px;\n}\n\n.context-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.context-menu-item:hover:last-child {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n}\n\n.context-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.context-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\n}\n\n.context-menu-item-label {\n  flex-grow: 1;\n}\n",".low-menu {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  margin: 0px;\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  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  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  opacity: 0.5;\n  transition: opacity 0.3s linear;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n}\n\n.low-menu:hover {\n  opacity: 1;\n}\n\n.low-menu-item {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  border-radius: 4px;\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.low-menu-item.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.low-menu-item:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.low-menu-item .caret-holder {\n  align-self: flex-end;\n}\n\n.low-menu-item .caret-holder .sub-menu {\n  z-index: 1;\n  position: relative;\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}\n\n.contextwindow-title {\n  border-bottom: 1px black dashed;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  height: 24px;\n  max-height: 24px;\n  cursor: grab;\n  align-items: top;\n  display: flex;\n  width: calc(100% - 8px);\n}\n\n.contextwindow-title.moving {\n  cursor: grabbing;\n}\n\n.contextwindow-title-text {\n  font-size: 18px;\n  font-weight: 600;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: calc(100% - 16px);\n}\n\n.contextwindow-title-close {\n  display: inline-block;\n  color: black;\n  background-color: white;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n}\n\n.contextwindow-title-close:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextwindow-body {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextwindow-body::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextwindow-body::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js

@@ -3,6 +3,7 @@ import {jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment, jsx as $duWW8$jsx} fro
 import $duWW8$react, {useRef as $duWW8$useRef, useState as $duWW8$useState, useCallback as $duWW8$useCallback, useEffect as $duWW8$useEffect, useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, createContext as $duWW8$createContext} from "react";
 import {createPortal as $duWW8$createPortal} from "react-dom";
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
@@ -336,7 +337,7 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
     const zIndex = (0, $duWW8$useMemo)(()=>{
         var _windowStack_currentWindows_find;
         var _windowStack_currentWindows_find_zIndex;
-        return (_windowStack_currentWindows_find_zIndex = (_windowStack_currentWindows_find = windowStack === null || windowStack === void 0 ? void 0 : 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;
+        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 === null || windowStack === void 0 ? void 0 : windowStack.currentWindows
     ]);
@@ -448,11 +449,11 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
                         window.addEventListener("resize", ()=>checkPosition());
                     },
                     children: [
-                        /*#__PURE__*/ (0, $duWW8$jsx)("span", {
+                        /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                             className: "contextwindow-title-text",
                             children: title
                         }),
-                        /*#__PURE__*/ (0, $duWW8$jsx)("span", {
+                        /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                             className: "contextwindow-title-close",
                             children: /*#__PURE__*/ (0, $duWW8$jsx)("svg", {
                                 xmlns: "http://www.w3.org/2000/svg",
@@ -460,8 +461,8 @@ const $b5e8657823def5be$export$1af8984c69ba1b24 = ({ id: id, visible: visible, t
                                 height: "16",
                                 fill: "currentColor",
                                 viewBox: "0 0 16 16",
-                                onClick: onClose,
                                 "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"
                                 })

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/components/ContextWindowStack.tsx","src/functions/chkPosition.ts"],"sourcesContent":["export * from './components';\n","import { ContextMenuHandler } from './ContextMenuHandler';\nimport { ContextWindow } from './ContextWindow';\nimport { ContextWindowStack } from './ContextWindowStack';\nimport { iMenuItem } from './interface';\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { iMenuItem };\n","import { MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContextMenu } from './ContextMenu';\nimport './ContextMenu.css';\nimport { LowMenu } from './LowMenu';\nimport { iMenuItem } from './interface';\n\ninterface contextMenuHandlerProps {\n  children: JSX.Element[] | JSX.Element;\n  menuItems: iMenuItem[];\n  showLowMenu?: boolean;\n  lowMenuTarget?: Range | null;\n  style?: React.CSSProperties;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  style = {\n    height: 'fit-content',\n    width: 'fit-content',\n  },\n}: contextMenuHandlerProps): JSX.Element => {\n  // Menu resources\n  const divRef = 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 [target, setTarget] = useState<Range | null>(null);\n  const [lowTarget, setLowTarget] = useState<Range | null>(null);\n\n  // Show menu when context is requested\n  const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n    const sel = window.getSelection();\n    setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n    e.preventDefault();\n    e.stopPropagation();\n    setMenuVisible(true);\n    setMenuXPos(e.pageX);\n    setMenuYPos(e.pageY);\n  };\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  return (\n    <>\n      <div\n        onContextMenu={showLowMenu ? undefined : showMenu}\n        className='context-menu-handler'\n        style={style}\n      >\n        {children}\n      </div>\n      {menuVisible &&\n        !showLowMenu &&\n        createPortal(\n          <div\n            style={{ position: 'absolute', top: 0, left: 0 }}\n            ref={divRef}\n          >\n            <ContextMenu\n              visible={true}\n              ref={menuRef}\n              entries={menuItems}\n              xPos={menuXPos}\n              yPos={menuYPos}\n              target={target}\n              toClose={() => setMenuVisible(false)}\n            />\n          </div>,\n          document.body,\n        )}\n      {showLowMenu && (\n        <div\n          style={{ position: 'relative' }}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setLowTarget(lowSel);\n          }}\n          onMouseLeave={() => {\n            setLowTarget(null);\n          }}\n        >\n          <LowMenu\n            entries={menuItems}\n            target={lowTarget}\n          />\n        </div>\n      )}{' '}\n    </>\n  );\n};\n\nContextMenuHandler.displayName = 'ContextMenuHandler';\n","import React from 'react';\nimport { ContextSubMenu } from './ContextSubMenu';\nimport { iMenuItem } from './interface';\n\nexport interface contextMenuProps {\n  visible: boolean;\n  entries: iMenuItem[];\n  target: Range | null;\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n  ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n    ContextMenu.displayName = 'ContextMenu';\n\n    return (\n      <div\n        ref={ref}\n        className={`context-menu${visible ? ' visible' : ''}`}\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          <div\n            key={i}\n            className={`context-menu-item${entry.disabled ? ' disabled' : ''}`}\n          >\n            <span\n              aria-label={entry.label}\n              aria-disabled={entry.disabled}\n              className='context-menu-item-label'\n              onMouseDownCapture={(ev) => {\n                ev.preventDefault();\n                ev.stopPropagation();\n                entry.action && !entry.disabled && entry.action(target);\n                !entry.disabled && toClose();\n              }}\n            >\n              {entry.label}\n            </span>\n            {entry.group && (\n              <ContextSubMenu\n                toClose={toClose}\n                entries={entry.group}\n                target={target}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface ContextSubMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n  toClose: () => void;\n  lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  return (\n    <span\n      className='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          target={target}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = 'ContextSubMenu';\n","import { iMenuItem } from './interface';\nimport './LowMenu.css';\nimport { LowMenuButton } from './LowMenuButton';\n\ninterface LowMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n}\n\nexport const LowMenu = ({ entries, target }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className='low-menu'\n      aria-label='Low context menu'\n    >\n      {entries.map((e, i) => (\n        <LowMenuButton\n          key={i}\n          entry={e}\n          target={target}\n        />\n      ))}\n    </div>\n  );\n};\n\nLowMenu.displayName = 'LowMenu';\n","import { LowSubMenu } from './LowSubMenu';\nimport { iMenuItem } from './interface';\n\ninterface LowMenuButtonProps {\n  entry: iMenuItem;\n  target: Range | null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n  return (\n    <div\n      className={`low-menu-item${entry.disabled ? ' disabled' : ''}`}\n      aria-label={entry.label}\n      aria-disabled={entry.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span className='low-menu-item-label'>{entry.label}</span>\n      {entry.group && (\n        <LowSubMenu\n          entry={entry}\n          target={target}\n        />\n      )}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = 'LowMenuButton';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface LowSubMenuProps {\n  entry: iMenuItem;\n  target: Range | null;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: 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='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entry.group}\n          target={target}\n          xPos={14}\n          yPos={entry.group.length * -21 - 8}\n          toClose={() => setVisible(false)}\n        />\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = 'LowSubMenu';\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport './ContextWindow.css';\nimport { ContextWindowStackContext } from './ContextWindowStack';\nimport { chkPosition } from '../functions/chkPosition';\n\ninterface ContextWindowProps {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  style?: React.CSSProperties;\n  children: JSX.Element[] | JSX.Element | string;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  style,\n  children,\n  onOpen,\n  onClose,\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 [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      if (visible && !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      }\n    }\n  }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n  return (\n    <div\n      className='contextwindow-anchor'\n      ref={divRef}\n    >\n      {windowStack &&\n        createPortal(\n          <div\n            id={id}\n            className='contextwindow'\n            style={{\n              ...style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? 'visible' : 'hidden',\n              zIndex: zIndex ?? 1,\n              minHeight: style?.minHeight ?? '150px',\n              minWidth: style?.minWidth ?? '200px',\n              maxHeight: style?.maxHeight ?? '1000px',\n              maxWidth: style?.maxWidth ?? '1000px',\n            }}\n            onClickCapture={() => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n            }}\n            ref={windowRef}\n          >\n            <div\n              className={`contextwindow-title ${moving ? 'moving' : ''}`}\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              <span className='contextwindow-title-text'>{title}</span>\n              <span className='contextwindow-title-close'>\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                  onClick={onClose}\n                  aria-label='Close window'\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              </span>\n            </div>\n            <div className='contextwindow-body'>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = 'ContextWindow';\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","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"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AIWO,MAAM,4CAAiB,CAAC,WAAE,OAAO,UAAE,MAAM,WAAE,OAAO,EAAuB;IAC9E,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAW;IAEhD,qBACE,iBAAC;QACC,WAAU;QACV,cAAc;YACZ,WAAW;QACb;QACA,cAAc;YACZ,WAAW;QACb;;0BAEA,gBAAC;gBACC,OAAM;gBACN,OAAM;gBACN,QAAO;gBACP,MAAK;gBACL,SAAQ;0BAER,cAAA,gBAAC;oBAAK,GAAE;;;0BAEV,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,yCAAU;oBACT,SAAS;oBACT,SAAS;oBACT,QAAQ;oBACR,MAAM;oBACN,MAAM;oBACN,SAAS;;;;;AAKnB;AAEA,0CAAe,WAAW,GAAG;;;ADlCtB,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CACzC,CAAC,WAAE,OAAO,WAAE,OAAO,UAAE,MAAM,QAAE,IAAI,QAAE,IAAI,WAAE,OAAO,EAAE,EAAE;IAClD,0CAAY,WAAW,GAAG;IAE1B,qBACE,gBAAC;QACC,KAAK;QACL,WAAW,CAAC,YAAY,EAAE,UAAU,aAAa,GAAG,CAAC;QACrD,OAAO;YACL,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;YAChB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;QACnB;QACA,sBAAsB,CAAC;YACrB,EAAE,cAAc;YAChB,EAAE,eAAe;QACnB;kBAEC,QAAQ,GAAG,CAAC,CAAC,OAAO,kBACnB,iBAAC;gBAEC,WAAW,CAAC,iBAAiB,EAAE,MAAM,QAAQ,GAAG,cAAc,GAAG,CAAC;;kCAElE,gBAAC;wBACC,cAAY,MAAM,KAAK;wBACvB,iBAAe,MAAM,QAAQ;wBAC7B,WAAU;wBACV,oBAAoB,CAAC;4BACnB,GAAG,cAAc;4BACjB,GAAG,eAAe;4BAClB,MAAM,MAAM,IAAI,CAAC,MAAM,QAAQ,IAAI,MAAM,MAAM,CAAC;4BAChD,CAAC,MAAM,QAAQ,IAAI;wBACrB;kCAEC,MAAM,KAAK;;oBAEb,MAAM,KAAK,kBACV,gBAAC,CAAA,GAAA,yCAAa;wBACZ,SAAS;wBACT,SAAS,MAAM,KAAK;wBACpB,QAAQ;;;eApBP;;AA2Bf;AAGF,0CAAY,WAAW,GAAG;;;;;;;;;;AIpDnB,MAAM,4CAAa,CAAC,SAAE,KAAK,UAAE,MAAM,EAAmB;IAC3D,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAW;IAChD,IAAI,CAAC,MAAM,KAAK,IAAI,MAAM,KAAK,CAAC,MAAM,KAAK,GAAG,qBAAO;IACrD,qBACE,iBAAC;QACC,cAAY,CAAC,aAAa,EAAE,MAAM,KAAK,CAAC,CAAC;QACzC,WAAU;QACV,cAAc;YACZ,WAAW;QACb;QACA,cAAc;YACZ,WAAW;QACb;;0BAEA,gBAAC;gBACC,OAAM;gBACN,OAAM;gBACN,QAAO;gBACP,MAAK;gBACL,SAAQ;0BAER,cAAA,gBAAC;oBAAK,GAAE;;;0BAEV,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,yCAAU;oBACT,SAAS;oBACT,SAAS,MAAM,KAAK;oBACpB,QAAQ;oBACR,MAAM;oBACN,MAAM,MAAM,KAAK,CAAC,MAAM,GAAG,MAAM;oBACjC,SAAS,IAAM,WAAW;;;;;AAKpC;AAEA,0CAAW,WAAW,GAAG;;;ADxClB,MAAM,4CAAgB,CAAC,SAAE,KAAK,UAAE,MAAM,EAAsB;IACjE,qBACE,iBAAC;QACC,WAAW,CAAC,aAAa,EAAE,MAAM,QAAQ,GAAG,cAAc,GAAG,CAAC;QAC9D,cAAY,MAAM,KAAK;QACvB,iBAAe,MAAM,QAAQ;QAC7B,SAAS,CAAC;YACR,MAAM,cAAc;YACpB,MAAM,eAAe;YACrB,MAAM,MAAM,IAAI,CAAC,MAAM,QAAQ,IAAI,MAAM,MAAM,CAAC;QAClD;;0BAEA,gBAAC;gBAAK,WAAU;0BAAuB,MAAM,KAAK;;YACjD,MAAM,KAAK,kBACV,gBAAC,CAAA,GAAA,yCAAS;gBACR,OAAO;gBACP,QAAQ;;;;AAKlB;AAEA,0CAAc,WAAW,GAAG;;;ADrBrB,MAAM,4CAAU,CAAC,WAAE,OAAO,UAAE,MAAM,EAAgB;IACvD,qBACE,gBAAC;QACC,WAAU;QACV,cAAW;kBAEV,QAAQ,GAAG,CAAC,CAAC,GAAG,kBACf,gBAAC,CAAA,GAAA,yCAAY;gBAEX,OAAO;gBACP,QAAQ;eAFH;;AAOf;AAEA,0CAAQ,WAAW,GAAG;;;AHXf,MAAM,4CAAqB,CAAC,YACjC,QAAQ,aACR,SAAS,eACT,cAAc,cACd,QAAQ;IACN,QAAQ;IACR,OAAO;AACT,GACwB;IACxB,iBAAiB;IACjB,MAAM,SAAS,CAAA,GAAA,aAAK,EAAyB;IAC7C,MAAM,UAAU,CAAA,GAAA,aAAK,EAAyB;IAC9C,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAU;IACjD,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAU;IACjD,MAAM,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAW;IACxD,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAgB;IACnD,MAAM,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAgB;IAEzD,sCAAsC;IACtC,MAAM,WAAW,CAAC;QAChB,MAAM,MAAM,OAAO,YAAY;QAC/B,UAAU,OAAO,IAAI,UAAU,GAAG,IAAI,IAAI,UAAU,CAAC,KAAK;QAC1D,EAAE,cAAc;QAChB,EAAE,eAAe;QACjB,eAAe;QACf,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;IACrB;IAEA,4BAA4B;IAC5B,MAAM,cAAc,CAAA,GAAA,kBAAU,EAAE,CAAC;YAGK;QAFpC,IACE,QAAQ,OAAO,IACd,CAAA,AAAC,EAAE,MAAM,YAAY,WAAW,GAAC,mBAAA,QAAQ,OAAO,cAAf,uCAAA,iBAAiB,QAAQ,CAAC,EAAE,MAAM,MAClE,CAAE,CAAA,EAAE,MAAM,YAAY,OAAM,CAAC,GAE/B,eAAe;IAEnB,GAAG,EAAE;IAEL,oCAAoC;IACpC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,SAAS,gBAAgB,CAAC,aAAa;aACnD,SAAS,mBAAmB,CAAC,aAAa;QAC/C,OAAO;YACL,SAAS,mBAAmB,CAAC,aAAa;QAC5C;IACF,GAAG;QAAC;QAAa;KAAY;IAE7B,qBACE;;0BACE,gBAAC;gBACC,eAAe,cAAc,YAAY;gBACzC,WAAU;gBACV,OAAO;0BAEN;;YAEF,eACC,CAAC,6BACD,CAAA,GAAA,mBAAW,gBACT,gBAAC;gBACC,OAAO;oBAAE,UAAU;oBAAY,KAAK;oBAAG,MAAM;gBAAE;gBAC/C,KAAK;0BAEL,cAAA,gBAAC,CAAA,GAAA,yCAAU;oBACT,SAAS;oBACT,KAAK;oBACL,SAAS;oBACT,MAAM;oBACN,MAAM;oBACN,QAAQ;oBACR,SAAS,IAAM,eAAe;;gBAGlC,SAAS,IAAI;YAEhB,6BACC,gBAAC;gBACC,OAAO;oBAAE,UAAU;gBAAW;gBAC9B,cAAc;oBACZ,MAAM,MAAM,OAAO,YAAY;oBAC/B,MAAM,SAAS,OAAO,IAAI,UAAU,GAAG,IAAI,IAAI,UAAU,CAAC,KAAK;oBAC/D,aAAa;gBACf;gBACA,cAAc;oBACZ,aAAa;gBACf;0BAEA,cAAA,gBAAC,CAAA,GAAA,yCAAM;oBACL,SAAS;oBACT,QAAQ;;;YAGX;;;AAGT;AAEA,0CAAmB,WAAW,GAAG;;;;;;;;;AOtG1B,MAAM,0DAA4B,CAAA,GAAA,oBAAY,EAAyC;AAQ9F,MAAM,kCAAY,CAChB,UACA,WACA,YACA;IAEA,MAAM,eAAe,WAClB,MAAM,CAAC,CAAC,IAAM,EAAE,QAAQ,KAAK,UAC7B,GAAG,CAAC,CAAC,GAAG,IAAO,CAAA;YAAE,UAAU,EAAE,QAAQ;YAAE,QAAQ,YAAY;QAAE,CAAA;IAChE,cAAc;WAAI;QAAc;sBAAE;YAAU,QAAQ,YAAY,aAAa,MAAM;QAAC;KAAE;AACxF;AAEO,MAAM,4CAAqB,CAAC,aACjC,YAAY,gBACZ,QAAQ,EACgB;IACxB,MAAM,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAAyB,EAAE;IAE9E,qBACE,gBAAC,0CAA0B,QAAQ;QACjC,OAAO;YACL,gBAAgB,eAAe,GAAG,CAAC,CAAC,IAAO,CAAA;oBACzC,UAAU,EAAE,QAAQ;oBACpB,QAAQ,YAAY,EAAE,MAAM;gBAC9B,CAAA;YACA,WAAW,CAAC,MAAgB,gCAAU,KAAK,WAAW,gBAAgB;QACxE;kBAEC;;AAGP;AAEA,0CAAmB,WAAW,GAAG;;;AC9C1B,MAAM,4CAAc,CACzB;IAEA,IAAI,CAAC,OAAO,OAAO,EACjB,OAAO;QAAE,YAAY;QAAG,YAAY;IAAE;SACjC;QACL,MAAM,cAAc;QACpB,MAAM,OAAO,OAAO,OAAO,CAAC,qBAAqB;QACjD,IAAI,aAAa;QACjB,IAAI,KAAK,IAAI,GAAG,aACd,aAAa,CAAC,KAAK,IAAI,GAAG;aACrB,IAAI,KAAK,KAAK,GAAG,OAAO,UAAU,EACvC,aAAa,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,GAAG,aAAa,OAAO,UAAU,GAAG,KAAK,KAAK,GAAG;QAEnF,IAAI,aAAa;QACjB,IAAI,KAAK,GAAG,GAAG,aACb,aAAa,CAAC,KAAK,GAAG,GAAG;aACpB,IAAI,KAAK,MAAM,GAAG,OAAO,WAAW,EACzC,aAAa,KAAK,GAAG,CACnB,CAAC,KAAK,GAAG,GAAG,aACZ,OAAO,WAAW,GAAG,KAAK,MAAM,GAAG;QAGvC,OAAO;wBAAE;wBAAY;QAAW;IAClC;AACF;;;AFhBO,MAAM,4CAAgB,CAAC,MAC5B,EAAE,WACF,OAAO,SACP,KAAK,SACL,KAAK,YACL,QAAQ,UACR,MAAM,WACN,OAAO,EACY;IACnB,MAAM,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAwB;IACvD,MAAM,WAAW,CAAA,GAAA,aAAK,EAAiB;IACvC,MAAM,SAAS,CAAA,GAAA,aAAK,EAAyB;IAC7C,MAAM,YAAY,CAAA,GAAA,aAAK,EAAyB;IAChD,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAW;IAC5D,MAAM,SAAS,CAAA,GAAA,cAAM,EAAE;YACd;YAAA;QAAP,OAAO,CAAA,0CAAA,wBAAA,mCAAA,mCAAA,YAAa,cAAc,CAAC,IAAI,CAAC,CAAC,IAAM,EAAE,QAAQ,KAAK,SAAS,OAAO,eAAvE,uDAAA,iCAA0E,MAAM,cAAhF,qDAAA,0CAAoF;IAC7F,GAAG;QAAC,wBAAA,kCAAA,YAAa,cAAc;KAAC;IAEhC,WAAW;IACX,MAAM,YAAY,CAAA,GAAA,aAAK,EAA4B;QAAE,GAAG;QAAG,GAAG;IAAE;IAChE,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAW;IAE9C,MAAM,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC,GAAW;QACnC,IAAI,UAAU,OAAO,IAAI,UAAU,OAAO,EAAE;YAC1C,MAAM,UAAS,UAAU,OAAO;YAChC,MAAM,MAAM,UAAU,OAAO;YAC7B,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,IAAI;YACT,QAAO,KAAK,CAAC,SAAS,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC;QAC9D;IACF,GAAG,EAAE;IAEL,MAAM,gBAAgB,CAAA,GAAA,kBAAU,EAAE;QAChC,MAAM,SAAS,CAAA,GAAA,yCAAU,EAAE;QAC3B,KAAK,OAAO,UAAU,EAAE,OAAO,UAAU;IAC3C,GAAG;QAAC;KAAK;IAET,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,EAAE,cAAc;QAChB,EAAE,eAAe;QACjB,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS;IAC/B,GACA;QAAC;KAAK;IAGR,MAAM,UAAU,CAAA,GAAA,kBAAU,EACxB,CAAC;QACC,EAAE,cAAc;QAChB,EAAE,eAAe;QACjB,UAAU;QACV;QACA,SAAS,mBAAmB,CAAC,aAAa;QAC1C,SAAS,mBAAmB,CAAC,WAAW;QACxC,OAAO,mBAAmB,CAAC,UAAU;QACrC,IAAI,EAAE,MAAM,IAAK,CAAA,EAAE,MAAM,YAAY,eAAe,EAAE,MAAM,YAAY,UAAS,GAC/E,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG;IAChC,GACA;QAAC;QAAe;KAAU;IAG5B,oBAAoB;IACpB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa;YACf,IAAI,WAAW,CAAC,eAAe;gBAC7B,IAAI,CAAC,SAAS,OAAO,EAAE;oBACrB,MAAM,cAAc,KAAK,GAAG,CAAC,MAAM,YAAY,cAAc,CAAC,GAAG,CAAC,CAAC,IAAM,EAAE,QAAQ;oBACnF,SAAS,OAAO,GAAG,cAAc;gBACnC;gBACA,YAAY,SAAS,CAAC,SAAS,OAAO;gBACtC,iBAAiB;gBACjB,UAAU;gBACV,wBAAwB;gBACxB,IAAI,OAAO,OAAO,IAAI,UAAU,OAAO,EAAE;oBACvC,MAAM,YAAY,OAAO,OAAO,CAAC,qBAAqB;oBACtD,MAAM,MAAM,UAAU,OAAO,CAAC,qBAAqB;oBACnD,MAAM,eAAe,IAAI,MAAM,GAAG,IAAI,GAAG;oBACzC,UAAU,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,UAAU,IAAI,CAAC,EAAE,CAAC;oBACpD,UAAU,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAC7B,UAAU,MAAM,GAAG,eAAe,OAAO,WAAW,GAChD,UAAU,MAAM,GAChB,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,GAAG,cACjC,EAAE,CAAC;oBACJ,UAAU,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG;oBACpC,UAAU,OAAO,GAAG;wBAAE,GAAG;wBAAG,GAAG;oBAAE;gBACnC;gBACA;YACF,OAAO,IAAI,SAAS,OAAO,IAAI,CAAC,WAAW,eACzC,iBAAiB;QAErB;IACF,GAAG;QAAC;QAAe;QAAQ;QAAS;QAAa;KAAc;QAiBxC,kBACD,iBACC,kBACD;IAlBtB,qBACE,gBAAC;QACC,WAAU;QACV,KAAK;kBAEJ,6BACC,CAAA,GAAA,mBAAW,gBACT,iBAAC;YACC,IAAI;YACJ,WAAU;YACV,OAAO;gBACL,GAAG,KAAK;gBACR,SAAS,SAAS,MAAM,gBAAgB,IAAI;gBAC5C,YAAY,gBAAgB,YAAY;gBACxC,QAAQ,mBAAA,oBAAA,SAAU;gBAClB,WAAW,CAAA,mBAAA,kBAAA,4BAAA,MAAO,SAAS,cAAhB,8BAAA,mBAAoB;gBAC/B,UAAU,CAAA,kBAAA,kBAAA,4BAAA,MAAO,QAAQ,cAAf,6BAAA,kBAAmB;gBAC7B,WAAW,CAAA,mBAAA,kBAAA,4BAAA,MAAO,SAAS,cAAhB,8BAAA,mBAAoB;gBAC/B,UAAU,CAAA,kBAAA,kBAAA,4BAAA,MAAO,QAAQ,cAAf,6BAAA,kBAAmB;YAC/B;YACA,gBAAgB;gBACd,YAAY,SAAS,OAAO,IAAI,YAAY,SAAS,CAAC,SAAS,OAAO;YACxE;YACA,KAAK;;8BAEL,iBAAC;oBACC,WAAW,CAAC,oBAAoB,EAAE,SAAS,WAAW,GAAG,CAAC;oBAC1D,aAAa,CAAC;wBACZ,IAAI,EAAE,MAAM,IAAK,CAAA,EAAE,MAAM,YAAY,eAAe,EAAE,MAAM,YAAY,UAAS,GAC/E,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG;wBAC9B,UAAU;wBACV,YAAY,SAAS,OAAO,IAAI,YAAY,SAAS,CAAC,SAAS,OAAO;wBACtE,SAAS,gBAAgB,CAAC,WAAW;wBACrC,SAAS,gBAAgB,CAAC,aAAa;wBACvC,OAAO,gBAAgB,CAAC,UAAU,IAAM;oBAC1C;;sCAEA,gBAAC;4BAAI,WAAU;sCAA4B;;sCAC3C,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC;gCACC,OAAM;gCACN,OAAM;gCACN,QAAO;gCACP,MAAK;gCACL,SAAQ;gCACR,cAAW;gCACX,SAAS;0CAET,cAAA,gBAAC;oCAAK,GAAE;;;;;;8BAId,gBAAC;oBAAI,WAAU;8BACb,cAAA,gBAAC;kCAAK;;;;YAGV,SAAS,IAAI;;AAIvB;AAEA,0CAAc,WAAW,GAAG;;","sources":["src/main.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/components/ContextWindowStack.tsx","src/functions/chkPosition.ts"],"sourcesContent":["export * from './components';\n","import { ContextMenuHandler } from './ContextMenuHandler';\nimport { ContextWindow } from './ContextWindow';\nimport { ContextWindowStack } from './ContextWindowStack';\nimport { iMenuItem } from './interface';\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { iMenuItem };\n","import { MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContextMenu } from './ContextMenu';\nimport './ContextMenu.css';\nimport { LowMenu } from './LowMenu';\nimport { iMenuItem } from './interface';\n\ninterface contextMenuHandlerProps {\n  children: JSX.Element[] | JSX.Element;\n  menuItems: iMenuItem[];\n  showLowMenu?: boolean;\n  lowMenuTarget?: Range | null;\n  style?: React.CSSProperties;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  style = {\n    height: 'fit-content',\n    width: 'fit-content',\n  },\n}: contextMenuHandlerProps): JSX.Element => {\n  // Menu resources\n  const divRef = 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 [target, setTarget] = useState<Range | null>(null);\n  const [lowTarget, setLowTarget] = useState<Range | null>(null);\n\n  // Show menu when context is requested\n  const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n    const sel = window.getSelection();\n    setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n    e.preventDefault();\n    e.stopPropagation();\n    setMenuVisible(true);\n    setMenuXPos(e.pageX);\n    setMenuYPos(e.pageY);\n  };\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  return (\n    <>\n      <div\n        onContextMenu={showLowMenu ? undefined : showMenu}\n        className='context-menu-handler'\n        style={style}\n      >\n        {children}\n      </div>\n      {menuVisible &&\n        !showLowMenu &&\n        createPortal(\n          <div\n            style={{ position: 'absolute', top: 0, left: 0 }}\n            ref={divRef}\n          >\n            <ContextMenu\n              visible={true}\n              ref={menuRef}\n              entries={menuItems}\n              xPos={menuXPos}\n              yPos={menuYPos}\n              target={target}\n              toClose={() => setMenuVisible(false)}\n            />\n          </div>,\n          document.body,\n        )}\n      {showLowMenu && (\n        <div\n          style={{ position: 'relative' }}\n          onMouseEnter={() => {\n            const sel = window.getSelection();\n            const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n            setLowTarget(lowSel);\n          }}\n          onMouseLeave={() => {\n            setLowTarget(null);\n          }}\n        >\n          <LowMenu\n            entries={menuItems}\n            target={lowTarget}\n          />\n        </div>\n      )}{' '}\n    </>\n  );\n};\n\nContextMenuHandler.displayName = 'ContextMenuHandler';\n","import React from 'react';\nimport { ContextSubMenu } from './ContextSubMenu';\nimport { iMenuItem } from './interface';\n\nexport interface contextMenuProps {\n  visible: boolean;\n  entries: iMenuItem[];\n  target: Range | null;\n  xPos: number;\n  yPos: number;\n  toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n  ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n    ContextMenu.displayName = 'ContextMenu';\n\n    return (\n      <div\n        ref={ref}\n        className={`context-menu${visible ? ' visible' : ''}`}\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          <div\n            key={i}\n            className={`context-menu-item${entry.disabled ? ' disabled' : ''}`}\n          >\n            <span\n              aria-label={entry.label}\n              aria-disabled={entry.disabled}\n              className='context-menu-item-label'\n              onMouseDownCapture={(ev) => {\n                ev.preventDefault();\n                ev.stopPropagation();\n                entry.action && !entry.disabled && entry.action(target);\n                !entry.disabled && toClose();\n              }}\n            >\n              {entry.label}\n            </span>\n            {entry.group && (\n              <ContextSubMenu\n                toClose={toClose}\n                entries={entry.group}\n                target={target}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface ContextSubMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n  toClose: () => void;\n  lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  return (\n    <span\n      className='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entries}\n          target={target}\n          xPos={14}\n          yPos={-21}\n          toClose={toClose}\n        />\n      </div>\n    </span>\n  );\n};\n\nContextSubMenu.displayName = 'ContextSubMenu';\n","import { iMenuItem } from './interface';\nimport './LowMenu.css';\nimport { LowMenuButton } from './LowMenuButton';\n\ninterface LowMenuProps {\n  entries: iMenuItem[];\n  target: Range | null;\n}\n\nexport const LowMenu = ({ entries, target }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className='low-menu'\n      aria-label='Low context menu'\n    >\n      {entries.map((e, i) => (\n        <LowMenuButton\n          key={i}\n          entry={e}\n          target={target}\n        />\n      ))}\n    </div>\n  );\n};\n\nLowMenu.displayName = 'LowMenu';\n","import { LowSubMenu } from './LowSubMenu';\nimport { iMenuItem } from './interface';\n\ninterface LowMenuButtonProps {\n  entry: iMenuItem;\n  target: Range | null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n  return (\n    <div\n      className={`low-menu-item${entry.disabled ? ' disabled' : ''}`}\n      aria-label={entry.label}\n      aria-disabled={entry.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span className='low-menu-item-label'>{entry.label}</span>\n      {entry.group && (\n        <LowSubMenu\n          entry={entry}\n          target={target}\n        />\n      )}\n    </div>\n  );\n};\n\nLowMenuButton.displayName = 'LowMenuButton';\n","import { useState } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { iMenuItem } from './interface';\n\nexport interface LowSubMenuProps {\n  entry: iMenuItem;\n  target: Range | null;\n  lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: 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='caret-holder'\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='sub-menu'>\n        <ContextMenu\n          visible={visible}\n          entries={entry.group}\n          target={target}\n          xPos={14}\n          yPos={entry.group.length * -21 - 8}\n          toClose={() => setVisible(false)}\n        />\n      </div>\n    </span>\n  );\n};\n\nLowSubMenu.displayName = 'LowSubMenu';\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport './ContextWindow.css';\nimport { ContextWindowStackContext } from './ContextWindowStack';\nimport { chkPosition } from '../functions/chkPosition';\n\ninterface ContextWindowProps {\n  id: string;\n  visible: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  title: string;\n  style?: React.CSSProperties;\n  children: JSX.Element[] | JSX.Element | string;\n}\n\nexport const ContextWindow = ({\n  id,\n  visible,\n  title,\n  style,\n  children,\n  onOpen,\n  onClose,\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 [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      if (visible && !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      }\n    }\n  }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n  return (\n    <div\n      className='contextwindow-anchor'\n      ref={divRef}\n    >\n      {windowStack &&\n        createPortal(\n          <div\n            id={id}\n            className='contextwindow'\n            style={{\n              ...style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? 'visible' : 'hidden',\n              zIndex: zIndex ?? 1,\n              minHeight: style?.minHeight ?? '150px',\n              minWidth: style?.minWidth ?? '200px',\n              maxHeight: style?.maxHeight ?? '1000px',\n              maxWidth: style?.maxWidth ?? '1000px',\n            }}\n            onClickCapture={() => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n            }}\n            ref={windowRef}\n          >\n            <div\n              className={`contextwindow-title ${moving ? 'moving' : ''}`}\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 className='contextwindow-title-text'>{title}</div>\n              <div className='contextwindow-title-close'>\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='contextwindow-body'>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = 'ContextWindow';\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","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"],"names":[],"version":3,"file":"main.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/context-menu",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "description": "REACT Typescript Context menu component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -34,31 +34,32 @@
     "@parcel/transformer-sass": "^2.7.0",
     "@parcel/transformer-typescript-types": "^2.8.0",
     "@parcel/transformer-webmanifest": "^2.7.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.2",
-    "@types/node": "^18.11.9",
+    "@types/node": "^20.10.4",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.49.0",
-    "@typescript-eslint/parser": "^5.49.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
     "eslint": "^8.32.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.3.1",
-    "lint-staged": "^13.0.3",
+    "lint-staged": "^15.2.0",
     "parcel": "^2.7.0",
     "postcss": "^8.4.18",
-    "prettier": "^2.7.1",
+    "prettier": "^3.1.0",
     "process": "^0.11.10",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.4"
+    "typescript": "^5.0.4",
+    "typescript-plugin-css-modules": "^5.0.2"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"