@codingame/monaco-vscode-view-title-bar-service-override 15.0.2 → 16.0.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codingame/monaco-vscode-view-title-bar-service-override",
3
- "version": "15.0.2",
3
+ "version": "16.0.0",
4
4
  "private": false,
5
5
  "description": "VSCode public API plugged on the monaco editor - view-title-bar service-override",
6
6
  "keywords": [],
@@ -15,14 +15,14 @@
15
15
  },
16
16
  "type": "module",
17
17
  "dependencies": {
18
- "@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common": "15.0.2",
19
- "@codingame/monaco-vscode-2e69e120-617a-5258-95e0-3b8902f4e014-common": "15.0.2",
20
- "@codingame/monaco-vscode-38f25ab8-ea30-5ba9-8a08-ae3308c297c0-common": "15.0.2",
21
- "@codingame/monaco-vscode-40cada32-7e9c-528a-81fc-766e4da54147-common": "15.0.2",
22
- "@codingame/monaco-vscode-411e0589-fa79-504b-b32c-80a88847b23a-common": "15.0.2",
23
- "@codingame/monaco-vscode-81f603ca-d6ea-5402-90dd-3014dffc63b4-common": "15.0.2",
24
- "@codingame/monaco-vscode-api": "15.0.2",
25
- "@codingame/monaco-vscode-d8236b3b-b91a-522d-89f4-94d70a546f6a-common": "15.0.2"
18
+ "@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common": "16.0.0",
19
+ "@codingame/monaco-vscode-2e69e120-617a-5258-95e0-3b8902f4e014-common": "16.0.0",
20
+ "@codingame/monaco-vscode-38f25ab8-ea30-5ba9-8a08-ae3308c297c0-common": "16.0.0",
21
+ "@codingame/monaco-vscode-40cada32-7e9c-528a-81fc-766e4da54147-common": "16.0.0",
22
+ "@codingame/monaco-vscode-411e0589-fa79-504b-b32c-80a88847b23a-common": "16.0.0",
23
+ "@codingame/monaco-vscode-api": "16.0.0",
24
+ "@codingame/monaco-vscode-b1110435-a331-5549-ab1e-aa3d763c3a1f-common": "16.0.0",
25
+ "@codingame/monaco-vscode-d8236b3b-b91a-522d-89f4-94d70a546f6a-common": "16.0.0"
26
26
  },
27
27
  "main": "index.js",
28
28
  "module": "index.js",
@@ -31,6 +31,9 @@
31
31
  ".": {
32
32
  "default": "./index.js"
33
33
  },
34
+ "./vscode/*.css": {
35
+ "default": "./vscode/src/*.css"
36
+ },
34
37
  "./vscode/*": {
35
38
  "types": "./vscode/src/*.d.ts",
36
39
  "default": "./vscode/src/*.js"
@@ -0,0 +1 @@
1
+ <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><style>.st0{fill:#f6f6f6;fill-opacity:0}.st1{fill:#fff}.st2{fill:#167abf}</style><path class="st0" d="M1024 1024H0V0h1024v1024z"/><path class="st1" d="M1024 85.333v853.333H0V85.333h1024z"/><path class="st2" d="M0 85.333h298.667v853.333H0V85.333zm1024 0v853.333H384V85.333h640zm-554.667 160h341.333v-64H469.333v64zm341.334 533.334H469.333v64h341.333l.001-64zm128-149.334H597.333v64h341.333l.001-64zm0-149.333H597.333v64h341.333l.001-64zm0-149.333H597.333v64h341.333l.001-64z"/></svg>
@@ -145,13 +145,13 @@ let CommandCenterCenterViewItem = class CommandCenterCenterViewItem extends Base
145
145
  label = that._windowTitle.fileName ?? label;
146
146
  }
147
147
  if (!label) {
148
- label = ( localize(3399, "Search"));
148
+ label = ( localize(3440, "Search"));
149
149
  }
150
150
  if (prefix) {
151
- label = ( localize(3400, "{0} {1}", prefix, label));
151
+ label = ( localize(3441, "{0} {1}", prefix, label));
152
152
  }
153
153
  if (suffix) {
154
- label = ( localize(3401, "{0} {1}", label, suffix));
154
+ label = ( localize(3442, "{0} {1}", label, suffix));
155
155
  }
156
156
  return label.replaceAll(/\r\n|\r|\n/g, '\u23CE');
157
157
  }
