@vscode-elements/elements 1.14.1-pre.0 → 1.14.1-pre.2

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 (22) hide show
  1. package/custom-elements.json +1422 -1113
  2. package/dist/bundled.js +253 -244
  3. package/dist/includes/VscElement.js +1 -1
  4. package/dist/includes/VscElement.js.map +1 -1
  5. package/dist/includes/vscode-select/styles.d.ts.map +1 -1
  6. package/dist/includes/vscode-select/styles.js +46 -10
  7. package/dist/includes/vscode-select/styles.js.map +1 -1
  8. package/dist/includes/vscode-select/vscode-select-base.d.ts +11 -2
  9. package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
  10. package/dist/includes/vscode-select/vscode-select-base.js +241 -65
  11. package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
  12. package/dist/vscode-multi-select/vscode-multi-select.d.ts +8 -3
  13. package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
  14. package/dist/vscode-multi-select/vscode-multi-select.js +86 -124
  15. package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
  16. package/dist/vscode-single-select/vscode-single-select.d.ts +9 -4
  17. package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
  18. package/dist/vscode-single-select/vscode-single-select.js +27 -69
  19. package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
  20. package/package.json +2 -1
  21. package/vscode.css-custom-data.json +7 -7
  22. package/vscode.html-custom-data.json +15 -13
package/custom-elements.json CHANGED
@@ -4,78 +4,19 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/vscode-badge/vscode-badge.styles.ts",
8
- "declarations": [
9
- {
10
- "kind": "variable",
11
- "name": "styles",
12
- "type": {
13
- "text": "CSSResultGroup"
14
- },
15
- "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
16
- }
17
- ],
18
- "exports": [
19
- {
20
- "kind": "js",
21
- "name": "default",
22
- "declaration": {
23
- "name": "styles",
24
- "module": "src/vscode-badge/vscode-badge.styles.ts"
25
- }
26
- }
27
- ]
7
+ "path": "src/includes/AssociatedFormControl.ts",
8
+ "declarations": [],
9
+ "exports": []
28
10
  },
29
11
  {
30
12
  "kind": "javascript-module",
31
- "path": "src/vscode-badge/vscode-badge.ts",
13
+ "path": "src/includes/VscElement.ts",
32
14
  "declarations": [
33
15
  {
34
16
  "kind": "class",
35
- "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
36
- "name": "VscodeBadge",
37
- "cssProperties": [
38
- {
39
- "description": "A sans-serif font type depends on the host OS.",
40
- "name": "--vscode-font-family",
41
- "default": "sans-serif"
42
- },
43
- {
44
- "name": "--vscode-contrastBorder",
45
- "default": "transparent"
46
- },
47
- {
48
- "description": "default and counter variant background color",
49
- "name": "--vscode-badge-background",
50
- "default": "#616161"
51
- },
52
- {
53
- "description": "default and counter variant foreground color",
54
- "name": "--vscode-badge-foreground",
55
- "default": "#f8f8f8"
56
- },
57
- {
58
- "description": "activity bar variant background color",
59
- "name": "--vscode-activityBarBadge-background",
60
- "default": "#0078d4"
61
- },
62
- {
63
- "description": "activity bar variant foreground color",
64
- "name": "--vscode-activityBarBadge-foreground",
65
- "default": "#ffffff"
66
- }
67
- ],
17
+ "description": "",
18
+ "name": "VscElement",
68
19
  "members": [
69
- {
70
- "kind": "field",
71
- "name": "variant",
72
- "type": {
73
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
74
- },
75
- "default": "'default'",
76
- "attribute": "variant",
77
- "reflects": true
78
- },
79
20
  {
80
21
  "kind": "field",
81
22
  "name": "version",
@@ -83,800 +24,859 @@
83
24
  "text": "string"
84
25
  },
85
26
  "description": "VSCode Elements version",
86
- "readonly": true,
87
- "inheritedFrom": {
88
- "name": "VscElement",
89
- "module": "src/includes/VscElement.ts"
90
- }
27
+ "readonly": true
91
28
  }
92
29
  ],
93
- "attributes": [
30
+ "superclass": {
31
+ "name": "LitElement",
32
+ "package": "lit"
33
+ },
34
+ "customElement": true
35
+ },
36
+ {
37
+ "kind": "function",
38
+ "name": "customElement",
39
+ "parameters": [
94
40
  {
95
- "name": "variant",
41
+ "name": "tagName",
96
42
  "type": {
97
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
98
- },
99
- "default": "'default'",
100
- "fieldName": "variant"
43
+ "text": "string"
44
+ }
101
45
  }
102
46
  ],
103
- "superclass": {
104
- "name": "VscElement",
105
- "module": "/src/includes/VscElement.js"
106
- },
107
- "tagName": "vscode-badge",
108
- "customElement": true
47
+ "description": "Own implementation of Lit's customElement decorator."
109
48
  }
110
49
  ],
111
50
  "exports": [
112
51
  {
113
52
  "kind": "js",
114
- "name": "VscodeBadge",
53
+ "name": "VscElement",
115
54
  "declaration": {
116
- "name": "VscodeBadge",
117
- "module": "src/vscode-badge/vscode-badge.ts"
55
+ "name": "VscElement",
56
+ "module": "src/includes/VscElement.ts"
57
+ }
58
+ },
59
+ {
60
+ "kind": "js",
61
+ "name": "customElement",
62
+ "declaration": {
63
+ "name": "customElement",
64
+ "module": "src/includes/VscElement.ts"
118
65
  }
119
66
  },
120
67
  {
121
68
  "kind": "custom-element-definition",
122
- "name": "vscode-badge",
69
+ "name": "tagName",
123
70
  "declaration": {
124
- "name": "VscodeBadge",
125
- "module": "src/vscode-badge/vscode-badge.ts"
71
+ "name": "anonymous_0",
72
+ "module": "src/includes/VscElement.ts"
126
73
  }
127
74
  }
128
75
  ]
129
76
  },
130
77
  {
131
78
  "kind": "javascript-module",
132
- "path": "src/vscode-button/vscode-button.styles.ts",
79
+ "path": "src/includes/default.styles.ts",
80
+ "declarations": [],
81
+ "exports": [
82
+ {
83
+ "kind": "js",
84
+ "name": "default",
85
+ "declaration": {
86
+ "module": "src/includes/default.styles.ts"
87
+ }
88
+ }
89
+ ]
90
+ },
91
+ {
92
+ "kind": "javascript-module",
93
+ "path": "src/includes/helpers.ts",
133
94
  "declarations": [
134
95
  {
135
96
  "kind": "variable",
136
- "name": "styles",
97
+ "name": "INPUT_LINE_HEIGHT_RATIO"
98
+ },
99
+ {
100
+ "kind": "variable",
101
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
137
102
  "type": {
138
- "text": "CSSResultGroup"
103
+ "text": "number"
139
104
  },
140
- "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background, #0078d4); border-color: var(--vscode-button-border, transparent); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
105
+ "default": "320"
106
+ },
107
+ {
108
+ "kind": "function",
109
+ "name": "getDefaultFontStack"
110
+ },
111
+ {
112
+ "kind": "function",
113
+ "name": "getDefaultEditorFontStack"
141
114
  }
142
115
  ],
143
116
  "exports": [
144
117
  {
145
118
  "kind": "js",
146
- "name": "default",
119
+ "name": "INPUT_LINE_HEIGHT_RATIO",
147
120
  "declaration": {
148
- "name": "styles",
149
- "module": "src/vscode-button/vscode-button.styles.ts"
121
+ "name": "INPUT_LINE_HEIGHT_RATIO",
122
+ "module": "src/includes/helpers.ts"
123
+ }
124
+ },
125
+ {
126
+ "kind": "js",
127
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
128
+ "declaration": {
129
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
130
+ "module": "src/includes/helpers.ts"
131
+ }
132
+ },
133
+ {
134
+ "kind": "js",
135
+ "name": "getDefaultFontStack",
136
+ "declaration": {
137
+ "name": "getDefaultFontStack",
138
+ "module": "src/includes/helpers.ts"
139
+ }
140
+ },
141
+ {
142
+ "kind": "js",
143
+ "name": "getDefaultEditorFontStack",
144
+ "declaration": {
145
+ "name": "getDefaultEditorFontStack",
146
+ "module": "src/includes/helpers.ts"
150
147
  }
151
148
  }
152
149
  ]
153
150
  },
