@vscode-elements/elements 2.1.0 → 2.1.1-pre.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,19 +4,78 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/includes/AssociatedFormControl.ts",
8
- "declarations": [],
9
- "exports": []
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 { display: inline-block; } .root { 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: 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']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { 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']) .root { 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
+ ]
10
28
  },
11
29
  {
12
30
  "kind": "javascript-module",
13
- "path": "src/includes/VscElement.ts",
31
+ "path": "src/vscode-badge/vscode-badge.ts",
14
32
  "declarations": [
15
33
  {
16
34
  "kind": "class",
17
- "description": "",
18
- "name": "VscElement",
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
+ ],
19
68
  "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
+ },
20
79
  {
21
80
  "kind": "field",
22
81
  "name": "version",
@@ -24,589 +83,501 @@
24
83
  "text": "string"
25
84
  },
26
85
  "description": "VSCode Elements version",
27
- "readonly": true
86
+ "readonly": true,
87
+ "inheritedFrom": {
88
+ "name": "VscElement",
89
+ "module": "src/includes/VscElement.ts"
90
+ }
28
91
  }
29
92
  ],
30
- "superclass": {
31
- "name": "LitElement",
32
- "package": "lit"
33
- },
34
- "customElement": true
35
- },
36
- {
37
- "kind": "function",
38
- "name": "customElement",
39
- "parameters": [
93
+ "attributes": [
40
94
  {
41
- "name": "tagName",
95
+ "name": "variant",
42
96
  "type": {
43
- "text": "string"
44
- }
97
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
98
+ },
99
+ "default": "'default'",
100
+ "fieldName": "variant"
45
101
  }
46
102
  ],
47
- "description": "Own implementation of Lit's customElement decorator."
103
+ "superclass": {
104
+ "name": "VscElement",
105
+ "module": "/src/includes/VscElement.js"
106
+ },
107
+ "tagName": "vscode-badge",
108
+ "customElement": true
48
109
  }
49
110
  ],
50
111
  "exports": [
51
112
  {
52
113
  "kind": "js",
53
- "name": "VscElement",
54
- "declaration": {
55
- "name": "VscElement",
56
- "module": "src/includes/VscElement.ts"
57
- }
58
- },
59
- {
60
- "kind": "js",
61
- "name": "customElement",
114
+ "name": "VscodeBadge",
62
115
  "declaration": {
63
- "name": "customElement",
64
- "module": "src/includes/VscElement.ts"
116
+ "name": "VscodeBadge",
117
+ "module": "src/vscode-badge/vscode-badge.ts"
65
118
  }
66
119
  },
67
120
  {
68
121
  "kind": "custom-element-definition",
69
- "name": "tagName",
70
- "declaration": {
71
- "name": "anonymous_0",
72
- "module": "src/includes/VscElement.ts"
73
- }
74
- }
75
- ]
76
- },
77
- {
78
- "kind": "javascript-module",
79
- "path": "src/includes/default.styles.ts",
80
- "declarations": [],
81
- "exports": [
82
- {
83
- "kind": "js",
84
- "name": "default",
122
+ "name": "vscode-badge",
85
123
  "declaration": {
86
- "module": "src/includes/default.styles.ts"
124
+ "name": "VscodeBadge",
125
+ "module": "src/vscode-badge/vscode-badge.ts"
87
126
  }
88
127
  }
89
128
  ]
90
129
  },
91
130
  {
92
131
  "kind": "javascript-module",
93
- "path": "src/includes/helpers.ts",
132
+ "path": "src/vscode-button/vscode-button.styles.ts",
94
133
  "declarations": [
95
134
  {
96
135
  "kind": "variable",
97
- "name": "INPUT_LINE_HEIGHT_RATIO"
98
- },
99
- {
100
- "kind": "variable",
101
- "name": "DEFUALT_INPUT_WIDGET_WIDTH",
136
+ "name": "styles",
102
137
  "type": {
103
- "text": "number"
138
+ "text": "CSSResultGroup"
104
139
  },
105
- "default": "320"
106
- },
107
- {
108
- "kind": "function",
109
- "name": "getDefaultFontStack"
110
- },
111
- {
112
- "kind": "function",
113
- "name": "getDefaultEditorFontStack"
114
- }
115
- ],
116
- "exports": [
117
- {
118
- "kind": "js",
119
- "name": "INPUT_LINE_HEIGHT_RATIO",
120
- "declaration": {
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"
147
- }
148
- }
149
- ]
150
- },
151
- {
152
- "kind": "javascript-module",
153
- "path": "src/includes/style-property-map.ts",
154
- "declarations": [
155
- {
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)"
140
+ "default": "[ defaultStyles, css` :host { cursor: pointer; display: inline-block; width: auto; } .root { background-color: var(--vscode-button-background, #0078d4); border-bottom-left-radius: var(--vsc-border-left-radius, 2px); border-bottom-right-radius: var(--vsc-border-right-radius, 2px); border-bottom-width: 1px; border-color: var(--vscode-button-border, transparent); border-left-width: var(--vsc-border-left-width, 1px); border-right-width: var(--vsc-border-right-width, 1px); border-style: solid; border-top-left-radius: var(--vsc-border-left-radius, 2px); border-top-right-radius: var(--vsc-border-right-radius, 2px); border-top-width: 1px; box-sizing: border-box; color: var(--vscode-button-foreground, #ffffff); display: inline-flex; 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: 0; user-select: none; white-space: nowrap; width: 100%; } :host([secondary]) .root { 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) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) .root { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) .root { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .content { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; height: 100%; padding: 1px 13px; } :host(:empty) .content, :host([icon-only]) .content { min-height: 24px; min-width: 16px; padding: 1px 4px; } slot { align-items: center; display: flex; height: 100%; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } .divider { display: var(--vsc-divider-display, none); background-color: transparent; padding: 4px 0; box-sizing: border-box; } :host(:hover) .divider, :host(:focus) .divider { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([secondary]) .divider { background-color: var(--vscode-button-secondaryBackground, #313131); } :host([secondary]:hover) .divider, :host([secondary]:focus) .divider { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } .divider > div { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); height: 100%; width: 1px; margin: 0; } :host([secondary]) .divider > div { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } `, ]"
159
141
  }
160
142
  ],
161
143
  "exports": [
162
144
  {
163
145
  "kind": "js",
164
- "name": "stylePropertyMap",
146
+ "name": "default",
165
147
  "declaration": {
166
- "name": "stylePropertyMap",
167
- "module": "src/includes/style-property-map.ts"
148
+ "name": "styles",
149
+ "module": "src/vscode-button/vscode-button.styles.ts"
168
150
  }
169
151
  }
170
152
  ]
171
153
  },