@@ -173,14 +173,14 @@ let CommandCenterCenterViewItem = class CommandCenterCenterViewItem extends Base
173
173
  const kb = this._keybindingService.lookupKeybinding(this.action.id)?.getLabel();
174
174
  const title = kb
175
175
  ? ( localize(
176
- 3402,
176
+ 3443,
177
177
  "Search {0} ({1}) \u2014 {2}",
178
178
  this._windowTitle.workspaceName,
179
179
  kb,
180
180
  this._windowTitle.value
181
181
  ))
182
182
  : ( localize(
183
- 3403,
183
+ 3444,
184
184
  "Search {0} \u2014 {1}",
185
185
  this._windowTitle.workspaceName,
186
186
  this._windowTitle.value
@@ -196,7 +196,7 @@ CommandCenterCenterViewItem = CommandCenterCenterViewItem_1 = ( __decorate([
196
196
  ], CommandCenterCenterViewItem));
197
197
  MenuRegistry.appendMenuItem(MenuId.CommandCenter, {
198
198
  submenu: MenuId.CommandCenterCenter,
199
- title: ( localize(3404, "Command Center")),
199
+ title: ( localize(3445, "Command Center")),
200
200
  icon: Codicon.shield,
201
201
  order: 101,
202
202
  });
@@ -0,0 +1,359 @@
1
+ .monaco-workbench .part.titlebar {
2
+ display: flex;
3
+ flex-direction: row;
4
+ }
5
+ .monaco-workbench.mac .part.titlebar {
6
+ flex-direction: row-reverse;
7
+ }
8
+ .monaco-workbench .part.titlebar > .titlebar-container {
9
+ box-sizing: border-box;
10
+ overflow: hidden;
11
+ flex-shrink: 1;
12
+ flex-grow: 1;
13
+ align-items: center;
14
+ justify-content: space-between;
15
+ user-select: none;
16
+ -webkit-user-select: none;
17
+ display: flex;
18
+ height: 100%;
19
+ width: 100%;
20
+ }
21
+ .monaco-workbench .part.titlebar > .titlebar-container.counter-zoom {
22
+ zoom: calc(1.0 / var(--zoom-factor));
23
+ }
24
+ .monaco-workbench.mac .part.titlebar > .titlebar-container {
25
+ line-height: 22px;
26
+ }
27
+ .monaco-workbench.web .part.titlebar > .titlebar-container,
28
+ .monaco-workbench.windows .part.titlebar > .titlebar-container,
29
+ .monaco-workbench.linux .part.titlebar > .titlebar-container {
30
+ line-height: 22px;
31
+ justify-content: left;
32
+ }
33
+ .monaco-workbench.web.safari .part.titlebar,
34
+ .monaco-workbench.web.safari .part.titlebar > .titlebar-container {
35
+ overflow: visible;
36
+ }
37
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-drag-region {
38
+ top: 0;
39
+ left: 0;
40
+ display: block;
41
+ position: absolute;
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-app-region: drag;
45
+ }
46
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left,
47
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center,
48
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right {
49
+ display: flex;
50
+ height: 100%;
51
+ align-items: center;
52
+ }
53
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left {
54
+ order: 0;
55
+ width: 20%;
56
+ flex-grow: 2;
57
+ justify-content: flex-start;
58
+ }
59
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center {
60
+ order: 1;
61
+ width: 60%;
62
+ max-width: fit-content;
63
+ min-width: 0px;
64
+ margin: 0 10px;
65
+ justify-content: center;
66
+ }
67
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right {
68
+ order: 2;
69
+ width: 20%;
70
+ min-width: min-content;
71
+ flex-grow: 2;
72
+ justify-content: flex-end;
73
+ }
74
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title {
75
+ flex: 0 1 auto;
76
+ font-size: 12px;
77
+ overflow: hidden;
78
+ white-space: nowrap;
79
+ text-overflow: ellipsis;
80
+ margin-left: auto;
81
+ margin-right: auto;
82
+ }
83
+ .monaco-workbench.web .part.titlebar > .titlebar-container > .titlebar-center > .window-title,
84
+ .monaco-workbench.windows .part.titlebar > .titlebar-container > .titlebar-center > .window-title,
85
+ .monaco-workbench.linux .part.titlebar > .titlebar-container > .titlebar-center > .window-title {
86
+ cursor: default;
87
+ }
88
+ .monaco-workbench.linux .part.titlebar > .titlebar-container > .titlebar-center > .window-title {
89
+ font-size: inherit;
90
+ }
91
+ .monaco-workbench .part.titlebar > .titlebar-container .monaco-toolbar .actions-container {
92
+ gap: 4px;
93
+ }
94
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center {
95
+ z-index: 2500;
96
+ -webkit-app-region: no-drag;
97
+ }
98
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center.hide {
99
+ visibility: hidden;
100
+ }
101
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item > .action-label,
102
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item.monaco-dropdown-with-primary .action-label {
103
+ color: var(--vscode-titleBar-activeForeground);
104
+ }
105
+ .monaco-workbench .part.titlebar.inactive > .titlebar-container > .titlebar-center > .window-title > .command-center > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item > .action-label,
106
+ .monaco-workbench .part.titlebar.inactive > .titlebar-container > .titlebar-center > .window-title > .command-center > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item.monaco-dropdown-with-primary .action-label {
107
+ color: var(--vscode-titleBar-inactiveForeground);
108
+ }
109
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item > .action-label {
110
+ color: inherit;
111
+ }
112
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center {
113
+ display: flex;
114
+ align-items: stretch;
115
+ color: var(--vscode-commandCenter-foreground);
116
+ background-color: var(--vscode-commandCenter-background);
117
+ border: 1px solid var(--vscode-commandCenter-border);
118
+ overflow: hidden;
119
+ margin: 0 6px;
120
+ border-top-left-radius: 6px;
121
+ border-bottom-left-radius: 6px;
122
+ border-top-right-radius: 6px;
123
+ border-bottom-right-radius: 6px;
124
+ height: 22px;
125
+ width: 38vw;
126
+ max-width: 600px;
127
+ }
128
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center .action-item.command-center-quick-pick {
129
+ display: flex;
130
+ justify-content: start;
131
+ overflow: hidden;
132
+ margin: auto;
133
+ max-width: 600px;
134
+ }
135
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-icon {
136
+ font-size: 14px;
137
+ opacity: .8;
138
+ margin: auto 3px;
139
+ color: var(--vscode-commandCenter-foreground);
140
+ }
141
+ .monaco-workbench .part.titlebar.inactive > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-icon {
142
+ color: var(--vscode-titleBar-inactiveForeground);
143
+ }
144
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-label {
145
+ overflow: hidden;
146
+ text-overflow: ellipsis;
147
+ }
148
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center.multiple {
149
+ justify-content: flex-start;
150
+ padding: 0 12px;
151
+ }
152
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center.multiple.active .action-label {
153
+ background-color: inherit;
154
+ }
155
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:only-child {
156
+ margin-left: 0;
157
+ }
158
+ .monaco-workbench .part.titlebar.inactive > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center {
159
+ color: var(--vscode-titleBar-inactiveForeground);
160
+ border-color: var(--vscode-commandCenter-inactiveBorder) !important;
161
+ }
162
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:HOVER {
163
+ color: var(--vscode-commandCenter-activeForeground);
164
+ background-color: var(--vscode-commandCenter-activeBackground);
165
+ border-color: var(--vscode-commandCenter-activeBorder);
166
+ }
167
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left > .menubar {
168
+ z-index: 2500;
169
+ min-width: 36px;
170
+ flex-wrap: nowrap;
171
+ order: 2;
172
+ }
173
+ .monaco-workbench.web .part.titlebar > .titlebar-container > .titlebar-left > .menubar {
174
+ margin-left: 4px;
175
+ }
176
+ .monaco-workbench .part.titlebar > .titlebar-container.counter-zoom .menubar .menubar-menu-button > .menubar-menu-items-holder.monaco-menu-container,
177
+ .monaco-workbench .part.titlebar > .titlebar-container.counter-zoom .monaco-toolbar .dropdown-action-container {
178
+ zoom: var(--zoom-factor);
179
+ }
180
+ .monaco-workbench.windows .part.titlebar > .titlebar-container > .resizer,
181
+ .monaco-workbench.linux .part.titlebar > .titlebar-container > .resizer {
182
+ -webkit-app-region: no-drag;
183
+ position: absolute;
184
+ top: 0;
185
+ width: 100%;
186
+ height: 4px;
187
+ }
188
+ .monaco-workbench.windows.fullscreen .part.titlebar > .titlebar-container > .resizer,
189
+ .monaco-workbench.linux.fullscreen .part.titlebar > .titlebar-container > .resizer {
190
+ display: none;
191
+ }
192
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left > .window-appicon {
193
+ width: 35px;
194
+ height: 100%;
195
+ position: relative;
196
+ z-index: 2500;
197
+ flex-shrink: 0;
198
+ order: 1;
199
+ }
200
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left > .window-appicon:not(.codicon) {
201
+ background-image: url('../../../media/code-icon.svg');
202
+ background-repeat: no-repeat;
203
+ background-position: center center;
204
+ background-size: 16px;
205
+ }
206
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-left > .window-appicon.codicon {
207
+ line-height: 30px;
208
+ }
209
+ .monaco-workbench.fullscreen .part.titlebar > .titlebar-container > .titlebar-left > .window-appicon {
210
+ display: none;
211
+ }
212
+ .monaco-workbench .part.titlebar .window-controls-container {
213
+ display: flex;
214
+ flex-grow: 0;
215
+ flex-shrink: 0;
216
+ text-align: center;
217
+ z-index: 3000;
218
+ -webkit-app-region: no-drag;
219
+ width: 0px;
220
+ height: 100%;
221
+ }
222
+ .monaco-workbench.fullscreen .part.titlebar .window-controls-container {
223
+ display: none;
224
+ background-color: transparent;
225
+ }
226
+ .monaco-workbench.web .part.titlebar .titlebar-right .window-controls-container {
227
+ width: calc(100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px));
228
+ height: env(titlebar-area-height, 35px);
229
+ }
230
+ .monaco-workbench.web .part.titlebar .titlebar-left .window-controls-container {
231
+ width: env(titlebar-area-x, 0px);
232
+ height: env(titlebar-area-height, 35px);
233
+ }
234
+ .monaco-workbench.web.mac .part.titlebar .titlebar-left .window-controls-container {
235
+ order: 0;
236
+ }
237
+ .monaco-workbench.web.mac .part.titlebar .titlebar-right .window-controls-container {
238
+ order: 1;
239
+ }
240
+ .monaco-workbench:not(.web):not(.mac) .part.titlebar .window-controls-container {
241
+ width: calc(138px / var(--zoom-factor, 1));
242
+ }
243
+ .monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container.counter-zoom .window-controls-container {
244
+ width: 138px;
245
+ }
246
+ .monaco-workbench.linux:not(.web) .part.titlebar .window-controls-container.wco-enabled {
247
+ width: calc(100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px));
248
+ }
249
+ .monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container:not(.counter-zoom) .window-controls-container * {
250
+ zoom: calc(1 / var(--zoom-factor, 1));
251
+ }
252
+ .monaco-workbench:not(.web).mac .part.titlebar .window-controls-container {
253
+ width: 70px;
254
+ }
255
+ .monaco-workbench .part.titlebar .window-controls-container > .window-icon {
256
+ display: flex;
257
+ justify-content: center;
258
+ align-items: center;
259
+ height: 100%;
260
+ width: 46px;
261
+ font-size: 16px;
262
+ color: var(--vscode-titleBar-activeForeground);
263
+ }
264
+ .monaco-workbench .part.titlebar.inactive .window-controls-container > .window-icon {
265
+ color: var(--vscode-titleBar-inactiveForeground);
266
+ }
267
+ .monaco-workbench .part.titlebar .window-controls-container > .window-icon::before {
268
+ height: 16px;
269
+ line-height: 16px;
270
+ }
271
+ .monaco-workbench .part.titlebar .window-controls-container > .window-icon:hover {
272
+ background-color: rgba(255, 255, 255, 0.1);
273
+ }
274
+ .monaco-workbench .part.titlebar.light .window-controls-container > .window-icon:hover {
275
+ background-color: rgba(0, 0, 0, 0.1);
276
+ }
277
+ .monaco-workbench .part.titlebar .window-controls-container > .window-icon.window-close:hover {
278
+ background-color: rgba(232, 17, 35, 0.9);
279
+ }
280
+ .monaco-workbench .part.titlebar .window-controls-container .window-icon.window-close:hover {
281
+ color: white;
282
+ }
283
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container {
284
+ display: none;
285
+ padding-right: 4px;
286
+ flex-grow: 0;
287
+ flex-shrink: 0;
288
+ text-align: center;
289
+ position: relative;
290
+ z-index: 2500;
291
+ -webkit-app-region: no-drag;
292
+ height: 100%;
293
+ }
294
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container {
295
+ margin-left: auto;
296
+ }
297
+ .monaco-workbench.mac:not(.web) .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container {
298
+ right: 8px;
299
+ }
300
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container:not(.has-no-actions) {
301
+ display: flex;
302
+ justify-content: center;
303
+ }
304
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .codicon {
305
+ color: inherit;
306
+ }
307
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .action-item {
308
+ display: flex;
309
+ }
310
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .badge {
311
+ margin-left: 8px;
312
+ display: flex;
313
+ align-items: center;
314
+ }
315
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .action-item.icon .badge {
316
+ margin-left: 0px;
317
+ }
318
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .badge .badge-content {
319
+ padding: 3px 5px;
320
+ border-radius: 11px;
321
+ font-size: 9px;
322
+ min-width: 11px;
323
+ height: 16px;
324
+ line-height: 11px;
325
+ font-weight: normal;
326
+ text-align: center;
327
+ display: inline-block;
328
+ box-sizing: border-box;
329
+ position: relative;
330
+ }
331
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact {
332
+ position: absolute;
333
+ top: 0;
334
+ bottom: 0;
335
+ margin: auto;
336
+ left: 0;
337
+ overflow: hidden;
338
+ width: 100%;
339
+ height: 100%;
340
+ z-index: 2;
341
+ }
342
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content::before {
343
+ mask-size: 12px;
344
+ -webkit-mask-size: 12px;
345
+ top: 2px;
346
+ }
347
+ .monaco-workbench .part.titlebar > .titlebar-container > .titlebar-right > .action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content {
348
+ position: absolute;
349
+ top: 10px;
350
+ right: 0px;
351
+ font-size: 9px;
352
+ font-weight: 600;
353
+ min-width: 12px;
354
+ height: 12px;
355
+ line-height: 12px;
356
+ padding: 0 2px;
357
+ border-radius: 16px;
358
+ text-align: center;
359
+ }
@@ -72,6 +72,7 @@ export declare class BrowserTitlebarPart extends Part implements ITitlebarPart {
72
72
  private readonly _onWillDispose;
73
73
  readonly onWillDispose: Event<void>;
74
74
  protected rootContainer: HTMLElement;
75
+ protected windowControlsContainer: HTMLElement | undefined;
75
76
  protected dragRegion: HTMLElement | undefined;
76
77
  private title;
77
78
  private leftContent;
@@ -1,10 +1,10 @@
1
1
 
2
2
  import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
3
- import './media/titlebarpart.css.js';
3
+ import './media/titlebarpart.css';
4
4
  import { localize2, localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
5
5
  import { MultiWindowParts, Part } from '@codingame/monaco-vscode-d8236b3b-b91a-522d-89f4-94d70a546f6a-common/vscode/vs/workbench/browser/part';
6
6
  import { isWCOEnabled, getWCOTitlebarAreaRect, getZoomFactor } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/browser';
7
- import { DEFAULT_CUSTOM_TITLEBAR_HEIGHT, getTitleBarStyle, hasNativeTitlebar, getMenuBarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/platform/window/common/window';
7
+ import { DEFAULT_CUSTOM_TITLEBAR_HEIGHT, getTitleBarStyle, hasNativeTitlebar, getWindowControlsStyle, WindowControlsStyle, getMenuBarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/platform/window/common/window';
8
8
  import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
9
9
  import { StandardMouseEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/mouseEvent';
10
10
  import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
@@ -14,13 +14,13 @@ import { IThemeService } from '@codingame/monaco-vscode-api/vscode/vs/platform/t
14
14
  import { TITLE_BAR_INACTIVE_BACKGROUND, TITLE_BAR_ACTIVE_BACKGROUND, WORKBENCH_BACKGROUND, TITLE_BAR_INACTIVE_FOREGROUND, TITLE_BAR_ACTIVE_FOREGROUND, TITLE_BAR_BORDER } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/theme';
15
15
  import { isWeb, isMacintosh, isWindows, isLinux, isNative, platformLocale } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
16
16
  import { Color } from '@codingame/monaco-vscode-api/vscode/vs/base/common/color';
17
- import { getActiveDocument, getWindow, getWindowId, append, $, prepend, addDisposableListener, EventType, EventHelper, isHTMLElement, isAncestor, reset, Dimension } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
17
+ import { getActiveDocument, $, getWindow, getWindowId, append, prepend, addDisposableListener, EventType, EventHelper, isHTMLElement, isAncestor, reset, Dimension } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
18
18
  import { CustomMenubarControl } from '@codingame/monaco-vscode-d8236b3b-b91a-522d-89f4-94d70a546f6a-common/vscode/vs/workbench/browser/parts/titlebar/menubarControl';
19
19
  import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
20
20
  import { Event, Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
21
21
  import { StorageScope } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage';
22
22
  import { IStorageService } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service';
23
- import { LayoutSettings, EditorActionsLocation, EditorTabsMode, ActivityBarPosition, Parts } from '@codingame/monaco-vscode-81f603ca-d6ea-5402-90dd-3014dffc63b4-common/vscode/vs/workbench/services/layout/browser/layoutService';
23
+ import { LayoutSettings, EditorActionsLocation, EditorTabsMode, ActivityBarPosition, Parts } from '@codingame/monaco-vscode-b1110435-a331-5549-ab1e-aa3d763c3a1f-common/vscode/vs/workbench/services/layout/browser/layoutService';
24
24
  import { IWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService.service';
25
25
  import { createActionViewItem, fillInActionBarActions } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/browser/menuEntryActionViewItem';
26
26
  import { registerAction2, Action2, MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
@@ -55,10 +55,10 @@ let BrowserTitleService = class BrowserTitleService extends MultiWindowParts {
55
55
  constructor(instantiationService, storageService, themeService) {
56
56
  super('workbench.titleService', themeService, storageService);
57
57
  this.instantiationService = instantiationService;
58
- this.mainPart = this._register(this.createMainTitlebarPart());
59
- this.onMenubarVisibilityChange = this.mainPart.onMenubarVisibilityChange;
60
58
  this.properties = undefined;
61
59
  this.variables = ( new Map());
60
+ this.mainPart = this._register(this.createMainTitlebarPart());
61
+ this.onMenubarVisibilityChange = this.mainPart.onMenubarVisibilityChange;
62
62
  this._register(this.registerPart(this.mainPart));
63
63
  this.registerActions();
64
64
  this.registerAPICommands();
@@ -72,7 +72,7 @@ let BrowserTitleService = class BrowserTitleService extends MultiWindowParts {
72
72
  constructor() {
73
73
  super({
74
74
  id: `workbench.action.focusTitleBar`,
75
- title: ( localize2(3439, 'Focus Title Bar')),
75
+ title: ( localize2(3480, 'Focus Title Bar')),
76
76
  category: Categories.View,
77
77
  f1: true,
78
78
  precondition: TitleBarVisibleContext
@@ -99,9 +99,7 @@ let BrowserTitleService = class BrowserTitleService extends MultiWindowParts {
99
99
  }));
100
100
  }
101
101
  createAuxiliaryTitlebarPart(container, editorGroupsContainer) {
102
- const titlebarPartContainer = document.createElement('div');
103
- titlebarPartContainer.classList.add('part', 'titlebar');
104
- titlebarPartContainer.setAttribute('role', 'none');
102
+ const titlebarPartContainer = $('.part.titlebar', { role: 'none' });
105
103
  titlebarPartContainer.style.position = 'relative';
106
104
  container.insertBefore(titlebarPartContainer, container.firstChild);
107
105
  const disposables = ( new DisposableStore());
@@ -175,15 +173,15 @@ let BrowserTitlebarPart = class BrowserTitlebarPart extends Part {
175
173
  this.onWillDispose = this._onWillDispose.event;
176
174
  this.actionToolBarDisposable = this._register(( new DisposableStore()));
177
175
  this.editorActionsChangeDisposable = this._register(( new DisposableStore()));
178
- this.globalToolbarMenu = this._register(this.menuService.createMenu(MenuId.TitleBar, this.contextKeyService));
179
176
  this.hasGlobalToolbarEntries = false;
180
177
  this.globalToolbarMenuDisposables = this._register(( new DisposableStore()));
181
178
  this.editorToolbarMenuDisposables = this._register(( new DisposableStore()));
182
179
  this.layoutToolbarMenuDisposables = this._register(( new DisposableStore()));
183
180
  this.activityToolbarDisposables = this._register(( new DisposableStore()));
184
181
  this.titleDisposables = this._register(( new DisposableStore()));
185
- this.titleBarStyle = getTitleBarStyle(this.configurationService);
186
182
  this.isInactive = false;
183
+ this.titleBarStyle = getTitleBarStyle(this.configurationService);
184
+ this.globalToolbarMenu = this._register(this.menuService.createMenu(MenuId.TitleBar, this.contextKeyService));
187
185
  this.isAuxiliary = editorGroupsContainer !== 'main';
188
186
  this.editorService = editorService.createScoped(editorGroupsContainer, this._store);
189
187
  this.editorGroupsContainer = editorGroupsContainer === 'main' ? editorGroupService.mainPart : editorGroupsContainer;
@@ -302,13 +300,14 @@ let BrowserTitlebarPart = class BrowserTitlebarPart extends Part {
302
300
  }
303
301
  }
304
302
  if (isMacintosh && isNative && primaryWindowControlsLocation === 'left') ;
303
+ else if (getWindowControlsStyle(this.configurationService) === WindowControlsStyle.HIDDEN) ;
305
304
  else {
306
- const windowControlsContainer = append(primaryWindowControlsLocation === 'left' ? this.leftContent : this.rightContent, $('div.window-controls-container'));
305
+ this.windowControlsContainer = append(primaryWindowControlsLocation === 'left' ? this.leftContent : this.rightContent, $('div.window-controls-container'));
307
306
  if (isWeb) {
308
307
  append(primaryWindowControlsLocation === 'left' ? this.rightContent : this.leftContent, $('div.window-controls-container'));
309
308
  }
310
309
  if (isWCOEnabled()) {
311
- windowControlsContainer.classList.add('wco-enabled');
310
+ this.windowControlsContainer.classList.add('wco-enabled');
312
311
  }
313
312
  }
314
313
  }
@@ -380,7 +379,7 @@ let BrowserTitlebarPart = class BrowserTitlebarPart extends Part {
380
379
  this.actionToolBar = this.actionToolBarDisposable.add(this.instantiationService.createInstance(WorkbenchToolBar, this.actionToolBarElement, {
381
380
  contextMenu: MenuId.TitleBarContext,
382
381
  orientation: ActionsOrientation.HORIZONTAL,
383
- ariaLabel: ( localize(3440, "Title actions")),
382
+ ariaLabel: ( localize(3481, "Title actions")),
384
383
  getKeyBinding: action => this.getKeybinding(action),
385
384
  overflowBehavior: { maxItems: 9, exempted: [ACCOUNTS_ACTIVITY_ID, GLOBAL_ACTIVITY_ID, ...EDITOR_CORE_NAVIGATION_COMMANDS] },
386
385
  anchorAlignmentProvider: () => AnchorAlignment.RIGHT,
@@ -1,6 +0,0 @@
1
- import n from '@codingame/monaco-vscode-api/external/rollup-plugin-styles/dist/runtime/inject-css';
2
-
3
- var css = ".monaco-workbench .part.titlebar{display:flex;flex-direction:row}.monaco-workbench.mac .part.titlebar{flex-direction:row-reverse}.monaco-workbench .part.titlebar>.titlebar-container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:1;height:100%;justify-content:space-between;overflow:hidden;user-select:none;-webkit-user-select:none;width:100%}.monaco-workbench .part.titlebar>.titlebar-container.counter-zoom{zoom:calc(1/var(--zoom-factor))}.monaco-workbench.mac .part.titlebar>.titlebar-container{line-height:22px}.monaco-workbench.linux .part.titlebar>.titlebar-container,.monaco-workbench.web .part.titlebar>.titlebar-container,.monaco-workbench.windows .part.titlebar>.titlebar-container{justify-content:left;line-height:22px}.monaco-workbench.web.safari .part.titlebar,.monaco-workbench.web.safari .part.titlebar>.titlebar-container{overflow:visible}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-drag-region{-webkit-app-region:drag;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center,.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left,.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right{align-items:center;display:flex;height:100%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left{flex-grow:2;justify-content:flex-start;order:0;width:20%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center{justify-content:center;margin:0 10px;max-width:fit-content;min-width:0;order:1;width:60%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right{flex-grow:2;justify-content:flex-end;min-width:min-content;order:2;width:20%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title{flex:0 1 auto;font-size:12px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench.linux .part.titlebar>.titlebar-container>.titlebar-center>.window-title,.monaco-workbench.web .part.titlebar>.titlebar-container>.titlebar-center>.window-title,.monaco-workbench.windows .part.titlebar>.titlebar-container>.titlebar-center>.window-title{cursor:default}.monaco-workbench.linux .part.titlebar>.titlebar-container>.titlebar-center>.window-title{font-size:inherit}.monaco-workbench .part.titlebar>.titlebar-container .monaco-toolbar .actions-container{gap:4px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center{-webkit-app-region:no-drag;z-index:2500}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center.hide{visibility:hidden}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item.monaco-dropdown-with-primary .action-label,.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:var(--vscode-titleBar-activeForeground)}.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item.monaco-dropdown-with-primary .action-label,.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:var(--vscode-titleBar-inactiveForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center{align-items:stretch;background-color:var(--vscode-commandCenter-background);border:1px solid var(--vscode-commandCenter-border);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;color:var(--vscode-commandCenter-foreground);display:flex;height:22px;margin:0 6px;max-width:600px;overflow:hidden;width:38vw}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick{display:flex;justify-content:start;margin:auto;max-width:600px;overflow:hidden}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-icon{color:var(--vscode-commandCenter-foreground);font-size:14px;margin:auto 3px;opacity:.8}.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-icon{color:var(--vscode-titleBar-inactiveForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-label{overflow:hidden;text-overflow:ellipsis}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center.multiple{justify-content:flex-start;padding:0 12px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center.multiple.active .action-label{background-color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center:only-child{margin-left:0}.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center{border-color:var(--vscode-commandCenter-inactiveBorder)!important;color:var(--vscode-titleBar-inactiveForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center:HOVER{background-color:var(--vscode-commandCenter-activeBackground);border-color:var(--vscode-commandCenter-activeBorder);color:var(--vscode-commandCenter-activeForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.menubar{flex-wrap:nowrap;min-width:36px;order:2;z-index:2500}.monaco-workbench.web .part.titlebar>.titlebar-container>.titlebar-left>.menubar{margin-left:4px}.monaco-workbench .part.titlebar>.titlebar-container.counter-zoom .menubar .menubar-menu-button>.menubar-menu-items-holder.monaco-menu-container,.monaco-workbench .part.titlebar>.titlebar-container.counter-zoom .monaco-toolbar .dropdown-action-container{zoom:var(--zoom-factor)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon{flex-shrink:0;height:100%;order:1;position:relative;width:35px;z-index:2500}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon:not(.codicon){background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");background-position:50%;background-repeat:no-repeat;background-size:16px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon.codicon{line-height:30px}.monaco-workbench.fullscreen .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon{display:none}.monaco-workbench .part.titlebar .window-controls-container{-webkit-app-region:no-drag;display:flex;flex-grow:0;flex-shrink:0;height:100%;text-align:center;width:0;z-index:3000}.monaco-workbench.fullscreen .part.titlebar .window-controls-container{background-color:transparent;display:none}.monaco-workbench.web .part.titlebar .titlebar-right .window-controls-container{height:env(titlebar-area-height,35px);width:calc(100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px))}.monaco-workbench.web .part.titlebar .titlebar-left .window-controls-container{height:env(titlebar-area-height,35px);width:env(titlebar-area-x,0)}.monaco-workbench.web.mac .part.titlebar .titlebar-left .window-controls-container{order:0}.monaco-workbench.web.mac .part.titlebar .titlebar-right .window-controls-container{order:1}.monaco-workbench:not(.web):not(.mac) .part.titlebar .window-controls-container{width:calc(138px/var(--zoom-factor, 1))}.monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container.counter-zoom .window-controls-container{width:138px}.monaco-workbench.linux:not(.web) .part.titlebar .window-controls-container.wco-enabled{width:calc(100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px))}.monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container:not(.counter-zoom) .window-controls-container *{zoom:calc(1/var(--zoom-factor, 1))}.monaco-workbench:not(.web).mac .part.titlebar .window-controls-container{width:70px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container{-webkit-app-region:no-drag;display:none;flex-grow:0;flex-shrink:0;height:100%;margin-left:auto;padding-right:4px;position:relative;text-align:center;z-index:2500}.monaco-workbench.mac:not(.web) .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container{right:8px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container:not(.has-no-actions){display:flex;justify-content:center}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .codicon{color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item{display:flex}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .badge{align-items:center;display:flex;margin-left:8px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge{margin-left:0}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .badge .badge-content{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:9px;font-weight:400;height:16px;line-height:11px;min-width:11px;padding:3px 5px;position:relative;text-align:center}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact{bottom:0;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content:before{mask-size:12px;-webkit-mask-size:12px;top:2px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content{border-radius:16px;font-size:9px;font-weight:600;height:12px;line-height:12px;min-width:12px;padding:0 2px;position:absolute;right:0;text-align:center;top:10px}";
4
- n(css,{});
5
-
6
- export { css, css as default };