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

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 (16) hide show
  1. package/custom-elements.json +725 -575
  2. package/dist/bundled.js +44 -21
  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 +18 -0
  7. package/dist/includes/vscode-select/styles.js.map +1 -1
  8. package/dist/includes/vscode-select/vscode-select-base.d.ts +6 -1
  9. package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
  10. package/dist/includes/vscode-select/vscode-select-base.js +94 -36
  11. package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
  12. package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
  13. package/dist/vscode-single-select/vscode-single-select.js +33 -23
  14. package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
  15. package/package.json +1 -1
  16. package/vscode.html-custom-data.json +2 -0
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,238 +24,611 @@
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"
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": [
301
+ {
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": [
352
+ {
353
+ "description": "A sans-serif font type depends on the host OS.",
354
+ "name": "--vscode-font-family",
355
+ "default": "sans-serif"
250
356
  },
251
357
  {
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
358
+ "name": "--vscode-contrastBorder",
359
+ "default": "transparent"
261
360
  },
262
361
  {
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
362
+ "description": "default and counter variant background color",
363
+ "name": "--vscode-badge-background",
364
+ "default": "#616161"
271
365
  },
272
366
  {
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"
367
+ "description": "default and counter variant foreground color",
368
+ "name": "--vscode-badge-foreground",
369
+ "default": "#f8f8f8"
281
370
  },
282
371
  {
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
372
+ "description": "activity bar variant background color",
373
+ "name": "--vscode-activityBarBadge-background",
374
+ "default": "#0078d4"
292
375
  },
376
+ {
377
+ "description": "activity bar variant foreground color",
378
+ "name": "--vscode-activityBarBadge-foreground",
379
+ "default": "#ffffff"
380
+ }
381
+ ],
382
+ "members": [
293
383
  {
294
384
  "kind": "field",
295
- "name": "iconAfterSpinDuration",
385
+ "name": "variant",
296
386
  "type": {
297
- "text": "number | undefined"
387
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
298
388
  },
299
- "description": "Duration property for the after icon",
300
- "attribute": "icon-after-spin-duration",
389
+ "default": "'default'",
390
+ "attribute": "variant",
301
391
  "reflects": true
302
392
  },
303
393
  {
304
394
  "kind": "field",
305
- "name": "focused",
395
+ "name": "version",
306
396
  "type": {
307
- "text": "boolean"
397
+ "text": "string"
308
398
  },
309
- "default": "false",
310
- "attribute": "focused",
311
- "reflects": true
312
- },
399
+ "description": "VSCode Elements version",
400
+ "readonly": true,
401
+ "inheritedFrom": {
402
+ "name": "VscElement",
403
+ "module": "src/includes/VscElement.ts"
404
+ }
405
+ }
406
+ ],
407
+ "attributes": [
313
408
  {
314
- "kind": "field",
315
- "name": "name",
409
+ "name": "variant",
316
410
  "type": {
317
- "text": "string | undefined"
411
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
412
+ },
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"
480
+ },
481
+ {
482
+ "name": "--vscode-button-foreground",
483
+ "default": "#ffffff"
484
+ },
485
+ {
486
+ "name": "--vscode-button-border",
487
+ "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
488
+ },
489
+ {
490
+ "name": "--vscode-button-hoverBackground",
491
+ "default": "#026ec1"
492
+ },
493
+ {
494
+ "description": "A sans-serif font type depends on the host OS.",
495
+ "name": "--vscode-font-family",
496
+ "default": "sans-serif"
497
+ },
498
+ {
499
+ "name": "--vscode-font-size",
500
+ "default": "13px"
501
+ },
502
+ {
503
+ "name": "--vscode-font-weight",
504
+ "default": "normal"
505
+ },
506
+ {
507
+ "name": "--vscode-button-secondaryForeground",
508
+ "default": "#cccccc"
509
+ },
510
+ {
511
+ "name": "--vscode-button-secondaryBackground",
512
+ "default": "#313131"
513
+ },
514
+ {
515
+ "name": "--vscode-button-secondaryHoverBackground",
516
+ "default": "#3c3c3c"
517
+ },
518
+ {
519
+ "name": "--vscode-focusBorder",
520
+ "default": "#0078d4"
521
+ }
522
+ ],
523
+ "members": [
524
+ {
525
+ "kind": "field",
526
+ "name": "autofocus",
527
+ "type": {
528
+ "text": "boolean"
529
+ },
530
+ "default": "false",
531
+ "attribute": "autofocus",
532
+ "reflects": true
533
+ },
534
+ {
535
+ "kind": "field",
536
+ "name": "secondary",
537
+ "type": {
538
+ "text": "boolean"
539
+ },
540
+ "default": "false",
541
+ "description": "Button has a less prominent style.",
542
+ "attribute": "secondary",
543
+ "reflects": true
544
+ },
545
+ {
546
+ "kind": "field",
547
+ "name": "disabled",
548
+ "type": {
549
+ "text": "boolean"
550
+ },
551
+ "default": "false",
552
+ "attribute": "disabled",
553
+ "reflects": true
554
+ },
555
+ {
556
+ "kind": "field",
557
+ "name": "icon",
558
+ "type": {
559
+ "text": "string"
560
+ },
561
+ "default": "''",
562
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
563
+ "attribute": "icon"
564
+ },
565
+ {
566
+ "kind": "field",
567
+ "name": "iconSpin",
568
+ "type": {
569
+ "text": "boolean"
570
+ },
571
+ "default": "false",
572
+ "description": "Spin property for the icon",
573
+ "attribute": "icon-spin",
574
+ "reflects": true
575
+ },
576
+ {
577
+ "kind": "field",
578
+ "name": "iconSpinDuration",
579
+ "type": {
580
+ "text": "number | undefined"
581
+ },
582
+ "description": "Duration property for the icon",
583
+ "attribute": "icon-spin-duration",
584
+ "reflects": true
585
+ },
586
+ {
587
+ "kind": "field",
588
+ "name": "iconAfter",
589
+ "type": {
590
+ "text": "string"
591
+ },
592
+ "default": "''",
593
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
594
+ "attribute": "icon-after"
595
+ },
596
+ {
597
+ "kind": "field",
598
+ "name": "iconAfterSpin",
599
+ "type": {
600
+ "text": "boolean"
601
+ },
602
+ "default": "false",
603
+ "description": "Spin property for the after icon",
604
+ "attribute": "icon-after-spin",
605
+ "reflects": true
606
+ },
607
+ {
608
+ "kind": "field",
609
+ "name": "iconAfterSpinDuration",
610
+ "type": {
611
+ "text": "number | undefined"
612
+ },
613
+ "description": "Duration property for the after icon",
614
+ "attribute": "icon-after-spin-duration",
615
+ "reflects": true
616
+ },
617
+ {
618
+ "kind": "field",
619
+ "name": "focused",
620
+ "type": {
621
+ "text": "boolean"
622
+ },
623
+ "default": "false",
624
+ "attribute": "focused",
625
+ "reflects": true
626
+ },
627
+ {
628
+ "kind": "field",
629
+ "name": "name",
630
+ "type": {
631
+ "text": "string | undefined"
318
632
  },
319
633
  "default": "undefined",
320
634
  "attribute": "name",
@@ -532,351 +846,37 @@
532
846
  "fieldName": "type"
533
847
  },
534
848
  {
535
- "name": "value",
536
- "type": {
537
- "text": "string"
538
- },
539
- "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": [
585
- {
586
- "kind": "field",
587
- "name": "version",
588
- "type": {
589
- "text": "string"
590
- },
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": [
605
- {
606
- "name": "tagName",
607
- "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": [
745
- {
746
- "name": "el",
747
- "type": {
748
- "text": "Element"
749
- }
750
- },
751
- {
752
- "name": "position",
753
- "default": "'center'",
754
- "type": {
755
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
756
- }
757
- },
758
- {
759
- "name": "offsetX",
760
- "default": "0"
761
- },
762
- {
763
- "name": "offsetY",
764
- "default": "0"
765
- }
766
- ],
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": [
773
- {
774
- "name": "el",
775
- "type": {
776
- "text": "Element"
777
- }
778
- },
779
- {
780
- "name": "position",
781
- "default": "'center'",
782
- "type": {
783
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
784
- }
785
- },
786
- {
787
- "name": "offsetX",
788
- "default": "0"
789
- },
790
- {
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": [
806
- {
807
- "name": "el",
808
- "type": {
809
- "text": "Element"
810
- }
811
- },
812
- {
813
- "name": "deltaX",
814
- "default": "0"
815
- },
816
- {
817
- "name": "deltaY",
818
- "default": "0"
819
- },
820
- {
821
- "name": "callbacks",
822
- "default": "{}",
849
+ "name": "value",
823
850
  "type": {
824
- "text": "{\n afterMouseDown?: () => void | Promise<void>;\n afterMouseMove?: () => void | Promise<void>;\n }"
825
- }
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
  ]
@@ -3598,6 +3598,20 @@
3598
3598
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3599
3599
  }
3600
3600
  },
3601
+ {
3602
+ "kind": "field",
3603
+ "name": "creatable",
3604
+ "type": {
3605
+ "text": "boolean"
3606
+ },
3607
+ "default": "false",
3608
+ "attribute": "creatable",
3609
+ "reflects": true,
3610
+ "inheritedFrom": {
3611
+ "name": "VscodeSelectBase",
3612
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3613
+ }
3614
+ },
3601
3615
  {
3602
3616
  "kind": "field",
3603
3617
  "name": "combobox",
@@ -3853,6 +3867,19 @@
3853
3867
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3854
3868
  }
3855
3869
  },
3870
+ {
3871
+ "kind": "field",
3872
+ "name": "_isPlaceholderOptionActive",
3873
+ "type": {
3874
+ "text": "boolean"
3875
+ },
3876
+ "privacy": "protected",
3877
+ "default": "false",
3878
+ "inheritedFrom": {
3879
+ "name": "VscodeSelectBase",
3880
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3881
+ }
3882
+ },
3856
3883
  {
3857
3884
  "kind": "field",
3858
3885
  "name": "_listElement",
@@ -3948,6 +3975,15 @@
3948
3975
  "module": "src/includes/vscode-select/vscode-select-base.ts"
3949
3976
  }
3950
3977
  },
3978
+ {
3979
+ "kind": "method",
3980
+ "name": "_createSuggestedOption",
3981
+ "privacy": "protected",
3982
+ "inheritedFrom": {
3983
+ "name": "VscodeSelectBase",
3984
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
3985
+ }
3986
+ },
3951
3987
  {
3952
3988
  "kind": "method",
3953
3989
  "name": "_dispatchChangeEvent",
@@ -4061,6 +4097,15 @@
4061
4097
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4062
4098
  }
4063
4099
  },
4100
+ {
4101
+ "kind": "method",
4102
+ "name": "_onPlaceholderOptionMouseOut",
4103
+ "privacy": "protected",
4104
+ "inheritedFrom": {
4105
+ "name": "VscodeSelectBase",
4106
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4107
+ }
4108
+ },
4064
4109
  {
4065
4110
  "kind": "method",
4066
4111
  "name": "_onEnterKeyDown",
@@ -4139,24 +4184,16 @@
4139
4184
  }
4140
4185
  },
