@vscode-elements/elements 1.17.0 → 2.0.0-pre.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +2547 -2262
- package/dist/bundled.js +275 -359
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/dist/vscode-tree/helpers.d.ts +11 -0
- package/dist/vscode-tree/helpers.d.ts.map +1 -0
- package/dist/vscode-tree/helpers.js +139 -0
- package/dist/vscode-tree/helpers.js.map +1 -0
- package/dist/vscode-tree/tree-context.d.ts +33 -0
- package/dist/vscode-tree/tree-context.d.ts.map +1 -0
- package/dist/vscode-tree/tree-context.js +4 -0
- package/dist/vscode-tree/tree-context.js.map +1 -0
- package/dist/vscode-tree/vscode-tree.d.ts +35 -150
- package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.js +263 -627
- package/dist/vscode-tree/vscode-tree.js.map +1 -1
- package/dist/vscode-tree/vscode-tree.styles.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.styles.js +4 -240
- package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
- package/dist/vscode-tree-item/index.d.ts +2 -0
- package/dist/vscode-tree-item/index.d.ts.map +1 -0
- package/dist/vscode-tree-item/index.js +2 -0
- package/dist/vscode-tree-item/index.js.map +1 -0
- package/dist/vscode-tree-item/vscode-tree-item.d.ts +45 -0
- package/dist/vscode-tree-item/vscode-tree-item.d.ts.map +1 -0
- package/dist/vscode-tree-item/vscode-tree-item.js +377 -0
- package/dist/vscode-tree-item/vscode-tree-item.js.map +1 -0
- package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts +4 -0
- package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts.map +1 -0
- package/dist/vscode-tree-item/vscode-tree-item.styles.js +165 -0
- package/dist/vscode-tree-item/vscode-tree-item.styles.js.map +1 -0
- package/package.json +2 -1
- package/vscode.css-custom-data.json +32 -54
- package/vscode.html-custom-data.json +83 -70
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"properties": [
|
|
5
|
+
{ "name": "--vscode-button-background", "values": [] },
|
|
6
|
+
{ "name": "--vscode-button-foreground", "values": [] },
|
|
7
|
+
{ "name": "--vscode-button-border", "values": [] },
|
|
8
|
+
{ "name": "--vscode-button-hoverBackground", "values": [] },
|
|
9
|
+
{
|
|
10
|
+
"name": "--vscode-font-family",
|
|
11
|
+
"description": "A sans-serif font type depends on the host OS.",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
15
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
16
|
+
{ "name": "--vscode-button-secondaryForeground", "values": [] },
|
|
17
|
+
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
18
|
+
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
19
|
+
{ "name": "--vscode-focusBorder", "values": [] },
|
|
5
20
|
{
|
|
6
21
|
"name": "--vscode-font-family",
|
|
7
22
|
"description": "A sans-serif font type depends on the host OS.",
|
|
@@ -43,31 +58,6 @@
|
|
|
43
58
|
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
44
59
|
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
45
60
|
{ "name": "--vscode-focusBorder", "values": [] },
|
|
46
|
-
{ "name": "--vscode-button-background", "values": [] },
|
|
47
|
-
{ "name": "--vscode-button-foreground", "values": [] },
|
|
48
|
-
{ "name": "--vscode-button-border", "values": [] },
|
|
49
|
-
{ "name": "--vscode-button-hoverBackground", "values": [] },
|
|
50
|
-
{
|
|
51
|
-
"name": "--vscode-font-family",
|
|
52
|
-
"description": "A sans-serif font type depends on the host OS.",
|
|
53
|
-
"values": []
|
|
54
|
-
},
|
|
55
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
56
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
57
|
-
{ "name": "--vscode-button-secondaryForeground", "values": [] },
|
|
58
|
-
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
59
|
-
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
60
|
-
{ "name": "--vscode-focusBorder", "values": [] },
|
|
61
|
-
{ "name": "--vscode-font-family", "values": [] },
|
|
62
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
63
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
64
|
-
{ "name": "--vscode-foreground", "values": [] },
|
|
65
|
-
{ "name": "--vscode-settings-checkboxBackground", "values": [] },
|
|
66
|
-
{ "name": "--vscode-settings-checkboxBorder", "values": [] },
|
|
67
|
-
{ "name": "--vscode-settings-checkboxForeground", "values": [] },
|
|
68
|
-
{ "name": "--vscode-focusBorder", "values": [] },
|
|
69
|
-
{ "name": "--vscode-inputValidation-errorBackground", "values": [] },
|
|
70
|
-
{ "name": "--vscode-inputValidation-errorBorder", "values": [] },
|
|
71
61
|
{
|
|
72
62
|
"name": "--vscode-sideBar-background",
|
|
73
63
|
"description": "Background color",
|
|
@@ -108,6 +98,16 @@
|
|
|
108
98
|
{ "name": "--vscode-font-family", "values": [] },
|
|
109
99
|
{ "name": "--vscode-font-size", "values": [] },
|
|
110
100
|
{ "name": "--vscode-font-weight", "values": [] },
|
|
101
|
+
{ "name": "--vscode-foreground", "values": [] },
|
|
102
|
+
{ "name": "--vscode-settings-checkboxBackground", "values": [] },
|
|
103
|
+
{ "name": "--vscode-settings-checkboxBorder", "values": [] },
|
|
104
|
+
{ "name": "--vscode-settings-checkboxForeground", "values": [] },
|
|
105
|
+
{ "name": "--vscode-focusBorder", "values": [] },
|
|
106
|
+
{ "name": "--vscode-inputValidation-errorBackground", "values": [] },
|
|
107
|
+
{ "name": "--vscode-inputValidation-errorBorder", "values": [] },
|
|
108
|
+
{ "name": "--vscode-font-family", "values": [] },
|
|
109
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
110
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
111
111
|
{ "name": "--vscode-menu-background", "values": [] },
|
|
112
112
|
{ "name": "--vscode-menu-selectionBorder", "values": [] },
|
|
113
113
|
{ "name": "--vscode-menu-foreground", "values": [] },
|
|
@@ -244,11 +244,6 @@
|
|
|
244
244
|
{ "name": "--vscode-font-family", "values": [] },
|
|
245
245
|
{ "name": "--vscode-font-size", "values": [] },
|
|
246
246
|
{ "name": "--vscode-editorGroup-border", "values": [] },
|
|
247
|
-
{ "name": "--vscode-font-family", "values": [] },
|
|
248
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
249
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
250
|
-
{ "name": "--vscode-settings-headerBorder", "values": [] },
|
|
251
|
-
{ "name": "--vscode-panel-background", "values": [] },
|
|
252
247
|
{ "name": "--vscode-scrollbar-shadow", "values": [] },
|
|
253
248
|
{ "name": "--vscode-settings-textInputBackground", "values": [] },
|
|
254
249
|
{ "name": "--vscode-settings-textInputBorder", "values": [] },
|
|
@@ -267,6 +262,11 @@
|
|
|
267
262
|
{ "name": "--vscode-scrollbarSlider-background", "values": [] },
|
|
268
263
|
{ "name": "--vscode-scrollbarSlider-hoverBackground", "values": [] },
|
|
269
264
|
{ "name": "--vscode-scrollbarSlider-activeBackground", "values": [] },
|
|
265
|
+
{ "name": "--vscode-font-family", "values": [] },
|
|
266
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
267
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
268
|
+
{ "name": "--vscode-settings-headerBorder", "values": [] },
|
|
269
|
+
{ "name": "--vscode-panel-background", "values": [] },
|
|
270
270
|
{ "name": "--vscode-settings-textInputBackground", "values": [] },
|
|
271
271
|
{ "name": "--vscode-settings-textInputBorder", "values": [] },
|
|
272
272
|
{ "name": "--vscode-settings-textInputForeground", "values": [] },
|
|
@@ -284,34 +284,12 @@
|
|
|
284
284
|
{ "name": "--vscode-input-placeholderForeground", "values": [] },
|
|
285
285
|
{ "name": "--vscode-button-background", "values": [] },
|
|
286
286
|
{ "name": "--vscode-button-foreground", "values": [] },
|
|
287
|
-
{ "name": "--vscode-button-hoverBackground", "values": [] }
|
|
288
|
-
{ "name": "--vscode-focusBorder", "values": [] },
|
|
289
|
-
{ "name": "--vscode-font-family", "values": [] },
|
|
290
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
291
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
292
|
-
{ "name": "--vscode-list-hoverForeground", "values": [] },
|
|
293
|
-
{ "name": "--vscode-list-hoverBackground", "values": [] },
|
|
294
|
-
{ "name": "--vscode-list-inactiveSelectionBackground", "values": [] },
|
|
295
|
-
{ "name": "--vscode-list-inactiveSelectionForeground", "values": [] },
|
|
296
|
-
{ "name": "--vscode-list-activeSelectionBackground", "values": [] },
|
|
297
|
-
{ "name": "--vscode-list-activeSelectionForeground", "values": [] },
|
|
298
|
-
{ "name": "--vscode-list-inactiveSelectionIconForeground", "values": [] },
|
|
299
|
-
{ "name": "--vscode-list-inactiveFocusBackground", "values": [] },
|
|
300
|
-
{ "name": "--vscode-list-inactiveFocusOutline", "values": [] },
|
|
301
|
-
{ "name": "--vscode-list-focusOutline", "values": [] },
|
|
302
|
-
{ "name": "--vscode-tree-inactiveIndentGuidesStroke", "values": [] },
|
|
303
|
-
{ "name": "--vscode-tree-indentGuidesStroke", "values": [] }
|
|
287
|
+
{ "name": "--vscode-button-hoverBackground", "values": [] }
|
|
304
288
|
],
|
|
305
289
|
"pseudoElements": [
|
|
306
290
|
{
|
|
307
291
|
"name": "::part(body)",
|
|
308
292
|
"description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior."
|
|
309
|
-
}
|
|
310
|
-
{ "name": "::part(text-content)" },
|
|
311
|
-
{ "name": "::part(description)" },
|
|
312
|
-
{ "name": "::part(counter-badge-decoration)" },
|
|
313
|
-
{ "name": "::part(filled-circle-decoration)" },
|
|
314
|
-
{ "name": "::part(caption-decoration)" },
|
|
315
|
-
{ "name": "::part(decorations)", "description": "Container of decorations" }
|
|
293
|
+
}
|
|
316
294
|
]
|
|
317
295
|
}
|
|
@@ -2,23 +2,6 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
-
{
|
|
6
|
-
"name": "vscode-badge",
|
|
7
|
-
"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.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-contrastBorder** - undefined _(default: transparent)_\n- **--vscode-badge-background** - default and counter variant background color _(default: #616161)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: #f8f8f8)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: #0078d4)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: #ffffff)_",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "variant",
|
|
11
|
-
"values": [
|
|
12
|
-
{ "name": "" },
|
|
13
|
-
{ "name": "default" },
|
|
14
|
-
{ "name": "counter" },
|
|
15
|
-
{ "name": "activity-bar-counter" },
|
|
16
|
-
{ "name": "tab-header-counter" }
|
|
17
|
-
]
|
|
18
|
-
}
|
|
19
|
-
],
|
|
20
|
-
"references": []
|
|
21
|
-
},
|
|
22
5
|
{
|
|
23
6
|
"name": "vscode-button",
|
|
24
7
|
"description": "Clickable element that are used to trigger actions.\n---\n\n\n### **Events:**\n - **vsc-click** - Dispatched only when button is not in disabled state.\n\n### **CSS Properties:**\n - **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background, rgba(255, 255, 255, 0.07)))_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_\n- **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-button-secondaryForeground** - undefined _(default: #cccccc)_\n- **--vscode-button-secondaryBackground** - undefined _(default: #313131)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: #3c3c3c)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_",
|
|
@@ -76,49 +59,28 @@
|
|
|
76
59
|
"references": []
|
|
77
60
|
},
|
|
78
61
|
{
|
|
79
|
-
"name": "vscode-
|
|
80
|
-
"description": "
|
|
81
|
-
"attributes": [],
|
|
82
|
-
"references": []
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "vscode-checkbox",
|
|
86
|
-
"description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.\n---\n\n\n### **Events:**\n - **change** - Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`.\n- **vsc-change**\n- **invalid** - Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)\n- **reportValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: #313131)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: #3c3c3c)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: #cccccc)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-inputValidation-errorBorder** - undefined _(default: #be1100)_",
|
|
62
|
+
"name": "vscode-badge",
|
|
63
|
+
"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.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-contrastBorder** - undefined _(default: transparent)_\n- **--vscode-badge-background** - default and counter variant background color _(default: #616161)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: #f8f8f8)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: #0078d4)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: #ffffff)_",
|
|
87
64
|
"attributes": [
|
|
88
65
|
{
|
|
89
|
-
"name": "
|
|
90
|
-
"
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
{
|
|
99
|
-
"name": "autofocus",
|
|
100
|
-
"description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
|
|
101
|
-
"values": []
|
|
102
|
-
},
|
|
103
|
-
{ "name": "checked", "values": [] },
|
|
104
|
-
{
|
|
105
|
-
"name": "default-checked",
|
|
106
|
-
"description": "The element's initial checked state, which will be restored when the containing form is reset.",
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{ "name": "invalid", "values": [] },
|
|
110
|
-
{
|
|
111
|
-
"name": "value",
|
|
112
|
-
"description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
|
|
113
|
-
"values": []
|
|
114
|
-
},
|
|
115
|
-
{ "name": "disabled", "values": [] },
|
|
116
|
-
{ "name": "indeterminate", "values": [] },
|
|
117
|
-
{ "name": "required", "values": [] },
|
|
118
|
-
{ "name": "focused", "values": [] }
|
|
66
|
+
"name": "variant",
|
|
67
|
+
"values": [
|
|
68
|
+
{ "name": "" },
|
|
69
|
+
{ "name": "default" },
|
|
70
|
+
{ "name": "counter" },
|
|
71
|
+
{ "name": "activity-bar-counter" },
|
|
72
|
+
{ "name": "tab-header-counter" }
|
|
73
|
+
]
|
|
74
|
+
}
|
|
119
75
|
],
|
|
120
76
|
"references": []
|
|
121
77
|
},
|
|
78
|
+
{
|
|
79
|
+
"name": "vscode-button-group",
|
|
80
|
+
"description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.\n---\n\n\n### **CSS Properties:**\n - **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background, rgba(255, 255, 255, 0.07)))_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_\n- **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-button-secondaryForeground** - undefined _(default: #cccccc)_\n- **--vscode-button-secondaryBackground** - undefined _(default: #313131)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: #3c3c3c)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_",
|
|
81
|
+
"attributes": [],
|
|
82
|
+
"references": []
|
|
83
|
+
},
|
|
122
84
|
{
|
|
123
85
|
"name": "vscode-checkbox-group",
|
|
124
86
|
"description": "Arranges a group of checkboxes horizontally or vertically.\n---\n",
|
|
@@ -161,6 +123,44 @@
|
|
|
161
123
|
],
|
|
162
124
|
"references": []
|
|
163
125
|
},
|
|
126
|
+
{
|
|
127
|
+
"name": "vscode-checkbox",
|
|
128
|
+
"description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.\n---\n\n\n### **Events:**\n - **change** - Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`.\n- **vsc-change**\n- **invalid** - Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)\n- **reportValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: #313131)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: #3c3c3c)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: #cccccc)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-inputValidation-errorBorder** - undefined _(default: #be1100)_",
|
|
129
|
+
"attributes": [
|
|
130
|
+
{
|
|
131
|
+
"name": "name",
|
|
132
|
+
"description": "Name which is used as a variable name in the data of the form-container.",
|
|
133
|
+
"values": []
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"name": "label",
|
|
137
|
+
"description": "Attribute pair of the `label` property.",
|
|
138
|
+
"values": []
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"name": "autofocus",
|
|
142
|
+
"description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
|
|
143
|
+
"values": []
|
|
144
|
+
},
|
|
145
|
+
{ "name": "checked", "values": [] },
|
|
146
|
+
{
|
|
147
|
+
"name": "default-checked",
|
|
148
|
+
"description": "The element's initial checked state, which will be restored when the containing form is reset.",
|
|
149
|
+
"values": []
|
|
150
|
+
},
|
|
151
|
+
{ "name": "invalid", "values": [] },
|
|
152
|
+
{
|
|
153
|
+
"name": "value",
|
|
154
|
+
"description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
|
|
155
|
+
"values": []
|
|
156
|
+
},
|
|
157
|
+
{ "name": "disabled", "values": [] },
|
|
158
|
+
{ "name": "indeterminate", "values": [] },
|
|
159
|
+
{ "name": "required", "values": [] },
|
|
160
|
+
{ "name": "focused", "values": [] }
|
|
161
|
+
],
|
|
162
|
+
"references": []
|
|
163
|
+
},
|
|
164
164
|
{
|
|
165
165
|
"name": "vscode-context-menu-item",
|
|
166
166
|
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-menu-background** - undefined _(default: #1f1f1f)_\n- **--vscode-menu-selectionBorder** - undefined _(default: transparent)_\n- **--vscode-menu-foreground** - undefined _(default: #cccccc)_\n- **--vscode-menu-selectionBackground** - undefined _(default: #0078d4)_\n- **--vscode-menu-selectionForeground** - undefined _(default: #ffffff)_\n- **--vscode-menu-separatorBackground** - undefined _(default: #454545)_",
|
|
@@ -628,15 +628,6 @@
|
|
|
628
628
|
"attributes": [],
|
|
629
629
|
"references": []
|
|
630
630
|
},
|
|
631
|
-
{
|
|
632
|
-
"name": "vscode-tabs",
|
|
633
|
-
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\n- **vsc-tabs-select** - Dispatched when the active tab is changed\n\n### **Slots:**\n - _default_ - Default slot. It is used for tab panels.\n- **header** - Slot for tab headers.\n- **addons** - Right aligned area in the header.\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-settings-headerBorder** - undefined _(default: undefined)_\n- **--vscode-panel-background** - undefined _(default: undefined)_",
|
|
634
|
-
"attributes": [
|
|
635
|
-
{ "name": "panel", "description": "Panel-like look", "values": [] },
|
|
636
|
-
{ "name": "selected-index", "values": [] }
|
|
637
|
-
],
|
|
638
|
-
"references": []
|
|
639
|
-
},
|
|
640
631
|
{
|
|
641
632
|
"name": "vscode-textarea",
|
|
642
633
|
"description": "Multi-line text input.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **change**\n- **vsc-change**\n- **vsc-input**\n- **input**\n\n### **CSS Properties:**\n - **--vscode-scrollbar-shadow** - undefined _(default: #000000)_\n- **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-settings-textInputBorder** - undefined _(default: transparent)_\n- **--vscode-settings-textInputForeground** - undefined _(default: #cccccc)_\n- **--vscode-input-placeholderForeground** - undefined _(default: #989898)_\n- **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-editor-background** - undefined _(default: #1f1f1f)_\n- **--vscode-editor-foreground** - undefined _(default: #cccccc)_\n- **--vscode-editor-font-family** - undefined _(default: monospace)_\n- **--vscode-editor-font-size** - undefined _(default: 14px)_\n- **--vscode-editor-font-weight** - undefined _(default: normal)_\n- **--vscode-editor-inlineValuesForeground** - undefined _(default: rgba(255, 255, 255, 0.5))_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-scrollbarSlider-background** - undefined _(default: rgba(121, 121, 121, 0.4))_\n- **--vscode-scrollbarSlider-hoverBackground** - undefined _(default: rgba(100, 100, 100, 0.7))_\n- **--vscode-scrollbarSlider-activeBackground** - undefined _(default: rgba(191, 191, 191, 0.4))_",
|
|
@@ -676,6 +667,15 @@
|
|
|
676
667
|
],
|
|
677
668
|
"references": []
|
|
678
669
|
},
|
|
670
|
+
{
|
|
671
|
+
"name": "vscode-tabs",
|
|
672
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\n- **vsc-tabs-select** - Dispatched when the active tab is changed\n\n### **Slots:**\n - _default_ - Default slot. It is used for tab panels.\n- **header** - Slot for tab headers.\n- **addons** - Right aligned area in the header.\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-settings-headerBorder** - undefined _(default: undefined)_\n- **--vscode-panel-background** - undefined _(default: undefined)_",
|
|
673
|
+
"attributes": [
|
|
674
|
+
{ "name": "panel", "description": "Panel-like look", "values": [] },
|
|
675
|
+
{ "name": "selected-index", "values": [] }
|
|
676
|
+
],
|
|
677
|
+
"references": []
|
|
678
|
+
},
|
|
679
679
|
{
|
|
680
680
|
"name": "vscode-textfield",
|
|
681
681
|
"description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **vsc-input**\n- **change**\n- **vsc-change**\n- **input**\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Check the component's validity state when built-in validation is used.\nBuilt-in validation is triggered when any validation-related attribute is set. Validation-related\nattributes are: `max, maxlength, min, minlength, pattern, required, step`.\nSee this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details.\n\n### **Slots:**\n - **content-before** - A slot before the editable area but inside of the component. It is used to place icons.\n- **content-after** - A slot after the editable area but inside of the component. It is used to place icons.\n\n### **CSS Properties:**\n - **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-settings-textInputBorder** - undefined _(default: var(--vscode-settings-textInputBackground, #3c3c3c))_\n- **--vscode-settings-textInputForeground** - undefined _(default: #cccccc)_\n- **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-inputValidation-errorBorder** - undefined _(default: #be1100)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-input-placeholderForeground** - undefined _(default: #989898)_\n- **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_",
|
|
@@ -736,14 +736,27 @@
|
|
|
736
736
|
},
|
|
737
737
|
{
|
|
738
738
|
"name": "vscode-tree",
|
|
739
|
-
"description": "\n---\n
|
|
739
|
+
"description": "\n---\n",
|
|
740
740
|
"attributes": [
|
|
741
|
-
{ "name": "data", "values": [{ "name": "TreeItem[]" }] },
|
|
742
|
-
{ "name": "indent", "values": [] },
|
|
743
741
|
{ "name": "arrows", "values": [] },
|
|
744
|
-
{ "name": "
|
|
745
|
-
{ "name": "
|
|
746
|
-
{ "name": "indent-guides", "values": [] }
|
|
742
|
+
{ "name": "expand-mode", "values": [{ "name": "ExpandMode" }] },
|
|
743
|
+
{ "name": "indent", "values": [] },
|
|
744
|
+
{ "name": "indent-guides", "values": [] },
|
|
745
|
+
{ "name": "multi-select", "values": [] }
|
|
746
|
+
],
|
|
747
|
+
"references": []
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"name": "vscode-tree-item",
|
|
751
|
+
"description": "\n---\n",
|
|
752
|
+
"attributes": [
|
|
753
|
+
{ "name": "active", "values": [] },
|
|
754
|
+
{ "name": "branch", "values": [] },
|
|
755
|
+
{ "name": "hasActiveItem", "values": [] },
|
|
756
|
+
{ "name": "hasSelectedItem", "values": [] },
|
|
757
|
+
{ "name": "open", "values": [] },
|
|
758
|
+
{ "name": "level", "values": [] },
|
|
759
|
+
{ "name": "selected", "values": [] }
|
|
747
760
|
],
|
|
748
761
|
"references": []
|
|
749
762
|
}
|