154
151
  {
155
152
  "kind": "javascript-module",
156
- "path": "src/vscode-button/vscode-button.ts",
153
+ "path": "src/includes/style-property-map.ts",
157
154
  "declarations": [
158
155
  {
159
- "kind": "class",
160
- "description": "Clickable element that are used to trigger actions.",
161
- "name": "VscodeButton",
162
- "cssProperties": [
156
+ "kind": "variable",
157
+ "name": "stylePropertyMap",
158
+ "description": "Implement a Lit directive similar to styleMap, but instead of setting styles via the style\nattribute (which violates CSP), it should apply styles using the style property.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#unsafe-inline)"
159
+ }
160
+ ],
161
+ "exports": [
162
+ {
163
+ "kind": "js",
164
+ "name": "stylePropertyMap",
165
+ "declaration": {
166
+ "name": "stylePropertyMap",
167
+ "module": "src/includes/style-property-map.ts"
168
+ }
169
+ }
170
+ ]
171
+ },
172
+ {
173
+ "kind": "javascript-module",
174
+ "path": "src/includes/test-helpers.ts",
175
+ "declarations": [
176
+ {
177
+ "kind": "function",
178
+ "name": "clickOnElement",
179
+ "parameters": [
163
180
  {
164
- "name": "--vscode-button-background",
165
- "default": "#0078d4"
181
+ "name": "el",
182
+ "type": {
183
+ "text": "Element"
184
+ }
166
185
  },
167
186
  {
168
- "name": "--vscode-button-foreground",
169
- "default": "#ffffff"
187
+ "name": "position",
188
+ "default": "'center'",
189
+ "type": {
190
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
191
+ }
170
192
  },
171
193
  {
172
- "name": "--vscode-button-border",
173
- "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
194
+ "name": "offsetX",
195
+ "default": "0"
174
196
  },
175
197
  {
176
- "name": "--vscode-button-hoverBackground",
177
- "default": "#026ec1"
178
- },
198
+ "name": "offsetY",
199
+ "default": "0"
200
+ }
201
+ ],
202
+ "description": "A testing utility that measures an element's position and clicks on it."
203
+ },
204
+ {
205
+ "kind": "function",
206
+ "name": "moveMouseOnElement",
207
+ "parameters": [
179
208
  {
180
- "description": "A sans-serif font type depends on the host OS.",
181
- "name": "--vscode-font-family",
182
- "default": "sans-serif"
209
+ "name": "el",
210
+ "type": {
211
+ "text": "Element"
212
+ }
183
213
  },
184
214
  {
185
- "name": "--vscode-font-size",
186
- "default": "13px"
187
- },
188
- {
189
- "name": "--vscode-font-weight",
190
- "default": "normal"
191
- },
192
- {
193
- "name": "--vscode-button-secondaryForeground",
194
- "default": "#cccccc"
195
- },
196
- {
197
- "name": "--vscode-button-secondaryBackground",
198
- "default": "#313131"
215
+ "name": "position",
216
+ "default": "'center'",
217
+ "type": {
218
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
219
+ }
199
220
  },
200
221
  {
201
- "name": "--vscode-button-secondaryHoverBackground",
202
- "default": "#3c3c3c"
222
+ "name": "offsetX",
223
+ "default": "0"
203
224
  },
204
225
  {
205
- "name": "--vscode-focusBorder",
206
- "default": "#0078d4"
226
+ "name": "offsetY",
227
+ "default": "0"
207
228
  }
208
229
  ],
209
- "members": [
230
+ "description": "A testing utility that moves the mouse onto an element."
231
+ },
232
+ {
233
+ "kind": "function",
234
+ "name": "dragElement",
235
+ "return": {
236
+ "type": {
237
+ "text": "Promise<void>"
238
+ }
239
+ },
240
+ "parameters": [
210
241
  {
211
- "kind": "field",
212
- "name": "autofocus",
242
+ "name": "el",
213
243
  "type": {
214
- "text": "boolean"
215
- },
216
- "default": "false",
217
- "attribute": "autofocus",
218
- "reflects": true
244
+ "text": "Element"
245
+ }
219
246
  },
220
247
  {
221
- "kind": "field",
222
- "name": "secondary",
223
- "type": {
224
- "text": "boolean"
225
- },
226
- "default": "false",
227
- "description": "Button has a less prominent style.",
228
- "attribute": "secondary",
229
- "reflects": true
248
+ "name": "deltaX",
249
+ "default": "0"
230
250
  },
231
251
  {
232
- "kind": "field",
233
- "name": "disabled",
234
- "type": {
235
- "text": "boolean"
236
- },
237
- "default": "false",
238
- "attribute": "disabled",
239
- "reflects": true
252
+ "name": "deltaY",
253
+ "default": "0"
240
254
  },
241
255
  {
242
- "kind": "field",
243
- "name": "icon",
256
+ "name": "callbacks",
257
+ "default": "{}",
244
258
  "type": {
245
- "text": "string"
246
- },
247
- "default": "''",
248
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
249
- "attribute": "icon"
250
- },
259
+ "text": "{\n afterMouseDown?: () => void | Promise<void>;\n afterMouseMove?: () => void | Promise<void>;\n }"
260
+ }
261
+ }
262
+ ],
263
+ "description": "A testing utility that drags an element with the mouse."
264
+ }
265
+ ],
266
+ "exports": [
267
+ {
268
+ "kind": "js",
269
+ "name": "clickOnElement",
270
+ "declaration": {
271
+ "name": "clickOnElement",
272
+ "module": "src/includes/test-helpers.ts"
273
+ }
274
+ },
275
+ {
276
+ "kind": "js",
277
+ "name": "moveMouseOnElement",
278
+ "declaration": {
279
+ "name": "moveMouseOnElement",
280
+ "module": "src/includes/test-helpers.ts"
281
+ }
282
+ },
283
+ {
284
+ "kind": "js",
285
+ "name": "dragElement",
286
+ "declaration": {
287
+ "name": "dragElement",
288
+ "module": "src/includes/test-helpers.ts"
289
+ }
290
+ }
291
+ ]
292
+ },
293
+ {
294
+ "kind": "javascript-module",
295
+ "path": "src/includes/uniqueId.ts",
296
+ "declarations": [
297
+ {
298
+ "kind": "function",
299
+ "name": "uniqueId",
300
+ "parameters": [
251
301
  {
252
- "kind": "field",
253
- "name": "iconSpin",
254
- "type": {
255
- "text": "boolean"
256
- },
257
- "default": "false",
258
- "description": "Spin property for the icon",
259
- "attribute": "icon-spin",
260
- "reflects": true
261
- },
302
+ "name": "prefix",
303
+ "default": "''"
304
+ }
305
+ ]
306
+ }
307
+ ],
308
+ "exports": [
309
+ {
310
+ "kind": "js",
311
+ "name": "default",
312
+ "declaration": {
313
+ "name": "uniqueId",
314
+ "module": "src/includes/uniqueId.ts"
315
+ }
316
+ }
317
+ ]
318
+ },
319
+ {
320
+ "kind": "javascript-module",
321
+ "path": "src/vscode-badge/vscode-badge.styles.ts",
322
+ "declarations": [
323
+ {
324
+ "kind": "variable",
325
+ "name": "styles",
326
+ "type": {
327
+ "text": "CSSResultGroup"
328
+ },
329
+ "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
330
+ }
331
+ ],
332
+ "exports": [
333
+ {
334
+ "kind": "js",
335
+ "name": "default",
336
+ "declaration": {
337
+ "name": "styles",
338
+ "module": "src/vscode-badge/vscode-badge.styles.ts"
339
+ }
340
+ }
341
+ ]
342
+ },
343
+ {
344
+ "kind": "javascript-module",
345
+ "path": "src/vscode-badge/vscode-badge.ts",
346
+ "declarations": [
347
+ {
348
+ "kind": "class",
349
+ "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
350
+ "name": "VscodeBadge",
351
+ "cssProperties": [
262
352
  {
263
- "kind": "field",
264
- "name": "iconSpinDuration",
265
- "type": {
266
- "text": "number | undefined"
267
- },
268
- "description": "Duration property for the icon",
269
- "attribute": "icon-spin-duration",
270
- "reflects": true
353
+ "description": "A sans-serif font type depends on the host OS.",
354
+ "name": "--vscode-font-family",
355
+ "default": "sans-serif"
271
356
  },
272
357
  {
273
- "kind": "field",
274
- "name": "iconAfter",
275
- "type": {
276
- "text": "string"
277
- },
278
- "default": "''",
279
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
280
- "attribute": "icon-after"
358
+ "name": "--vscode-contrastBorder",
359
+ "default": "transparent"
281
360
  },
282
361
  {
283
- "kind": "field",
284
- "name": "iconAfterSpin",
285
- "type": {
286
- "text": "boolean"
287
- },
288
- "default": "false",
289
- "description": "Spin property for the after icon",
290
- "attribute": "icon-after-spin",
291
- "reflects": true
362
+ "description": "default and counter variant background color",
363
+ "name": "--vscode-badge-background",
364
+ "default": "#616161"
292
365
  },
293
366
  {
294
- "kind": "field",
295
- "name": "iconAfterSpinDuration",
296
- "type": {
297
- "text": "number | undefined"
298
- },
299
- "description": "Duration property for the after icon",
300
- "attribute": "icon-after-spin-duration",
301
- "reflects": true
367
+ "description": "default and counter variant foreground color",
368
+ "name": "--vscode-badge-foreground",
369
+ "default": "#f8f8f8"
302
370
  },
303
371
  {
304
- "kind": "field",
305
- "name": "focused",
306
- "type": {
307
- "text": "boolean"
308
- },
309
- "default": "false",
310
- "attribute": "focused",
311
- "reflects": true
372
+ "description": "activity bar variant background color",
373
+ "name": "--vscode-activityBarBadge-background",
374
+ "default": "#0078d4"
312
375
  },
313
376
  {
314
- "kind": "field",
315
- "name": "name",
316
- "type": {
317
- "text": "string | undefined"
318
- },
319
- "default": "undefined",
320
- "attribute": "name",
321
- "reflects": true
322
- },
377
+ "description": "activity bar variant foreground color",
378
+ "name": "--vscode-activityBarBadge-foreground",
379
+ "default": "#ffffff"
380
+ }
381
+ ],
382
+ "members": [
323
383
  {
324
384
  "kind": "field",
325
- "name": "type",
385
+ "name": "variant",
326
386
  "type": {
327
- "text": "'submit' | 'reset' | 'button'"
387
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
328
388
  },
329
- "default": "'button'",
330
- "attribute": "type",
389
+ "default": "'default'",
390
+ "attribute": "variant",
331
391
  "reflects": true
332
392
  },
333
393
  {
334
394
  "kind": "field",
335
- "name": "value",
395
+ "name": "version",
336
396
  "type": {
337
397
  "text": "string"
338
398
  },
339
- "default": "''",
340
- "attribute": "value"
341
- },
399
+ "description": "VSCode Elements version",
400
+ "readonly": true,
401
+ "inheritedFrom": {
402
+ "name": "VscElement",
403
+ "module": "src/includes/VscElement.ts"
404
+ }
405
+ }
406
+ ],
407
+ "attributes": [
342
408
  {
343
- "kind": "field",
344
- "name": "_prevTabindex",
409
+ "name": "variant",
345
410
  "type": {
346
- "text": "number"
411
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
347
412
  },
348
- "privacy": "private",
349
- "default": "0"
413
+ "default": "'default'",
414
+ "fieldName": "variant"
415
+ }
416
+ ],
417
+ "superclass": {
418
+ "name": "VscElement",
419
+ "module": "/src/includes/VscElement.js"
420
+ },
421
+ "tagName": "vscode-badge",
422
+ "customElement": true
423
+ }
424
+ ],
425
+ "exports": [
426
+ {
427
+ "kind": "js",
428
+ "name": "VscodeBadge",
429
+ "declaration": {
430
+ "name": "VscodeBadge",
431
+ "module": "src/vscode-badge/vscode-badge.ts"
432
+ }
433
+ },
434
+ {
435
+ "kind": "custom-element-definition",
436
+ "name": "vscode-badge",
437
+ "declaration": {
438
+ "name": "VscodeBadge",
439
+ "module": "src/vscode-badge/vscode-badge.ts"
440
+ }
441
+ }
442
+ ]
443
+ },
444
+ {
445
+ "kind": "javascript-module",
446
+ "path": "src/vscode-button/vscode-button.styles.ts",
447
+ "declarations": [
448
+ {
449
+ "kind": "variable",
450
+ "name": "styles",
451
+ "type": {
452
+ "text": "CSSResultGroup"
453
+ },
454
+ "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background, #0078d4); border-color: var(--vscode-button-border, transparent); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
455
+ }
456
+ ],
457
+ "exports": [
458
+ {
459
+ "kind": "js",
460
+ "name": "default",
461
+ "declaration": {
462
+ "name": "styles",
463
+ "module": "src/vscode-button/vscode-button.styles.ts"
464
+ }
465
+ }
466
+ ]
467
+ },
468
+ {
469
+ "kind": "javascript-module",
470
+ "path": "src/vscode-button/vscode-button.ts",
471
+ "declarations": [
472
+ {
473
+ "kind": "class",
474
+ "description": "Clickable element that are used to trigger actions.",
475
+ "name": "VscodeButton",
476
+ "cssProperties": [
477
+ {
478
+ "name": "--vscode-button-background",
479
+ "default": "#0078d4"
350
480
  },
351
481
  {
352
- "kind": "field",
353
- "name": "_internals",
354
- "type": {
355
- "text": "ElementInternals"
356
- },
357
- "privacy": "private"
482
+ "name": "--vscode-button-foreground",
483
+ "default": "#ffffff"
358
484
  },
359
485
  {
360
- "kind": "field",
361
- "name": "form",
362
- "type": {
363
- "text": "HTMLFormElement | null"
364
- },
365
- "readonly": true
486
+ "name": "--vscode-button-border",
487
+ "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
366
488
  },
367
489
  {
368
- "kind": "method",
369
- "name": "_executeAction",
370
- "privacy": "private"
490
+ "name": "--vscode-button-hoverBackground",
491
+ "default": "#026ec1"
371
492
  },
372
493
  {
373
- "kind": "method",
374
- "name": "_handleKeyDown",
375
- "privacy": "private",
376
- "parameters": [
377
- {
378
- "name": "event",
379
- "type": {
380
- "text": "KeyboardEvent"
381
- }
382
- }
383
- ]
494
+ "description": "A sans-serif font type depends on the host OS.",
495
+ "name": "--vscode-font-family",
496
+ "default": "sans-serif"
384
497
  },
385
498
  {
386
- "kind": "method",
387
- "name": "_handleClick",
388
- "privacy": "private",
389
- "parameters": [
390
- {
391
- "name": "event",
392
- "type": {
393
- "text": "MouseEvent"
394
- }
395
- }
396
- ]
499
+ "name": "--vscode-font-size",
500
+ "default": "13px"
397
501
  },
398
502
  {
399
- "kind": "field",
400
- "name": "_handleFocus",
401
- "privacy": "private"
503
+ "name": "--vscode-font-weight",
504
+ "default": "normal"
402
505
  },
403
506
  {
404
- "kind": "field",
405
- "name": "_handleBlur",
406
- "privacy": "private"
507
+ "name": "--vscode-button-secondaryForeground",
508
+ "default": "#cccccc"
407
509
  },
408
510
  {
409
- "kind": "field",
410
- "name": "version",
411
- "type": {
412
- "text": "string"
413
- },
414
- "description": "VSCode Elements version",
415
- "readonly": true,
416
- "inheritedFrom": {
417
- "name": "VscElement",
418
- "module": "src/includes/VscElement.ts"
419
- }
420
- }
421
- ],
422
- "events": [
511
+ "name": "--vscode-button-secondaryBackground",
512
+ "default": "#313131"
513
+ },
423
514
  {
424
- "name": "vsc-click",
425
- "type": {
426
- "text": "CustomEvent"
427
- },
428
- "deprecated": "Please use the standard `click` event.",
429
- "description": "Dispatched only when button is not in disabled state."
515
+ "name": "--vscode-button-secondaryHoverBackground",
516
+ "default": "#3c3c3c"
517
+ },
518
+ {
519
+ "name": "--vscode-focusBorder",
520
+ "default": "#0078d4"
430
521
  }
431
522
  ],
432
- "attributes": [
523
+ "members": [
433
524
  {
525
+ "kind": "field",
434
526
  "name": "autofocus",
435
527
  "type": {
436
528
  "text": "boolean"
437
529
  },
438
530
  "default": "false",
439
- "fieldName": "autofocus"
531
+ "attribute": "autofocus",
532
+ "reflects": true
440
533
  },
441
534
  {
535
+ "kind": "field",
442
536
  "name": "secondary",
443
537
  "type": {
444
538
  "text": "boolean"
445
539
  },
446
540
  "default": "false",
447
541
  "description": "Button has a less prominent style.",
448
- "fieldName": "secondary"
542
+ "attribute": "secondary",
543
+ "reflects": true
449
544
  },
450
545
  {
546
+ "kind": "field",
451
547
  "name": "disabled",
452
548
  "type": {
453
549
  "text": "boolean"
454
550
  },
455
551
  "default": "false",
456
- "fieldName": "disabled"
552
+ "attribute": "disabled",
553
+ "reflects": true
457
554
  },
458
555
  {
556
+ "kind": "field",
459
557
  "name": "icon",
460
558
  "type": {
461
559
  "text": "string"
462
560
  },
463
561
  "default": "''",
464
562
  "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
465
- "fieldName": "icon"
563
+ "attribute": "icon"
466
564
  },
467
565
  {
468
- "name": "icon-spin",
566
+ "kind": "field",
567
+ "name": "iconSpin",
469
568
  "type": {
470
569
  "text": "boolean"
471
570
  },
472
571
  "default": "false",
473
572
  "description": "Spin property for the icon",
474
- "fieldName": "iconSpin"
573
+ "attribute": "icon-spin",
574
+ "reflects": true
475
575
  },
476
576
  {
477
- "name": "icon-spin-duration",
577
+ "kind": "field",
578
+ "name": "iconSpinDuration",
478
579
  "type": {
479
580
  "text": "number | undefined"
480
581
  },
481
582
  "description": "Duration property for the icon",
482
- "fieldName": "iconSpinDuration"
583
+ "attribute": "icon-spin-duration",
584
+ "reflects": true
483
585
  },
484
586
  {
485
- "name": "icon-after",
587
+ "kind": "field",
588
+ "name": "iconAfter",
486
589
  "type": {
487
590
  "text": "string"
488
591
  },
489
592
  "default": "''",
490
593
  "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
491
- "fieldName": "iconAfter"
594
+ "attribute": "icon-after"
492
595
  },
493
596
  {
494
- "name": "icon-after-spin",
597
+ "kind": "field",
598
+ "name": "iconAfterSpin",
495
599
  "type": {
496
600
  "text": "boolean"
497
601
  },
498
602
  "default": "false",
499
603
  "description": "Spin property for the after icon",
500
- "fieldName": "iconAfterSpin"
604
+ "attribute": "icon-after-spin",
605
+ "reflects": true
501
606
  },
502
607
  {
503
- "name": "icon-after-spin-duration",
608
+ "kind": "field",
609
+ "name": "iconAfterSpinDuration",
504
610
  "type": {
505
611
  "text": "number | undefined"
506
612
  },
507
613
  "description": "Duration property for the after icon",
508
- "fieldName": "iconAfterSpinDuration"
614
+ "attribute": "icon-after-spin-duration",
615
+ "reflects": true
509
616
  },
510
617
  {
618
+ "kind": "field",
511
619
  "name": "focused",
512
620
  "type": {
513
621
  "text": "boolean"
514
622
  },
515
623
  "default": "false",
516
- "fieldName": "focused"
624
+ "attribute": "focused",
625
+ "reflects": true
517
626
  },
518
627
  {
628
+ "kind": "field",
519
629
  "name": "name",
520
630
  "type": {
521
631
  "text": "string | undefined"
522
632
  },
523
633
  "default": "undefined",
524
- "fieldName": "name"
634
+ "attribute": "name",
635
+ "reflects": true
525
636
  },
526
637
  {
638
+ "kind": "field",
527
639
  "name": "type",
528
640
  "type": {
529
641
  "text": "'submit' | 'reset' | 'button'"
530
642
  },
531
643
  "default": "'button'",
532
- "fieldName": "type"
644
+ "attribute": "type",
645
+ "reflects": true
533
646
  },
534
647
  {
648
+ "kind": "field",
535
649
  "name": "value",
536
650
  "type": {
537
651
  "text": "string"
538
652
  },
539
653
  "default": "''",
540
- "fieldName": "value"
541
- }
542
- ],
543
- "superclass": {
544
- "name": "VscElement",
545
- "module": "/src/includes/VscElement.js"
546
- },
547
- "tagName": "vscode-button",
548
- "customElement": true
549
- }
550
- ],
551
- "exports": [
552
- {
553
- "kind": "js",
554
- "name": "VscodeButton",
555
- "declaration": {
556
- "name": "VscodeButton",
557
- "module": "src/vscode-button/vscode-button.ts"
558
- }
559
- },
560
- {
561
- "kind": "custom-element-definition",
562
- "name": "vscode-button",
563
- "declaration": {
564
- "name": "VscodeButton",
565
- "module": "src/vscode-button/vscode-button.ts"
566
- }
567
- }
568
- ]
569
- },
570
- {
571
- "kind": "javascript-module",
572
- "path": "src/includes/AssociatedFormControl.ts",
573
- "declarations": [],
574
- "exports": []
575
- },
576
- {
577
- "kind": "javascript-module",
578
- "path": "src/includes/VscElement.ts",
579
- "declarations": [
580
- {
581
- "kind": "class",
582
- "description": "",
583
- "name": "VscElement",
584
- "members": [
654
+ "attribute": "value"
655
+ },
585
656
  {
586
657
  "kind": "field",
587
- "name": "version",
658
+ "name": "_prevTabindex",
588
659
  "type": {
589
- "text": "string"
660
+ "text": "number"
590
661
  },
591
- "description": "VSCode Elements version",
592
- "readonly": true
593
- }
594
- ],
595
- "superclass": {
596
- "name": "LitElement",
597
- "package": "lit"
598
- },
599
- "customElement": true
600
- },
601
- {
602
- "kind": "function",
603
- "name": "customElement",
604
- "parameters": [
662
+ "privacy": "private",
663
+ "default": "0"
664
+ },
605
665
  {
606
- "name": "tagName",
666
+ "kind": "field",
667
+ "name": "_internals",
607
668
  "type": {
608
- "text": "string"
609
- }
610
- }
611
- ],
612
- "description": "Own implementation of Lit's customElement decorator."
613
- }
614
- ],
615
- "exports": [
616
- {
617
- "kind": "js",
618
- "name": "VscElement",
619
- "declaration": {
620
- "name": "VscElement",
621
- "module": "src/includes/VscElement.ts"
622
- }
623
- },
624
- {
625
- "kind": "js",
626
- "name": "customElement",
627
- "declaration": {
628
- "name": "customElement",
629
- "module": "src/includes/VscElement.ts"
630
- }
631
- },
632
- {
633
- "kind": "custom-element-definition",
634
- "name": "tagName",
635
- "declaration": {
636
- "name": "anonymous_0",
637
- "module": "src/includes/VscElement.ts"
638
- }
639
- }
640
- ]
641
- },
642
- {
643
- "kind": "javascript-module",
644
- "path": "src/includes/default.styles.ts",
645
- "declarations": [],
646
- "exports": [
647
- {
648
- "kind": "js",
649
- "name": "default",
650
- "declaration": {
651
- "module": "src/includes/default.styles.ts"
652
- }
653
- }
654
- ]
655
- },
656
- {
657
- "kind": "javascript-module",
658
- "path": "src/includes/helpers.ts",
659
- "declarations": [
660
- {
661
- "kind": "variable",
662
- "name": "INPUT_LINE_HEIGHT_RATIO"
663
- },
664
- {
665
- "kind": "variable",
666
- "name": "DEFUALT_INPUT_WIDGET_WIDTH",
667
- "type": {
668
- "text": "number"
669
- },
670
- "default": "320"
671
- },
672
- {
673
- "kind": "function",
674
- "name": "getDefaultFontStack"
675
- },
676
- {
677
- "kind": "function",
678
- "name": "getDefaultEditorFontStack"
679
- }
680
- ],
681
- "exports": [
682
- {
683
- "kind": "js",
684
- "name": "INPUT_LINE_HEIGHT_RATIO",
685
- "declaration": {
686
- "name": "INPUT_LINE_HEIGHT_RATIO",
687
- "module": "src/includes/helpers.ts"
688
- }
689
- },
690
- {
691
- "kind": "js",
692
- "name": "DEFUALT_INPUT_WIDGET_WIDTH",
693
- "declaration": {
694
- "name": "DEFUALT_INPUT_WIDGET_WIDTH",
695
- "module": "src/includes/helpers.ts"
696
- }
697
- },
698
- {
699
- "kind": "js",
700
- "name": "getDefaultFontStack",
701
- "declaration": {
702
- "name": "getDefaultFontStack",
703
- "module": "src/includes/helpers.ts"
704
- }
705
- },
706
- {
707
- "kind": "js",
708
- "name": "getDefaultEditorFontStack",
709
- "declaration": {
710
- "name": "getDefaultEditorFontStack",
711
- "module": "src/includes/helpers.ts"
712
- }
713
- }
714
- ]
715
- },
716
- {
717
- "kind": "javascript-module",
718
- "path": "src/includes/style-property-map.ts",
719
- "declarations": [
720
- {
721
- "kind": "variable",
722
- "name": "stylePropertyMap",
723
- "description": "Implement a Lit directive similar to styleMap, but instead of setting styles via the style\nattribute (which violates CSP), it should apply styles using the style property.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#unsafe-inline)"
724
- }
725
- ],
726
- "exports": [
727
- {
728
- "kind": "js",
729
- "name": "stylePropertyMap",
730
- "declaration": {
731
- "name": "stylePropertyMap",
732
- "module": "src/includes/style-property-map.ts"
733
- }
734
- }
735
- ]
736
- },
737
- {
738
- "kind": "javascript-module",
739
- "path": "src/includes/test-helpers.ts",
740
- "declarations": [
741
- {
742
- "kind": "function",
743
- "name": "clickOnElement",
744
- "parameters": [
669
+ "text": "ElementInternals"
670
+ },
671
+ "privacy": "private"
672
+ },
745
673
  {
746
- "name": "el",
674
+ "kind": "field",
675
+ "name": "form",
747
676
  "type": {
748
- "text": "Element"
749
- }
677
+ "text": "HTMLFormElement | null"
678
+ },
679
+ "readonly": true
750
680
  },
751
681
  {
752
- "name": "position",
753
- "default": "'center'",
754
- "type": {
755
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
756
- }
682
+ "kind": "method",
683
+ "name": "_executeAction",
684
+ "privacy": "private"
757
685
  },
758
686
  {
759
- "name": "offsetX",
760
- "default": "0"
687
+ "kind": "method",
688
+ "name": "_handleKeyDown",
689
+ "privacy": "private",
690
+ "parameters": [
691
+ {
692
+ "name": "event",
693
+ "type": {
694
+ "text": "KeyboardEvent"
695
+ }
696
+ }
697
+ ]
761
698
  },
762
699
  {
763
- "name": "offsetY",
764
- "default": "0"
700
+ "kind": "method",
701
+ "name": "_handleClick",
702
+ "privacy": "private",
703
+ "parameters": [
704
+ {
705
+ "name": "event",
706
+ "type": {
707
+ "text": "MouseEvent"
708
+ }
709
+ }
710
+ ]
711
+ },
712
+ {
713
+ "kind": "field",
714
+ "name": "_handleFocus",
715
+ "privacy": "private"
716
+ },
717
+ {
718
+ "kind": "field",
719
+ "name": "_handleBlur",
720
+ "privacy": "private"
721
+ },
722
+ {
723
+ "kind": "field",
724
+ "name": "version",
725
+ "type": {
726
+ "text": "string"
727
+ },
728
+ "description": "VSCode Elements version",
729
+ "readonly": true,
730
+ "inheritedFrom": {
731
+ "name": "VscElement",
732
+ "module": "src/includes/VscElement.ts"
733
+ }
765
734
  }
766
735
  ],
