@asup/context-menu 1.3.3 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/main.css +65 -55
  2. package/dist/cjs/main.css.map +1 -1
  3. package/dist/cjs/main.js +314 -125
  4. package/dist/cjs/main.js.map +1 -1
  5. package/dist/context-menu.d.ts +4 -6
  6. package/dist/context-menu.d.ts.map +1 -1
  7. package/dist/main.css +65 -55
  8. package/dist/main.css.map +1 -1
  9. package/dist/main.js +320 -127
  10. package/dist/main.js.map +1 -1
  11. package/package.json +10 -10
package/dist/cjs/main.css CHANGED
@@ -1,74 +1,87 @@
1
- .context-menu {
2
- visibility: hidden;
1
+ .aiw-WinFxq-anchor {
2
+ -webkit-font-smoothing: antialiased;
3
+ -moz-osx-font-smoothing: grayscale;
4
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
5
+ font-size: 9pt;
6
+ position: absolute;
7
+ top: 0;
8
+ left: 0;
9
+ }
10
+
11
+ .aiw-WinFxq-contextMenuHandler {
12
+ width: fit-content;
13
+ height: fit-content;
14
+ }
15
+
16
+ .aiw-WinFxq-contextMenu {
3
17
  opacity: 1;
4
18
  z-index: 10000;
5
19
  background-color: #fbfdf6;
6
20
  border: 1px solid #111418;
7
- border-radius: 8px;
21
+ transition: opacity .3s linear;
8
22
  position: absolute;
23
+ box-shadow: 4px 4px 4px #404040bf;
9
24
  }
10
25
 
11
- .context-menu.visible {
12
- visibility: inherit;
26
+ .aiw-WinFxq-contextMenu.aiw-WinFxq-hidden {
27
+ opacity: 0;
13
28
  }
14
29
 
15
- .context-menu-item {
30
+ .aiw-WinFxq-contextMenu.aiw-WinFxq-visible {
31
+ opacity: 1;
32
+ }
33
+
34
+ .aiw-WinFxq-contextMenuItem {
16
35
  color: #111418;
17
36
  cursor: pointer;
18
37
  white-space: nowrap;
19
38
  flex-direction: row;
20
39
  justify-content: space-between;
21
40
  min-width: 80px;
22
- height: 21px;
23
41
  padding: 0 4px;
24
42
  display: flex;
25
43
  position: relative;
26
44
  }
27
45
 
28
- .context-menu-item.disabled {
46
+ .aiw-WinFxq-contextMenuItem.aiw-WinFxq-disabled {
29
47
  cursor: not-allowed;
30
48
  background-color: #0003;
31
49
  }
32
50
 
33
- .context-menu-item:first-child {
34
- margin-top: 4px;
51
+ .aiw-WinFxq-contextMenuItem:first-child {
52
+ padding-top: 4px;
35
53
  }
36
54
 
37
- .context-menu-item:last-child {
38
- margin-bottom: 4px;
55
+ .aiw-WinFxq-contextMenuItem:last-child {
56
+ padding-bottom: 4px;
39
57
  }
40
58
 
41
- .context-menu-item:not(.disabled):hover {
59
+ .aiw-WinFxq-contextMenuItem:not(.aiw-WinFxq-disabled):hover {
42
60
  background-color: #fbe9e6;
43
61
  }
44
62
 
45
- .context-menu-item:hover:first-child {
46
- border-top-left-radius: 6px;
47
- border-top-right-radius: 6px;
48
- }
49
-
50
- .context-menu-item:hover:last-child {
51
- border-bottom-right-radius: 6px;
52
- border-bottom-left-radius: 6px;
53
- }
54
-
55
- .context-menu-item .caret-holder {
63
+ .aiw-WinFxq-contextMenuItem .aiw-WinFxq-caretHolder {
56
64
  align-self: flex-end;
57
65
  }
58
66
 
59
- .context-menu-item .caret-holder .sub-menu {
67
+ .aiw-WinFxq-contextMenuItem .aiw-WinFxq-caretHolder .aiw-WinFxq-subMenu {
60
68
  z-index: 1;
61
69
  position: relative;
62
70
  }
63
71
 
64
- .context-menu-item-label {
72
+ .aiw-WinFxq-contextMenuItemLabel {
65
73
  flex-grow: 1;
74
+ height: 19px;
66
75
  }
67
76
 
68
- .low-menu {
77
+ .aiw-JfzGeq-lowMenu {
69
78
  z-index: 2;
70
- -webkit-font-smoothing: antialiased;
71
- -moz-osx-font-smoothing: grayscale;
79
+ margin: 0;
80
+ transition: opacity .3s linear;
81
+ position: absolute;
82
+ }
83
+
84
+ .aiw-JfzGeq-lowMenuButtonHolder {
72
85
  background-color: #111418;
73
86
  border: 2px solid #111418;
74
87
  border-top-right-radius: 4px;
@@ -76,31 +89,25 @@
76
89
  border-bottom-left-radius: 4px;
77
90
  flex-flow: wrap;
78
91
  gap: 2px;
79
- margin: 0;
80
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
81
- font-size: 9pt;
82
- transition: opacity .3s linear;
92
+ width: fit-content;
83
93
  display: flex;
84
- position: absolute;
85
- top: 0;
86
94
  box-shadow: 2px 2px 2px #40404080;
87
95
  }
88
96
 
89
- .low-menu.hidden {
97
+ .aiw-JfzGeq-lowMenu.aiw-JfzGeq-hidden {
90
98
  opacity: 0;
91
99
  }
92
100
 
93
- .low-menu.visible, .low-menu:hover {
101
+ .aiw-JfzGeq-lowMenu.aiw-JfzGeq-visible, .aiw-JfzGeq-lowMenu:hover {
94
102
  opacity: 1;
95
103
  }
96
104
 
97
- .low-menu-item {
105
+ .aiw-JfzGeq-lowMenuItem {
98
106
  color: #111418;
99
107
  cursor: pointer;
100
108
  white-space: nowrap;
101
109
  background-color: #fbfdf6;
102
110
  border: 0;
103
- border-radius: 4px;
104
111
  flex-direction: row;
105
112
  justify-content: space-between;
106
113
  padding: 0 4px;
@@ -108,25 +115,29 @@
108
115
  position: relative;
109
116
  }
110
117
 
111
- .low-menu-item.disabled {
118
+ .aiw-JfzGeq-lowMenuItem.aiw-JfzGeq-disabled {
112
119
  cursor: not-allowed;
113
120
  background-color: #c8c8c8;
114
121
  }
115
122
 
116
- .low-menu-item:not(.disabled):hover {
123
+ .aiw-JfzGeq-lowMenuItem:not(.aiw-JfzGeq-disabled):hover {
117
124
  background-color: #fbe9e6;
118
125
  }
119
126
 
120
- .low-menu-item .caret-holder {
127
+ .aiw-JfzGeq-lowMenu-item .aiw-JfzGeq-caretHolder {
121
128
  align-self: flex-end;
122
129
  }
123
130
 
124
- .low-menu-item .caret-holder .sub-menu {
131
+ .aiw-JfzGeq-lowMenuItem .aiw-JfzGeq-caretHolder .aiw-JfzGeq-subMenu {
125
132
  z-index: 1;
126
133
  position: relative;
127
134
  }
128
135
 
129
- .contextwindow {
136
+ .aiw-RIIF9a-contextWindowAnchor {
137
+ position: relative;
138
+ }
139
+
140
+ .aiw-RIIF9a-contextWindow {
130
141
  z-index: 2001;
131
142
  resize: both;
132
143
  background-color: #fafafa;
@@ -143,7 +154,7 @@
143
154
  box-shadow: 6px 6px 6px #40404080;
144
155
  }
145
156
 
146
- .contextwindow-title {
157
+ .aiw-RIIF9a-contextWindowTitle {
147
158
  cursor: grab;
148
159
  align-items: top;
149
160
  border-bottom: 1px dashed #000;
@@ -155,11 +166,11 @@
155
166
  display: flex;
156
167
  }
157
168
 
158
- .contextwindow-title.moving {
169
+ .aiw-RIIF9a-contextWindowTitle.aiw-RIIF9a-moving {
159
170
  cursor: grabbing;
160
171
  }
161
172
 
162
- .contextwindow-title-text {
173
+ .aiw-RIIF9a-contextWindowTitleText {
163
174
  text-overflow: ellipsis;
164
175
  white-space: nowrap;
165
176
  width: calc(100% - 16px);
@@ -169,7 +180,7 @@
169
180
  overflow: hidden;
170
181
  }
171
182
 
172
- .contextwindow-title-close {
183
+ .aiw-RIIF9a-contextWindowTitleClose {
173
184
  color: #000;
174
185
  cursor: pointer;
175
186
  background-color: #fff;
@@ -180,36 +191,35 @@
180
191
  display: inline-block;
181
192
  }
182
193
 
183
- .contextwindow-title-close:hover {
194
+ .aiw-RIIF9a-contextWindowTitleClose:hover {
184
195
  color: #fff;
185
196
  background-color: #000;
186
197
  }
187
198
 
188
- .contextwindow-body {
199
+ .aiw-RIIF9a-contextWindowBody {
189
200
  height: calc(100% - 40px);
190
201
  margin-right: 4px;
191
202
  padding-bottom: 8px;
192
203
  overflow: auto;
193
204
  }
194
205
 
195
- .contextwindow-body::-webkit-scrollbar {
206
+ .aiw-RIIF9a-contextWindowBody::-webkit-scrollbar {
196
207
  width: 8px;
197
208
  height: 8px;
198
209
  }
199
210
 
200
- .contextwindow-body::-webkit-scrollbar-track {
211
+ .aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-track {
201
212
  background: #fff;
202
213
  border-radius: 8px;
203
214
  }
204
215
 
205
- .contextwindow-body::-webkit-scrollbar-thumb {
216
+ .aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb {
206
217
  background: #d3d3d3;
207
218
  border: none;
208
219
  border-radius: 8px;
209
220
  }
210
221
 
211
- .contextwindow-body::-webkit-scrollbar-thumb:hover {
222
+ .aiw-RIIF9a-contextWindowBody::-webkit-scrollbar-thumb:hover {
212
223
  background: gray;
213
224
  }
214
-
215
225
  /*# sourceMappingURL=main.css.map */
package/dist/cjs/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AChEA;;;;;;;;;;;;;;;;;;;;;AAwBA;;;;AAIA;;;;AAKA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AC5DA;;;;;;;;;;;;;;;;;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 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.hidden {\n opacity: 0;\n}\n\n.low-menu.visible,\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"}
1
+ {"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;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;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}\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"}