4141
4186
  {
4142
- "kind": "method",
4187
+ "kind": "field",
4143
4188
  "name": "_onComponentKeyDown",
4144
4189
  "privacy": "private",
4145
- "parameters": [
4146
- {
4147
- "name": "event",
4148
- "type": {
4149
- "text": "KeyboardEvent"
4150
- }
4151
- }
4152
- ],
4153
4190
  "inheritedFrom": {
4154
4191
  "name": "VscodeSelectBase",
4155
4192
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4156
4193
  }
4157
4194
  },
4158
4195
  {
4159
- "kind": "method",
4196
+ "kind": "field",
4160
4197
  "name": "_onComponentFocus",
4161
4198
  "privacy": "private",
4162
4199
  "inheritedFrom": {
@@ -4165,7 +4202,7 @@
4165
4202
  }
4166
4203
  },
4167
4204
  {
4168
- "kind": "method",
4205
+ "kind": "field",
4169
4206
  "name": "_onComponentBlur",
4170
4207
  "privacy": "private",
4171
4208
  "inheritedFrom": {
@@ -4231,6 +4268,15 @@
4231
4268
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4232
4269
  }
4233
4270
  },
4271
+ {
4272
+ "kind": "method",
4273
+ "name": "_renderPlaceholderOption",
4274
+ "privacy": "protected",
4275
+ "inheritedFrom": {
4276
+ "name": "VscodeSelectBase",
4277
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4278
+ }
4279
+ },
4234
4280
  {
4235
4281
  "kind": "method",
4236
4282
  "name": "_renderDescription",
@@ -4321,6 +4367,18 @@
4321
4367
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4322
4368
  }