172
154
  {
173
155
  "kind": "javascript-module",
174
- "path": "src/includes/test-helpers.ts",
156
+ "path": "src/vscode-button/vscode-button.ts",
175
157
  "declarations": [
176
158
  {
177
- "kind": "function",
178
- "name": "clickOnElement",
179
- "parameters": [
159
+ "kind": "class",
160
+ "description": "Clickable element that are used to trigger actions.",
161
+ "name": "VscodeButton",
162
+ "cssProperties": [
180
163
  {
181
- "name": "el",
182
- "type": {
183
- "text": "Element"
184
- }
164
+ "name": "--vscode-button-background",
165
+ "default": "#0078d4"
185
166
  },
186
167
  {
187
- "name": "position",
188
- "default": "'center'",
189
- "type": {
190
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
191
- }
168
+ "name": "--vscode-button-foreground",
169
+ "default": "#ffffff"
192
170
  },
193
171
  {
194
- "name": "offsetX",
195
- "default": "0"
172
+ "name": "--vscode-button-border",
173
+ "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
196
174
  },
197
175
  {
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": [
176
+ "name": "--vscode-button-hoverBackground",
177
+ "default": "#026ec1"
178
+ },
208
179
  {
209
- "name": "el",
210
- "type": {
211
- "text": "Element"
212
- }
180
+ "description": "A sans-serif font type depends on the host OS.",
181
+ "name": "--vscode-font-family",
182
+ "default": "sans-serif"
213
183
  },
214
184
  {
215
- "name": "position",
216
- "default": "'center'",
217
- "type": {
218
- "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
219
- }
185
+ "name": "--vscode-font-size",
186
+ "default": "13px"
220
187
  },
221
188
  {
222
- "name": "offsetX",
223
- "default": "0"
189
+ "name": "--vscode-font-weight",
190
+ "default": "normal"
224
191
  },
225
192
  {
226
- "name": "offsetY",
227
- "default": "0"
228
- }
229
- ],
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": [
241
- {
242
- "name": "el",
243
- "type": {
244
- "text": "Element"
245
- }
193
+ "name": "--vscode-button-secondaryForeground",
194
+ "default": "#cccccc"
246
195
  },
247
196
  {
248
- "name": "deltaX",
249
- "default": "0"
197
+ "name": "--vscode-button-secondaryBackground",
198
+ "default": "#313131"
250
199
  },
251
200
  {
252
- "name": "deltaY",
253
- "default": "0"
201
+ "name": "--vscode-button-secondaryHoverBackground",
202
+ "default": "#3c3c3c"
254
203
  },
255
204
  {
256
- "name": "callbacks",
257
- "default": "{}",
258
- "type": {
259
- "text": "{\n afterMouseDown?: () => void | Promise<void>;\n afterMouseMove?: () => void | Promise<void>;\n }"
260
- }
205
+ "name": "--vscode-focusBorder",
206
+ "default": "#0078d4"
261
207
  }
262
208
  ],
263
- "description": "A testing utility that drags an element with the mouse."
264
- },
265
- {
266
- "kind": "function",
267
- "name": "$",
268
- "return": {
269
- "type": {
270
- "text": "TagNameToElement<K>"
271
- }
272
- },
273
- "parameters": [
209
+ "members": [
274
210
  {
275
- "name": "selector",
211
+ "kind": "field",
212
+ "name": "autofocus",
276
213
  "type": {
277
- "text": "K"
278
- }
279
- }
280
- ]
281
- },
282
- {
283
- "kind": "function",
284
- "name": "$",
285
- "return": {
286
- "type": {
287
- "text": "TagNameToElement<K>"
288
- }
289
- },
290
- "parameters": [
214
+ "text": "boolean"
215
+ },
216
+ "default": "false",
217
+ "attribute": "autofocus",
218
+ "reflects": true
219
+ },
291
220
  {
292
- "name": "root",
221
+ "kind": "field",
222
+ "name": "secondary",
293
223
  "type": {
294
- "text": "Element"
295
- }
224
+ "text": "boolean"
225
+ },
226
+ "default": "false",
227
+ "description": "Button has a less prominent style.",
228
+ "attribute": "secondary",
229
+ "reflects": true
296
230
  },
297
231
  {
298
- "name": "selector",
232
+ "kind": "field",
233
+ "name": "disabled",
299
234
  "type": {
300
- "text": "K"
301
- }
302
- }
303
- ]
304
- },
305
- {
306
- "kind": "function",
307
- "name": "$",
308
- "return": {
309
- "type": {
310
- "text": "T"
311
- }
312
- },
313
- "parameters": [
235
+ "text": "boolean"
236
+ },
237
+ "default": "false",
238
+ "attribute": "disabled",
239
+ "reflects": true
240
+ },
314
241
  {
315
- "name": "selector",
242
+ "kind": "field",
243
+ "name": "icon",
316
244
  "type": {
317
245
  "text": "string"
318
- }
319
- }
320
- ]
321
- },
322
- {
323
- "kind": "function",
324
- "name": "$",
325
- "return": {
326
- "type": {
327
- "text": "T"
328
- }
329
- },
330
- "parameters": [
331
- {
332
- "name": "root",
333
- "type": {
334
- "text": "Element"
335
- }
246
+ },
247
+ "default": "''",
248
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
249
+ "attribute": "icon"
336
250
  },
337
251
  {
338
- "name": "selector",
252
+ "kind": "field",
253
+ "name": "iconSpin",
339
254
  "type": {
340
- "text": "string"
341
- }
342
- }
343
- ]
344
- },
345
- {
346
- "kind": "function",
347
- "name": "$",
348
- "return": {
349
- "type": {
350
- "text": "T"
351
- }
352
- },
353
- "parameters": [
255
+ "text": "boolean"
256
+ },
257
+ "default": "false",
258
+ "description": "Spin property for the icon",
259
+ "attribute": "icon-spin",
260
+ "reflects": true
261
+ },
354
262
  {
355
- "name": "arg1",
263
+ "kind": "field",
264
+ "name": "iconSpinDuration",
356
265
  "type": {
357
- "text": "string | Element"
358
- }
266
+ "text": "number | undefined"
267
+ },
268
+ "description": "Duration property for the icon",
269
+ "attribute": "icon-spin-duration",
270
+ "reflects": true
359
271
  },
360
272
  {
361
- "name": "arg2",
362
- "optional": true,
273
+ "kind": "field",
274
+ "name": "iconAfter",
363
275
  "type": {
364
276
  "text": "string"
365
- }
366
- }
367
- ]
368
- },
369
- {
370
- "kind": "function",
371
- "name": "$$",
372
- "return": {
373
- "type": {
374
- "text": "NodeListOf<TagNameToElement<K>>"
375
- }
376
- },
377
- "parameters": [
277
+ },
278
+ "default": "''",
279
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
280
+ "attribute": "icon-after"
281
+ },
378
282
  {
379
- "name": "selector",
283
+ "kind": "field",
284
+ "name": "iconAfterSpin",
380
285
  "type": {
381
- "text": "K"
382
- }
383
- }
384
- ]
385
- },
386
- {
387
- "kind": "function",
388
- "name": "$$",
389
- "return": {
390
- "type": {
391
- "text": "NodeListOf<TagNameToElement<K>>"
392
- }
393
- },
394
- "parameters": [
286
+ "text": "boolean"
287
+ },
288
+ "default": "false",
289
+ "description": "Spin property for the after icon",
290
+ "attribute": "icon-after-spin",
291
+ "reflects": true
292
+ },
395
293
  {
396
- "name": "root",
294
+ "kind": "field",
295
+ "name": "iconAfterSpinDuration",
397
296
  "type": {
398
- "text": "Element"
399
- }
297
+ "text": "number | undefined"
298
+ },
299
+ "description": "Duration property for the after icon",
300
+ "attribute": "icon-after-spin-duration",
301
+ "reflects": true
400
302
  },