767
- "description": "A testing utility that measures an element's position and clicks on it."
768
- },
769
- {
770
- "kind": "function",
771
- "name": "moveMouseOnElement",
772
- "parameters": [
736
+ "events": [
773
737
  {
774
- "name": "el",
738
+ "name": "vsc-click",
775
739
  "type": {
776
- "text": "Element"
777
- }
740
+ "text": "CustomEvent"
741
+ },
742
+ "deprecated": "Please use the standard `click` event.",
743
+ "description": "Dispatched only when button is not in disabled state."
744
+ }
745
+ ],
746
+ "attributes": [
747
+ {
748
+ "name": "autofocus",
749
+ "type": {
750
+ "text": "boolean"
751
+ },
752
+ "default": "false",
753
+ "fieldName": "autofocus"
778
754
  },
779
755
  {
780
- "name": "position",
781
- "default": "'center'",
756
+ "name": "secondary",
782
757
  "type": {
783
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
784
- }
758
+ "text": "boolean"
759
+ },
760
+ "default": "false",
761
+ "description": "Button has a less prominent style.",
762
+ "fieldName": "secondary"
785
763
  },
786
764
  {
787
- "name": "offsetX",
788
- "default": "0"
765
+ "name": "disabled",
766
+ "type": {
767
+ "text": "boolean"
768
+ },
769
+ "default": "false",
770
+ "fieldName": "disabled"
789
771
  },
790
772
  {
791
- "name": "offsetY",
792
- "default": "0"
793
- }
794
- ],
795
- "description": "A testing utility that moves the mouse onto an element."
796
- },
797
- {
798
- "kind": "function",
799
- "name": "dragElement",
800
- "return": {
801
- "type": {
802
- "text": "Promise<void>"
803
- }
804
- },
805
- "parameters": [
773
+ "name": "icon",
774
+ "type": {
775
+ "text": "string"
776
+ },
777
+ "default": "''",
778
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
779
+ "fieldName": "icon"
780
+ },
806
781
  {
807
- "name": "el",
782
+ "name": "icon-spin",
808
783
  "type": {
809
- "text": "Element"
810
- }
784
+ "text": "boolean"
785
+ },
786
+ "default": "false",
787
+ "description": "Spin property for the icon",
788
+ "fieldName": "iconSpin"
811
789
  },