4323
4369
  },
4370
+ {
4371
+ "name": "creatable",
4372
+ "type": {
4373
+ "text": "boolean"
4374
+ },
4375
+ "default": "false",
4376
+ "fieldName": "creatable",
4377
+ "inheritedFrom": {
4378
+ "name": "VscodeSelectBase",
4379
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4380
+ }
4381
+ },
4324
4382
  {
4325
4383
  "name": "combobox",
4326
4384
  "type": {
@@ -6285,6 +6343,20 @@
6285
6343
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6286
6344
  }
6287
6345
  },
6346
+ {
6347
+ "kind": "field",
6348
+ "name": "creatable",
6349
+ "type": {
6350
+ "text": "boolean"
6351
+ },
6352
+ "default": "false",
6353
+ "attribute": "creatable",
6354
+ "reflects": true,
6355
+ "inheritedFrom": {
6356
+ "name": "VscodeSelectBase",
6357
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6358
+ }
6359
+ },
6288
6360
  {
6289
6361
  "kind": "field",
6290
6362
  "name": "combobox",
@@ -6540,6 +6612,19 @@
6540
6612
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6541
6613
  }
6542
6614
  },
6615
+ {
6616
+ "kind": "field",
6617
+ "name": "_isPlaceholderOptionActive",
6618
+ "type": {
6619
+ "text": "boolean"
6620
+ },
6621
+ "privacy": "protected",
6622
+ "default": "false",
6623
+ "inheritedFrom": {
6624
+ "name": "VscodeSelectBase",
6625
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6626
+ }
6627
+ },
6543
6628
  {
6544
6629
  "kind": "field",
6545
6630
  "name": "_listElement",
@@ -6635,6 +6720,15 @@
6635
6720
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6636
6721
  }
