@vscode-elements/elements 1.0.0-pre.11 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +97 -46
- package/dist/bundled.js +1 -1
- package/dist/includes/VscElement.d.ts.map +1 -1
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts +3 -0
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +3 -0
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.d.ts +4 -0
- package/dist/vscode-checkbox/vscode-checkbox.d.ts.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.js +7 -0
- package/dist/vscode-checkbox/vscode-checkbox.js.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.d.ts +2 -2
- package/dist/vscode-context-menu/vscode-context-menu.d.ts.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.js +2 -2
- package/dist/vscode-context-menu/vscode-context-menu.js.map +1 -1
- package/dist/vscode-form-container/vscode-form-container.d.ts +4 -5
- package/dist/vscode-form-container/vscode-form-container.d.ts.map +1 -1
- package/dist/vscode-form-container/vscode-form-container.js +1 -0
- package/dist/vscode-form-container/vscode-form-container.js.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts +5 -0
- package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.js +5 -0
- package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
- package/dist/vscode-radio/vscode-radio.d.ts +7 -1
- package/dist/vscode-radio/vscode-radio.d.ts.map +1 -1
- package/dist/vscode-radio/vscode-radio.js +11 -1
- package/dist/vscode-radio/vscode-radio.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.d.ts +5 -0
- package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.js +5 -0
- package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.d.ts +3 -0
- package/dist/vscode-textarea/vscode-textarea.d.ts.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.js +3 -0
- package/dist/vscode-textarea/vscode-textarea.js.map +1 -1
- package/dist/vscode-textfield/vscode-textfield.d.ts +3 -0
- package/dist/vscode-textfield/vscode-textfield.d.ts.map +1 -1
- package/dist/vscode-textfield/vscode-textfield.js +3 -0
- package/dist/vscode-textfield/vscode-textfield.js.map +1 -1
- package/package.json +20 -3
- package/vscode.css-custom-data.json +267 -0
- package/vscode.html-custom-data.json +537 -0
|
@@ -0,0 +1,537 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
+
"version": 1.1,
|
|
4
|
+
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "vscode-badge",
|
|
7
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-badge-background** - default and counter variant background color _(default: undefined)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: undefined)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: undefined)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: undefined)_",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "variant",
|
|
11
|
+
"values": [
|
|
12
|
+
{ "name": "default" },
|
|
13
|
+
{ "name": "counter" },
|
|
14
|
+
{ "name": "activity-bar-counter" }
|
|
15
|
+
]
|
|
16
|
+
}
|
|
17
|
+
],
|
|
18
|
+
"references": []
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "vscode-button",
|
|
22
|
+
"description": "\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: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background))_\n- **--vscode-button-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-button-secondaryForeground** - undefined _(default: undefined)_\n- **--vscode-button-secondaryBackground** - undefined _(default: undefined)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
|
|
23
|
+
"attributes": [
|
|
24
|
+
{ "name": "autofocus", "values": [] },
|
|
25
|
+
{
|
|
26
|
+
"name": "secondary",
|
|
27
|
+
"description": "Button has a less prominent style.",
|
|
28
|
+
"values": []
|
|
29
|
+
},
|
|
30
|
+
{ "name": "disabled", "values": [] },
|
|
31
|
+
{
|
|
32
|
+
"name": "icon",
|
|
33
|
+
"description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label",
|
|
34
|
+
"values": []
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "icon-after",
|
|
38
|
+
"description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label",
|
|
39
|
+
"values": []
|
|
40
|
+
},
|
|
41
|
+
{ "name": "focused", "values": [] },
|
|
42
|
+
{ "name": "name", "values": [] },
|
|
43
|
+
{
|
|
44
|
+
"name": "type",
|
|
45
|
+
"values": [
|
|
46
|
+
{ "name": "submit" },
|
|
47
|
+
{ "name": "reset" },
|
|
48
|
+
{ "name": "button" }
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{ "name": "value", "values": [] }
|
|
52
|
+
],
|
|
53
|
+
"references": []
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"name": "vscode-checkbox",
|
|
57
|
+
"description": "When 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** - undefined\n- **vsc-change** - undefined\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- **--vsc-foreground-translucent** - Label font color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
|
|
58
|
+
"attributes": [
|
|
59
|
+
{
|
|
60
|
+
"name": "name",
|
|
61
|
+
"description": "Name which is used as a variable name in the data of the form-container.",
|
|
62
|
+
"values": []
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "label",
|
|
66
|
+
"description": "Attribute pair of the `label` property.",
|
|
67
|
+
"values": []
|
|
68
|
+
},
|
|
69
|
+
{ "name": "autofocus", "values": [] },
|
|
70
|
+
{ "name": "checked", "values": [] },
|
|
71
|
+
{ "name": "default-checked", "values": [] },
|
|
72
|
+
{ "name": "invalid", "values": [] },
|
|
73
|
+
{
|
|
74
|
+
"name": "value",
|
|
75
|
+
"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.",
|
|
76
|
+
"values": []
|
|
77
|
+
},
|
|
78
|
+
{ "name": "disabled", "values": [] },
|
|
79
|
+
{ "name": "indeterminate", "values": [] },
|
|
80
|
+
{ "name": "required", "values": [] },
|
|
81
|
+
{ "name": "focused", "values": [] }
|
|
82
|
+
],
|
|
83
|
+
"references": []
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "vscode-checkbox-group",
|
|
87
|
+
"description": "\n---\n",
|
|
88
|
+
"attributes": [
|
|
89
|
+
{
|
|
90
|
+
"name": "variant",
|
|
91
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
92
|
+
}
|
|
93
|
+
],
|
|
94
|
+
"references": []
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "vscode-collapsible",
|
|
98
|
+
"description": "\n---\n\n\n### **Slots:**\n - _default_ - Main content.\n- **actions** - You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.\n- **decorations** - The elements placed in the decorations slot are always visible.\n\n### **CSS Properties:**\n - **--vscode-sideBar-background** - Background color _(default: undefined)_\n- **--vscode-focusBorder** - Focus border color _(default: undefined)_\n- **--vscode-font-family** - Header font family _(default: undefined)_\n- **--vscode-sideBarSectionHeader-background** - Header background _(default: undefined)_\n- **--vscode-icon-foreground** - Arrow icon color _(default: undefined)_\n- **--vscode-sideBarTitle-foreground** - Header font color _(default: undefined)_",
|
|
99
|
+
"attributes": [
|
|
100
|
+
{
|
|
101
|
+
"name": "title",
|
|
102
|
+
"description": "Component heading text",
|
|
103
|
+
"values": []
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"name": "description",
|
|
107
|
+
"description": "Less prominent text than the title in the header",
|
|
108
|
+
"values": []
|
|
109
|
+
},
|
|
110
|
+
{ "name": "open", "values": [] }
|
|
111
|
+
],
|
|
112
|
+
"references": []
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"name": "vscode-context-menu",
|
|
116
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-select** - undefined\n- **vsc-menu-select** - Emitted when a menu item is clicked\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-menu-background** - undefined _(default: undefined)_\n- **--vscode-menu-border** - undefined _(default: undefined)_\n- **--vscode-menu-foreground** - undefined _(default: undefined)_\n- **--vscode-widget-shadow** - undefined _(default: undefined)_",
|
|
117
|
+
"attributes": [{ "name": "show", "values": [] }],
|
|
118
|
+
"references": []
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"name": "vscode-context-menu-item",
|
|
122
|
+
"description": "Child component of [ContextMenu](/components/context-menu/).\n---\n\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-menu-background** - undefined _(default: undefined)_\n- **--vscode-menu-selectionBorder** - undefined _(default: var(--vscode-menu-selectionBackground))_\n- **--vscode-menu-foreground** - undefined _(default: undefined)_\n- **--vscode-menu-selectionBackground** - undefined _(default: undefined)_\n- **--vscode-menu-selectionForeground** - undefined _(default: undefined)_\n- **--vscode-menu-separatorBackground** - undefined _(default: undefined)_",
|
|
123
|
+
"attributes": [
|
|
124
|
+
{ "name": "label", "values": [] },
|
|
125
|
+
{ "name": "keybinding", "values": [] },
|
|
126
|
+
{ "name": "value", "values": [] },
|
|
127
|
+
{ "name": "separator", "values": [] },
|
|
128
|
+
{ "name": "tabindex", "values": [] }
|
|
129
|
+
],
|
|
130
|
+
"references": []
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "vscode-form-container",
|
|
134
|
+
"description": "\n---\n",
|
|
135
|
+
"attributes": [
|
|
136
|
+
{ "name": "responsive", "values": [] },
|
|
137
|
+
{ "name": "breakpoint", "values": [] },
|
|
138
|
+
{
|
|
139
|
+
"name": "data",
|
|
140
|
+
"values": [
|
|
141
|
+
{ "name": "{[key: string]: string" },
|
|
142
|
+
{ "name": "string[]}" }
|
|
143
|
+
]
|
|
144
|
+
}
|
|
145
|
+
],
|
|
146
|
+
"references": []
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "vscode-form-group",
|
|
150
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--label-width** - The width of the label in horizontal mode _(default: 150px)_\n- **--label-right-margin** - The right margin of the label in horizontal mode _(default: 14px)_",
|
|
151
|
+
"attributes": [
|
|
152
|
+
{ "name": "variant", "values": [{ "name": "FormGroupVariant" }] }
|
|
153
|
+
],
|
|
154
|
+
"references": []
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "vscode-form-helper",
|
|
158
|
+
"description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)\n---\n\n\n### **CSS Properties:**\n - **--vsc-foreground-translucent** - Default text color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_",
|
|
159
|
+
"attributes": [],
|
|
160
|
+
"references": []
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "vscode-icon",
|
|
164
|
+
"description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.\n---\n\n\n### **CSS Properties:**\n - **--vscode-icon-foreground** - undefined _(default: undefined)_\n- **--vscode-toolbar-hoverBackground** - Hover state background color in `active-icon` mode _(default: undefined)_\n- **--vscode-toolbar-activeBackground** - Active state background color in `active-icon` mode _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
|
|
165
|
+
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "label",
|
|
168
|
+
"description": "Set a meaningful label in `action-icon` mode for the screen readers",
|
|
169
|
+
"values": []
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "name",
|
|
173
|
+
"description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
|
|
174
|
+
"values": []
|
|
175
|
+
},
|
|
176
|
+
{ "name": "size", "description": "Icon size in pixels", "values": [] },
|
|
177
|
+
{
|
|
178
|
+
"name": "spin",
|
|
179
|
+
"description": "Enable rotation animation",
|
|
180
|
+
"values": []
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "spin-duration",
|
|
184
|
+
"description": "Animation duration in seconds",
|
|
185
|
+
"values": []
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "action-icon",
|
|
189
|
+
"description": "Behaves like a button",
|
|
190
|
+
"values": []
|
|
191
|
+
}
|
|
192
|
+
],
|
|
193
|
+
"references": []
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "vscode-label",
|
|
197
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_",
|
|
198
|
+
"attributes": [
|
|
199
|
+
{ "name": "for", "values": [] },
|
|
200
|
+
{ "name": "id", "values": [] },
|
|
201
|
+
{ "name": "required", "values": [] }
|
|
202
|
+
],
|
|
203
|
+
"references": []
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "vscode-multi-select",
|
|
207
|
+
"description": "Allows to select multiple items from a list of options.\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-change** - undefined\n- **change** - undefined\n\n### **CSS Properties:**\n - **--dropdown-z-index** - undefined _(default: 2)_\n- **--vscode-badge-background** - undefined _(default: undefined)_\n- **--vscode-badge-foreground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownListBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_",
|
|
208
|
+
"attributes": [
|
|
209
|
+
{
|
|
210
|
+
"name": "invalid",
|
|
211
|
+
"description": "Sets the invalid state manually.",
|
|
212
|
+
"values": []
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "name",
|
|
216
|
+
"description": "Name which is used as a variable name in the data of the form-container.",
|
|
217
|
+
"values": []
|
|
218
|
+
},
|
|
219
|
+
{ "name": "default-value", "values": [{ "name": "string[]" }] },
|
|
220
|
+
{ "name": "disabled", "values": [] },
|
|
221
|
+
{ "name": "required", "values": [] },
|
|
222
|
+
{ "name": "value", "values": [{ "name": "string[]" }] },
|
|
223
|
+
{ "name": "filter", "description": "Filter method", "values": [] },
|
|
224
|
+
{ "name": "options", "values": [{ "name": "Option[]" }] },
|
|
225
|
+
{ "name": "combobox", "values": [] },
|
|
226
|
+
{ "name": "focused", "values": [] }
|
|
227
|
+
],
|
|
228
|
+
"references": []
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "vscode-option",
|
|
232
|
+
"description": "\n---\n",
|
|
233
|
+
"attributes": [
|
|
234
|
+
{ "name": "value", "values": [] },
|
|
235
|
+
{ "name": "description", "values": [] },
|
|
236
|
+
{ "name": "selected", "values": [] },
|
|
237
|
+
{ "name": "disabled", "values": [] }
|
|
238
|
+
],
|
|
239
|
+
"references": []
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "vscode-radio",
|
|
243
|
+
"description": "When 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-change** - undefined\n- **change** - Dispatched when checked state is changed.\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- **--vsc-foreground-translucent** - Label font color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
|
|
244
|
+
"attributes": [
|
|
245
|
+
{
|
|
246
|
+
"name": "name",
|
|
247
|
+
"description": "Name which is used as a variable name in the data of the form-container.",
|
|
248
|
+
"values": []
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"name": "label",
|
|
252
|
+
"description": "Attribute pair of the `label` property.",
|
|
253
|
+
"values": []
|
|
254
|
+
},
|
|
255
|
+
{ "name": "autofocus", "values": [] },
|
|
256
|
+
{ "name": "checked", "values": [] },
|
|
257
|
+
{ "name": "default-checked", "values": [] },
|
|
258
|
+
{ "name": "invalid", "values": [] },
|
|
259
|
+
{ "name": "value", "values": [] },
|
|
260
|
+
{ "name": "disabled", "values": [] },
|
|
261
|
+
{ "name": "required", "values": [] },
|
|
262
|
+
{ "name": "focused", "values": [] }
|
|
263
|
+
],
|
|
264
|
+
"references": []
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "vscode-radio-group",
|
|
268
|
+
"description": "\n---\n",
|
|
269
|
+
"attributes": [
|
|
270
|
+
{
|
|
271
|
+
"name": "variant",
|
|
272
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
273
|
+
}
|
|
274
|
+
],
|
|
275
|
+
"references": []
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"name": "vscode-scrollable",
|
|
279
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--min-thumb-height** - Scrollbar thumb minimum height _(default: 20px)_\n- **--vscode-scrollbar-shadow** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-background** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-activeBackground** - undefined _(default: undefined)_",
|
|
280
|
+
"attributes": [
|
|
281
|
+
{ "name": "shadow", "values": [] },
|
|
282
|
+
{ "name": "scrolled", "values": [] },
|
|
283
|
+
{ "name": "scroll-pos", "values": [] },
|
|
284
|
+
{ "name": "scroll-max", "values": [] }
|
|
285
|
+
],
|
|
286
|
+
"references": []
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"name": "vscode-single-select",
|
|
290
|
+
"description": "Allows to select an item from multiple options.\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## Types\n\n```typescript\ninterface Option {\n label: string;\n value: string;\n description: string;\n selected: boolean;\n disabled: boolean;\n}\n```\n---\n\n\n### **Events:**\n - **vsc-change** - undefined\n- **change** - undefined\n\n### **CSS Properties:**\n - **--dropdown-z-index** - undefined _(default: 2)_\n- **--vscode-badge-background** - undefined _(default: undefined)_\n- **--vscode-badge-foreground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownListBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBackground** - undefined _(default: undefined)_",
|
|
291
|
+
"attributes": [
|
|
292
|
+
{
|
|
293
|
+
"name": "invalid",
|
|
294
|
+
"description": "Sets the invalid state manually.",
|
|
295
|
+
"values": []
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "name",
|
|
299
|
+
"description": "Name which is used as a variable name in the data of the form-container.",
|
|
300
|
+
"values": []
|
|
301
|
+
},
|
|
302
|
+
{ "name": "default-value", "values": [] },
|
|
303
|
+
{ "name": "disabled", "values": [] },
|
|
304
|
+
{ "name": "selected-index", "values": [] },
|
|
305
|
+
{ "name": "value", "values": [] },
|
|
306
|
+
{ "name": "required", "values": [] },
|
|
307
|
+
{ "name": "filter", "description": "Filter method", "values": [] },
|
|
308
|
+
{ "name": "options", "values": [{ "name": "Option[]" }] },
|
|
309
|
+
{ "name": "combobox", "values": [] },
|
|
310
|
+
{ "name": "focused", "values": [] }
|
|
311
|
+
],
|
|
312
|
+
"references": []
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"name": "vscode-split-layout",
|
|
316
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--hover-border** - undefined _(default: var(--vscode-sash-hoverBorder))_",
|
|
317
|
+
"attributes": [
|
|
318
|
+
{
|
|
319
|
+
"name": "split",
|
|
320
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
321
|
+
},
|
|
322
|
+
{ "name": "reset-on-dbl-click", "values": [] },
|
|
323
|
+
{
|
|
324
|
+
"name": "handle-size",
|
|
325
|
+
"description": "Controls the draggable area size in pixels. it is recommended to use the value of `workbench.sash.size`.",
|
|
326
|
+
"values": []
|
|
327
|
+
},
|
|
328
|
+
{ "name": "initial-handle-position", "values": [] }
|
|
329
|
+
],
|
|
330
|
+
"references": []
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"name": "vscode-tab-header",
|
|
334
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-inactiveForeground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-activeForeground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-activeBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-settings-headerForeground** - undefined _(default: undefined)_",
|
|
335
|
+
"attributes": [
|
|
336
|
+
{ "name": "active", "values": [] },
|
|
337
|
+
{ "name": "panel", "description": "Panel-like look", "values": [] }
|
|
338
|
+
],
|
|
339
|
+
"references": []
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "vscode-tab-panel",
|
|
343
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-panel--background** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
|
|
344
|
+
"attributes": [
|
|
345
|
+
{ "name": "hidden", "values": [] },
|
|
346
|
+
{ "name": "panel", "description": "Panel-like look", "values": [] }
|
|
347
|
+
],
|
|
348
|
+
"references": []
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"name": "vscode-table",
|
|
352
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--border** - undefined _(default: var(--vscode-editorGroup-border))_\n- **--foreground** - undefined _(default: var(--vscode-foreground))_\n- **--resize-hover-border** - undefined _(default: var(--vscode-sash-hoverBorder))_\n- **--tinted-row-background** - undefined _(default: var(--vscode-keybindingTable-rowsBackground))_\n- **--header-background** - undefined _(default: var(--vscode-keybindingTable-headerBackground))_\n- **--font-size** - undefined _(default: var(--vscode-font-size))_\n- **--font-family** - undefined _(default: var(--vscode-font-family))_",
|
|
353
|
+
"attributes": [
|
|
354
|
+
{
|
|
355
|
+
"name": "zebra",
|
|
356
|
+
"description": "Zebra stripes, even rows are tinted.",
|
|
357
|
+
"values": [{ "name": "Boolean" }]
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "zebra-odd",
|
|
361
|
+
"description": "Zebra stripes, odd rows are tinted.",
|
|
362
|
+
"values": [{ "name": "Boolean" }]
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"name": "bordered-rows",
|
|
366
|
+
"description": "Rows are separated by borders",
|
|
367
|
+
"values": [{ "name": "Boolean" }]
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"name": "bordered-columns",
|
|
371
|
+
"description": "Columns are separated by borders",
|
|
372
|
+
"values": [{ "name": "Boolean" }]
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"name": "bordered",
|
|
376
|
+
"description": "Rows and columns are separated by borders",
|
|
377
|
+
"values": [{ "name": "Boolean" }]
|
|
378
|
+
},
|
|
379
|
+
{ "name": "resizable", "values": [] },
|
|
380
|
+
{ "name": "responsive", "values": [] },
|
|
381
|
+
{ "name": "breakpoint", "values": [] },
|
|
382
|
+
{
|
|
383
|
+
"name": "columns",
|
|
384
|
+
"description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
|
|
385
|
+
"values": [{ "name": "string[]" }]
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "min-column-width",
|
|
389
|
+
"description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
|
|
390
|
+
"values": []
|
|
391
|
+
},
|
|
392
|
+
{ "name": "delayed-resizing", "values": [] },
|
|
393
|
+
{
|
|
394
|
+
"name": "compact",
|
|
395
|
+
"description": "For internal use only",
|
|
396
|
+
"values": []
|
|
397
|
+
}
|
|
398
|
+
],
|
|
399
|
+
"references": []
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"name": "vscode-table-body",
|
|
403
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-keybindingTable-rowsBackground** - undefined _(default: undefined)_",
|
|
404
|
+
"attributes": [],
|
|
405
|
+
"references": []
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"name": "vscode-table-cell",
|
|
409
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_",
|
|
410
|
+
"attributes": [
|
|
411
|
+
{
|
|
412
|
+
"name": "column-label",
|
|
413
|
+
"description": "Cell label in the compact view of the responsive mode. For internal use only.",
|
|
414
|
+
"values": []
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "compact",
|
|
418
|
+
"description": "Enable compact view in the responsive mode. For internal use only.",
|
|
419
|
+
"values": []
|
|
420
|
+
}
|
|
421
|
+
],
|
|
422
|
+
"references": []
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"name": "vscode-table-header",
|
|
426
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-keybindingTable-headerBackground** - Table header background _(default: undefined)_",
|
|
427
|
+
"attributes": [],
|
|
428
|
+
"references": []
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"name": "vscode-table-header-cell",
|
|
432
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_",
|
|
433
|
+
"attributes": [],
|
|
434
|
+
"references": []
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"name": "vscode-table-row",
|
|
438
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: undefined)_",
|
|
439
|
+
"attributes": [],
|
|
440
|
+
"references": []
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "vscode-tabs",
|
|
444
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-select** - undefined\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)_",
|
|
445
|
+
"attributes": [
|
|
446
|
+
{ "name": "panel", "description": "Panel-like look", "values": [] },
|
|
447
|
+
{ "name": "selected-index", "values": [] }
|
|
448
|
+
],
|
|
449
|
+
"references": []
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "vscode-textarea",
|
|
453
|
+
"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** - undefined\n- **vsc-change** - undefined\n- **vsc-input** - undefined\n- **input** - undefined\n\n### **CSS Properties:**\n - **--vscode-scrollbar-shadow** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBorder** - undefined _(default: undefined)_\n- **--vscode-settings-textInputForeground** - undefined _(default: undefined)_\n- **--vscode-input-placeholderForeground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-editor-background** - undefined _(default: undefined)_\n- **--vscode-editor-foreground** - undefined _(default: undefined)_\n- **--vscode-editor-font-family** - undefined _(default: undefined)_\n- **--vscode-editor-font-size** - undefined _(default: undefined)_\n- **--vscode-editor-font-weight** - undefined _(default: undefined)_\n- **--vscode-editor-inlineValuesForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-background** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-activeBackground** - undefined _(default: undefined)_",
|
|
454
|
+
"attributes": [
|
|
455
|
+
{
|
|
456
|
+
"name": "autocomplete",
|
|
457
|
+
"values": [{ "name": "on" }, { "name": "off" }]
|
|
458
|
+
},
|
|
459
|
+
{ "name": "autofocus", "values": [] },
|
|
460
|
+
{ "name": "default-value", "values": [] },
|
|
461
|
+
{ "name": "disabled", "values": [] },
|
|
462
|
+
{ "name": "invalid", "values": [] },
|
|
463
|
+
{ "name": "maxLength", "values": [] },
|
|
464
|
+
{ "name": "minLength", "values": [] },
|
|
465
|
+
{ "name": "rows", "values": [] },
|
|
466
|
+
{ "name": "cols", "values": [] },
|
|
467
|
+
{ "name": "name", "values": [] },
|
|
468
|
+
{ "name": "placeholder", "values": [] },
|
|
469
|
+
{ "name": "readonly", "values": [] },
|
|
470
|
+
{
|
|
471
|
+
"name": "resize",
|
|
472
|
+
"values": [
|
|
473
|
+
{ "name": "both" },
|
|
474
|
+
{ "name": "horizontal" },
|
|
475
|
+
{ "name": "vertical" },
|
|
476
|
+
{ "name": "none" }
|
|
477
|
+
]
|
|
478
|
+
},
|
|
479
|
+
{ "name": "required", "values": [] },
|
|
480
|
+
{ "name": "spellcheck", "values": [] },
|
|
481
|
+
{
|
|
482
|
+
"name": "monospace",
|
|
483
|
+
"description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.",
|
|
484
|
+
"values": []
|
|
485
|
+
},
|
|
486
|
+
{ "name": "value", "values": [] }
|
|
487
|
+
],
|
|
488
|
+
"references": []
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"name": "vscode-textfield",
|
|
492
|
+
"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** - undefined\n- **change** - undefined\n- **vsc-change** - undefined\n- **input** - undefined\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: undefined)_\n- **--vscode-settings-textInputBorder** - undefined _(default: undefined)_\n- **--vscode-settings-textInputForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-input-placeholderForeground** - undefined _(default: undefined)_\n- **--vscode-button-background** - undefined _(default: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-hoverBackground** - undefined _(default: undefined)_",
|
|
493
|
+
"attributes": [
|
|
494
|
+
{
|
|
495
|
+
"name": "autocomplete",
|
|
496
|
+
"values": [{ "name": "on" }, { "name": "off" }]
|
|
497
|
+
},
|
|
498
|
+
{ "name": "autofocus", "values": [] },
|
|
499
|
+
{ "name": "default-value", "values": [] },
|
|
500
|
+
{ "name": "disabled", "values": [] },
|
|
501
|
+
{ "name": "focused", "values": [] },
|
|
502
|
+
{ "name": "invalid", "values": [] },
|
|
503
|
+
{ "name": "max", "values": [] },
|
|
504
|
+
{ "name": "maxLength", "values": [] },
|
|
505
|
+
{ "name": "min", "values": [] },
|
|
506
|
+
{ "name": "minLength", "values": [] },
|
|
507
|
+
{ "name": "multiple", "values": [] },
|
|
508
|
+
{ "name": "name", "values": [] },
|
|
509
|
+
{ "name": "pattern", "values": [] },
|
|
510
|
+
{ "name": "placeholder", "values": [] },
|
|
511
|
+
{ "name": "readonly", "values": [] },
|
|
512
|
+
{ "name": "required", "values": [] },
|
|
513
|
+
{ "name": "step", "values": [] },
|
|
514
|
+
{
|
|
515
|
+
"name": "type",
|
|
516
|
+
"description": "Same as the `type` of the native `<input>` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`",
|
|
517
|
+
"values": [{ "name": "InputType" }]
|
|
518
|
+
},
|
|
519
|
+
{ "name": "value", "values": [] }
|
|
520
|
+
],
|
|
521
|
+
"references": []
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"name": "vscode-tree",
|
|
525
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-run-action** - Dispatched when an action icon is clicked.\n- **vsc-select** - Dispatched when an item is selected.\n- **vsc-tree-select** - Dispatched when an item is selected.\n- **vsc-tree-action** - Dispatched when an action icon is clicked.\n\n### **CSS Properties:**\n - **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionIconForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusOutline** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-tree-inactiveIndentGuidesStroke** - undefined _(default: undefined)_\n- **--vscode-tree-indentGuidesStroke** - undefined _(default: undefined)_",
|
|
526
|
+
"attributes": [
|
|
527
|
+
{ "name": "data", "values": [{ "name": "TreeItem[]" }] },
|
|
528
|
+
{ "name": "indent", "values": [] },
|
|
529
|
+
{ "name": "arrows", "values": [] },
|
|
530
|
+
{ "name": "multiline", "values": [] },
|
|
531
|
+
{ "name": "tabindex", "values": [] },
|
|
532
|
+
{ "name": "indent-guides", "values": [] }
|
|
533
|
+
],
|
|
534
|
+
"references": []
|
|
535
|
+
}
|
|
536
|
+
]
|
|
537
|
+
}
|