812
790
  {
813
- "name": "deltaX",
814
- "default": "0"
791
+ "name": "icon-spin-duration",
792
+ "type": {
793
+ "text": "number | undefined"
794
+ },
795
+ "description": "Duration property for the icon",
796
+ "fieldName": "iconSpinDuration"
815
797
  },
816
798
  {
817
- "name": "deltaY",
818
- "default": "0"
799
+ "name": "icon-after",
800
+ "type": {
801
+ "text": "string"
802
+ },
803
+ "default": "''",
804
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
805
+ "fieldName": "iconAfter"
819
806
  },
820
807
  {
821
- "name": "callbacks",
822
- "default": "{}",
808
+ "name": "icon-after-spin",
823
809
  "type": {
824
- "text": "{\n afterMouseDown?: () => void | Promise<void>;\n afterMouseMove?: () => void | Promise<void>;\n }"
825
- }
810
+ "text": "boolean"
811
+ },
812
+ "default": "false",
813
+ "description": "Spin property for the after icon",
814
+ "fieldName": "iconAfterSpin"
815
+ },
816
+ {
817
+ "name": "icon-after-spin-duration",
818
+ "type": {
819
+ "text": "number | undefined"
820
+ },
821
+ "description": "Duration property for the after icon",
822
+ "fieldName": "iconAfterSpinDuration"
823
+ },
824
+ {
825
+ "name": "focused",
826
+ "type": {
827
+ "text": "boolean"
828
+ },
829
+ "default": "false",
830
+ "fieldName": "focused"
831
+ },
832
+ {
833
+ "name": "name",
834
+ "type": {
835
+ "text": "string | undefined"
836
+ },
837
+ "default": "undefined",
838
+ "fieldName": "name"
839
+ },
840
+ {
841
+ "name": "type",
842
+ "type": {
843
+ "text": "'submit' | 'reset' | 'button'"
844
+ },
845
+ "default": "'button'",
846
+ "fieldName": "type"
847
+ },
848
+ {
849
+ "name": "value",
850
+ "type": {
851
+ "text": "string"
852
+ },
853
+ "default": "''",
854
+ "fieldName": "value"
826
855
  }
827
856
  ],
828
- "description": "A testing utility that drags an element with the mouse."
857
+ "superclass": {
858
+ "name": "VscElement",
859
+ "module": "/src/includes/VscElement.js"
860
+ },
861
+ "tagName": "vscode-button",
862
+ "customElement": true
829
863
  }
830
864
  ],
831
865
  "exports": [
832
866
  {
833
867
  "kind": "js",
834
- "name": "clickOnElement",
835
- "declaration": {
836
- "name": "clickOnElement",
837
- "module": "src/includes/test-helpers.ts"
838
- }
839
- },
840
- {
841
- "kind": "js",
842
- "name": "moveMouseOnElement",
868
+ "name": "VscodeButton",
843
869
  "declaration": {
844
- "name": "moveMouseOnElement",
845
- "module": "src/includes/test-helpers.ts"
870
+ "name": "VscodeButton",
871
+ "module": "src/vscode-button/vscode-button.ts"
846
872
  }
847
873
  },
848
874
  {
849
- "kind": "js",
850
- "name": "dragElement",
851
- "declaration": {
852
- "name": "dragElement",
853
- "module": "src/includes/test-helpers.ts"
854
- }
855
- }
856
- ]
857
- },
858
- {
859
- "kind": "javascript-module",
860
- "path": "src/includes/uniqueId.ts",
861
- "declarations": [
862
- {
863
- "kind": "function",
864
- "name": "uniqueId",
865
- "parameters": [
866
- {
867
- "name": "prefix",
868
- "default": "''"
869
- }
870
- ]
871
- }
872
- ],
873
- "exports": [
874
- {
875
- "kind": "js",
876
- "name": "default",
875
+ "kind": "custom-element-definition",
876
+ "name": "vscode-button",
877
877
  "declaration": {
878
- "name": "uniqueId",
879
- "module": "src/includes/uniqueId.ts"
878
+ "name": "VscodeButton",
879
+ "module": "src/vscode-button/vscode-button.ts"
880
880
  }
881
881
  }
882
882
  ]
@@ -1611,380 +1611,60 @@
1611
1611
  "name": "decorations"
1612
1612
  }
1613
1613
  ],