401
303
  {
402
- "name": "selector",
304
+ "kind": "field",
305
+ "name": "focused",
403
306
  "type": {
404
- "text": "K"
405
- }
406
- }
407
- ]
408
- },
409
- {
410
- "kind": "function",
411
- "name": "$$",
412
- "return": {
413
- "type": {
414
- "text": "NodeListOf<T>"
415
- }
416
- },
417
- "parameters": [
307
+ "text": "boolean"
308
+ },
309
+ "default": "false",
310
+ "attribute": "focused",
311
+ "reflects": true
312
+ },
418
313
  {
419
- "name": "selector",
314
+ "kind": "field",
315
+ "name": "name",
316
+ "type": {
317
+ "text": "string | undefined"
318
+ },
319
+ "default": "undefined",
320
+ "attribute": "name",
321
+ "reflects": true
322
+ },
323
+ {
324
+ "kind": "field",
325
+ "name": "iconOnly",
326
+ "type": {
327
+ "text": "boolean"
328
+ },
329
+ "default": "false",
330
+ "attribute": "icon-only",
331
+ "reflects": true
332
+ },
333
+ {
334
+ "kind": "field",
335
+ "name": "type",
336
+ "type": {
337
+ "text": "'submit' | 'reset' | 'button'"
338
+ },
339
+ "default": "'button'",
340
+ "attribute": "type",
341
+ "reflects": true
342
+ },
343
+ {
344
+ "kind": "field",
345
+ "name": "value",
420
346
  "type": {
421
347
  "text": "string"
422
- }
423
- }
424
- ]
425
- },
426
- {
427
- "kind": "function",
428
- "name": "$$",
429
- "return": {
430
- "type": {
431
- "text": "NodeListOf<T>"
432
- }
433
- },
434
- "parameters": [
348
+ },
349
+ "default": "''",
350
+ "attribute": "value"
351
+ },
435
352
  {
436
- "name": "root",
353
+ "kind": "field",
354
+ "name": "_prevTabindex",
437
355
  "type": {
438
- "text": "Element"
439
- }
356
+ "text": "number"
357
+ },
358
+ "privacy": "private",
359
+ "default": "0"
440
360
  },
441
361
  {
442
- "name": "selector",
362
+ "kind": "field",
363
+ "name": "_internals",
364
+ "type": {
365
+ "text": "ElementInternals"
366
+ },
367
+ "privacy": "private"
368
+ },
369
+ {
370
+ "kind": "field",
371
+ "name": "form",
372
+ "type": {
373
+ "text": "HTMLFormElement | null"
374
+ },
375
+ "readonly": true
376
+ },
377
+ {
378
+ "kind": "method",
379
+ "name": "_executeAction",
380
+ "privacy": "private"
381
+ },
382
+ {
383
+ "kind": "method",
384
+ "name": "_handleKeyDown",
385
+ "privacy": "private",
386
+ "parameters": [
387
+ {
388
+ "name": "event",
389
+ "type": {
390
+ "text": "KeyboardEvent"
391
+ }
392
+ }
393
+ ]
394
+ },
395
+ {
396
+ "kind": "method",
397
+ "name": "_handleClick",
398
+ "privacy": "private",
399
+ "parameters": [
400
+ {
401
+ "name": "event",
402
+ "type": {
403
+ "text": "MouseEvent"
404
+ }
405
+ }
406
+ ]
407
+ },
408
+ {
409
+ "kind": "field",
410
+ "name": "_handleFocus",
411
+ "privacy": "private"
412
+ },
413
+ {
414
+ "kind": "field",
415
+ "name": "_handleBlur",
416
+ "privacy": "private"
417
+ },
418
+ {
419
+ "kind": "field",
420
+ "name": "version",
443
421
  "type": {
444
422
  "text": "string"
423
+ },
424
+ "description": "VSCode Elements version",
425
+ "readonly": true,
426
+ "inheritedFrom": {
427
+ "name": "VscElement",
428
+ "module": "src/includes/VscElement.ts"
445
429
  }
446
430
  }
447
- ]
448
- },
449
- {
450
- "kind": "function",
451
- "name": "$$",
452
- "return": {
453
- "type": {
454
- "text": "NodeListOf<T>"
455
- }
456
- },
457
- "parameters": [
431
+ ],
432
+ "attributes": [
458
433
  {
459
- "name": "arg1",
434
+ "name": "autofocus",
460
435
  "type": {
461
- "text": "string | Element"
462
- }
436
+ "text": "boolean"
437
+ },
438
+ "default": "false",
439
+ "fieldName": "autofocus"
463
440
  },
464
441
  {
465
- "name": "arg2",
466
- "optional": true,
442
+ "name": "secondary",
443
+ "type": {
444
+ "text": "boolean"
445
+ },
446
+ "default": "false",
447
+ "description": "Button has a less prominent style.",
448
+ "fieldName": "secondary"
449
+ },
450
+ {
451
+ "name": "disabled",
452
+ "type": {
453
+ "text": "boolean"
454
+ },
455
+ "default": "false",
456
+ "fieldName": "disabled"
457
+ },
458
+ {
459
+ "name": "icon",
467
460
  "type": {
468
461
  "text": "string"
469
- }
470
- }
471
- ]
472
- }
473
- ],
474
- "exports": [
475
- {
476
- "kind": "js",
477
- "name": "clickOnElement",
478
- "declaration": {
479
- "name": "clickOnElement",
480
- "module": "src/includes/test-helpers.ts"
481
- }
482
- },
483
- {
484
- "kind": "js",
485
- "name": "moveMouseOnElement",
486
- "declaration": {
487
- "name": "moveMouseOnElement",
488
- "module": "src/includes/test-helpers.ts"
489
- }
490
- },
491
- {
492
- "kind": "js",
493
- "name": "dragElement",
494
- "declaration": {
495
- "name": "dragElement",
496
- "module": "src/includes/test-helpers.ts"
497
- }
498
- },
499
- {
500
- "kind": "js",
501
- "name": "$",
502
- "declaration": {
503
- "name": "$",
504
- "module": "src/includes/test-helpers.ts"
505
- }
506
- },
507
- {
508
- "kind": "js",
509
- "name": "$",
510
- "declaration": {
511
- "name": "$",
512
- "module": "src/includes/test-helpers.ts"
513
- }
514
- },
515
- {
516
- "kind": "js",
517
- "name": "$",
518
- "declaration": {
519
- "name": "$",
520
- "module": "src/includes/test-helpers.ts"
521
- }
522
- },
523
- {
524
- "kind": "js",
525
- "name": "$",
526
- "declaration": {
527
- "name": "$",
528
- "module": "src/includes/test-helpers.ts"
529
- }
530
- },
531
- {
532
- "kind": "js",
533
- "name": "$",
534
- "declaration": {
535
- "name": "$",
536
- "module": "src/includes/test-helpers.ts"
537
- }
538
- },
539
- {
540
- "kind": "js",
541
- "name": "$$",
542
- "declaration": {
543
- "name": "$$",
544
- "module": "src/includes/test-helpers.ts"
545
- }
546
- },
547
- {
548
- "kind": "js",
549
- "name": "$$",
550
- "declaration": {
551
- "name": "$$",
552
- "module": "src/includes/test-helpers.ts"
553
- }
554
- },
555
- {
556
- "kind": "js",
557
- "name": "$$",
558
- "declaration": {
559
- "name": "$$",
560
- "module": "src/includes/test-helpers.ts"
561
- }
562
- },
563
- {
564
- "kind": "js",
565
- "name": "$$",
566
- "declaration": {
567
- "name": "$$",
568
- "module": "src/includes/test-helpers.ts"
569
- }
570
- },
571
- {
572
- "kind": "js",
573
- "name": "$$",
574
- "declaration": {
575
- "name": "$$",
576
- "module": "src/includes/test-helpers.ts"
577
- }
578
- }
579
- ]
580
- },
581
- {
582
- "kind": "javascript-module",
583
- "path": "src/includes/uniqueId.ts",
584
- "declarations": [
585
- {
586
- "kind": "function",
587
- "name": "uniqueId",
588
- "parameters": [
462
+ },
463
+ "default": "''",
464
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
465
+ "fieldName": "icon"
466
+ },
589
467
  {
590
- "name": "prefix",
591
- "default": "''"
468
+ "name": "icon-spin",
469
+ "type": {
470
+ "text": "boolean"
471
+ },
472
+ "default": "false",
473
+ "description": "Spin property for the icon",
474
+ "fieldName": "iconSpin"
475
+ },
476
+ {
477
+ "name": "icon-spin-duration",
478
+ "type": {
479
+ "text": "number | undefined"
480
+ },
481
+ "description": "Duration property for the icon",
482
+ "fieldName": "iconSpinDuration"
483
+ },
484
+ {
485
+ "name": "icon-after",
486
+ "type": {
487
+ "text": "string"
488
+ },
489
+ "default": "''",
490
+ "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
491
+ "fieldName": "iconAfter"
492
+ },
493
+ {
494
+ "name": "icon-after-spin",
495
+ "type": {
496
+ "text": "boolean"
497
+ },
498
+ "default": "false",
499
+ "description": "Spin property for the after icon",
500
+ "fieldName": "iconAfterSpin"
501
+ },
502
+ {
503
+ "name": "icon-after-spin-duration",
504
+ "type": {
505
+ "text": "number | undefined"
506
+ },
507
+ "description": "Duration property for the after icon",
508
+ "fieldName": "iconAfterSpinDuration"
509
+ },
510
+ {
511
+ "name": "focused",
512
+ "type": {
513
+ "text": "boolean"
514
+ },
515
+ "default": "false",
516
+ "fieldName": "focused"
517
+ },
518
+ {
519
+ "name": "name",
520
+ "type": {
521
+ "text": "string | undefined"
522
+ },
523
+ "default": "undefined",
524
+ "fieldName": "name"
525
+ },
526
+ {
527
+ "name": "icon-only",
528
+ "type": {
529
+ "text": "boolean"
530
+ },
531
+ "default": "false",
532
+ "fieldName": "iconOnly"
533
+ },
534
+ {
535
+ "name": "type",
536
+ "type": {
537
+ "text": "'submit' | 'reset' | 'button'"
538
+ },
539
+ "default": "'button'",
540
+ "fieldName": "type"
541
+ },
542
+ {
543
+ "name": "value",
544
+ "type": {
545
+ "text": "string"
546
+ },
547
+ "default": "''",
548
+ "fieldName": "value"
592
549
  }
593
- ]
550
+ ],
551
+ "superclass": {
552
+ "name": "VscElement",
553
+ "module": "/src/includes/VscElement.js"
554
+ },
555
+ "tagName": "vscode-button",
556
+ "customElement": true
594
557
  }