6637
6722
  },
6723
+ {
6724
+ "kind": "method",
6725
+ "name": "_createSuggestedOption",
6726
+ "privacy": "protected",
6727
+ "inheritedFrom": {
6728
+ "name": "VscodeSelectBase",
6729
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6730
+ }
6731
+ },
6638
6732
  {
6639
6733
  "kind": "method",
6640
6734
  "name": "_dispatchChangeEvent",
@@ -6748,6 +6842,15 @@
6748
6842
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6749
6843
  }
6750
6844
  },
6845
+ {
6846
+ "kind": "method",
6847
+ "name": "_onPlaceholderOptionMouseOut",
6848
+ "privacy": "protected",
6849
+ "inheritedFrom": {
6850
+ "name": "VscodeSelectBase",
6851
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6852
+ }
6853
+ },
6751
6854
  {
6752
6855
  "kind": "method",
6753
6856
  "name": "_onSpaceKeyDown",
@@ -6784,24 +6887,16 @@
6784
6887
  }
6785
6888
  },
6786
6889
  {
6787
- "kind": "method",
6890
+ "kind": "field",
6788
6891
  "name": "_onComponentKeyDown",
6789
6892
  "privacy": "private",
6790
- "parameters": [
6791
- {
6792
- "name": "event",
6793
- "type": {
6794
- "text": "KeyboardEvent"
6795
- }
6796
- }
6797
- ],
6798
6893
  "inheritedFrom": {
6799
6894
  "name": "VscodeSelectBase",
6800
6895
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6801
6896
  }
6802
6897
  },
6803
6898
  {
6804
- "kind": "method",
6899
+ "kind": "field",
6805
6900
  "name": "_onComponentFocus",
6806
6901
  "privacy": "private",
6807
6902
  "inheritedFrom": {
@@ -6810,7 +6905,7 @@
6810
6905
  }
6811
6906
  },
6812
6907
  {
6813
- "kind": "method",
6908
+ "kind": "field",
6814
6909
  "name": "_onComponentBlur",
6815
6910
  "privacy": "private",
6816
6911
  "inheritedFrom": {
@@ -6876,6 +6971,15 @@
6876
6971
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6877
6972
  }
6878
6973
  },
