@vscode-elements/elements 1.8.0 → 1.9.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 +127 -66
- package/dist/bundled.js +83 -66
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/form-button-widget/FormButtonWidgetBase.d.ts.map +1 -1
- package/dist/includes/form-button-widget/FormButtonWidgetBase.js.map +1 -1
- package/dist/includes/form-button-widget/LabelledCheckboxOrRadio.d.ts +1 -1
- package/dist/includes/form-button-widget/LabelledCheckboxOrRadio.d.ts.map +1 -1
- package/dist/includes/form-button-widget/LabelledCheckboxOrRadio.js.map +1 -1
- package/dist/includes/test-helpers.d.ts.map +1 -1
- package/dist/includes/test-helpers.js.map +1 -1
- package/dist/includes/vscode-select/styles.js +5 -5
- package/dist/includes/vscode-select/styles.js.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +4 -3
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-button/vscode-button.styles.d.ts.map +1 -1
- package/dist/vscode-button/vscode-button.styles.js +8 -2
- package/dist/vscode-button/vscode-button.styles.js.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.d.ts +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.d.ts.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.js +5 -4
- package/dist/vscode-checkbox/vscode-checkbox.js.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.styles.js +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.styles.js.map +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.styles.js +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.styles.js.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.d.ts +4 -0
- package/dist/vscode-context-menu/vscode-context-menu.d.ts.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.js +16 -5
- package/dist/vscode-context-menu/vscode-context-menu.js.map +1 -1
- package/dist/vscode-context-menu-item/vscode-context-menu-item.styles.d.ts.map +1 -1
- package/dist/vscode-context-menu-item/vscode-context-menu-item.styles.js +4 -1
- package/dist/vscode-context-menu-item/vscode-context-menu-item.styles.js.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts +3 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.js +26 -2
- package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
- package/dist/vscode-radio/vscode-radio.d.ts +1 -1
- package/dist/vscode-radio/vscode-radio.d.ts.map +1 -1
- package/dist/vscode-radio/vscode-radio.js +5 -4
- package/dist/vscode-radio/vscode-radio.js.map +1 -1
- package/dist/vscode-radio-group/vscode-radio-group.d.ts.map +1 -1
- package/dist/vscode-radio-group/vscode-radio-group.js.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.d.ts.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.d.ts +1 -0
- package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.js +11 -0
- package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.styles.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.styles.js.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.d.ts +1 -2
- package/dist/vscode-split-layout/vscode-split-layout.d.ts.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.js +13 -9
- package/dist/vscode-split-layout/vscode-split-layout.js.map +1 -1
- package/dist/vscode-table-body/vscode-table-body.styles.d.ts.map +1 -1
- package/dist/vscode-table-body/vscode-table-body.styles.js +1 -2
- package/dist/vscode-table-body/vscode-table-body.styles.js.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.styles.d.ts.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.styles.js +4 -1
- package/dist/vscode-textarea/vscode-textarea.styles.js.map +1 -1
- package/dist/vscode-textfield/vscode-textfield.styles.d.ts.map +1 -1
- package/dist/vscode-textfield/vscode-textfield.styles.js +5 -2
- package/dist/vscode-textfield/vscode-textfield.styles.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 -1
- package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
- package/package.json +13 -12
- package/vscode.html-custom-data.json +10 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vscode-tree.styles.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"vscode-tree.styles.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsPF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n --hover-outline-color: transparent;\n --hover-outline-style: solid;\n --hover-outline-width: 0;\n --selected-outline-color: transparent;\n --selected-outline-style: solid;\n --selected-outline-width: 0;\n\n display: block;\n outline: none;\n user-select: none;\n }\n\n .wrapper {\n height: 100%;\n }\n\n li {\n list-style: none;\n }\n\n ul,\n li {\n margin: 0;\n padding: 0;\n }\n\n ul {\n position: relative;\n }\n\n :host([indent-guides]) ul ul:before {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n bottom: 0;\n left: var(--indent-guide-pos);\n top: 0;\n pointer-events: none;\n width: 1px;\n z-index: 1;\n }\n\n .contents {\n align-items: center;\n display: flex;\n font-family: var(--vscode-font-family);\n font-size: var(--vscode-font-size);\n font-weight: var(--vscode-font-weight);\n outline-offset: -1px;\n padding-right: 12px;\n }\n\n .multi .contents {\n align-items: flex-start;\n }\n\n .contents:hover {\n cursor: pointer;\n }\n\n .arrow-container {\n align-items: center;\n display: flex;\n height: 22px;\n justify-content: center;\n padding-left: 8px;\n padding-right: 6px;\n width: 16px;\n }\n\n .icon-arrow {\n color: currentColor;\n display: block;\n }\n\n .theme-icon {\n display: block;\n flex-shrink: 0;\n margin-right: 6px;\n }\n\n .image-icon {\n background-repeat: no-repeat;\n background-position: 0 center;\n background-size: 16px;\n display: block;\n flex-shrink: 0;\n margin-right: 6px;\n height: 22px;\n width: 16px;\n }\n\n .multi .contents .theme-icon {\n margin-top: 3px;\n }\n\n .text-content {\n display: flex;\n line-height: 22px;\n }\n\n .single .text-content {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n .description {\n font-size: 0.9em;\n line-height: 22px;\n margin-left: 0.5em;\n opacity: 0.95;\n white-space: pre;\n }\n\n .actions {\n display: none;\n }\n\n .contents.selected > .actions,\n .contents.focused > .actions,\n .contents:hover > .actions {\n display: flex;\n }\n\n .decorations {\n align-items: center;\n display: flex;\n height: 22px;\n margin-left: 5px;\n }\n\n .filled-circle {\n margin-right: 3px;\n opacity: 0.4;\n }\n\n .decoration-text {\n font-size: 90%;\n font-weight: 600;\n margin-right: 3px;\n opacity: 0.75;\n }\n\n .filled-circle,\n .decoration-text {\n color: var(--color, currentColor);\n }\n\n .contents:hover .filled-circle,\n .contents:hover .decoration-text {\n color: var(--hover-color, var(--color));\n }\n\n .contents.focused .filled-circle,\n .contents.focused .decoration-text {\n color: var(--focused-color, var(--color));\n }\n\n .contents.selected .filled-circle,\n .contents.selected .decoration-text {\n color: var(--selected-color, var(--color));\n }\n\n /* Theme colors */\n :host(:focus) .wrapper.has-not-focused-item {\n outline: 1px solid var(--vscode-focusBorder);\n }\n\n :host(:focus) .contents.selected,\n :host(:focus) .contents.focused.selected {\n color: var(--vscode-list-activeSelectionForeground);\n background-color: var(--vscode-list-activeSelectionBackground);\n }\n\n :host(:focus) .contents.selected .icon-arrow,\n :host(:focus) .contents.selected.focused .icon-arrow,\n :host(:focus) .contents.selected .theme-icon,\n :host(:focus) .contents.selected.focused .theme-icon,\n :host(:focus) .contents.selected .action-icon,\n :host(:focus) .contents.selected.focused .action-icon {\n color: var(--vscode-list-activeSelectionIconForeground);\n }\n\n :host(:focus) .contents.focused {\n color: var(--vscode-list-focusForeground);\n background-color: var(--vscode-list-focusBackground);\n }\n\n :host(:focus) .contents.selected.focused {\n outline-color: var(\n --vscode-list-focusAndSelectionOutline,\n var(--vscode-list-focusOutline)\n );\n }\n\n .contents:hover {\n background-color: var(--vscode-list-hoverBackground);\n color: var(--vscode-list-hoverForeground);\n }\n\n .contents:hover,\n .contents.selected:hover {\n outline-color: var(--hover-outline-color);\n outline-style: var(--hover-outline-style);\n outline-width: var(--hover-outline-width);\n }\n\n .contents.selected,\n .contents.selected.focused {\n background-color: var(--vscode-list-inactiveSelectionBackground);\n color: var(--vscode-list-inactiveSelectionForeground);\n }\n\n .contents.selected,\n .contents.selected.focused {\n outline-color: var(--selected-outline-color);\n outline-style: var(--selected-outline-style);\n outline-width: var(--selected-outline-width);\n }\n\n .contents.selected .theme-icon {\n color: var(--vscode-list-inactiveSelectionIconForeground);\n }\n\n .contents.focused {\n background-color: var(--vscode-list-inactiveFocusBackground);\n outline: 1px dotted var(--vscode-list-inactiveFocusOutline);\n }\n\n :host(:focus) .contents.focused {\n outline: 1px solid var(--vscode-list-focusOutline);\n }\n\n :host([indent-guides]) ul ul:before {\n background-color: var(--vscode-tree-inactiveIndentGuidesStroke);\n }\n\n :host([indent-guides]) ul ul.has-active-item:before {\n background-color: var(--vscode-tree-indentGuidesStroke);\n }\n `,\n];\n\nexport default styles;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vscode-elements/elements",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"description": "Webcomponents for creating Visual Studio Code extensions",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"module": "dist/main.js",
|
|
@@ -137,26 +137,27 @@
|
|
|
137
137
|
},
|
|
138
138
|
"homepage": "https://bendera.github.io/vscode-webview-elements",
|
|
139
139
|
"dependencies": {
|
|
140
|
-
"lit": "^3.2.
|
|
140
|
+
"lit": "^3.2.1"
|
|
141
141
|
},
|
|
142
142
|
"devDependencies": {
|
|
143
|
+
"@bendera/wds-plugin-directory-index": "^0.3.0",
|
|
143
144
|
"@custom-elements-manifest/analyzer": "^0.10.3",
|
|
144
145
|
"@eslint/eslintrc": "^3.1.0",
|
|
145
|
-
"@eslint/js": "^9.
|
|
146
|
+
"@eslint/js": "^9.14.0",
|
|
146
147
|
"@esm-bundle/chai": "^4.3.4-fix.0",
|
|
147
148
|
"@open-wc/testing": "^4.0.0",
|
|
148
149
|
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
149
150
|
"@rollup/plugin-replace": "^6.0.1",
|
|
150
151
|
"@rollup/plugin-terser": "^0.4.4",
|
|
151
152
|
"@types/chai": "^4.3.19",
|
|
152
|
-
"@types/mocha": "^10.0.
|
|
153
|
-
"@types/node": "^22.
|
|
154
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
155
|
-
"@typescript-eslint/parser": "^8.
|
|
156
|
-
"@vscode-elements/webview-playground": "^1.
|
|
153
|
+
"@types/mocha": "^10.0.9",
|
|
154
|
+
"@types/node": "^22.9.0",
|
|
155
|
+
"@typescript-eslint/eslint-plugin": "^8.13.0",
|
|
156
|
+
"@typescript-eslint/parser": "^8.13.0",
|
|
157
|
+
"@vscode-elements/webview-playground": "^1.2.2",
|
|
157
158
|
"@vscode/codicons": "^0.0.36",
|
|
158
159
|
"@web/dev-server": "^0.4.6",
|
|
159
|
-
"@web/dev-server-esbuild": "^1.0.
|
|
160
|
+
"@web/dev-server-esbuild": "^1.0.3",
|
|
160
161
|
"@web/dev-server-legacy": "^2.1.1",
|
|
161
162
|
"@web/dev-server-rollup": "^0.6.4",
|
|
162
163
|
"@web/test-runner": "^0.19.0",
|
|
@@ -169,15 +170,15 @@
|
|
|
169
170
|
"deepmerge": "^4.3.1",
|
|
170
171
|
"dotenv": "^16.4.5",
|
|
171
172
|
"lit-analyzer": "^2.0.3",
|
|
172
|
-
"mocha": "^10.
|
|
173
|
+
"mocha": "^10.8.2",
|
|
173
174
|
"prettier": "^3.3.3",
|
|
174
175
|
"rimraf": "^6.0.1",
|
|
175
|
-
"rollup": "^4.
|
|
176
|
+
"rollup": "^4.24.4",
|
|
176
177
|
"rollup-plugin-filesize": "^10.0.0",
|
|
177
178
|
"rollup-plugin-visualizer": "^5.12.0",
|
|
178
179
|
"semver": "^7.6.3",
|
|
179
180
|
"sinon": "^19.0.2",
|
|
180
|
-
"typescript": "^5.6.
|
|
181
|
+
"typescript": "^5.6.3",
|
|
181
182
|
"wireit": "^0.14.9"
|
|
182
183
|
}
|
|
183
184
|
}
|
|
@@ -134,7 +134,14 @@
|
|
|
134
134
|
{
|
|
135
135
|
"name": "vscode-context-menu",
|
|
136
136
|
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\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)_",
|
|
137
|
-
"attributes": [
|
|
137
|
+
"attributes": [
|
|
138
|
+
{
|
|
139
|
+
"name": "prevent-close",
|
|
140
|
+
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
141
|
+
"values": []
|
|
142
|
+
},
|
|
143
|
+
{ "name": "show", "values": [] }
|
|
144
|
+
],
|
|
138
145
|
"references": []
|
|
139
146
|
},
|
|
140
147
|
{
|
|
@@ -235,7 +242,7 @@
|
|
|
235
242
|
},
|
|
236
243
|
{
|
|
237
244
|
"name": "vscode-multi-select",
|
|
238
|
-
"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**\n- **change**\n\n### **CSS Properties:**\n - **--dropdown-z-index** - workaround for dropdown z-index issues _(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-focusHighlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-highlightForeground** - 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)_",
|
|
245
|
+
"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**\n- **change**\n- **input**\n\n### **CSS Properties:**\n - **--dropdown-z-index** - workaround for dropdown z-index issues _(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-focusHighlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-highlightForeground** - 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)_",
|
|
239
246
|
"attributes": [
|
|
240
247
|
{
|
|
241
248
|
"name": "invalid",
|
|
@@ -342,7 +349,7 @@
|
|
|
342
349
|
},
|
|
343
350
|
{
|
|
344
351
|
"name": "vscode-single-select",
|
|
345
|
-
"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**\n- **change**\n\n### **CSS Properties:**\n - **--dropdown-z-index** - workaround for dropdown z-index issues _(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-highlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusHighlightForeground** - 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)_",
|
|
352
|
+
"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**\n- **change**\n- **input**\n\n### **CSS Properties:**\n - **--dropdown-z-index** - workaround for dropdown z-index issues _(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-highlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusHighlightForeground** - 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)_",
|
|
346
353
|
"attributes": [
|
|
347
354
|
{
|
|
348
355
|
"name": "invalid",
|