595
558
  ],
596
559
  "exports": [
597
560
  {
598
561
  "kind": "js",
599
- "name": "default",
562
+ "name": "VscodeButton",
600
563
  "declaration": {
601
- "name": "uniqueId",
602
- "module": "src/includes/uniqueId.ts"
564
+ "name": "VscodeButton",
565
+ "module": "src/vscode-button/vscode-button.ts"
566
+ }
567
+ },
568
+ {
569
+ "kind": "custom-element-definition",
570
+ "name": "vscode-button",
571
+ "declaration": {
572
+ "name": "VscodeButton",
573
+ "module": "src/vscode-button/vscode-button.ts"
603
574
  }
604
575
  }
605
576
  ]
606
577
  },
607
578
  {
608
579
  "kind": "javascript-module",
609
- "path": "src/vscode-badge/vscode-badge.styles.ts",
580
+ "path": "src/vscode-button-group/vscode-button-group.styles.ts",
610
581
  "declarations": [
611
582
  {
612
583
  "kind": "variable",
@@ -614,7 +585,7 @@
614
585
  "type": {
615
586
  "text": "CSSResultGroup"
616
587
  },
617
- "default": "[ defaultStyles, css` :host { display: inline-block; } .root { 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: 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']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { 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']) .root { 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; } `, ]"
588
+ "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
618
589
  }
619
590
  ],
620
591
  "exports": [
@@ -623,61 +594,67 @@
623
594
  "name": "default",
624
595
  "declaration": {
625
596
  "name": "styles",
626
- "module": "src/vscode-badge/vscode-badge.styles.ts"
597
+ "module": "src/vscode-button-group/vscode-button-group.styles.ts"
627
598
  }
628
599
  }
629
600
  ]
630
601
  },
631
602
  {
632
603
  "kind": "javascript-module",
633
- "path": "src/vscode-badge/vscode-badge.ts",
604
+ "path": "src/vscode-button-group/vscode-button-group.ts",
634
605
  "declarations": [
635
606
  {
636
607
  "kind": "class",
637
- "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.",
638
- "name": "VscodeBadge",
608
+ "description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.",
609
+ "name": "VscodeButtonGroup",
639
610
  "cssProperties": [
611
+ {
612
+ "name": "--vscode-button-background",
613
+ "default": "#0078d4"
614
+ },
615
+ {
616
+ "name": "--vscode-button-foreground",
617
+ "default": "#ffffff"
618
+ },
619
+ {
620
+ "name": "--vscode-button-border",
621
+ "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
622
+ },
623
+ {
624
+ "name": "--vscode-button-hoverBackground",
625
+ "default": "#026ec1"
626
+ },
640
627
  {
641
628
  "description": "A sans-serif font type depends on the host OS.",
642
629
  "name": "--vscode-font-family",
643
630
  "default": "sans-serif"
644
631
  },
645
632
  {
646
- "name": "--vscode-contrastBorder",
647
- "default": "transparent"
633
+ "name": "--vscode-font-size",
634
+ "default": "13px"
648
635
  },
649
636
  {
650
- "description": "default and counter variant background color",
651
- "name": "--vscode-badge-background",
652
- "default": "#616161"
637
+ "name": "--vscode-font-weight",
638
+ "default": "normal"
653
639
  },
654
640
  {
655
- "description": "default and counter variant foreground color",
656
- "name": "--vscode-badge-foreground",
657
- "default": "#f8f8f8"
641
+ "name": "--vscode-button-secondaryForeground",
642
+ "default": "#cccccc"
658
643
  },
659
644
  {
660
- "description": "activity bar variant background color",
661
- "name": "--vscode-activityBarBadge-background",
662
- "default": "#0078d4"
645
+ "name": "--vscode-button-secondaryBackground",
646
+ "default": "#313131"
663
647
  },
664
648
  {
665
- "description": "activity bar variant foreground color",
666
- "name": "--vscode-activityBarBadge-foreground",
667
- "default": "#ffffff"
649
+ "name": "--vscode-button-secondaryHoverBackground",
650
+ "default": "#3c3c3c"
651
+ },
652
+ {
653
+ "name": "--vscode-focusBorder",
654
+ "default": "#0078d4"
668
655
  }
669
656
  ],
670
657
  "members": [
671
- {
672
- "kind": "field",
673
- "name": "variant",
674
- "type": {
675
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
676
- },
677
- "default": "'default'",
678
- "attribute": "variant",
679
- "reflects": true
680
- },
681
658
  {
682
659
  "kind": "field",
683
660
  "name": "version",
@@ -692,608 +669,631 @@
692
669
  }
693
670
  }
694
671
  ],
695
- "attributes": [
672
+ "superclass": {
673
+ "name": "VscElement",
674
+ "module": "/src/includes/VscElement.js"
675
+ },
676
+ "tagName": "vscode-button-group",
677
+ "customElement": true
678
+ }
679
+ ],
680
+ "exports": [
681
+ {
682
+ "kind": "js",
683
+ "name": "VscodeButtonGroup",
684
+ "declaration": {
685
+ "name": "VscodeButtonGroup",
686
+ "module": "src/vscode-button-group/vscode-button-group.ts"
687
+ }
688
+ },
689
+ {
690
+ "kind": "custom-element-definition",
691
+ "name": "vscode-button-group",
692
+ "declaration": {
693
+ "name": "VscodeButtonGroup",
694
+ "module": "src/vscode-button-group/vscode-button-group.ts"
695
+ }
696
+ }
697
+ ]
698
+ },
699
+ {
700
+ "kind": "javascript-module",
701
+ "path": "src/includes/AssociatedFormControl.ts",
702
+ "declarations": [],
703
+ "exports": []
704
+ },
705
+ {
706
+ "kind": "javascript-module",
707
+ "path": "src/includes/VscElement.ts",
708
+ "declarations": [
709
+ {
710
+ "kind": "class",
711
+ "description": "",
712
+ "name": "VscElement",
713
+ "members": [
696
714
  {
697
- "name": "variant",
715
+ "kind": "field",
716
+ "name": "version",
698
717
  "type": {
699
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
718
+ "text": "string"
700
719
  },
701
- "default": "'default'",
702
- "fieldName": "variant"
720
+ "description": "VSCode Elements version",
721
+ "readonly": true
703
722
  }
704
723
  ],
705
724
  "superclass": {
706
- "name": "VscElement",
707
- "module": "/src/includes/VscElement.js"
725
+ "name": "LitElement",
726
+ "package": "lit"
708
727
  },
709
- "tagName": "vscode-badge",
710
728
  "customElement": true
729
+ },
730
+ {
731
+ "kind": "function",
732
+ "name": "customElement",
733
+ "parameters": [
734
+ {
735
+ "name": "tagName",
736
+ "type": {
737
+ "text": "string"
738
+ }
739
+ }
740
+ ],
741
+ "description": "Own implementation of Lit's customElement decorator."
711
742
  }
712
743
  ],
713
744
  "exports": [
714
745
  {
715
746
  "kind": "js",
716
- "name": "VscodeBadge",
747
+ "name": "VscElement",
717
748
  "declaration": {
718
- "name": "VscodeBadge",
719
- "module": "src/vscode-badge/vscode-badge.ts"
749
+ "name": "VscElement",
750
+ "module": "src/includes/VscElement.ts"
751
+ }
752
+ },
753
+ {
754
+ "kind": "js",
755
+ "name": "customElement",
756
+ "declaration": {
757
+ "name": "customElement",
758
+ "module": "src/includes/VscElement.ts"
720
759
  }
721
760
  },
722
761
  {
723
762
  "kind": "custom-element-definition",
724
- "name": "vscode-badge",
763
+ "name": "tagName",
725
764
  "declaration": {
726
- "name": "VscodeBadge",
727
- "module": "src/vscode-badge/vscode-badge.ts"
765
+ "name": "anonymous_0",
766
+ "module": "src/includes/VscElement.ts"
728
767
  }
729
768
  }
730
769
  ]
731
770
  },