1614
- "members": [
1615
- {
1616
- "kind": "field",
1617
- "name": "title",
1618
- "type": {
1619
- "text": "string"
1620
- },
1621
- "default": "''",
1622
- "description": "Component heading text",
1623
- "attribute": "title"
1624
- },
1625
- {
1626
- "kind": "field",
1627
- "name": "description",
1628
- "type": {
1629
- "text": "string"
1630
- },
1631
- "default": "''",
1632
- "description": "Less prominent text than the title in the header",
1633
- "attribute": "description"
1634
- },
1635
- {
1636
- "kind": "field",
1637
- "name": "open",
1638
- "type": {
1639
- "text": "boolean"
1640
- },
1641
- "default": "false",
1642
- "attribute": "open",
1643
- "reflects": true
1644
- },
1645
- {
1646
- "kind": "method",
1647
- "name": "_emitToggleEvent",
1648
- "privacy": "private"
1649
- },
1650
- {
1651
- "kind": "method",
1652
- "name": "_onHeaderClick",
1653
- "privacy": "private"
1654
- },
1655
- {
1656
- "kind": "method",
1657
- "name": "_onHeaderKeyDown",
1658
- "privacy": "private",
1659
- "parameters": [
1660
- {
1661
- "name": "event",
1662
- "type": {
1663
- "text": "KeyboardEvent"
1664
- }
1665
- }
1666
- ]
1667
- },
1668
- {
1669
- "kind": "field",
1670
- "name": "version",
1671
- "type": {
1672
- "text": "string"
1673
- },
1674
- "description": "VSCode Elements version",
1675
- "readonly": true,
1676
- "inheritedFrom": {
1677
- "name": "VscElement",
1678
- "module": "src/includes/VscElement.ts"
1679
- }
1680
- }
1681
- ],
1682
- "events": [
1683
- {
1684
- "type": {
1685
- "text": "VscCollapsibleToggleEvent"
1686
- },
1687
- "description": "Dispatched when the content visibility is changed.",
1688
- "name": "vsc-collapsible-toggle"
1689
- }
1690
- ],
1691
- "attributes": [
1692
- {
1693
- "name": "title",
1694
- "type": {
1695
- "text": "string"
1696
- },
1697
- "default": "''",
1698
- "description": "Component heading text",
1699
- "fieldName": "title"
1700
- },
1701
- {
1702
- "name": "description",
1703
- "type": {
1704
- "text": "string"
1705
- },
1706
- "default": "''",
1707
- "description": "Less prominent text than the title in the header",
1708
- "fieldName": "description"
1709
- },
1710
- {
1711
- "name": "open",
1712
- "type": {
1713
- "text": "boolean"
1714
- },
1715
- "default": "false",
1716
- "fieldName": "open"
1717
- }
1718
- ],
1719
- "superclass": {
1720
- "name": "VscElement",
1721
- "module": "/src/includes/VscElement.js"
1722
- },
1723
- "tagName": "vscode-collapsible",
1724
- "customElement": true
1725
- }
1726
- ],
1727
- "exports": [
1728
- {
1729
- "kind": "js",
1730
- "name": "VscodeCollapsible",
1731
- "declaration": {
1732
- "name": "VscodeCollapsible",
1733
- "module": "src/vscode-collapsible/vscode-collapsible.ts"
1734
- }
1735
- },
1736
- {
1737
- "kind": "custom-element-definition",
1738
- "name": "vscode-collapsible",
1739
- "declaration": {
1740
- "name": "VscodeCollapsible",
1741
- "module": "src/vscode-collapsible/vscode-collapsible.ts"
1742
- }
1743
- }
1744
- ]
1745
- },
1746
- {
1747
- "kind": "javascript-module",
1748
- "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
1749
- "declarations": [
1750
- {
1751
- "kind": "variable",
1752
- "name": "styles",
1753
- "type": {
1754
- "text": "CSSResultGroup"
1755
- },
1756
- "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
1757
- }
1758
- ],
1759
- "exports": [
1760
- {
1761
- "kind": "js",
1762
- "name": "default",
1763
- "declaration": {
1764
- "name": "styles",
1765
- "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
1766
- }
1767
- }
1768
- ]
1769
- },
1770
- {
1771
- "kind": "javascript-module",
1772
- "path": "src/vscode-context-menu/vscode-context-menu.ts",
1773
- "declarations": [
1774
- {
1775
- "kind": "class",
1776
- "description": "",
1777
- "name": "VscodeContextMenu",
1778
- "cssProperties": [
1779
- {
1780
- "name": "--vscode-font-family",
1781
- "default": "sans-serif"
1782
- },
1783
- {
1784
- "name": "--vscode-font-size",
1785
- "default": "13px"
1786
- },
1787
- {
1788
- "name": "--vscode-font-weight",
1789
- "default": "normal"
1790
- },
1791
- {
1792
- "name": "--vscode-menu-background",
1793
- "default": "#1f1f1f"
1794
- },
1795
- {
1796
- "name": "--vscode-menu-border",
1797
- "default": "#454545"
1798
- },
1799
- {
1800
- "name": "--vscode-menu-foreground",
1801
- "default": "#cccccc"
1802
- },
1803
- {
1804
- "name": "--vscode-widget-shadow",
1805
- "default": "rgba(0, 0, 0, 0.36)"
1806
- }
1807
- ],
1808
- "members": [
1809
- {
1810
- "kind": "field",
1811
- "name": "data",
1812
- "type": {
1813
- "text": "MenuItemData[]"
1814
- }
1815
- },
1816
- {
1817
- "kind": "field",
1818
- "name": "preventClose",
1819
- "type": {
1820
- "text": "boolean"
1821
- },
1822
- "default": "false",
1823
- "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
1824
- "attribute": "prevent-close",
1825
- "reflects": true
1826
- },
1827
- {
1828
- "kind": "field",
1829
- "name": "show",
1830
- "type": {
1831
- "text": "boolean"
1832
- },
1833
- "attribute": "show",
1834
- "reflects": true
1835
- },
1836
- {
1837
- "kind": "field",
1838
- "name": "_selectedClickableItemIndex",
1839
- "type": {
1840
- "text": "number"
1841
- },
1842
- "privacy": "private",
1843
- "default": "-1"
1844
- },
1845
- {
1846
- "kind": "field",
1847
- "name": "_show",
1848
- "type": {
1849
- "text": "boolean"
1850
- },
1851
- "privacy": "private",
1852
- "default": "false"
1853
- },
1854
- {
1855
- "kind": "field",
1856
- "name": "_wrapperEl",
1857
- "type": {
1858
- "text": "HTMLDivElement"
1859
- },
1860
- "privacy": "private"
1861
- },
1614
+ "members": [
1862
1615
  {
1863
1616
  "kind": "field",
1864
- "name": "_data",
1617
+ "name": "title",
1865
1618
  "type": {
1866
- "text": "MenuItemData[]"
1619
+ "text": "string"
1867
1620
  },
1868
- "privacy": "private",
1869
- "default": "[]"
1621
+ "default": "''",
1622
+ "description": "Component heading text",
1623
+ "attribute": "title"
1870
1624
  },
1871
1625
  {
1872
1626
  "kind": "field",
1873
- "name": "_clickableItemIndexes",
1627
+ "name": "description",
1874
1628
  "type": {
1875
- "text": "number[]"
1629
+ "text": "string"
1876
1630
  },
1877
- "privacy": "private",
1878
- "default": "[]"
1879
- },
1880
- {
1881
- "kind": "method",
1882
- "name": "_onClickOutside",
1883
- "privacy": "private",
1884
- "parameters": [
1885
- {
1886
- "name": "ev",
1887
- "type": {
1888
- "text": "MouseEvent"
1889
- }
1890
- }
1891
- ]
1631
+ "default": "''",
1632
+ "description": "Less prominent text than the title in the header",
1633
+ "attribute": "description"
1892
1634
  },
1893
1635
  {
1894
1636
  "kind": "field",
1895
- "name": "_onClickOutsideBound",
1896
- "privacy": "private"
1897
- },
1898
- {
1899
- "kind": "method",
1900
- "name": "_onKeyDown",
1901
- "privacy": "private",
1902
- "parameters": [
1903
- {
1904
- "name": "ev",
1905
- "type": {
1906
- "text": "KeyboardEvent"
1907
- }
1908
- }
1909
- ]
1910
- },
1911
- {
1912
- "kind": "method",
1913
- "name": "_handleArrowUp",
1914
- "privacy": "private"
1915
- },
1916
- {
1917
- "kind": "method",
1918
- "name": "_handleArrowDown",
1919
- "privacy": "private"
1637
+ "name": "open",
1638
+ "type": {
1639
+ "text": "boolean"
1640
+ },
1641
+ "default": "false",
1642
+ "attribute": "open",
1643
+ "reflects": true
1920
1644
  },
1921
1645
  {
1922
1646
  "kind": "method",
1923
- "name": "_handleEscape",
1647
+ "name": "_emitToggleEvent",
1924
1648
  "privacy": "private"
1925
1649
  },
1926
1650
  {
1927
1651
  "kind": "method",
1928
- "name": "_dispatchSelectEvent",
1929
- "privacy": "private",
1930
- "parameters": [
1931
- {
1932
- "name": "selectedOption",
1933
- "type": {
1934
- "text": "VscodeContextMenuItem"
1935
- }
1936
- }
1937
- ]
1938
- },
1939
- {
1940
- "kind": "method",
1941
- "name": "_dispatchLegacySelectEvent",
1942
- "privacy": "private",
1943
- "parameters": [
1944
- {
1945
- "name": "selectedOption",
1946
- "type": {
1947
- "text": "VscodeContextMenuItem"
1948
- }
1949
- }
1950
- ]
1951
- },
1952
- {
1953
- "kind": "method",
1954
- "name": "_handleEnter",
1652
+ "name": "_onHeaderClick",
1955
1653
  "privacy": "private"
1956
1654
  },
1957
1655
  {
1958
1656
  "kind": "method",
1959
- "name": "_onItemClick",
1960
- "privacy": "private",
1961
- "parameters": [
1962
- {
1963
- "name": "event",
1964
- "type": {
1965
- "text": "CustomEvent"
1966
- }
1967
- }
1968
- ]
1969
- },
1970
- {
1971
- "kind": "method",
1972
- "name": "_onItemMouseOver",
1657
+ "name": "_onHeaderKeyDown",
1973
1658
  "privacy": "private",
1974
1659
  "parameters": [
1975
1660
  {
1976
1661
  "name": "event",
1977
1662
  "type": {
1978
- "text": "MouseEvent"
1663
+ "text": "KeyboardEvent"
1979
1664
  }
1980
1665
  }
1981
1666
  ]
1982
1667
  },
1983
- {
1984
- "kind": "method",
1985
- "name": "_onItemMouseOut",
1986
- "privacy": "private"
1987
- },
1988
1668
  {
1989
1669
  "kind": "field",
1990
1670
  "name": "version",
@@ -2000,62 +1680,65 @@
2000
1680
  }
2001
1681
  ],
2002
1682
  "events": [
2003
- {
2004
- "name": "vsc-select",
2005
- "type": {
2006
- "text": "CustomEvent"
2007
- },
2008
- "deprecated": "- Renamed to `vsc-context-menu-select`"
2009
- },
2010
1683
  {
2011
1684
  "type": {
2012
- "text": "VscMenuSelectEvent"
1685
+ "text": "VscCollapsibleToggleEvent"
2013
1686
  },
2014
- "description": "Emitted when a menu item is clicked",
2015
- "name": "vsc-menu-select"
1687
+ "description": "Dispatched when the content visibility is changed.",
1688
+ "name": "vsc-collapsible-toggle"
2016
1689
  }
2017
1690
  ],
2018
1691
  "attributes": [
2019
1692
  {
2020
- "name": "prevent-close",
1693
+ "name": "title",
2021
1694
  "type": {
2022
- "text": "boolean"
1695
+ "text": "string"
2023
1696
  },
2024
- "default": "false",
2025
- "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
2026
- "fieldName": "preventClose"
1697
+ "default": "''",
1698
+ "description": "Component heading text",
1699
+ "fieldName": "title"
2027
1700
  },
2028
1701
  {
2029
- "name": "show",
1702
+ "name": "description",
1703
+ "type": {
1704
+ "text": "string"
1705
+ },
1706
+ "default": "''",
1707
+ "description": "Less prominent text than the title in the header",
1708
+ "fieldName": "description"
1709
+ },
1710
+ {
1711
+ "name": "open",
2030
1712
  "type": {
2031
1713
  "text": "boolean"
2032
1714
  },
2033
- "fieldName": "show"
1715
+ "default": "false",
1716
+ "fieldName": "open"
2034
1717
  }
2035
1718
  ],
2036
1719
  "superclass": {
2037
1720
  "name": "VscElement",
2038
1721
  "module": "/src/includes/VscElement.js"
2039
1722
  },
2040
- "tagName": "vscode-context-menu",
1723
+ "tagName": "vscode-collapsible",
2041
1724
  "customElement": true
2042
1725
  }
2043
1726
  ],
2044
1727
  "exports": [
2045
1728
  {
2046
1729
  "kind": "js",
2047
- "name": "VscodeContextMenu",
1730
+ "name": "VscodeCollapsible",
2048
1731
  "declaration": {
2049
- "name": "VscodeContextMenu",
2050
- "module": "src/vscode-context-menu/vscode-context-menu.ts"
1732
+ "name": "VscodeCollapsible",
1733
+ "module": "src/vscode-collapsible/vscode-collapsible.ts"
2051
1734
  }
2052
1735
  },
2053
1736
  {
2054
1737
  "kind": "custom-element-definition",
2055
- "name": "vscode-context-menu",
1738
+ "name": "vscode-collapsible",
2056
1739
  "declaration": {
2057
- "name": "VscodeContextMenu",
2058
- "module": "src/vscode-context-menu/vscode-context-menu.ts"
1740
+ "name": "VscodeCollapsible",
1741
+ "module": "src/vscode-collapsible/vscode-collapsible.ts"
2059
1742
  }
2060
1743
  }
2061
1744
  ]
@@ -2214,60 +1897,160 @@
2214
1897
  "fieldName": "keybinding"
2215
1898
  },
2216
1899
  {
2217
- "name": "value",
1900
+ "name": "value",
1901
+ "type": {
1902
+ "text": "string"
1903
+ },
1904
+ "default": "''",
1905
+ "fieldName": "value"
1906
+ },
1907
+ {
1908
+ "name": "separator",
1909
+ "type": {
1910
+ "text": "boolean"
1911
+ },
1912
+ "default": "false",
1913
+ "fieldName": "separator"
1914
+ },
1915
+ {
1916
+ "name": "tabindex",
1917
+ "type": {
1918
+ "text": "number"
1919
+ },
1920
+ "default": "0",
1921
+ "fieldName": "tabindex"
1922
+ }
1923
+ ],
1924
+ "superclass": {
1925
+ "name": "VscElement",
1926
+ "module": "/src/includes/VscElement.js"
1927
+ },
1928
+ "tagName": "vscode-context-menu-item",
1929
+ "customElement": true
1930
+ }
1931
+ ],
1932
+ "exports": [
1933
+ {
1934
+ "kind": "js",
1935
+ "name": "VscodeContextMenuItem",
1936
+ "declaration": {
1937
+ "name": "VscodeContextMenuItem",
1938
+ "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
1939
+ }
1940
+ },
1941
+ {
1942
+ "kind": "custom-element-definition",
1943
+ "name": "vscode-context-menu-item",
1944
+ "declaration": {
1945
+ "name": "VscodeContextMenuItem",
1946
+ "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
1947
+ }
1948
+ }
1949
+ ]
1950
+ },
1951
+ {
1952
+ "kind": "javascript-module",
1953
+ "path": "src/vscode-divider/vscode-divider.styles.ts",
1954
+ "declarations": [
1955
+ {
1956
+ "kind": "variable",
1957
+ "name": "styles",
1958
+ "type": {
1959
+ "text": "CSSResultGroup"
1960
+ },
1961
+ "default": "[ defaultStyles, css` :host { background-color: var(--vscode-foreground, #cccccc); display: block; height: 1px; margin-bottom: 10px; margin-top: 10px; opacity: 0.4; } `, ]"
1962
+ }
1963
+ ],
1964
+ "exports": [
1965
+ {
1966
+ "kind": "js",
1967
+ "name": "default",
1968
+ "declaration": {
1969
+ "name": "styles",
1970
+ "module": "src/vscode-divider/vscode-divider.styles.ts"
1971
+ }
1972
+ }
1973
+ ]
1974
+ },
1975
+ {
1976
+ "kind": "javascript-module",
1977
+ "path": "src/vscode-divider/vscode-divider.ts",
1978
+ "declarations": [
1979
+ {
1980
+ "kind": "class",
1981
+ "description": "",
1982
+ "name": "VscodeDivider",
1983
+ "cssProperties": [
1984
+ {
1985
+ "name": "--vscode-foreground",
1986
+ "default": "#cccccc"
1987
+ }
1988
+ ],
1989
+ "members": [
1990
+ {
1991
+ "kind": "field",
1992
+ "name": "role",
2218
1993
  "type": {
2219
- "text": "string"
1994
+ "text": "'separator' | 'presentation'"
2220
1995
  },
2221
- "default": "''",
2222
- "fieldName": "value"
1996
+ "default": "'separator'",
1997
+ "attribute": "role",
1998
+ "reflects": true
2223
1999
  },
2224
2000
  {
2225
- "name": "separator",
2001
+ "kind": "field",
2002
+ "name": "version",
2226
2003
  "type": {
2227
- "text": "boolean"
2004
+ "text": "string"
2228
2005
  },
2229
- "default": "false",
2230
- "fieldName": "separator"
2231
- },
2006
+ "description": "VSCode Elements version",
2007
+ "readonly": true,
2008
+ "inheritedFrom": {
2009
+ "name": "VscElement",
2010
+ "module": "src/includes/VscElement.ts"
2011
+ }
2012
+ }
2013
+ ],
2014
+ "attributes": [
2232
2015
  {
2233
- "name": "tabindex",
2016
+ "name": "role",
2234
2017
  "type": {
2235
- "text": "number"
2018
+ "text": "'separator' | 'presentation'"
2236
2019
  },
2237
- "default": "0",
2238
- "fieldName": "tabindex"
2020
+ "default": "'separator'",
2021
+ "fieldName": "role"
2239
2022
  }
2240
2023
  ],
2241
2024
  "superclass": {
2242
2025
  "name": "VscElement",
2243
2026
  "module": "/src/includes/VscElement.js"
2244
2027
  },
2245
- "tagName": "vscode-context-menu-item",
2028
+ "tagName": "vscode-divider",
2246
2029
  "customElement": true
2247
2030
  }
2248
2031
  ],