6974
+ {
6975
+ "kind": "method",
6976
+ "name": "_renderPlaceholderOption",
6977
+ "privacy": "protected",
6978
+ "inheritedFrom": {
6979
+ "name": "VscodeSelectBase",
6980
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
6981
+ }
6982
+ },
6879
6983
  {
6880
6984
  "kind": "method",
6881
6985
  "name": "_renderDescription",
@@ -6987,6 +7091,18 @@
6987
7091
  "module": "src/includes/vscode-select/vscode-select-base.ts"
6988
7092
  }
6989
7093
  },
7094
+ {
7095
+ "name": "creatable",
7096
+ "type": {
7097
+ "text": "boolean"
7098
+ },
7099
+ "default": "false",
7100
+ "fieldName": "creatable",
7101
+ "inheritedFrom": {
7102
+ "name": "VscodeSelectBase",
7103
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7104
+ }
7105
+ },
6990
7106
  {
6991
7107
  "name": "combobox",
6992
7108
  "type": {
@@ -12101,6 +12217,16 @@
12101
12217
  }
12102
12218
  ],
12103
12219
  "members": [
12220
+ {
12221
+ "kind": "field",
12222
+ "name": "creatable",
12223
+ "type": {
12224
+ "text": "boolean"
12225
+ },
12226
+ "default": "false",
12227
+ "attribute": "creatable",
12228
+ "reflects": true
12229
+ },
12104
12230
  {
12105
12231
  "kind": "field",
12106
12232
  "name": "combobox",
@@ -12291,6 +12417,15 @@
12291
12417
  "privacy": "protected",
12292
12418
  "default": "0"
12293
12419
  },
12420
+ {
12421
+ "kind": "field",
12422
+ "name": "_isPlaceholderOptionActive",
12423
+ "type": {
12424
+ "text": "boolean"
12425
+ },
12426
+ "privacy": "protected",
12427
+ "default": "false"
12428
+ },
12294
12429
  {
12295
12430
  "kind": "field",
12296
12431
  "name": "_listElement",
@@ -12358,6 +12493,11 @@
12358
12493
  }
12359
12494
  ]
12360
12495
  },
12496
+ {
12497
+ "kind": "method",
12498
+ "name": "_createSuggestedOption",
12499
+ "privacy": "protected"
12500
+ },
12361
12501
  {
12362
12502
  "kind": "method",
12363
12503
  "name": "_dispatchChangeEvent",
@@ -12439,6 +12579,11 @@
12439
12579
  }
12440
12580
  ]
12441
12581
  },
12582
+ {
12583
+ "kind": "method",
12584
+ "name": "_onPlaceholderOptionMouseOut",
12585
+ "privacy": "protected"
12586
+ },
12442
12587
  {
12443
12588
  "kind": "method",
12444
12589
  "name": "_onEnterKeyDown",
@@ -12493,25 +12638,17 @@
12493
12638
  }
12494
12639
  },
12495
12640
  {
12496
- "kind": "method",
12641
+ "kind": "field",
12497
12642
  "name": "_onComponentKeyDown",
12498
- "privacy": "private",
12499
- "parameters": [
12500
- {
12501
- "name": "event",
12502
- "type": {
12503
- "text": "KeyboardEvent"
12504
- }
12505
- }
12506
- ]
12643
+ "privacy": "private"
12507
12644
  },
12508
12645
  {
12509
- "kind": "method",
12646
+ "kind": "field",
12510
12647
  "name": "_onComponentFocus",
12511
12648
  "privacy": "private"
12512
12649
  },
12513
12650
  {
12514
- "kind": "method",
12651
+ "kind": "field",
12515
12652
  "name": "_onComponentBlur",
12516
12653
  "privacy": "private"
12517
12654
  },
@@ -12581,6 +12718,11 @@
12581
12718
  }
12582
12719
  }
12583
12720
  },
12721
+ {
12722
+ "kind": "method",
12723
+ "name": "_renderPlaceholderOption",
12724
+ "privacy": "protected"
12725
+ },
12584
12726
  {
12585
12727
  "kind": "method",
12586
12728
  "name": "_renderDescription",
@@ -12665,6 +12807,14 @@
12665
12807
  "fieldName": "options",
12666
12808
  "attribute": "options"
12667
12809
  },
12810
+ {
12811
+ "name": "creatable",
12812
+ "type": {
12813
+ "text": "boolean"
12814
+ },
12815
+ "default": "false",
12816
+ "fieldName": "creatable"
12817
+ },
12668
12818
  {
12669
12819
  "name": "combobox",
12670
12820
  "type": {