732
771
  {
733
772
  "kind": "javascript-module",
734
- "path": "src/vscode-button/vscode-button.styles.ts",
773
+ "path": "src/includes/default.styles.ts",
774
+ "declarations": [],
775
+ "exports": [
776
+ {
777
+ "kind": "js",
778
+ "name": "default",
779
+ "declaration": {
780
+ "module": "src/includes/default.styles.ts"
781
+ }
782
+ }
783
+ ]
784
+ },
785
+ {
786
+ "kind": "javascript-module",
787
+ "path": "src/includes/helpers.ts",
735
788
  "declarations": [
736
789
  {
737
790
  "kind": "variable",
738
- "name": "styles",
791
+ "name": "INPUT_LINE_HEIGHT_RATIO"
792
+ },
793
+ {
794
+ "kind": "variable",
795
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
739
796
  "type": {
740
- "text": "CSSResultGroup"
797
+ "text": "number"
741
798
  },
742
- "default": "[ defaultStyles, css` :host { cursor: pointer; display: inline-block; width: auto; } .root { background-color: var(--vscode-button-background, #0078d4); border-bottom-left-radius: var(--vsc-border-left-radius, 2px); border-bottom-right-radius: var(--vsc-border-right-radius, 2px); border-bottom-width: 1px; border-color: var(--vscode-button-border, transparent); border-left-width: var(--vsc-border-left-width, 1px); border-right-width: var(--vsc-border-right-width, 1px); border-style: solid; border-top-left-radius: var(--vsc-border-left-radius, 2px); border-top-right-radius: var(--vsc-border-right-radius, 2px); border-top-width: 1px; box-sizing: border-box; color: var(--vscode-button-foreground, #ffffff); display: inline-flex; 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: 0; user-select: none; white-space: nowrap; width: 100%; } :host([secondary]) .root { 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) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) .root { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) .root { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .content { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; height: 100%; padding: 1px 13px; } :host(:empty) .content, :host([icon-only]) .content { min-height: 24px; min-width: 16px; padding: 1px 4px; } slot { align-items: center; display: flex; height: 100%; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } .divider { display: var(--vsc-divider-display, none); background-color: transparent; padding: 4px 0; box-sizing: border-box; } :host(:hover) .divider, :host(:focus) .divider { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([secondary]) .divider { background-color: var(--vscode-button-secondaryBackground, #313131); } :host([secondary]:hover) .divider, :host([secondary]:focus) .divider { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } .divider > div { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); height: 100%; width: 1px; margin: 0; } :host([secondary]) .divider > div { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } `, ]"
799
+ "default": "320"
800
+ },
801
+ {
802
+ "kind": "function",
803
+ "name": "getDefaultFontStack"
804
+ },
805
+ {
806
+ "kind": "function",
807
+ "name": "getDefaultEditorFontStack"
743
808
  }
744
809
  ],
745
810
  "exports": [
746
811
  {
747
812
  "kind": "js",
748
- "name": "default",
813
+ "name": "INPUT_LINE_HEIGHT_RATIO",
749
814
  "declaration": {
750
- "name": "styles",
751
- "module": "src/vscode-button/vscode-button.styles.ts"
815
+ "name": "INPUT_LINE_HEIGHT_RATIO",
816
+ "module": "src/includes/helpers.ts"
817
+ }
818
+ },
819
+ {
820
+ "kind": "js",
821
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
822
+ "declaration": {
823
+ "name": "DEFUALT_INPUT_WIDGET_WIDTH",
824
+ "module": "src/includes/helpers.ts"
825
+ }
826
+ },
827
+ {
828
+ "kind": "js",
829
+ "name": "getDefaultFontStack",
830
+ "declaration": {
831
+ "name": "getDefaultFontStack",
832
+ "module": "src/includes/helpers.ts"
833
+ }
834
+ },
835
+ {
836
+ "kind": "js",
837
+ "name": "getDefaultEditorFontStack",
838
+ "declaration": {
839
+ "name": "getDefaultEditorFontStack",
840
+ "module": "src/includes/helpers.ts"
841
+ }
842
+ }
843
+ ]
844
+ },
845
+ {
846
+ "kind": "javascript-module",
847
+ "path": "src/includes/style-property-map.ts",
848
+ "declarations": [
849
+ {
850
+ "kind": "variable",
851
+ "name": "stylePropertyMap",
852
+ "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)"
853
+ }
854
+ ],
855
+ "exports": [
856
+ {
857
+ "kind": "js",
858
+ "name": "stylePropertyMap",
859
+ "declaration": {
860
+ "name": "stylePropertyMap",
861
+ "module": "src/includes/style-property-map.ts"
752
862
  }
753
863
  }
754
864
  ]
755
865
  },