2249
2032
  "exports": [
2250
2033
  {
2251
2034
  "kind": "js",
2252
- "name": "VscodeContextMenuItem",
2035
+ "name": "VscodeDivider",
2253
2036
  "declaration": {
2254
- "name": "VscodeContextMenuItem",
2255
- "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
2037
+ "name": "VscodeDivider",
2038
+ "module": "src/vscode-divider/vscode-divider.ts"
2256
2039
  }
2257
2040
  },
2258
2041
  {
2259
2042
  "kind": "custom-element-definition",
2260
- "name": "vscode-context-menu-item",
2043
+ "name": "vscode-divider",
2261
2044
  "declaration": {
2262
- "name": "VscodeContextMenuItem",
2263
- "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
2045
+ "name": "VscodeDivider",
2046
+ "module": "src/vscode-divider/vscode-divider.ts"
2264
2047
  }
2265
2048
  }
2266
2049
  ]
2267
2050
  },
2268
2051
  {
2269
2052
  "kind": "javascript-module",
2270
- "path": "src/vscode-divider/vscode-divider.styles.ts",
2053
+ "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
2271
2054
  "declarations": [
2272
2055
  {
2273
2056
  "kind": "variable",
@@ -2275,7 +2058,7 @@
2275
2058
  "type": {
2276
2059
  "text": "CSSResultGroup"
2277
2060
  },
2278
- "default": "[ defaultStyles, css` :host { background-color: var(--vscode-foreground, #cccccc); display: block; height: 1px; margin-bottom: 10px; margin-top: 10px; opacity: 0.4; } `, ]"
2061
+ "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
2279
2062
  }
2280
2063
  ],
2281
2064
  "exports": [
@@ -2284,35 +2067,228 @@
2284
2067
  "name": "default",
2285
2068
  "declaration": {
2286
2069
  "name": "styles",
2287
- "module": "src/vscode-divider/vscode-divider.styles.ts"
2070
+ "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
2288
2071
  }
2289
2072
  }
2290
2073
  ]
2291
2074
  },
2292
2075
  {
2293
2076
  "kind": "javascript-module",
2294
- "path": "src/vscode-divider/vscode-divider.ts",
2077
+ "path": "src/vscode-context-menu/vscode-context-menu.ts",
2295
2078
  "declarations": [
2296
2079
  {
2297
2080
  "kind": "class",
2298
2081
  "description": "",
2299
- "name": "VscodeDivider",
2082
+ "name": "VscodeContextMenu",
2300
2083
  "cssProperties": [
2301
2084
  {
2302
- "name": "--vscode-foreground",
2085
+ "name": "--vscode-font-family",
2086
+ "default": "sans-serif"
2087
+ },
2088
+ {
2089
+ "name": "--vscode-font-size",
2090
+ "default": "13px"
2091
+ },
2092
+ {
2093
+ "name": "--vscode-font-weight",
2094
+ "default": "normal"
2095
+ },
2096
+ {
2097
+ "name": "--vscode-menu-background",
2098
+ "default": "#1f1f1f"
2099
+ },
2100
+ {
2101
+ "name": "--vscode-menu-border",
2102
+ "default": "#454545"
2103
+ },
2104
+ {
2105
+ "name": "--vscode-menu-foreground",
2303
2106
  "default": "#cccccc"
2107
+ },
2108
+ {
2109
+ "name": "--vscode-widget-shadow",
2110
+ "default": "rgba(0, 0, 0, 0.36)"
2304
2111
  }
2305
2112
  ],
2306
2113
  "members": [
2307
2114
  {
2308
- "kind": "field",
2309
- "name": "role",
2310
- "type": {
2311
- "text": "'separator' | 'presentation'"
2312
- },
2313
- "default": "'separator'",
2314
- "attribute": "role",
2315
- "reflects": true
2115
+ "kind": "field",
2116
+ "name": "data",
2117
+ "type": {
2118
+ "text": "MenuItemData[]"
2119
+ }
2120
+ },
2121
+ {
2122
+ "kind": "field",
2123
+ "name": "preventClose",
2124
+ "type": {
2125
+ "text": "boolean"
2126
+ },
2127
+ "default": "false",
2128
+ "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
2129
+ "attribute": "prevent-close",
2130
+ "reflects": true
2131
+ },
2132
+ {
2133
+ "kind": "field",
2134
+ "name": "show",
2135
+ "type": {
2136
+ "text": "boolean"
2137
+ },
2138
+ "attribute": "show",
2139
+ "reflects": true
2140
+ },
2141
+ {
2142
+ "kind": "field",
2143
+ "name": "_selectedClickableItemIndex",
2144
+ "type": {
2145
+ "text": "number"
2146
+ },
2147
+ "privacy": "private",
2148
+ "default": "-1"
2149
+ },
2150
+ {
2151
+ "kind": "field",
2152
+ "name": "_show",
2153
+ "type": {
2154
+ "text": "boolean"
2155
+ },
2156
+ "privacy": "private",
2157
+ "default": "false"
2158
+ },
2159
+ {
2160
+ "kind": "field",
2161
+ "name": "_wrapperEl",
2162
+ "type": {
2163
+ "text": "HTMLDivElement"
2164
+ },
2165
+ "privacy": "private"
2166
+ },
2167
+ {
2168
+ "kind": "field",
2169
+ "name": "_data",
2170
+ "type": {
2171
+ "text": "MenuItemData[]"
2172
+ },
2173
+ "privacy": "private",
2174
+ "default": "[]"
2175
+ },
2176
+ {
2177
+ "kind": "field",
2178
+ "name": "_clickableItemIndexes",
2179
+ "type": {
2180
+ "text": "number[]"
2181
+ },
2182
+ "privacy": "private",
2183
+ "default": "[]"
2184
+ },
2185
+ {
2186
+ "kind": "method",
2187
+ "name": "_onClickOutside",
2188
+ "privacy": "private",
2189
+ "parameters": [
2190
+ {
2191
+ "name": "ev",
2192
+ "type": {
2193
+ "text": "MouseEvent"
2194
+ }
2195
+ }
2196
+ ]
2197
+ },
2198
+ {
2199
+ "kind": "field",
2200
+ "name": "_onClickOutsideBound",
2201
+ "privacy": "private"
2202
+ },
2203
+ {
2204
+ "kind": "method",
2205
+ "name": "_onKeyDown",
2206
+ "privacy": "private",
2207
+ "parameters": [
2208
+ {
2209
+ "name": "ev",
2210
+ "type": {
2211
+ "text": "KeyboardEvent"
2212
+ }
2213
+ }
2214
+ ]
2215
+ },
2216
+ {
2217
+ "kind": "method",
2218
+ "name": "_handleArrowUp",
2219
+ "privacy": "private"
2220
+ },
2221
+ {
2222
+ "kind": "method",
2223
+ "name": "_handleArrowDown",
2224
+ "privacy": "private"
2225
+ },
2226
+ {
2227
+ "kind": "method",
2228
+ "name": "_handleEscape",
2229
+ "privacy": "private"
2230
+ },
2231
+ {
2232
+ "kind": "method",
2233
+ "name": "_dispatchSelectEvent",
2234
+ "privacy": "private",
2235
+ "parameters": [
2236
+ {
2237
+ "name": "selectedOption",
2238
+ "type": {
2239
+ "text": "VscodeContextMenuItem"
2240
+ }
2241
+ }
2242
+ ]
2243
+ },
2244
+ {
2245
+ "kind": "method",
2246
+ "name": "_dispatchLegacySelectEvent",
2247
+ "privacy": "private",
2248
+ "parameters": [
2249
+ {
2250
+ "name": "selectedOption",
2251
+ "type": {
2252
+ "text": "VscodeContextMenuItem"
2253
+ }
2254
+ }
2255
+ ]
2256
+ },
2257
+ {
2258
+ "kind": "method",
2259
+ "name": "_handleEnter",
2260
+ "privacy": "private"
2261
+ },
2262
+ {
2263
+ "kind": "method",
2264
+ "name": "_onItemClick",
2265
+ "privacy": "private",
2266
+ "parameters": [
2267
+ {
2268
+ "name": "event",
2269
+ "type": {
2270
+ "text": "CustomEvent"
2271
+ }
2272
+ }
2273
+ ]
2274
+ },
2275
+ {
2276
+ "kind": "method",
2277
+ "name": "_onItemMouseOver",
2278
+ "privacy": "private",
2279
+ "parameters": [
2280
+ {
2281
+ "name": "event",
2282
+ "type": {
2283
+ "text": "MouseEvent"
2284
+ }
2285
+ }
2286
+ ]
2287
+ },
2288
+ {
2289
+ "kind": "method",
2290
+ "name": "_onItemMouseOut",
2291
+ "privacy": "private"
2316
2292
  },
2317
2293
  {
2318
2294
  "kind": "field",
@@ -2328,39 +2304,63 @@
2328
2304
  }
2329
2305
  }
2330
2306
  ],
2307
+ "events": [
2308
+ {
2309
+ "name": "vsc-select",
2310
+ "type": {
2311
+ "text": "CustomEvent"
2312
+ },
2313
+ "deprecated": "- Renamed to `vsc-context-menu-select`"
2314
+ },
2315
+ {
2316
+ "type": {
2317
+ "text": "VscMenuSelectEvent"
2318
+ },
2319
+ "description": "Emitted when a menu item is clicked",
2320
+ "name": "vsc-menu-select"
2321
+ }
2322
+ ],
2331
2323
  "attributes": [
2332
2324
  {
2333
- "name": "role",
2325
+ "name": "prevent-close",
2334
2326
  "type": {
2335
- "text": "'separator' | 'presentation'"
2327
+ "text": "boolean"
2336
2328
  },
2337
- "default": "'separator'",
2338
- "fieldName": "role"
2329
+ "default": "false",
2330
+ "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
2331
+ "fieldName": "preventClose"
2332
+ },
2333
+ {
2334
+ "name": "show",
2335
+ "type": {
2336
+ "text": "boolean"
2337
+ },
2338
+ "fieldName": "show"
2339
2339
  }
2340
2340
  ],
2341
2341
  "superclass": {
2342
2342
  "name": "VscElement",
2343
2343
  "module": "/src/includes/VscElement.js"
2344
2344
  },
2345
- "tagName": "vscode-divider",
2345
+ "tagName": "vscode-context-menu",
2346
2346
  "customElement": true
2347
2347
  }
2348
2348
  ],
2349
2349
  "exports": [
2350
2350
  {
2351
2351
  "kind": "js",
2352
- "name": "VscodeDivider",
2352
+ "name": "VscodeContextMenu",
2353
2353
  "declaration": {
2354
- "name": "VscodeDivider",
2355
- "module": "src/vscode-divider/vscode-divider.ts"
2354
+ "name": "VscodeContextMenu",
2355
+ "module": "src/vscode-context-menu/vscode-context-menu.ts"
2356
2356
  }
2357
2357
  },
2358
2358
  {
2359
2359
  "kind": "custom-element-definition",
2360
- "name": "vscode-divider",
2360
+ "name": "vscode-context-menu",
2361
2361
  "declaration": {
2362
- "name": "VscodeDivider",
2363
- "module": "src/vscode-divider/vscode-divider.ts"
2362
+ "name": "VscodeContextMenu",
2363
+ "module": "src/vscode-context-menu/vscode-context-menu.ts"
2364
2364
  }
2365
2365
  }
2366
2366
  ]
@@ -3465,6 +3465,15 @@
3465
3465
  "privacy": "private",
3466
3466
  "default": "[]"
3467
3467
  },
3468
+ {
3469
+ "kind": "method",
3470
+ "name": "_createAndSelectSuggestedOption",
3471
+ "privacy": "protected",
3472
+ "inheritedFrom": {
3473
+ "name": "VscodeSelectBase",
3474
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3475
+ }
3476
+ },
3468
3477
  {
3469
3478
  "kind": "method",
3470
3479
  "name": "_onSlotChange",
@@ -3480,17 +3489,21 @@
3480
3489
  }
3481
3490
  },
3482
3491
  {
3483
- "kind": "method",
3492
+ "kind": "field",
3484
3493
  "name": "_onOptionClick",
3485
- "privacy": "private",
3494
+ "privacy": "protected",
3486
3495
  "parameters": [
3487
3496
  {
3488
- "name": "ev",
3497
+ "name": "_ev",
3489
3498
  "type": {
3490
3499
  "text": "MouseEvent"
3491
3500
  }
3492
3501
  }
3493
- ]
3502
+ ],
3503
+ "inheritedFrom": {
3504
+ "name": "VscodeSelectBase",
3505
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3506
+ }
3494
3507
  },
