@asup/context-menu 1.3.2 → 1.3.4

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={typeof entry.label === \"string\" ? entry.label : undefined}\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={typeof entry.label === \"string\" ? entry.label : undefined}\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"}
+{"mappings":"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","sources":["src/main.ts","global.d.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextMenu.module.css","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenu.module.css","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/functions/chkPosition.ts","src/components/ContextWindowStack.tsx","src/components/ContextWindow.module.css"],"sourcesContent":["import \"../global.d.ts\";\nexport * from \"./components\";\n","declare module \"*.module.css\" {\n  const classes: { readonly [key: string]: string };\n  export default classes;\n}\n","import { ContextMenuHandler } from \"./ContextMenuHandler\";\nimport { ContextWindow } from \"./ContextWindow\";\nimport { ContextWindowStack } from \"./ContextWindowStack\";\nimport { MenuItem } from \"./interface\";\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { MenuItem as iMenuItem };\n","import {\n  MouseEvent,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { LowMenu } from \"./LowMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContentMenuHandlerContextProps {\n  menuItems: MenuItem[];\n}\nexport const ContentMenuHandlerContext = createContext<ContentMenuHandlerContextProps | null>(null);\n\ninterface contextMenuHandlerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: JSX.Element[] | JSX.Element;\n  menuItems: MenuItem[];\n  showLowMenu?: boolean;\n}\n\nexport const ContextMenuHandler = ({\n  children,\n  menuItems,\n  showLowMenu = false,\n  ...rest\n}: contextMenuHandlerProps): JSX.Element => {\n  // Check for higher content menu\n  const higherContext = useContext(ContentMenuHandlerContext);\n  const thisMenuItems = useMemo(\n    () => [\n      ...(higherContext !== null\n        ? [\n            ...higherContext.menuItems,\n            {\n              label: <hr style={{ flexGrow: 1, cursor: \"none\", margin: \"0\", padding: \"0\" }} />,\n            },\n          ]\n        : []),\n      ...menuItems,\n    ],\n    [higherContext, menuItems],\n  );\n\n  // Menu resources\n  const divHandlderRef = useRef<HTMLDivElement | null>(null);\n  const divMenuRef = 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  const [lowMenuVisible, setLowMenuVisible] = useState<boolean>(false);\n\n  // Get holder position\n  const divHandlerPos = divHandlderRef ? divHandlderRef.current?.getBoundingClientRect() : 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    <ContentMenuHandlerContext.Provider\n      value={{\n        menuItems: thisMenuItems,\n      }}\n    >\n      <div\n        ref={divHandlderRef}\n        {...rest}\n        className={[styles.contextMenuHandler, rest.className].join(\" \")}\n        style={{ ...rest.style }}\n        onContextMenu={showLowMenu ? undefined : showMenu}\n        onMouseEnter={() => {\n          showLowMenu && setLowMenuVisible(true);\n        }}\n        onMouseLeave={() => {\n          showLowMenu && setLowMenuVisible(false);\n        }}\n      >\n        {children}\n      </div>\n      {menuVisible &&\n        !showLowMenu &&\n        createPortal(\n          <div\n            className={styles.anchor}\n            ref={divMenuRef}\n          >\n            <ContextMenu\n              visible={true}\n              ref={menuRef}\n              entries={thisMenuItems}\n              xPos={menuXPos}\n              yPos={menuYPos}\n              target={target}\n              toClose={() => setMenuVisible(false)}\n            />\n          </div>,\n          document.body,\n        )}\n      {showLowMenu &&\n        divHandlerPos &&\n        createPortal(\n          <div\n            className={styles.anchor}\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              visible={lowMenuVisible}\n              entries={menuItems}\n              target={lowTarget}\n              xPos={divHandlerPos.left}\n              yPos={divHandlerPos.bottom}\n            />\n          </div>,\n          document.body,\n        )}\n    </ContentMenuHandlerContext.Provider>\n  );\n};\n\nContextMenuHandler.displayName = \"ContextMenuHandler\";\n","import React from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface contextMenuProps {\n  visible: boolean;\n  entries: MenuItem[];\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={[styles.contextMenu, visible ? styles.visible : \"\"]\n          .filter((c) => c !== \"\")\n          .join(\" \")}\n        style={{\n          top: `${yPos}px`,\n          left: `${xPos}px`,\n        }}\n        onContextMenuCapture={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        {entries.map((entry, i) => (\n          <div\n            key={i}\n            className={[styles.contextMenuItem, entry.disabled ? styles.disabled : \"\"]\n              .filter((c) => c !== \"\")\n              .join(\" \")}\n          >\n            {typeof entry.label === \"string\" ? (\n              <span\n                aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n                aria-disabled={entry.disabled}\n                className={styles.contextMenuItemLabel}\n                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            ) : (\n              entry.label\n            )}\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",".anchor {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.contextMenuHandler {\n  height: fit-content;\n  width: fit-content;\n}\n\n.contextMenu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9pt;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenu.visible {\n  visibility: inherit;\n}\n\n.contextMenuItem {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n  padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n  padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n  align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n\n.contextMenuItemLabel {\n  flex-grow: 1;\n  height: 19px;\n}\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextSubMenuProps {\n  entries: MenuItem[];\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={styles.caretHolder}\n      onMouseEnter={() => {\n        setVisible(true);\n      }}\n      onMouseLeave={() => {\n        setVisible(false);\n      }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        <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 { MenuItem } from \"./interface\";\nimport styles from \"./LowMenu.module.css\";\nimport { LowMenuButton } from \"./LowMenuButton\";\n\ninterface LowMenuProps {\n  entries: MenuItem[];\n  target: Range | null;\n  visible: boolean;\n  xPos: number;\n  yPos: number;\n}\n\nexport const LowMenu = ({ entries, target, visible, xPos, yPos }: LowMenuProps): JSX.Element => {\n  return (\n    <div\n      className={[styles.lowMenu, visible ? styles.visible : styles.hidden].join(\" \")}\n      aria-label=\"Low context menu\"\n      style={{\n        left: `${xPos}px`,\n        top: `${yPos}px`,\n      }}\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",".lowMenu {\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  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.lowMenu.hidden {\n  opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n  opacity: 1;\n}\n\n.lowMenuItem {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n  align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n","import styles from \"./LowMenu.module.css\";\nimport { LowSubMenu } from \"./LowSubMenu\";\nimport { MenuItem } from \"./interface\";\n\ninterface LowMenuButtonProps {\n  entry: MenuItem;\n  target: Range | null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n  return (\n    <div\n      className={[styles.lowMenuItem, entry.disabled ? styles.disabled : \"\"]\n        .filter((c) => c !== \"\")\n        .join(\" \")}\n      aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n      aria-disabled={entry.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        entry.action && !entry.disabled && entry.action(target);\n      }}\n    >\n      <span>{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 styles from \"./LowMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface LowSubMenuProps {\n  entry: MenuItem;\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={styles.caretHolder}\n      onMouseEnter={() => {\n        setVisible(true);\n      }}\n      onMouseLeave={() => {\n        setVisible(false);\n      }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <div className={styles.subMenu}>\n        <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 { chkPosition } from \"../functions/chkPosition\";\nimport { ContextWindowStackContext } from \"./ContextWindowStack\";\nimport styles from \"./ContextWindow.module.css\";\n\ninterface ContextWindowProps extends React.HTMLAttributes<HTMLDivElement> {\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  children,\n  onOpen,\n  onClose,\n  ...rest\n}: ContextWindowProps): JSX.Element => {\n  const windowStack = useContext(ContextWindowStackContext);\n  const windowId = useRef<number | null>(null);\n  const divRef = useRef<HTMLDivElement | null>(null);\n  const windowRef = useRef<HTMLDivElement | null>(null);\n  const [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={styles.contextWindowAnchor}\n      ref={divRef}\n    >\n      {windowStack &&\n        createPortal(\n          <div\n            {...rest}\n            id={id}\n            className={styles.contextWindow}\n            style={{\n              ...rest.style,\n              opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n              visibility: windowVisible ? \"visible\" : \"hidden\",\n              zIndex: zIndex ?? 1,\n              minHeight: rest.style?.minHeight ?? \"150px\",\n              minWidth: rest.style?.minWidth ?? \"200px\",\n              maxHeight: rest.style?.maxHeight ?? \"1000px\",\n              maxWidth: rest.style?.maxWidth ?? \"1000px\",\n            }}\n            onClickCapture={() => {\n              windowId && windowId.current && windowStack.pushToTop(windowId.current);\n            }}\n            ref={windowRef}\n          >\n            <div\n              className={[styles.contextWindowTitle, moving ? styles.moving : \"\"]\n                .filter((c) => c !== \"\")\n                .join(\" \")}\n              onMouseDown={(e: React.MouseEvent) => {\n                if (e.target && (e.target instanceof HTMLElement || e.target instanceof SVGElement))\n                  e.target.style.userSelect = \"none\";\n                setMoving(true);\n                windowId && windowId.current && windowStack.pushToTop(windowId.current);\n                document.addEventListener(\"mouseup\", mouseUp);\n                document.addEventListener(\"mousemove\", mouseMove);\n                window.addEventListener(\"resize\", () => checkPosition());\n              }}\n            >\n              <div className={styles.contextWindowTitleText}>{title}</div>\n              <div className={styles.contextWindowTitleClose}>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"16\"\n                  height=\"16\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 16 16\"\n                  aria-label=\"Close window\"\n                  onClick={onClose}\n                >\n                  <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n                </svg>\n              </div>\n            </div>\n            <div className={styles.contextWindowBody}>\n              <div>{children}</div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n\nContextWindow.displayName = \"ContextWindow\";\n","import { RefObject } from \"react\";\n\n/**\n * Check that an existing div is inside the viewport\n * @param divRef Check div is inside view port, and return n\n * @returns \\{ translateX, translateY \\} Amount to move on X and Y axis\n */\nexport const chkPosition = (\n  divRef: RefObject<HTMLDivElement>,\n): { translateX: number; translateY: number } => {\n  if (!divRef.current) {\n    return { translateX: 0, translateY: 0 };\n  } else {\n    const innerBounce = 16;\n    const posn = divRef.current.getBoundingClientRect();\n    let translateX = 0;\n    if (posn.left < innerBounce) {\n      translateX = -posn.left + innerBounce;\n    } else if (posn.right > window.innerWidth) {\n      translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);\n    }\n    let translateY = 0;\n    if (posn.top < innerBounce) {\n      translateY = -posn.top + innerBounce;\n    } else if (posn.bottom > window.innerHeight) {\n      translateY = Math.max(\n        -posn.top + innerBounce,\n        window.innerHeight - posn.bottom - innerBounce,\n      );\n    }\n    return { translateX, translateY };\n  }\n};\n","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",".contextWindowAnchor {\n  position: relative;\n}\n\n.contextWindow {\n  z-index: 2001;\n  border: 1px black solid;\n  margin: 0;\n  padding: 4px;\n  background-color: rgb(250, 250, 250);\n  box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n  transition: opacity 0.25s linear;\n  justify-content: flex-start;\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  resize: both;\n  overflow: auto;\n}\n\n.contextWindowTitle {\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.contextWindowTitle.moving {\n  cursor: grabbing;\n}\n\n.contextWindowTitleText {\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.contextWindowTitleClose {\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.contextWindowTitleClose:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextWindowBody {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/context-menu.d.ts

@@ -1,19 +1,17 @@
 import React from "react";
-export interface iMenuItem {
+interface MenuItem {
     label: string | JSX.Element;
     disabled?: boolean;
     action?: (target?: Range | null) => void;
-    group?: iMenuItem[];
+    group?: MenuItem[];
 }
-interface contextMenuHandlerProps {
+interface contextMenuHandlerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: JSX.Element[] | JSX.Element;
-    menuItems: iMenuItem[];
+    menuItems: MenuItem[];
     showLowMenu?: boolean;
-    lowMenuTarget?: Range | null;
-    style?: React.CSSProperties;
 }
 export const ContextMenuHandler: {
-    ({ children, menuItems, showLowMenu, style, }: contextMenuHandlerProps): JSX.Element;
+    ({ children, menuItems, showLowMenu, ...rest }: contextMenuHandlerProps): JSX.Element;
     displayName: string;
 };
 interface ContextWindowStackProps {
@@ -25,7 +23,7 @@ export const ContextWindowStack: {
     ({ minZIndex, children, }: ContextWindowStackProps): JSX.Element;
     displayName: string;
 };
-interface ContextWindowProps {
+interface ContextWindowProps extends React.HTMLAttributes<HTMLDivElement> {
     id: string;
     visible: boolean;
     onOpen?: () => void;
@@ -35,7 +33,7 @@ interface ContextWindowProps {
     children: JSX.Element[] | JSX.Element | string;
 }
 export const ContextWindow: {
-    ({ id, visible, title, style, children, onOpen, onClose, }: ContextWindowProps): JSX.Element;
+    ({ id, visible, title, children, onOpen, onClose, ...rest }: ContextWindowProps): JSX.Element;
     displayName: string;
 };
 

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

@@ -1 +1 @@
-{"mappings":";AAAA;IACE,KAAK,EAAE,MAAM,GAAG,IAAI,OAAO,CAAC;IAC5B,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"}
+{"mappings":";AAAA;IACE,KAAK,EAAE,MAAM,GAAG,IAAI,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AMgBD,iCAAkC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,IAAI,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC;IACtC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,OAAO,MAAM;oDAKV,uBAAuB,GAAG,WAAW;;CAiIvC,CAAC;AEnJF;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;AC7CF,4BAA6B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,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;iEAQV,kBAAkB,GAAG,WAAW;;CAoJlC,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/functions/chkPosition.ts","src/src/components/ContextWindowStack.tsx","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,"import \"../global.d.ts\";\nexport * from \"./components\";\n"],"names":[],"version":3,"file":"context-menu.d.ts.map"}

package/dist/main.css

@@ -1,75 +1,79 @@
-.context-menu {
+.aiw-WinFxq-anchor {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.aiw-WinFxq-contextMenuHandler {
+  width: fit-content;
+  height: fit-content;
+}
+
+.aiw-WinFxq-contextMenu {
   visibility: hidden;
   opacity: 1;
   z-index: 10000;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   background-color: #fbfdf6;
   border: 1px solid #111418;
-  border-radius: 8px;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-size: 9pt;
   position: absolute;
+  box-shadow: 4px 4px 4px #404040bf;
 }
 
-.context-menu.visible {
+.aiw-WinFxq-contextMenu.aiw-WinFxq-visible {
   visibility: inherit;
 }
 
-.context-menu-item {
+.aiw-WinFxq-contextMenuItem {
   color: #111418;
   cursor: pointer;
   white-space: nowrap;
   flex-direction: row;
   justify-content: space-between;
   min-width: 80px;
-  height: 21px;
   padding: 0 4px;
   display: flex;
   position: relative;
 }
 
-.context-menu-item.disabled {
+.aiw-WinFxq-contextMenuItem.aiw-WinFxq-disabled {
   cursor: not-allowed;
   background-color: #0003;
 }
 
-.context-menu-item:first-child {
-  margin-top: 4px;
+.aiw-WinFxq-contextMenuItem:first-child {
+  padding-top: 4px;
 }
 
-.context-menu-item:last-child {
-  margin-bottom: 4px;
+.aiw-WinFxq-contextMenuItem:last-child {
+  padding-bottom: 4px;
 }
 
-.context-menu-item:not(.disabled):hover {
+.aiw-WinFxq-contextMenuItem:not(.aiw-WinFxq-disabled):hover {
   background-color: #fbe9e6;
 }
 
-.context-menu-item:hover:first-child {
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
-}
-
-.context-menu-item:hover:last-child {
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-
-.context-menu-item .caret-holder {
+.aiw-WinFxq-contextMenuItem .aiw-WinFxq-caretHolder {
   align-self: flex-end;
 }
 
-.context-menu-item .caret-holder .sub-menu {
+.aiw-WinFxq-contextMenuItem .aiw-WinFxq-caretHolder .aiw-WinFxq-subMenu {
   z-index: 1;
   position: relative;
 }
 
-.context-menu-item-label {
+.aiw-WinFxq-contextMenuItemLabel {
   flex-grow: 1;
+  height: 19px;
 }
 
-.low-menu {
+.aiw-JfzGeq-lowMenu {
   z-index: 2;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  opacity: .5;
   background-color: #111418;
   border: 2px solid #111418;
   border-top-right-radius: 4px;
@@ -87,17 +91,20 @@
   box-shadow: 2px 2px 2px #40404080;
 }
 
-.low-menu:hover {
+.aiw-JfzGeq-lowMenu.aiw-JfzGeq-hidden {
+  opacity: 0;
+}
+
+.aiw-JfzGeq-lowMenu.aiw-JfzGeq-visible, .aiw-JfzGeq-lowMenu:hover {
   opacity: 1;
 }
 
-.low-menu-item {
+.aiw-JfzGeq-lowMenuItem {
   color: #111418;
   cursor: pointer;
   white-space: nowrap;
   background-color: #fbfdf6;
   border: 0;
-  border-radius: 4px;
   flex-direction: row;
   justify-content: space-between;
   padding: 0 4px;
@@ -105,25 +112,29 @@
   position: relative;
 }
 
-.low-menu-item.disabled {
+.aiw-JfzGeq-lowMenuItem.aiw-JfzGeq-disabled {
   cursor: not-allowed;
   background-color: #c8c8c8;
 }
 
-.low-menu-item:not(.disabled):hover {
+.aiw-JfzGeq-lowMenuItem:not(.aiw-JfzGeq-disabled):hover {
   background-color: #fbe9e6;
 }
 
-.low-menu-item .caret-holder {
+.aiw-JfzGeq-lowMenu-item .aiw-JfzGeq-caretHolder {
   align-self: flex-end;
 }
 
-.low-menu-item .caret-holder .sub-menu {
+.aiw-JfzGeq-lowMenuItem .aiw-JfzGeq-caretHolder .aiw-JfzGeq-subMenu {
   z-index: 1;
   position: relative;
 }
 
-.contextwindow {
+.aiw-RIIF9a-contextWindowAnchor {
+  position: relative;
+}
+
+.aiw-RIIF9a-contextWindow {
   z-index: 2001;
   resize: both;
   background-color: #fafafa;
@@ -140,7 +151,7 @@
   box-shadow: 6px 6px 6px #40404080;
 }
 
-.contextwindow-title {
+.aiw-RIIF9a-contextWindowTitle {
   cursor: grab;
   align-items: top;
   border-bottom: 1px dashed #000;
@@ -152,11 +163,11 @@
   display: flex;
 }
 
-.contextwindow-title.moving {
+.aiw-RIIF9a-contextWindowTitle.aiw-RIIF9a-moving {
   cursor: grabbing;
 }
 
-.contextwindow-title-text {
+.aiw-RIIF9a-contextWindowTitleText {
   text-overflow: ellipsis;
   white-space: nowrap;
   width: calc(100% - 16px);
@@ -166,7 +177,7 @@
   overflow: hidden;
 }
 
-.contextwindow-title-close {
+.aiw-RIIF9a-contextWindowTitleClose {
   color: #000;
   cursor: pointer;
   background-color: #fff;
@@ -177,36 +188,35 @@
   display: inline-block;
 }
 
-.contextwindow-title-close:hover {
+.aiw-RIIF9a-contextWindowTitleClose:hover {
   color: #fff;
   background-color: #000;
 }
 
-.contextwindow-body {
+.aiw-RIIF9a-contextWindowBody {
   height: calc(100% - 40px);
   margin-right: 4px;
   padding-bottom: 8px;
   overflow: auto;
 }
 
-.contextwindow-body::-webkit-scrollbar {
+.aiw-RIIF9a-contextWindowBody::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
 
-.contextwindow-body::-webkit-scrollbar-track {
+.aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 8px;
 }
 
-.contextwindow-body::-webkit-scrollbar-thumb {
+.aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb {
   background: #d3d3d3;
   border: none;
   border-radius: 8px;
 }
 
-.contextwindow-body::-webkit-scrollbar-thumb:hover {
+.aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb:hover {
   background: gray;
 }
-
 /*# sourceMappingURL=main.css.map */

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;;;;;;;;;;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"}
+{"mappings":"ACAA;;;;;;AAMA;;;;;AAKA;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;ACrEA;;;;;;;;;;;;;;;;;;;;;AAwBA;;;;AAIA;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AC3DA;;;;AAIA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["0b0f7fe7ca8431fb","src/components/ContextMenu.module.css","src/components/LowMenu.module.css","src/components/ContextWindow.module.css"],"sourcesContent":["@import \"630df238250c5b7f\";\n@import \"c4d631588337cb29\";\n@import \"864ea8cd88b57e56\";\n",".anchor {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.contextMenuHandler {\n  height: fit-content;\n  width: fit-content;\n}\n\n.contextMenu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9pt;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenu.visible {\n  visibility: inherit;\n}\n\n.contextMenuItem {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n  padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n  padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n  align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n\n.contextMenuItemLabel {\n  flex-grow: 1;\n  height: 19px;\n}\n",".lowMenu {\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  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.lowMenu.hidden {\n  opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n  opacity: 1;\n}\n\n.lowMenuItem {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n  align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n",".contextWindowAnchor {\n  position: relative;\n}\n\n.contextWindow {\n  z-index: 2001;\n  border: 1px black solid;\n  margin: 0;\n  padding: 4px;\n  background-color: rgb(250, 250, 250);\n  box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n  transition: opacity 0.25s linear;\n  justify-content: flex-start;\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  resize: both;\n  overflow: auto;\n}\n\n.contextWindowTitle {\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.contextWindowTitle.moving {\n  cursor: grabbing;\n}\n\n.contextWindowTitleText {\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.contextWindowTitleClose {\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.contextWindowTitleClose:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextWindowBody {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}