756
866
  {
757
867
  "kind": "javascript-module",
758
- "path": "src/vscode-button/vscode-button.ts",
868
+ "path": "src/includes/test-helpers.ts",
759
869
  "declarations": [
760
870
  {
761
- "kind": "class",
762
- "description": "Clickable element that are used to trigger actions.",
763
- "name": "VscodeButton",
764
- "cssProperties": [
765
- {
766
- "name": "--vscode-button-background",
767
- "default": "#0078d4"
768
- },
769
- {
770
- "name": "--vscode-button-foreground",
771
- "default": "#ffffff"
772
- },
773
- {
774
- "name": "--vscode-button-border",
775
- "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
776
- },
777
- {
778
- "name": "--vscode-button-hoverBackground",
779
- "default": "#026ec1"
780
- },
781
- {
782
- "description": "A sans-serif font type depends on the host OS.",
783
- "name": "--vscode-font-family",
784
- "default": "sans-serif"
785
- },
786
- {
787
- "name": "--vscode-font-size",
788
- "default": "13px"
789
- },
790
- {
791
- "name": "--vscode-font-weight",
792
- "default": "normal"
793
- },
794
- {
795
- "name": "--vscode-button-secondaryForeground",
796
- "default": "#cccccc"
797
- },
798
- {
799
- "name": "--vscode-button-secondaryBackground",
800
- "default": "#313131"
801
- },
802
- {
803
- "name": "--vscode-button-secondaryHoverBackground",
804
- "default": "#3c3c3c"
805
- },
806
- {
807
- "name": "--vscode-focusBorder",
808
- "default": "#0078d4"
809
- }
810
- ],
811
- "members": [
812
- {
813
- "kind": "field",
814
- "name": "autofocus",
815
- "type": {
816
- "text": "boolean"
817
- },
818
- "default": "false",
819
- "attribute": "autofocus",
820
- "reflects": true
821
- },
822
- {
823
- "kind": "field",
824
- "name": "secondary",
825
- "type": {
826
- "text": "boolean"
827
- },
828
- "default": "false",
829
- "description": "Button has a less prominent style.",
830
- "attribute": "secondary",
831
- "reflects": true
832
- },
833
- {
834
- "kind": "field",
835
- "name": "disabled",
836
- "type": {
837
- "text": "boolean"
838
- },
839
- "default": "false",
840
- "attribute": "disabled",
841
- "reflects": true
842
- },
843
- {
844
- "kind": "field",
845
- "name": "icon",
846
- "type": {
847
- "text": "string"
848
- },
849
- "default": "''",
850
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
851
- "attribute": "icon"
852
- },
853
- {
854
- "kind": "field",
855
- "name": "iconSpin",
856
- "type": {
857
- "text": "boolean"
858
- },
859
- "default": "false",
860
- "description": "Spin property for the icon",
861
- "attribute": "icon-spin",
862
- "reflects": true
863
- },
864
- {
865
- "kind": "field",
866
- "name": "iconSpinDuration",
867
- "type": {
868
- "text": "number | undefined"
869
- },
870
- "description": "Duration property for the icon",
871
- "attribute": "icon-spin-duration",
872
- "reflects": true
873
- },
874
- {
875
- "kind": "field",
876
- "name": "iconAfter",
877
- "type": {
878
- "text": "string"
879
- },
880
- "default": "''",
881
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
882
- "attribute": "icon-after"
883
- },
884
- {
885
- "kind": "field",
886
- "name": "iconAfterSpin",
887
- "type": {
888
- "text": "boolean"
889
- },
890
- "default": "false",
891
- "description": "Spin property for the after icon",
892
- "attribute": "icon-after-spin",
893
- "reflects": true
894
- },
895
- {
896
- "kind": "field",
897
- "name": "iconAfterSpinDuration",
898
- "type": {
899
- "text": "number | undefined"
900
- },
901
- "description": "Duration property for the after icon",
902
- "attribute": "icon-after-spin-duration",
903
- "reflects": true
904
- },
905
- {
906
- "kind": "field",
907
- "name": "focused",
908
- "type": {
909
- "text": "boolean"
910
- },
911
- "default": "false",
912
- "attribute": "focused",
913
- "reflects": true
914
- },
915
- {
916
- "kind": "field",
917
- "name": "name",
918
- "type": {
919
- "text": "string | undefined"
920
- },
921
- "default": "undefined",
922
- "attribute": "name",
923
- "reflects": true
924
- },
871
+ "kind": "function",
872
+ "name": "clickOnElement",
873
+ "parameters": [
925
874
  {
926
- "kind": "field",
927
- "name": "iconOnly",
875
+ "name": "el",
928
876
  "type": {
929
- "text": "boolean"
930
- },
931
- "default": "false",
932
- "attribute": "icon-only",
933
- "reflects": true
877
+ "text": "Element"
878
+ }
934
879
  },
935
880
  {
936
- "kind": "field",
937
- "name": "type",
881
+ "name": "position",
882
+ "default": "'center'",
938
883
  "type": {
939
- "text": "'submit' | 'reset' | 'button'"
940
- },
941
- "default": "'button'",
942
- "attribute": "type",
943
- "reflects": true
884
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
885
+ }
944
886
  },
945
887
  {
946
- "kind": "field",
947
- "name": "value",
948
- "type": {
949
- "text": "string"
950
- },
951
- "default": "''",
952
- "attribute": "value"
888
+ "name": "offsetX",
889
+ "default": "0"
953
890
  },
954
891
  {
955
- "kind": "field",
956
- "name": "_prevTabindex",
957
- "type": {
958
- "text": "number"
959
- },
960
- "privacy": "private",
892
+ "name": "offsetY",
961
893
  "default": "0"
962
- },
894
+ }
895
+ ],
896
+ "description": "A testing utility that measures an element's position and clicks on it."
897
+ },
898
+ {
899
+ "kind": "function",
900
+ "name": "moveMouseOnElement",
901
+ "parameters": [
963
902
  {
964
- "kind": "field",
965
- "name": "_internals",
903
+ "name": "el",
966
904
  "type": {
967
- "text": "ElementInternals"
968
- },
969
- "privacy": "private"
905
+ "text": "Element"
906
+ }
970
907
  },
971
908
  {
972
- "kind": "field",
973
- "name": "form",
909
+ "name": "position",
910
+ "default": "'center'",
974
911
  "type": {
975
- "text": "HTMLFormElement | null"
976
- },
977
- "readonly": true
912
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
913
+ }
978
914
  },
979
915
  {
980
- "kind": "method",
981
- "name": "_executeAction",
982
- "privacy": "private"
916
+ "name": "offsetX",
917
+ "default": "0"
983
918
  },
