elements

What's Changed

• Rel 1.0.0 split layout fixes by @bendera in https://github.com/bendera/vscode-webview-elements/pull/114
• Rel 1.0.0 version num by @bendera in https://github.com/bendera/vscode-webview-elements/pull/115

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v1.0.0-pre.5...v1.0.0-pre.6

What's Changed

• Make styles Safari-compatible by @bendera in https://github.com/bendera/vscode-webview-elements/pull/113

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v1.0.0-pre.4...v1.0.0-pre.5

What's Changed

Make styles Safari-compatible

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.17.0...v0.17.1

Include custom element manifest.

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v1.0.0-pre.3...v1.0.0-pre.4

What's Changed

• Added a huge amount of tests
• Form elements dispatching native change and input events

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.17.0...v1.0.0-pre.3

Install

npm i @vsc-elements/elements@next

What's Changed

• Fix attribute binding errors by @bendera in https://github.com/bendera/vscode-webview-elements/pull/94
• Add autofocus attribute by @bendera in https://github.com/bendera/vscode-webview-elements/pull/95
• Reflects all boolean properties by @bendera in https://github.com/bendera/vscode-webview-elements/pull/96
• Feat/react example by @bendera in https://github.com/bendera/vscode-webview-elements/pull/97
• Add tests for Select by @bendera in https://github.com/bendera/vscode-webview-elements/pull/98
• Include the Select base class in documentation by @bendera in https://github.com/bendera/vscode-webview-elements/pull/99

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.16.0...v0.17.0

Preview release of the first major version. The biggest change of this release is implementing the ElementInternals API. This means the custom elements can behave as native form controls. See the dev/elementinternals.html on the rel-1.0.0 branch for examples.

Install

npm i @vsc-elements/elements@next

Enjoy!

What's Changed

• Fix attribute binding errors by @bendera in https://github.com/bendera/vscode-webview-elements/pull/94
• Add autofocus attribute by @bendera in https://github.com/bendera/vscode-webview-elements/pull/95
• Reflects all boolean properties by @bendera in https://github.com/bendera/vscode-webview-elements/pull/96
• React example by @bendera in https://github.com/bendera/vscode-webview-elements/pull/97
• Add tests for Select by @bendera in https://github.com/bendera/vscode-webview-elements/pull/98
• Include the Select base class in documentation by @bendera in https://github.com/bendera/vscode-webview-elements/pull/99
• Form associated components by @bendera in https://github.com/bendera/vscode-webview-elements/pull/101

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.16.0...v1.0.0-pre.2

What's Changed

• Feat/issue 92 checkbox indeterminate state by @bendera in https://github.com/bendera/vscode-webview-elements/pull/93

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.15.0...v0.16.0

What's Changed

• Build/upgrade to rollup3 by @bendera in https://github.com/bendera/vscode-webview-elements/pull/85
• Bump socket.io-parser from 3.4.2 to 3.4.3 by @dependabot in https://github.com/bendera/vscode-webview-elements/pull/86
• Build/package refinements by @bendera in https://github.com/bendera/vscode-webview-elements/pull/87
• Bump word-wrap from 1.2.3 to 1.2.4 by @dependabot in https://github.com/bendera/vscode-webview-elements/pull/89
• Fix tests by @bendera in https://github.com/bendera/vscode-webview-elements/pull/88
• Add invalid state property to single/multi Select components by @bendera in https://github.com/bendera/vscode-webview-elements/pull/91

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.14.0...v0.15.0

What's Changed

