Releases: vaadin/web-components
Releases · vaadin/web-components
v24.8.0-alpha19
API Documentation →
🚀 New Features
message-list
- ⧉ Add message-list announceMessages API (#9252) (#9270)
🐛 Bug Fixes
accordion
- ⧉ Fire single event when changing accordion opened index (#9124)
charts
- ⧉ Copy styles from adoptedStyleSheets for chart exporting (#9143)
grid
- ⧉ Defer scrollToIndex until grid is ready (#9223) (#9231)
horizontal-layout
- ⧉ Make single end slot aligned properly, add missing tests (#9156)
integer-field,number-field
- ⧉ Adjust number field button icon size to match other fields (#9026)
message-list
- ⧉ Remove message list markdown outermost margins (#9254) (#9263)
multi-select-combo-box
- ⧉ Sync top group if necessary even when dropdown is opened (#9095) (#9255)
- ⧉ Collapse all chips to overflow if there is not enough width (#9177)
text-area
- ⧉ Include border width in max-height calculation (#9213) (#9215)
💅 Polish
a11y-base
- ⧉ Update tabindex logic to work with Lit, add sync: true (#9119)
app-layout,button,dashboard,password-field
- ⧉ Inline button template, rename src styles file (#9170)
card
- ⧉ Consolidate card styles with dashboard widget styles (#8994) (#9210)
charts
- ⧉ Remove chart import from Lit based chart-series (#9144)
crud
- ⧉ Remove ControllerMixin usage from Lit based CRUD (#9146)
dashboard
- ⧉ Update dashboard styles, add Lumo theme variants (#8962) (#9204)
date-picker
- ⧉ Remove obsolete animation on infinite scroller (#9139)
grid
- ⧉ Cache column group widths in auto-width calculation (#9180)
icon
- ⧉ Remove ControllerMixin usage from Lit based icon (#9148)
select
- ⧉ Align select shared styles with other components (#9175)
🚧 Experiments
accordion
- ⧉ Add accordion base styles and visual tests (#9166)
app-layout,button,dashboard,password-field
- ⧉ Add button base styles and visual tests (#9171)
button,component-base,details,field-base,input-container,item,password-field
- ⧉ Add cursor properties for interactive elements (#9190)
component-base
- ⧉ Add global base styles custom CSS properties (#9163)
details
- ⧉ Add details base styles and visual tests (#9165)
field-base,input-container,text-field
- ⧉ Add text-field base styles and visual tests (#9178)
item
- ⧉ Add item base styles and visual tests (#9185)
list-box
- ⧉ Add list-box base styles and visual tests (#9186)
number-field
- ⧉ Add number-field base styles and visual tests (#9182)
overlay,select
- ⧉ Add select base styles and visual tests (#9189)
password-field
- ⧉ Add password-field base styles and visual tests (#9181)
select
- ⧉ Update select base styles for focus outline (#9197)
- Other
- ⧉ Enable using base styles in dev pages and visual tests (#9164)
📝 Documentation
combo-box,multi-select-combo-box,time-picker
- ⧉ Update JSDoc for internal Lit based custom elements (#9199)
crud,grid-pro,grid
- ⧉ Remove Polymer specific items API from JSDoc examples (#9149)
grid-pro
- ⧉ Update JSDoc for internal Lit based custom elements (#9147)
🔬 Tests
a11y-base
- ⧉ Improve test for trapping focus after focusing element (#9173)
- ⧉ Update remaining a11y-base tests to also run with Lit (#9130)
charts
- ⧉ Remove Polymer fixture from charts tests, extract styles (#9136)
checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
- ⧉ Disable animation on label, helper, required indicator (#9121)
component-base
- ⧉ Update remaining component-base tests to also run with Lit (#9132)
custom-field
- ⧉ Replace Polymer based fixture elements in custom-field tests (#9113)
date-picker
- ⧉ Disable animation on date-picker infinite scrollers (#9150)
date-time-picker
- ⧉ Simplify date-time-picker i18n tests to not use Polymer (#9116)
field-base
- ⧉ Update remaining field-base tests to also run with Lit (#9131)
grid
- ⧉ Replace Polymer based fixture elements in grid tests (#9112)
grid-pro
- ⧉ Replace Polymer based fixture element in grid-pro tests (#9134)
🏠 Internal
accordion,app-layout,`ava...
v24.7.7
API Documentation →
🐛 Bug Fixes
accordion
- ⧉ Fire single event when changing accordion opened index (#9124) (#9128)
grid
- ⧉ Defer scrollToIndex until grid is ready (#9223) (#9232)
horizontal-layout
- ⧉ Make single end slot aligned properly, add missing tests (#9156) (#9160)
integer-field,number-field
- ⧉ Adjust number field button icon size to match other fields (#9026) (#9122)
multi-select-combo-box
- ⧉ Sync top group if necessary even when dropdown is opened (#9095) (#9256)
- ⧉ Collapse all chips to overflow if there is not enough width (#9177) (#9192)
text-area
- ⧉ Include border width in max-height calculation (#9213) (#9216)
🔬 Tests
checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
- ⧉ Disable animation on label, helper, required indicator (#9121) (#9125)
date-picker
- ⧉ Disable animation on date-picker infinite scrollers (#9150) (#9152)
v24.6.11
API Documentation →
🐛 Bug Fixes
accordion
- ⧉ Fire single event when changing accordion opened index (#9124) (#9129)
grid
- ⧉ Defer scrollToIndex until grid is ready (#9223) (#9233)
integer-field,number-field
- ⧉ Adjust number field button icon size to match other fields (#9026) (#9123)
multi-select-combo-box
- ⧉ Sync top group if necessary even when dropdown is opened (#9095) (#9257)
- ⧉ Collapse all chips to overflow if there is not enough width (#9177) (#9193)
🔬 Tests
checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
- ⧉ Disable animation on label, helper, required indicator (#9121) (#9126)
date-picker
- ⧉ Disable animation on date-picker infinite scrollers (#9150) (#9153)
v23.5.13
API Documentation →
🐛 Bug Fixes
grid
- ⧉ Defer scrollToIndex until grid is ready (#9223) (#9244)
multi-select-combo-box
- ⧉ Sync top group if necessary even when dropdown is opened 23.5 (#9258)
🏠 Internal
app-layout,checkbox-group,combo-box,component-base,date-picker,field-base,field-highlighter,grid,multi-select-combo-box,radio-group
v25.0.0-alpha1
API Documentation →
💥 Breaking Changes
- All components
- ⧉ Drop deprecated Material theme from all components (#9195)
- ⧉ Update all components to be based on LitElement (#9218)
checkbox-group,checkbox,combo-box,component-base,date-picker,date-time-picker,field-base,grid,menu-bar,message-input,message-list,multi-select-combo-box,number-field,overlay,radio-group,select,text-area,text-field,time-picker,upload,virtual-list
- ⧉ Remove ControllerMixin and its usages (#9243)
combo-box,component-base,context-menu,dialog,grid,multi-select-combo-box,notification,overlay,polymer-legacy-adapter,select,vaadin-themable-mixin,virtual-list
- ⧉ Remove polymer-legacy-adapter package and template support (#9194)
combo-box,field-base,time-picker
- ⧉ Remove vaadin-combo-box-light element (#9168)
date-picker
- ⧉ Remove vaadin-date-picker-light element (#9167)
🐛 Bug Fixes
accordion
- ⧉ Fire single event when changing accordion opened index (#9124)
charts
- ⧉ Copy styles from adoptedStyleSheets for chart exporting (#9143)
grid
- ⧉ Defer scrollToIndex until grid is ready (#9223)
horizontal-layout
- ⧉ Make single end slot aligned properly, add missing tests (#9156)
integer-field,number-field
- ⧉ Adjust number field button icon size to match other fields (#9026)
multi-select-combo-box
- ⧉ Collapse all chips to overflow if there is not enough width (#9177)
text-area
- ⧉ Include border width in max-height calculation (#9213)
💅 Polish
a11y-base
- ⧉ Update tabindex logic to work with Lit, add sync: true (#9119)
app-layout,button,dashboard,password-field
- ⧉ Inline button template, rename src styles file (#9170)
card
- ⧉ Consolidate card styles with dashboard widget styles (#8994)
charts
- ⧉ Remove chart import from Lit based chart-series (#9144)
combo-box
- ⧉ Remove Polymer specific logic from combo-box (#9234)
component-base
- ⧉ Remove Polymer helper usage from ElementMixin (#9226)
crud
- ⧉ Remove ControllerMixin usage from Lit based CRUD (#9146)
dashboard
- ⧉ Update dashboard styles, add Lumo theme variants (#8962)
date-picker
- ⧉ Remove Polymer helpers usage from date-picker (#9225)
- ⧉ Remove obsolete animation on infinite scroller (#9139)
field-base,integer-field
- ⧉ Remove no longer needed Polymer workaround (#9239)
grid
- ⧉ Cache column group widths in auto-width calculation (#9180)
icon
- ⧉ Remove ControllerMixin usage from Lit based icon (#9148)
select
- ⧉ Align select shared styles with other components (#9175)
🚧 Experiments
accordion
- ⧉ Add accordion base styles and visual tests (#9166)
accordion,details,field-base,input-container,list-box,number-field,overlay,password-field,select
- ⧉ Wrap all base styles in base CSS layer (#9207)
app-layout,button,dashboard,password-field
- ⧉ Add button base styles and visual tests (#9171)
button,component-base,details,field-base,input-container,item,password-field
- ⧉ Add cursor properties for interactive elements (#9190)
component-base
- ⧉ Add global base styles custom CSS properties (#9163)
details
- ⧉ Add details base styles and visual tests (#9165)
field-base,input-container,text-field
- ⧉ Add text-field base styles and visual tests (#9178)
item
- ⧉ Add item base styles and visual tests (#9185)
list-box
- ⧉ Add list-box base styles and visual tests (#9186)
number-field
- ⧉ Add number-field base styles and visual tests (#9182)
overlay,select
- ⧉ Add select base styles and visual tests (#9189)
password-field
- ⧉ Add password-field base styles and visual tests (#9181)
select
- ⧉ Update select base styles for focus outline (#9197)
- Other
- ⧉ Enable using base styles in dev pages and visual tests (#9164)
📝 Documentation
charts
- ⧉ Remove mentions of using Polymer API from charts JSDoc (#9241)
combo-box,multi-select-combo-box,time-picker
- ⧉ Update JSDoc for internal Lit based custom elements (#9199)
crud,grid-pro,grid
- ⧉ Remove Polymer specific items API from JSDoc examples (#9149)
grid-pro
- ⧉ Update JSDoc for internal Lit based custom elements (#9147)
🔬 Tests
v24.8.0-alpha18
API Documentation →
🐛 Bug Fixes
cookie-consent
- ⧉ Rename method in cookie-consent to not conflict with Lit (#9103)
overlay
- ⧉ Cancel vaadin-overlay-open event when opened set to false (#9099)
💅 Polish
component-base
- ⧉ Suppress Lit warnings about overriding static methods (#9102)
- ⧉ Disable change-in-update warnings for Lit components (#9097)
markdown,message-list
- ⧉ Message-list dynamic markdown import (#9107)
master-detail-layout
- ⧉ Rename master-detail-layout overlay mode to drawer (#9096)
🔬 Tests
context-menu
- ⧉ Replace Polymer based fixture elements in context-menu tests (#9110)
overlay
- ⧉ Use vanilla custom elements in vaadin-overlay tests (#9108)
🏠 Internal
- Other
- ⧉ Use Lit in development mode in dev pages and tests (#9104)
- ⧉ Workaround WTR tests hanging due to structuredClone (#9098)
v24.7.6
API Documentation →
🐛 Bug Fixes
menu-bar
- ⧉ Reset width on menu-bar buttons when restoring them (#9028) (#9029)
multi-select-combo-box
- ⧉ Set max-width on multi-select-combo-box to fix Chrome 136 (#9036) (#9039)
upload
- ⧉ Do not throw with custom file list, add missing test (#9059) (#9060)
🏠 Internal
- Other
- ⧉ Workaround WTR tests hanging due to structuredClone (#9098) (#9100)
- ⧉ Do not run playwright-install for Chrome in CI (#9067) (#9068)
v24.6.10
API Documentation →
🐛 Bug Fixes
menu-bar
- ⧉ Reset width on menu-bar buttons when restoring them (#9028) (#9030)
multi-select-combo-box
- ⧉ Set max-width on multi-select-combo-box to fix Chrome 136 (#9036) (#9040)
upload
- ⧉ Do not throw with custom file list, add missing test (#9059) (#9061)
🏠 Internal
- Other
- ⧉ Workaround WTR tests hanging due to structuredClone (#9098) (#9101)
- ⧉ Do not run playwright-install for Chrome in CI (#9067) (#9069)
v24.8.0-alpha17
API Documentation →
🏠 Internal
polymer-legacy-adapter
- ⧉ Update deprecation warning in polymer-legacy-adapter (#9091)
- Other
- ⧉ Update rollup.config.js to use ES modules (#9090)
v24.8.0-alpha16
API Documentation →
💥 Behavior Altering Changes
date-time-picker
- ⧉ Datetimepicker validation improvements (#8986)
master-detail-layout
- ⧉ Use stackOverlay property instead of stackThreshold (#9052)
🚀 New Features
markdown
- ⧉ Implement vaadin-markdown component (#9023)
- ⧉ Add markdown package (#9012)
master-detail-layout
- ⧉ Add events for backdrop click and detail Escape press (#9062)
message-list
- ⧉ Message-list markdown support (#9080)
🐛 Bug Fixes
crud,grid
- ⧉ Add missing type definitions for Lit based entrypoints (#9057)
menu-bar
- ⧉ Reset width on menu-bar buttons when restoring them (#9028)
multi-select-combo-box
- ⧉ Set max-width on multi-select-combo-box to fix Chrome 136 (#9036)
upload
- ⧉ Do not throw with custom file list, add missing test (#9059)
💅 Polish
a11y-base,component-base,field-base
- ⧉ Replace Polymer mixin helper with the open-wc (#9066)
app-layout
- ⧉ Remove usage of Polymer helpers from app-layout (#9038)
avatar-group
- ⧉ Remove unnecessary logic covered by resize observer (#9032)
charts
- ⧉ Replace usage of Polymer helpers in charts (#9064)
combo-box
- ⧉ Remove usage of Polymer utils from combo-box-light (#9053)
crud
- ⧉ Replace usage of Polymer path helpers in CRUD (#9070)
- ⧉ Remove usage of afterNextRender helper in CRUD (#9065)
date-picker
- ⧉ Replace Polymer dashToCamelCase helper usage (#9071)
date-picker,overlay
- ⧉ Remove usage of afterNextRender helper from overlay (#9041)
icon
- ⧉ Remove not needed usage of Polymer mixin helper (#9033)
menu-bar
- ⧉ Update menu-bar properties to use sync: true (#9031)
- ⧉ Do not disable buttons when moving to overflow (#9027)
- ⧉ Use Lit for rendering menu-bar buttons (#8871)
tabs
- ⧉ Remove unnecessary logic covered by resize observer (#9037)
🔬 Tests
context-menu
- ⧉ Improve context-menu test helpers structure and usage (#9042)
login
- ⧉ Update login tests to use vaadin-overlay-open event (#9045)
menu-bar
- ⧉ Update menu-bar tests to use vaadin-overlay-open event (#9043)
popover
- ⧉ Update popover tests to use vaadin-overlay-open event (#9044)
rich-text-editor
- ⧉ Update rich-text-editor tests to use vaadin-overlay-open event (#9050)
upload
- ⧉ Remove unnecessary afterNextRender from upload test (#9054)
🏠 Internal
- Other
- ⧉ Simplify getVisualTestGroups in wtr-utils.js (#9085)
- ⧉ Allow running visual tests locally (#9072)
- ⧉ Do not run playwright-install for Chrome in CI (#9067)
- ⧉ Upgrade lerna dev dependency to latest version (#9055)
- ⧉ Add tsconfig.build.tsbuildinfo to .gitignore (#9051)
- ⧉ Use Node 22, switch to ES imports (#9047)
- ⧉ Bump Lit version to latest, deduplicate yarn.lock (#9013)