984
919
  {
985
- "kind": "method",
986
- "name": "_handleKeyDown",
987
- "privacy": "private",
988
- "parameters": [
989
- {
990
- "name": "event",
991
- "type": {
992
- "text": "KeyboardEvent"
993
- }
994
- }
995
- ]
996
- },
920
+ "name": "offsetY",
921
+ "default": "0"
922
+ }
923
+ ],
924
+ "description": "A testing utility that moves the mouse onto an element."
925
+ },
926
+ {
927
+ "kind": "function",
928
+ "name": "dragElement",
929
+ "return": {
930
+ "type": {
931
+ "text": "Promise<void>"
932
+ }
933
+ },
934
+ "parameters": [
997
935
  {
998
- "kind": "method",
999
- "name": "_handleClick",
1000
- "privacy": "private",
1001
- "parameters": [
1002
- {
1003
- "name": "event",
1004
- "type": {
1005
- "text": "MouseEvent"
1006
- }
1007
- }
1008
- ]
936
+ "name": "el",
937
+ "type": {
938
+ "text": "Element"
939
+ }
1009
940
  },
1010
941
  {
1011
- "kind": "field",
1012
- "name": "_handleFocus",
1013
- "privacy": "private"
942
+ "name": "deltaX",
943
+ "default": "0"
1014
944
  },
1015
945
  {
1016
- "kind": "field",
1017
- "name": "_handleBlur",
1018
- "privacy": "private"
946
+ "name": "deltaY",
947
+ "default": "0"
1019
948
  },
1020
949
  {
1021
- "kind": "field",
1022
- "name": "version",
950
+ "name": "callbacks",
951
+ "default": "{}",
1023
952
  "type": {
1024
- "text": "string"
1025
- },
1026
- "description": "VSCode Elements version",
1027
- "readonly": true,
1028
- "inheritedFrom": {
1029
- "name": "VscElement",
1030
- "module": "src/includes/VscElement.ts"
953
+ "text": "{\n afterMouseDown?: () => void | Promise<void>;\n afterMouseMove?: () => void | Promise<void>;\n }"
1031
954
  }
1032
955
  }
1033
956
  ],
1034
- "attributes": [
957
+ "description": "A testing utility that drags an element with the mouse."
958
+ },
959
+ {
960
+ "kind": "function",
961
+ "name": "$",
962
+ "return": {
963
+ "type": {
964
+ "text": "TagNameToElement<K>"
965
+ }
966
+ },
967
+ "parameters": [
1035
968
  {
1036
- "name": "autofocus",
969
+ "name": "selector",
1037
970
  "type": {
1038
- "text": "boolean"
1039
- },
1040
- "default": "false",
1041
- "fieldName": "autofocus"
1042
- },
971
+ "text": "K"
972
+ }
973
+ }
974
+ ]
975
+ },
976
+ {
977
+ "kind": "function",
978
+ "name": "$",
979
+ "return": {
980
+ "type": {
981
+ "text": "TagNameToElement<K>"
982
+ }
983
+ },
984
+ "parameters": [
1043
985
  {
1044
- "name": "secondary",
986
+ "name": "root",
1045
987
  "type": {
1046
- "text": "boolean"
1047
- },
1048
- "default": "false",
1049
- "description": "Button has a less prominent style.",
1050
- "fieldName": "secondary"
988
+ "text": "Element"
989
+ }
1051
990
  },
1052
991
  {
1053
- "name": "disabled",
992
+ "name": "selector",
1054
993
  "type": {
1055
- "text": "boolean"
1056
- },
1057
- "default": "false",
1058
- "fieldName": "disabled"
1059
- },
994
+ "text": "K"
995
+ }
996
+ }
997
+ ]
998
+ },
999
+ {
1000
+ "kind": "function",
1001
+ "name": "$",
1002
+ "return": {
1003
+ "type": {
1004
+ "text": "T"
1005
+ }
1006
+ },
1007
+ "parameters": [
1060
1008
  {
1061
- "name": "icon",
1009
+ "name": "selector",
1062
1010
  "type": {
1063
1011
  "text": "string"
1064
- },
1065
- "default": "''",
1066
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
1067
- "fieldName": "icon"
1068
- },
1012
+ }
1013
+ }
1014
+ ]
1015
+ },
1016
+ {
1017
+ "kind": "function",
1018
+ "name": "$",
1019
+ "return": {
1020
+ "type": {
1021
+ "text": "T"
1022
+ }
1023
+ },
1024
+ "parameters": [
1069
1025
  {
1070
- "name": "icon-spin",
1026
+ "name": "root",
1071
1027
  "type": {
1072
- "text": "boolean"
1073
- },
1074
- "default": "false",
1075
- "description": "Spin property for the icon",
1076
- "fieldName": "iconSpin"
1028
+ "text": "Element"
1029
+ }
1077
1030
  },
1078
1031
  {
1079
- "name": "icon-spin-duration",
1032
+ "name": "selector",
1080
1033
  "type": {
1081
- "text": "number | undefined"
1082
- },
1083
- "description": "Duration property for the icon",
1084
- "fieldName": "iconSpinDuration"
1034
+ "text": "string"
1035
+ }
1036
+ }
1037
+ ]
1038
+ },
1039
+ {
1040
+ "kind": "function",
1041
+ "name": "$",
1042
+ "return": {
1043
+ "type": {
1044
+ "text": "T"
1045
+ }
1046
+ },
1047
+ "parameters": [
1048
+ {
1049
+ "name": "arg1",
1050
+ "type": {
1051
+ "text": "string | Element"
1052
+ }
1085
1053
  },
1086
1054
  {
1087
- "name": "icon-after",
1055
+ "name": "arg2",
1056
+ "optional": true,
1088
1057
  "type": {
1089
1058
  "text": "string"
1090
- },
1091
- "default": "''",
1092
- "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
1093
- "fieldName": "iconAfter"
1094
- },
1059
+ }
1060
+ }
1061
+ ]
1062
+ },
1063
+ {
1064
+ "kind": "function",
1065
+ "name": "$$",
1066
+ "return": {
1067
+ "type": {
1068
+ "text": "NodeListOf<TagNameToElement<K>>"
1069
+ }
1070
+ },
1071
+ "parameters": [
1095
1072
  {
1096
- "name": "icon-after-spin",
1073
+ "name": "selector",
1097
1074
  "type": {
1098
- "text": "boolean"
1099
- },
1100
- "default": "false",
1101
- "description": "Spin property for the after icon",
1102
- "fieldName": "iconAfterSpin"
1103
- },
1075
+ "text": "K"
1076
+ }
1077
+ }
1078
+ ]
1079
+ },
1080
+ {
1081
+ "kind": "function",
1082
+ "name": "$$",
1083
+ "return": {
1084
+ "type": {
1085
+ "text": "NodeListOf<TagNameToElement<K>>"
1086
+ }
1087
+ },
1088
+ "parameters": [
1104
1089
  {
1105
- "name": "icon-after-spin-duration",
1090
+ "name": "root",
1106
1091
  "type": {
1107
- "text": "number | undefined"
1108
- },
1109
- "description": "Duration property for the after icon",
1110
- "fieldName": "iconAfterSpinDuration"
1092
+ "text": "Element"
1093
+ }
1111
1094
  },
1112
1095
  {
1113
- "name": "focused",
1096
+ "name": "selector",
1114
1097
  "type": {
1115
- "text": "boolean"
1116
- },
1117
- "default": "false",
1118
- "fieldName": "focused"
1119
- },
1098
+ "text": "K"
1099
+ }
1100
+ }
1101
+ ]
1102
+ },
1103
+ {
1104
+ "kind": "function",
1105
+ "name": "$$",
1106
+ "return": {
1107
+ "type": {
1108
+ "text": "NodeListOf<T>"
1109
+ }
1110
+ },
1111
+ "parameters": [
1120
1112
  {
1121
- "name": "name",
1113
+ "name": "selector",
1122
1114
  "type": {
1123
- "text": "string | undefined"
1124
- },
1125
- "default": "undefined",
1126
- "fieldName": "name"
1127
- },
1115
+ "text": "string"
1116
+ }
1117
+ }
1118
+ ]
1119
+ },
1120
+ {
1121
+ "kind": "function",
1122
+ "name": "$$",
1123
+ "return": {
1124
+ "type": {
1125
+ "text": "NodeListOf<T>"
1126
+ }
1127
+ },
1128
+ "parameters": [
1128
1129
  {
1129
- "name": "icon-only",
1130
+ "name": "root",
1130
1131
  "type": {
1131
- "text": "boolean"
1132
- },
1133
- "default": "false",
1134
- "fieldName": "iconOnly"
1132
+ "text": "Element"
1133
+ }
1135
1134
  },
1136
1135
  {
1137
- "name": "type",
1136
+ "name": "selector",
1138
1137
  "type": {
1139
- "text": "'submit' | 'reset' | 'button'"
1140
- },
1141
- "default": "'button'",
1142
- "fieldName": "type"
1138
+ "text": "string"
1139
+ }
1140
+ }
1141
+ ]
1142
+ },
1143
+ {
1144
+ "kind": "function",
1145
+ "name": "$$",
1146
+ "return": {
1147
+ "type": {
1148
+ "text": "NodeListOf<T>"
1149
+ }
1150
+ },
1151
+ "parameters": [
1152
+ {
1153
+ "name": "arg1",
1154
+ "type": {
1155
+ "text": "string | Element"
1156
+ }
1143
1157
  },
1144
1158
  {
1145
- "name": "value",
1159
+ "name": "arg2",
1160
+ "optional": true,
1146
1161
  "type": {
1147
1162
  "text": "string"
1148
- },
1149
- "default": "''",
1150
- "fieldName": "value"
1163
+ }
1151
1164
  }
1152
- ],
1153
- "superclass": {
1154
- "name": "VscElement",
1155
- "module": "/src/includes/VscElement.js"
1156
- },
1157
- "tagName": "vscode-button",
1158
- "customElement": true
1165
+ ]
1159
1166
  }