• Refactor/style handling by @bendera in https://github.com/bendera/vscode-webview-elements/pull/64
• Feat/tree indent guides by @bendera in https://github.com/bendera/vscode-webview-elements/pull/67
• Feat/tree description by @bendera in https://github.com/bendera/vscode-webview-elements/pull/68
• Fix/tree fixes by @bendera in https://github.com/bendera/vscode-webview-elements/pull/69
• Feat/collapsible improvements by @bendera in https://github.com/bendera/vscode-webview-elements/pull/70
• Inactivate interactive elements during scroll by @bendera in https://github.com/bendera/vscode-webview-elements/pull/71
• Refactor/tree by @bendera in https://github.com/bendera/vscode-webview-elements/pull/75
• Feat/tree-custom-icons-2 by @bendera in https://github.com/bendera/vscode-webview-elements/pull/76
• Chore/recommended vscode settings by @bendera in https://github.com/bendera/vscode-webview-elements/pull/77
• Improve Tree CSS by @bendera in https://github.com/bendera/vscode-webview-elements/pull/78
• Feat/tree actions by @bendera in https://github.com/bendera/vscode-webview-elements/pull/79
• Docs/improve tree docs by @bendera in https://github.com/bendera/vscode-webview-elements/pull/80
• Update codeicons by @bendera in https://github.com/bendera/vscode-webview-elements/pull/81
• Fix/tree defects by @bendera in https://github.com/bendera/vscode-webview-elements/pull/82
• Feat/tree decoration by @bendera in https://github.com/bendera/vscode-webview-elements/pull/84

CHANGELOG

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.13.2...v0.14.0

What's Changed

• Feat/tree description by @bendera in https://github.com/bendera/vscode-webview-elements/pull/68
• Fix/tree fixes by @bendera in https://github.com/bendera/vscode-webview-elements/pull/69
• Feat/collapsible improvements by @bendera in https://github.com/bendera/vscode-webview-elements/pull/70
• Inactivate interactive elements during scroll by @bendera in https://github.com/bendera/vscode-webview-elements/pull/71

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.13.3-pre.0...v0.13.3-pre.1

What's Changed

• Refactor/style handling by @bendera in https://github.com/bendera/vscode-webview-elements/pull/64
• Feat/tree indent guides by @bendera in https://github.com/bendera/vscode-webview-elements/pull/67

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.13.2...v0.13.3-pre.0

What's Changed

• fix: Prevent overflowing long texts by @bendera in https://github.com/bendera/vscode-webview-elements/pull/62

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.13.1...v0.13.2

What's Changed

• fix: radio button incorrect behavior by @bendera in https://github.com/bendera/vscode-webview-elements/pull/60

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.13.0...v0.13.1

Added

Sometimes VSCode theme variables are renamed or removed by the VSCode authors. When this happens the appearance
of the components will change unpredictably. To prevent this, every component got a fallback style.
The components will look "good" even if no theme variables are available.

Changed

• Button and ContextMenu styles were updated to follow VSCode changes.
• Customizable header background color and tinted row background color instead of the hard-coded ones in Table.

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.12.0...v0.13.0

Changed

• Textarea: The default display is inline-block, the default size is 320 x 40. It is automatically resized when rows or cols attributes are set.
• Textarea: Follow the source control input box styles of VSCode more closely:
  • Change the cursor to hand when it is above the scrollbar.
  • Add an unobtrusive drop shadow when the text is scrolled.
  • Add active state to the scrollbar.
• Textarea: Fixed the ugly resize handler when the scrollbar is visible.
• Textfield: Customize the file input button styles.

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.11.0...v0.12.0

What's Changed

• Add rows and cols attributes to textarea by @chrjorgensen in https://github.com/bendera/vscode-webview-elements/pull/48
• fix(Textarea): default foreground color by @bendera in https://github.com/bendera/vscode-webview-elements/pull/49

New Contributors

• @chrjorgensen made their first contribution in https://github.com/bendera/vscode-webview-elements/pull/48

Full Changelog: https://github.com/bendera/vscode-webview-elements/compare/v0.10.3...v0.11.0

Fixed

• Textfield and Textarea values were not collected in the FormContainer form data.
• The value of the value property was not appropriately synchronized with the value of the inner form widget in Textfield and Textarea.
• Fix top-margin of Textfield and Textarea in FormGroup when its variant is "settings-group".

Changed

• Allow file type in Textfield

Fixed

• Fixed whitespace in Label when the asterisk symbol is visible