3495
3508
  {
3496
3509
  "kind": "method",
@@ -3543,21 +3556,7 @@
3543
3556
  },
3544
3557
  {
3545
3558
  "kind": "method",
3546
- "name": "_renderComboboxFace",
3547
- "privacy": "protected",
3548
- "return": {
3549
- "type": {
3550
- "text": "TemplateResult"
3551
- }
3552
- },
3553
- "inheritedFrom": {
3554
- "name": "VscodeSelectBase",
3555
- "module": "src/includes/vscode-select/vscode-select-base.ts"
3556
- }
3557
- },
3558
- {
3559
- "kind": "method",
3560
- "name": "_renderOptions",
3559
+ "name": "_renderDropdownControls",
3561
3560
  "privacy": "protected",
3562
3561
  "return": {
3563
3562
  "type": {
@@ -3570,14 +3569,15 @@
3570
3569
  }
3571
3570
  },
3572
3571
  {
3573
- "kind": "method",
3574
- "name": "_renderDropdownControls",
3575
- "privacy": "protected",
3576
- "return": {
3577
- "type": {
3578
- "text": "TemplateResult"
3579
- }
3572
+ "kind": "field",
3573
+ "name": "invalid",
3574
+ "type": {
3575
+ "text": "boolean"
3580
3576
  },
3577
+ "default": "false",
3578
+ "description": "Sets the invalid state manually.",
3579
+ "attribute": "invalid",
3580
+ "reflects": true,
3581
3581
  "inheritedFrom": {
3582
3582
  "name": "VscodeSelectBase",
3583
3583
  "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -3585,13 +3585,12 @@
3585
3585
  },
3586
3586
  {
3587
3587
  "kind": "field",
3588
- "name": "invalid",
3588
+ "name": "creatable",
3589
3589
  "type": {
3590
3590
  "text": "boolean"
3591
3591
  },
3592
3592
  "default": "false",
3593
- "description": "Sets the invalid state manually.",
3594
- "attribute": "invalid",
3593
+ "attribute": "creatable",
3595
3594
  "reflects": true,
3596
3595
  "inheritedFrom": {
3597
3596
  "name": "VscodeSelectBase",
@@ -3853,6 +3852,19 @@
3853
3852
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3854
3853
  }
3855
3854
  },
3855
+ {
3856
+ "kind": "field",
3857
+ "name": "_isPlaceholderOptionActive",
3858
+ "type": {
3859
+ "text": "boolean"
3860
+ },
3861
+ "privacy": "protected",
3862
+ "default": "false",
3863
+ "inheritedFrom": {
3864
+ "name": "VscodeSelectBase",
3865
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3866
+ }
3867
+ },
3856
3868
  {
3857
3869
  "kind": "field",
3858
3870
  "name": "_listElement",
@@ -3917,6 +3929,16 @@
3917
3929
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3918
3930
  }
3919
3931
  },
3932
+ {
3933
+ "kind": "field",
3934
+ "name": "_isSuggestedOptionVisible",
3935
+ "privacy": "protected",
3936
+ "readonly": true,
3937
+ "inheritedFrom": {
3938
+ "name": "VscodeSelectBase",
3939
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3940
+ }
3941
+ },
3920
3942
  {
3921
3943
  "kind": "method",
3922
3944
  "name": "_setStateFromSlottedElements",
@@ -3948,6 +3970,15 @@
3948
3970
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3949
3971
  }
3950
3972
  },
3973
+ {
3974
+ "kind": "method",
3975
+ "name": "_createSuggestedOption",
3976
+ "privacy": "protected",
3977
+ "inheritedFrom": {
3978
+ "name": "VscodeSelectBase",
3979
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3980
+ }
3981
+ },
3951
3982
  {
3952
3983
  "kind": "method",
3953
3984
  "name": "_dispatchChangeEvent",
@@ -4061,6 +4092,15 @@
4061
4092
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4062
4093
  }
4063
4094
  },
4095
+ {
4096
+ "kind": "method",
4097
+ "name": "_onPlaceholderOptionMouseOut",
4098
+ "privacy": "protected",
4099
+ "inheritedFrom": {
4100
+ "name": "VscodeSelectBase",
4101
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4102
+ }
4103
+ },
4064
4104
  {
4065
4105
  "kind": "method",
4066
4106
  "name": "_onEnterKeyDown",
@@ -4070,6 +4110,14 @@
4070
4110
  "text": "void"
4071
4111
  }
4072
4112
  },
4113
+ "parameters": [
4114
+ {
4115
+ "name": "ev",
4116
+ "type": {
4117
+ "text": "KeyboardEvent"
4118
+ }
4119
+ }
4120
+ ],
4073
4121
  "inheritedFrom": {
4074
4122
  "name": "VscodeSelectBase",
4075
4123
  "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -4103,6 +4151,12 @@
4103
4151
  "type": {
4104
4152
  "text": "'down' | 'up'"
4105
4153
  }
4154
+ },
4155
+ {
4156
+ "name": "optionIndex",
4157
+ "type": {
4158
+ "text": "number"
4159
+ }
4106
4160
  }
4107
4161
  ],
4108
4162
  "inheritedFrom": {
@@ -4139,24 +4193,16 @@
4139
4193
  }
4140
4194
  },
4141
4195
  {
4142
- "kind": "method",
4196
+ "kind": "field",
4143
4197
  "name": "_onComponentKeyDown",
4144
4198
  "privacy": "private",
4145
- "parameters": [
4146
- {
4147
- "name": "event",
4148
- "type": {
4149
- "text": "KeyboardEvent"
4150
- }
4151
- }
4152
- ],
4153
4199
  "inheritedFrom": {
4154
4200
  "name": "VscodeSelectBase",
4155
4201
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4156
4202
  }
4157
4203
  },
4158
4204
  {
4159
- "kind": "method",
4205
+ "kind": "field",
4160
4206
  "name": "_onComponentFocus",
4161
4207
  "privacy": "private",
4162
4208
  "inheritedFrom": {
@@ -4165,7 +4211,7 @@
4165
4211
  }
4166
4212
  },
4167
4213
  {
4168
- "kind": "method",
4214
+ "kind": "field",
4169
4215
  "name": "_onComponentBlur",
4170
4216
  "privacy": "private",
4171
4217
  "inheritedFrom": {
@@ -4231,6 +4277,37 @@
4231
4277
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4232
4278
  }
4233
4279
  },
4280
+ {
4281
+ "kind": "method",
4282
+ "name": "_renderOptions",
4283
+ "privacy": "protected",
4284
+ "return": {
4285
+ "type": {
4286
+ "text": "TemplateResult | TemplateResult[]"
4287
+ }
4288
+ },
4289
+ "inheritedFrom": {
4290
+ "name": "VscodeSelectBase",
4291
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4292
+ }
4293
+ },
4294
+ {
4295
+ "kind": "method",
4296
+ "name": "_renderPlaceholderOption",
4297
+ "privacy": "protected",
4298
+ "parameters": [
4299
+ {
4300
+ "name": "isListEmpty",
4301
+ "type": {
4302
+ "text": "boolean"
4303
+ }
4304
+ }
4305
+ ],
4306
+ "inheritedFrom": {
4307
+ "name": "VscodeSelectBase",
4308
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4309
+ }
4310
+ },
4234
4311
  {
4235
4312
  "kind": "method",
4236
4313
  "name": "_renderDescription",
@@ -4240,6 +4317,29 @@
4240
4317
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4241
4318
  }
4242
4319
  },
4320
+ {
4321
+ "kind": "method",
4322
+ "name": "_renderMultiSelectLabel",
4323
+ "privacy": "private",
4324
+ "inheritedFrom": {
4325
+ "name": "VscodeSelectBase",
4326
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4327
+ }
4328
+ },
4329
+ {
4330
+ "kind": "method",
4331
+ "name": "_renderComboboxFace",
4332
+ "privacy": "protected",
4333
+ "return": {
4334
+ "type": {
4335
+ "text": "TemplateResult"
4336
+ }
4337
+ },
4338
+ "inheritedFrom": {
4339
+ "name": "VscodeSelectBase",
4340
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4341
+ }
4342
+ },
4243
4343
  {
4244
4344
  "kind": "method",
4245
4345
  "name": "_renderDropdown",
@@ -4321,6 +4421,18 @@
4321
4421
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4322
4422
  }
4323
4423
  },
4424
+ {
4425
+ "name": "creatable",
4426
+ "type": {
4427
+ "text": "boolean"
4428
+ },
4429
+ "default": "false",
4430
+ "fieldName": "creatable",
4431
+ "inheritedFrom": {
4432
+ "name": "VscodeSelectBase",
4433
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4434
+ }
4435
+ },
4324
4436
  {
4325
4437
  "name": "combobox",
4326
4438
  "type": {
@@ -6154,6 +6266,15 @@
6154
6266
  "privacy": "private",
6155
6267
  "default": "''"
6156
6268
  },
6269
+ {
6270
+ "kind": "method",
6271
+ "name": "_createAndSelectSuggestedOption",
6272
+ "privacy": "protected",
6273
+ "inheritedFrom": {
6274
+ "name": "VscodeSelectBase",
6275
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6276
+ }
6277
+ },
6157
6278
  {
6158
6279
  "kind": "method",
6159
6280
  "name": "_onSlotChange",
@@ -6204,7 +6325,15 @@
6204
6325
  "type": {
6205
6326
  "text": "void"
6206
6327
  }
6207
- },
6328
+ },
6329
+ "parameters": [
6330
+ {
6331
+ "name": "ev",
6332
+ "type": {
6333
+ "text": "KeyboardEvent"
6334
+ }
6335
+ }
6336
+ ],
6208
6337
  "inheritedFrom": {
6209
6338
  "name": "VscodeSelectBase",
6210
6339
  "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -6213,7 +6342,7 @@
6213
6342
  {
6214
6343
  "kind": "method",
6215
6344
  "name": "_onOptionClick",
6216
- "privacy": "private",
6345
+ "privacy": "protected",
6217
6346
  "parameters": [
6218
6347
  {
6219
6348
  "name": "ev",
@@ -6221,7 +6350,11 @@
6221
6350
  "text": "MouseEvent"
6222
6351
  }
6223
6352
  }
6224
- ]
6353
+ ],
6354
+ "inheritedFrom": {
6355
+ "name": "VscodeSelectBase",
6356
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6357
+ }
6225
6358
  },
6226
6359
  {
6227
6360
  "kind": "method",
@@ -6243,28 +6376,15 @@
6243
6376
  }
6244
6377
  },
6245
6378
  {
6246
- "kind": "method",
6247
- "name": "_renderComboboxFace",
6248
- "privacy": "protected",
6249
- "return": {
6250
- "type": {
6251
- "text": "TemplateResult"
6252
- }
6253
- },
6254
- "inheritedFrom": {
6255
- "name": "VscodeSelectBase",
6256
- "module": "src/includes/vscode-select/vscode-select-base.ts"
6257
- }
6258
- },
6259
- {
6260
- "kind": "method",
6261
- "name": "_renderOptions",
6262
- "privacy": "protected",
6263
- "return": {
6264
- "type": {
6265
- "text": "TemplateResult"
6266
- }
6379
+ "kind": "field",
6380
+ "name": "invalid",
6381
+ "type": {
6382
+ "text": "boolean"
6267
6383
  },
6384
+ "default": "false",
6385
+ "description": "Sets the invalid state manually.",
6386
+ "attribute": "invalid",
6387
+ "reflects": true,
6268
6388
  "inheritedFrom": {
6269
6389
  "name": "VscodeSelectBase",
6270
6390
  "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -6272,13 +6392,12 @@
6272
6392
  },
6273
6393
  {
6274
6394
  "kind": "field",
6275
- "name": "invalid",
6395
+ "name": "creatable",
6276
6396
  "type": {
6277
6397
  "text": "boolean"
6278
6398
  },
6279
6399
  "default": "false",
6280
- "description": "Sets the invalid state manually.",
6281
- "attribute": "invalid",
6400
+ "attribute": "creatable",
6282
6401
  "reflects": true,
6283
6402
  "inheritedFrom": {
6284
6403
  "name": "VscodeSelectBase",
@@ -6540,6 +6659,19 @@
6540
6659
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6541
6660
  }
6542
6661
  },
6662
+ {
6663
+ "kind": "field",
6664
+ "name": "_isPlaceholderOptionActive",
6665
+ "type": {
6666
+ "text": "boolean"
6667
+ },
6668
+ "privacy": "protected",
6669
+ "default": "false",
6670
+ "inheritedFrom": {
6671
+ "name": "VscodeSelectBase",
6672
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6673
+ }
6674
+ },
6543
6675
  {
6544
6676
  "kind": "field",
6545
6677
  "name": "_listElement",
@@ -6604,6 +6736,16 @@
6604
6736
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6605
6737
  }
6606
6738
  },
6739
+ {
6740
+ "kind": "field",
6741
+ "name": "_isSuggestedOptionVisible",
6742
+ "privacy": "protected",
6743
+ "readonly": true,
6744
+ "inheritedFrom": {
6745
+ "name": "VscodeSelectBase",
6746
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6747
+ }
6748
+ },
6607
6749
  {
6608
6750
  "kind": "method",
6609
6751
  "name": "_setStateFromSlottedElements",
@@ -6635,6 +6777,15 @@
6635
6777
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6636
6778
  }
6637
6779
  },