1160
1167
  ],
1161
1168
  "exports": [
1162
1169
  {
1163
1170
  "kind": "js",
1164
- "name": "VscodeButton",
1171
+ "name": "clickOnElement",
1165
1172
  "declaration": {
1166
- "name": "VscodeButton",
1167
- "module": "src/vscode-button/vscode-button.ts"
1173
+ "name": "clickOnElement",
1174
+ "module": "src/includes/test-helpers.ts"
1168
1175
  }
1169
1176
  },
1170
1177
  {
1171
- "kind": "custom-element-definition",
1172
- "name": "vscode-button",
1178
+ "kind": "js",
1179
+ "name": "moveMouseOnElement",
1173
1180
  "declaration": {
1174
- "name": "VscodeButton",
1175
- "module": "src/vscode-button/vscode-button.ts"
1181
+ "name": "moveMouseOnElement",
1182
+ "module": "src/includes/test-helpers.ts"
1176
1183
  }
1177
- }
1178
- ]
1179
- },
1180
- {
1181
- "kind": "javascript-module",
1182
- "path": "src/vscode-button-group/vscode-button-group.styles.ts",
1183
- "declarations": [
1184
+ },
1184
1185
  {
1185
- "kind": "variable",
1186
- "name": "styles",
1187
- "type": {
1188
- "text": "CSSResultGroup"
1189
- },
1190
- "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
1191
- }
1192
- ],
1193
- "exports": [
1186
+ "kind": "js",
1187
+ "name": "dragElement",
1188
+ "declaration": {
1189
+ "name": "dragElement",
1190
+ "module": "src/includes/test-helpers.ts"
1191
+ }
1192
+ },
1194
1193
  {
1195
1194
  "kind": "js",
1196
- "name": "default",
1195
+ "name": "$",
1197
1196
  "declaration": {
1198
- "name": "styles",
1199
- "module": "src/vscode-button-group/vscode-button-group.styles.ts"
1197
+ "name": "$",
1198
+ "module": "src/includes/test-helpers.ts"
1199
+ }
1200
+ },
1201
+ {
1202
+ "kind": "js",
1203
+ "name": "$",
1204
+ "declaration": {
1205
+ "name": "$",
1206
+ "module": "src/includes/test-helpers.ts"
1207
+ }
1208
+ },
1209
+ {
1210
+ "kind": "js",
1211
+ "name": "$",
1212
+ "declaration": {
1213
+ "name": "$",
1214
+ "module": "src/includes/test-helpers.ts"
1215
+ }
1216
+ },
1217
+ {
1218
+ "kind": "js",
1219
+ "name": "$",
1220
+ "declaration": {
1221
+ "name": "$",
1222
+ "module": "src/includes/test-helpers.ts"
1223
+ }
1224
+ },
1225
+ {
1226
+ "kind": "js",
1227
+ "name": "$",
1228
+ "declaration": {
1229
+ "name": "$",
1230
+ "module": "src/includes/test-helpers.ts"
1231
+ }
1232
+ },
1233
+ {
1234
+ "kind": "js",
1235
+ "name": "$$",
1236
+ "declaration": {
1237
+ "name": "$$",
1238
+ "module": "src/includes/test-helpers.ts"
1239
+ }
1240
+ },
1241
+ {
1242
+ "kind": "js",
1243
+ "name": "$$",
1244
+ "declaration": {
1245
+ "name": "$$",
1246
+ "module": "src/includes/test-helpers.ts"
1247
+ }
1248
+ },
1249
+ {
1250
+ "kind": "js",
1251
+ "name": "$$",
1252
+ "declaration": {
1253
+ "name": "$$",
1254
+ "module": "src/includes/test-helpers.ts"
1255
+ }
1256
+ },
1257
+ {
1258
+ "kind": "js",
1259
+ "name": "$$",
1260
+ "declaration": {
1261
+ "name": "$$",
1262
+ "module": "src/includes/test-helpers.ts"
1263
+ }
1264
+ },
1265
+ {
1266
+ "kind": "js",
1267
+ "name": "$$",
1268
+ "declaration": {
1269
+ "name": "$$",
1270
+ "module": "src/includes/test-helpers.ts"
1200
1271
  }
1201
1272
  }
1202
1273
  ]
1203
1274
  },
1204
1275
  {
1205
1276
  "kind": "javascript-module",
1206
- "path": "src/vscode-button-group/vscode-button-group.ts",
1277
+ "path": "src/includes/uniqueId.ts",
1207
1278
  "declarations": [
1208
1279
  {
1209
- "kind": "class",
1210
- "description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.",
1211
- "name": "VscodeButtonGroup",
1212
- "cssProperties": [
1213
- {
1214
- "name": "--vscode-button-background",
1215
- "default": "#0078d4"
1216
- },
1217
- {
1218
- "name": "--vscode-button-foreground",
1219
- "default": "#ffffff"
1220
- },
1221
- {
1222
- "name": "--vscode-button-border",
1223
- "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
1224
- },
1225
- {
1226
- "name": "--vscode-button-hoverBackground",
1227
- "default": "#026ec1"
1228
- },
1229
- {
1230
- "description": "A sans-serif font type depends on the host OS.",
1231
- "name": "--vscode-font-family",
1232
- "default": "sans-serif"
1233
- },
1234
- {
1235
- "name": "--vscode-font-size",
1236
- "default": "13px"
1237
- },
1238
- {
1239
- "name": "--vscode-font-weight",
1240
- "default": "normal"
1241
- },
1242
- {
1243
- "name": "--vscode-button-secondaryForeground",
1244
- "default": "#cccccc"
1245
- },
1246
- {
1247
- "name": "--vscode-button-secondaryBackground",
1248
- "default": "#313131"
1249
- },
1250
- {
1251
- "name": "--vscode-button-secondaryHoverBackground",
1252
- "default": "#3c3c3c"
1253
- },
1254
- {
1255
- "name": "--vscode-focusBorder",
1256
- "default": "#0078d4"
1257
- }
1258
- ],
1259
- "members": [
1280
+ "kind": "function",
1281
+ "name": "uniqueId",
1282
+ "parameters": [
1260
1283
  {
1261
- "kind": "field",
1262
- "name": "version",
1263
- "type": {
1264
- "text": "string"
1265
- },
1266
- "description": "VSCode Elements version",
1267
- "readonly": true,
1268
- "inheritedFrom": {
1269
- "name": "VscElement",
1270
- "module": "src/includes/VscElement.ts"
1271
- }
1284
+ "name": "prefix",
1285
+ "default": "''"
1272
1286
  }
1273
- ],
1274
- "superclass": {
1275
- "name": "VscElement",
1276
- "module": "/src/includes/VscElement.js"
1277
- },
1278
- "tagName": "vscode-button-group",
1279
- "customElement": true
1287
+ ]
1280
1288
  }
1281
1289
  ],
1282
1290
  "exports": [
1283
1291
  {
1284
1292
  "kind": "js",
1285
- "name": "VscodeButtonGroup",
1286
- "declaration": {
1287
- "name": "VscodeButtonGroup",
1288
- "module": "src/vscode-button-group/vscode-button-group.ts"
1289
- }
1290
- },
1291
- {
1292
- "kind": "custom-element-definition",
1293
- "name": "vscode-button-group",
1293
+ "name": "default",
1294
1294
  "declaration": {
1295
- "name": "VscodeButtonGroup",
1296
- "module": "src/vscode-button-group/vscode-button-group.ts"
1295
+ "name": "uniqueId",
1296
+ "module": "src/includes/uniqueId.ts"
1297
1297
  }
1298
1298
  }
1299
1299
  ]