@asup/context-menu 1.3.9 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/context-menu",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "description": "REACT Typescript Context menu component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,

package/dist/cjs/main.css

@@ -1,230 +0,0 @@
-.aiw-ContextMenu-module-WinFxq-anchor {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  font-size: 9pt;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuHandler {
-  width: fit-content;
-  height: fit-content;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenu {
-  opacity: 1;
-  z-index: 10000;
-  background-color: #fbfdf6;
-  border: 1px solid #111418;
-  transition: opacity .3s linear;
-  position: absolute;
-  box-shadow: 4px 4px 4px #404040bf;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenu.aiw-ContextMenu-module-WinFxq-hidden {
-  opacity: 0;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenu.aiw-ContextMenu-module-WinFxq-visible {
-  opacity: 1;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem {
-  color: #111418;
-  cursor: pointer;
-  white-space: nowrap;
-  flex-direction: row;
-  justify-content: space-between;
-  min-width: 80px;
-  padding: 0 4px;
-  display: flex;
-  position: relative;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem.aiw-ContextMenu-module-WinFxq-disabled {
-  cursor: not-allowed;
-  background-color: #0003;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem:first-child {
-  padding-top: 4px;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem:last-child {
-  padding-bottom: 4px;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem:not(.aiw-ContextMenu-module-WinFxq-disabled):hover {
-  background-color: #fbe9e6;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem .aiw-ContextMenu-module-WinFxq-caretHolder {
-  align-self: flex-end;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItem .aiw-ContextMenu-module-WinFxq-caretHolder .aiw-ContextMenu-module-WinFxq-subMenu {
-  z-index: 1;
-  position: relative;
-}
-
-.aiw-ContextMenu-module-WinFxq-contextMenuItemLabel {
-  flex-grow: 1;
-  height: 19px;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenu {
-  z-index: 2;
-  margin: 0;
-  transition: opacity .3s linear;
-  position: absolute;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenuButtonHolder {
-  background-color: #111418;
-  border: 2px solid #111418;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  flex-flow: wrap;
-  gap: 2px;
-  width: fit-content;
-  display: flex;
-  box-shadow: 2px 2px 2px #40404080;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenu.aiw-LowMenu-module-JfzGeq-hidden {
-  opacity: 0;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenu.aiw-LowMenu-module-JfzGeq-visible, .aiw-LowMenu-module-JfzGeq-lowMenu:hover {
-  opacity: 1;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenuItem {
-  color: #111418;
-  cursor: pointer;
-  white-space: nowrap;
-  background-color: #fbfdf6;
-  border: 0;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0 4px;
-  display: flex;
-  position: relative;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenuItem.aiw-LowMenu-module-JfzGeq-disabled {
-  cursor: not-allowed;
-  background-color: #c8c8c8;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenuItem:not(.aiw-LowMenu-module-JfzGeq-disabled):hover {
-  background-color: #fbe9e6;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenu-item .aiw-LowMenu-module-JfzGeq-caretHolder {
-  align-self: flex-end;
-}
-
-.aiw-LowMenu-module-JfzGeq-lowMenuItem .aiw-LowMenu-module-JfzGeq-caretHolder .aiw-LowMenu-module-JfzGeq-subMenu {
-  z-index: 1;
-  position: relative;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowAnchor {
-  position: relative;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindow {
-  z-index: 2001;
-  resize: both;
-  background-color: #fafafa;
-  border: 1px solid #000;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-  justify-content: flex-start;
-  max-width: 95vw;
-  max-height: 95vh;
-  margin: 0;
-  padding: 4px;
-  transition: opacity .25s linear;
-  position: absolute;
-  overflow: auto;
-  box-shadow: 6px 6px 6px #40404080;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowTitle {
-  box-sizing: unset;
-  cursor: grab;
-  border-bottom: 1px dashed #000;
-  flex-direction: row;
-  align-items: center;
-  width: calc(100% - 8px);
-  height: 24px;
-  max-height: 24px;
-  margin: 0 4px 3px;
-  padding-bottom: 4px;
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 24px;
-  display: flex;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowTitle.aiw-ContextWindow-module-RIIF9a-moving {
-  cursor: grabbing;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowTitleText {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: calc(100% - 16px);
-  display: inline-block;
-  overflow: hidden;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowTitleClose {
-  color: #000;
-  cursor: pointer;
-  border-radius: 3px;
-  width: 16px;
-  height: 16px;
-  margin-left: 2px;
-  line-height: 16px;
-  display: flex;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowTitleClose:hover {
-  color: #fff;
-  background-color: #000;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowBody {
-  height: calc(100% - 40px);
-  margin-right: 4px;
-  padding-bottom: 8px;
-  overflow: auto;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowBody::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowBody::-webkit-scrollbar-track {
-  background: #fff;
-  border-radius: 8px;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb {
-  background: #d3d3d3;
-  border: none;
-  border-radius: 8px;
-}
-
-.aiw-ContextWindow-module-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb:hover {
-  background: gray;
-}
-/*# sourceMappingURL=main.css.map */

package/dist/cjs/main.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;;;;AAWA;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;ACzEA;;;;;;;AAOA;;;;;;;;;;;;;AAeA;;;;AAIA;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;ACzDA;;;;AAIA;;;;;;;;;;;;;;;;;;;AAmBA;;;;;;;;;;;;;;;;;AAiBA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA","sources":["73c443d00d29748b","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  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9pt;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenuHandler {\n  height: fit-content;\n  width: fit-content;\n}\n\n.contextMenu {\n  position: absolute;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n  z-index: 10000;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  transition: opacity 0.3s linear;\n}\n\n.contextMenu.hidden {\n  opacity: 0;\n}\n\n.contextMenu.visible {\n  opacity: 1;\n}\n\n.contextMenuItem {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n  padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n  padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n  align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n\n.contextMenuItemLabel {\n  flex-grow: 1;\n  height: 19px;\n}\n",".lowMenu {\n  z-index: 2;\n  position: absolute;\n  margin: 0px;\n  transition: opacity 0.3s linear;\n}\n\n.lowMenuButtonHolder {\n  border: 2px solid rgb(17, 20, 24);\n  border-top-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  background-color: rgb(17, 20, 24);\n  box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 2px;\n  row-gap: 2px;\n  width: fit-content;\n}\n\n.lowMenu.hidden {\n  opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n  opacity: 1;\n}\n\n.lowMenuItem {\n  background-color: rgb(251, 253, 246);\n  border: 0;\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n  background-color: rgba(200, 200, 200);\n  cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n  align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n  z-index: 1;\n  position: relative;\n}\n",".contextWindowAnchor {\n  position: relative;\n}\n\n.contextWindow {\n  z-index: 2001;\n  border: 1px black solid;\n  margin: 0;\n  padding: 4px;\n  background-color: rgb(250, 250, 250);\n  box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n  transition: opacity 0.25s linear;\n  justify-content: flex-start;\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  resize: both;\n  overflow: auto;\n  max-height: 95vh;\n  max-width: 95vw;\n}\n\n.contextWindowTitle {\n  border-bottom: 1px black dashed;\n  box-sizing: unset;\n  padding-bottom: 4px;\n  margin: 0 4px 3px 4px;\n  height: 24px;\n  line-height: 24px;\n  max-height: 24px;\n  cursor: grab;\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: calc(100% - 8px);\n}\n\n.contextWindowTitle.moving {\n  cursor: grabbing;\n}\n\n.contextWindowTitleText {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: calc(100% - 16px);\n}\n\n.contextWindowTitleClose {\n  display: flex;\n  color: black;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n  line-height: 16px;\n}\n\n.contextWindowTitleClose:hover {\n  background-color: black;\n  color: white;\n}\n\n.contextWindowBody {\n  overflow: auto;\n  padding-bottom: 8px;\n  margin-right: 4px;\n  height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n  background: white;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n  background: lightgrey;\n  border: none;\n  border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n  background: grey;\n}\n"],"names":[],"version":3,"file":"main.css.map"}