6780
+ {
6781
+ "kind": "method",
6782
+ "name": "_createSuggestedOption",
6783
+ "privacy": "protected",
6784
+ "inheritedFrom": {
6785
+ "name": "VscodeSelectBase",
6786
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6787
+ }
6788
+ },
6638
6789
  {
6639
6790
  "kind": "method",
6640
6791
  "name": "_dispatchChangeEvent",
@@ -6748,6 +6899,15 @@
6748
6899
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6749
6900
  }
6750
6901
  },
6902
+ {
6903
+ "kind": "method",
6904
+ "name": "_onPlaceholderOptionMouseOut",
6905
+ "privacy": "protected",
6906
+ "inheritedFrom": {
6907
+ "name": "VscodeSelectBase",
6908
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6909
+ }
6910
+ },
6751
6911
  {
6752
6912
  "kind": "method",
6753
6913
  "name": "_onSpaceKeyDown",
@@ -6776,6 +6936,12 @@
6776
6936
  "type": {
6777
6937
  "text": "'down' | 'up'"
6778
6938
  }
6939
+ },
6940
+ {
6941
+ "name": "optionIndex",
6942
+ "type": {
6943
+ "text": "number"
6944
+ }
6779
6945
  }
6780
6946
  ],
6781
6947
  "inheritedFrom": {
@@ -6784,24 +6950,16 @@
6784
6950
  }
6785
6951
  },
6786
6952
  {
6787
- "kind": "method",
6953
+ "kind": "field",
6788
6954
  "name": "_onComponentKeyDown",
6789
6955
  "privacy": "private",
6790
- "parameters": [
6791
- {
6792
- "name": "event",
6793
- "type": {
6794
- "text": "KeyboardEvent"
6795
- }
6796
- }
6797
- ],
6798
6956
  "inheritedFrom": {
6799
6957
  "name": "VscodeSelectBase",
6800
6958
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6801
6959
  }
6802
6960
  },
6803
6961
  {
6804
- "kind": "method",
6962
+ "kind": "field",
6805
6963
  "name": "_onComponentFocus",
6806
6964
  "privacy": "private",
6807
6965
  "inheritedFrom": {
@@ -6810,7 +6968,7 @@
6810
6968
  }
6811
6969
  },
6812
6970
  {
6813
- "kind": "method",
6971
+ "kind": "field",
6814
6972
  "name": "_onComponentBlur",
6815
6973
  "privacy": "private",
6816
6974
  "inheritedFrom": {
@@ -6876,6 +7034,37 @@
6876
7034
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6877
7035
  }
6878
7036
  },
7037
+ {
7038
+ "kind": "method",
7039
+ "name": "_renderOptions",
7040
+ "privacy": "protected",
7041
+ "return": {
7042
+ "type": {
7043
+ "text": "TemplateResult | TemplateResult[]"
7044
+ }
7045
+ },
7046
+ "inheritedFrom": {
7047
+ "name": "VscodeSelectBase",
7048
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7049
+ }
7050
+ },
7051
+ {
7052
+ "kind": "method",
7053
+ "name": "_renderPlaceholderOption",
7054
+ "privacy": "protected",
7055
+ "parameters": [
7056
+ {
7057
+ "name": "isListEmpty",
7058
+ "type": {
7059
+ "text": "boolean"
7060
+ }
7061
+ }
7062
+ ],
7063
+ "inheritedFrom": {
7064
+ "name": "VscodeSelectBase",
7065
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7066
+ }
7067
+ },
6879
7068
  {
6880
7069
  "kind": "method",
6881
7070
  "name": "_renderDescription",
@@ -6885,6 +7074,29 @@
6885
7074
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6886
7075
  }
6887
7076
  },
7077
+ {
7078
+ "kind": "method",
7079
+ "name": "_renderMultiSelectLabel",
7080
+ "privacy": "private",
7081
+ "inheritedFrom": {
7082
+ "name": "VscodeSelectBase",
7083
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7084
+ }
7085
+ },
7086
+ {
7087
+ "kind": "method",
7088
+ "name": "_renderComboboxFace",
7089
+ "privacy": "protected",
7090
+ "return": {
7091
+ "type": {
7092
+ "text": "TemplateResult"
7093
+ }
7094
+ },
7095
+ "inheritedFrom": {
7096
+ "name": "VscodeSelectBase",
7097
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7098
+ }
7099
+ },
6888
7100
  {
6889
7101
  "kind": "method",
6890
7102
  "name": "_renderDropdownControls",
@@ -6987,6 +7199,18 @@
6987
7199
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6988
7200
  }
6989
7201
  },
7202
+ {
7203
+ "name": "creatable",
7204
+ "type": {
7205
+ "text": "boolean"
7206
+ },
7207
+ "default": "false",
7208
+ "fieldName": "creatable",
7209
+ "inheritedFrom": {
7210
+ "name": "VscodeSelectBase",
7211
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7212
+ }
7213
+ },
6990
7214
  {
6991
7215
  "name": "combobox",
6992
7216
  "type": {
@@ -12101,6 +12325,16 @@
12101
12325
  }
12102
12326
  ],
12103
12327
  "members": [
12328
+ {
12329
+ "kind": "field",
12330
+ "name": "creatable",
12331
+ "type": {
12332
+ "text": "boolean"
12333
+ },
12334
+ "default": "false",
12335
+ "attribute": "creatable",
12336
+ "reflects": true
12337
+ },
12104
12338
  {
12105
12339
  "kind": "field",
12106
12340
  "name": "combobox",
@@ -12291,6 +12525,15 @@
12291
12525
  "privacy": "protected",
12292
12526
  "default": "0"
12293
12527
  },
12528
+ {
12529
+ "kind": "field",
12530
+ "name": "_isPlaceholderOptionActive",
12531
+ "type": {
12532
+ "text": "boolean"
12533
+ },
12534
+ "privacy": "protected",
12535
+ "default": "false"
12536
+ },
12294
12537
  {
12295
12538
  "kind": "field",
12296
12539
  "name": "_listElement",
@@ -12335,6 +12578,12 @@
12335
12578
  "privacy": "protected",
12336
12579
  "readonly": true
12337
12580
  },
12581
+ {
12582
+ "kind": "field",
12583
+ "name": "_isSuggestedOptionVisible",
12584
+ "privacy": "protected",
12585
+ "readonly": true
12586
+ },
12338
12587
  {
12339
12588
  "kind": "method",
12340
12589
  "name": "_setStateFromSlottedElements",
@@ -12358,6 +12607,11 @@
12358
12607
  }
12359
12608
  ]
12360
12609
  },
12610
+ {
12611
+ "kind": "method",
12612
+ "name": "_createSuggestedOption",
12613
+ "privacy": "protected"
12614
+ },
12361
12615
  {
12362
12616
  "kind": "method",
12363
12617
  "name": "_dispatchChangeEvent",
@@ -12368,6 +12622,11 @@
12368
12622
  }
12369
12623
  }
12370
12624
  },
12625
+ {
12626
+ "kind": "method",
12627
+ "name": "_createAndSelectSuggestedOption",
12628
+ "privacy": "protected"
12629
+ },
12371
12630
  {
12372
12631
  "kind": "method",
12373
12632
  "name": "_onFaceClick",
@@ -12439,6 +12698,11 @@
12439
12698
  }
12440
12699
  ]
12441
12700
  },
12701
+ {
12702
+ "kind": "method",
12703
+ "name": "_onPlaceholderOptionMouseOut",
12704
+ "privacy": "protected"
12705
+ },
12442
12706
  {
12443
12707
  "kind": "method",
12444
12708
  "name": "_onEnterKeyDown",
@@ -12447,7 +12711,15 @@
12447
12711
  "type": {
12448
12712
  "text": "void"
12449
12713
  }
12450
- }
12714
+ },
12715
+ "parameters": [
12716
+ {
12717
+ "name": "ev",
12718
+ "type": {
12719
+ "text": "KeyboardEvent"
12720
+ }
12721
+ }
12722
+ ]
12451
12723
  },
12452
12724
  {
12453
12725
  "kind": "method",
@@ -12469,6 +12741,12 @@
12469
12741
  "type": {
12470
12742
  "text": "'down' | 'up'"
12471
12743
  }
12744
+ },
12745
+ {
12746
+ "name": "optionIndex",
12747
+ "type": {
12748
+ "text": "number"
12749
+ }
12472
12750
  }
12473
12751
  ]
12474
12752
  },
@@ -12493,25 +12771,17 @@
12493
12771
  }
12494
12772
  },
12495
12773
  {
12496
- "kind": "method",
12774
+ "kind": "field",
12497
12775
  "name": "_onComponentKeyDown",
12498
- "privacy": "private",
12499
- "parameters": [
12500
- {
12501
- "name": "event",
12502
- "type": {
12503
- "text": "KeyboardEvent"
12504
- }
12505
- }
12506
- ]
12776
+ "privacy": "private"
12507
12777
  },
12508
12778
  {
12509
- "kind": "method",
12779
+ "kind": "field",
12510
12780
  "name": "_onComponentFocus",
12511
12781
  "privacy": "private"
12512
12782
  },
12513
12783
  {
12514
- "kind": "method",
12784
+ "kind": "field",
12515
12785
  "name": "_onComponentBlur",
12516
12786
  "privacy": "private"
12517
12787
  },
@@ -12571,6 +12841,19 @@
12571
12841
  }
12572
12842
  }
12573
12843
  },
12844
+ {
12845
+ "kind": "method",
12846
+ "name": "_onOptionClick",
12847
+ "privacy": "protected",
12848
+ "parameters": [
12849
+ {
12850
+ "name": "_ev",
12851
+ "type": {
12852
+ "text": "MouseEvent"
12853
+ }
12854
+ }
12855
+ ]
12856
+ },
12574
12857
  {
12575
12858
  "kind": "method",
12576
12859
  "name": "_renderOptions",
@@ -12581,6 +12864,19 @@
12581
12864
  }
12582
12865
  }
12583
12866
  },
12867
+ {
12868
+ "kind": "method",
12869
+ "name": "_renderPlaceholderOption",
12870
+ "privacy": "protected",
12871
+ "parameters": [
12872
+ {
12873
+ "name": "isListEmpty",
12874
+ "type": {
12875
+ "text": "boolean"
12876
+ }
12877
+ }
12878
+ ]
12879
+ },
12584
12880
  {
12585
12881
  "kind": "method",
12586
12882
  "name": "_renderDescription",
@@ -12596,6 +12892,11 @@
12596
12892
  }
12597
12893
  }
12598
12894
  },
12895
+ {
12896
+ "kind": "method",
12897
+ "name": "_renderMultiSelectLabel",
12898
+ "privacy": "private"
12899
+ },
12599
12900
  {
12600
12901
  "kind": "method",
12601
12902
  "name": "_renderComboboxFace",
@@ -12665,6 +12966,14 @@
12665
12966
  "fieldName": "options",
12666
12967
  "attribute": "options"
12667
12968
  },
12969
+ {
12970
+ "name": "creatable",
12971
+ "type": {
12972
+ "text": "boolean"
12973
+ },
12974
+ "default": "false",
12975
+ "fieldName": "creatable"
12976
+ },
12668
12977
  {
12669
12978
  "name": "combobox",
12670
12979
  "type": {