v24.6.0-beta1

API Documentation →

Changes Since v24.5.0

💥　Behavior Altering Changes

• avatar-group
  • ⧉ Update avatar group to not use Polymer splices API (#8145)
• combo-box,date-time-picker
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846)
• component-base,grid
  • ⧉ Add a default min-height to grid (#7964)
• custom-field
  • ⧉ Deprecate internal-tab event and remove it from JSDoc (#7889)
• date-picker
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855)
• dialog
  • ⧉ Only set top and left properties on drag (#7970)
• login
  • ⧉ Do not validate login form fields on blur (#8101)
• text-area
  • ⧉ Make prefix, suffix and clear button stick to top (#7895)

🚀　New Features

• card
  • ⧉ Add experimental card component (#8154)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,login,multi-select-combo-box,number-field,radio-group,select,time-picker
  • ⧉ Add manual validation mode (#8097)
• component-base
  • ⧉ Add option to return feature flag name from static getter (#8169)
  • ⧉ Add option to mark defined custom element as experimental (#8162)
  • ⧉ Add _createPropertyObserver() to PolylitMixin (#8144)
• dashboard
  • ⧉ Dashboard lumo styles (#7904)
  • ⧉ Add dashboard dense mode (#7881)
  • ⧉ Scroll focused dashboard widget into view (#7875)
  • ⧉ Identify dashboard items by id (#7869)
  • ⧉ Add dashboard item mode changed events (#7866)
  • ⧉ Restore focus on dashboard widget removal (#7860)
  • ⧉ Dashboard i18n (#7847)
  • ⧉ Dashboard widget resize mode (#7818)
  • ⧉ Dashboard widget move mode (#7817)
  • ⧉ Dashboard keyboard interactions (#7811)
  • ⧉ Keep widget focus on dashboard items change (#7804)
  • ⧉ Dashboard widget remove button (#7800)
  • ⧉ Drag-resizing of dashboard items (#7791)
  • ⧉ Dashboard widget rowspan (#7781)
  • ⧉ Support elements in dashboard items (#7761)
  • ⧉ Support drag-reordering of dashboard items (#7738)
  • ⧉ Add minimum row height to dashboard (#7754)
  • ⧉ Auto-update widget title level (#7740)
  • ⧉ Add sections support to vaadin-dashboard (#7692)
  • ⧉ Add basic dashboard section structure (#7685)
  • ⧉ Add items and renderer to dashboard (#7680)
  • ⧉ Add basic dashboard widget structure (#7679)
  • ⧉ Add max column count support to dashboard (#7670)
  • ⧉ Make dashboard scrollable (#7662)
  • ⧉ Add gap support to dashboard (#7660)
  • ⧉ Add colspan support to dashboard (#7657)
  • ⧉ Add vaadin-dashboard-layout (#7653)
  • ⧉ Create dashboard package (#7647)
• dialog
  • ⧉ Add top and left to Dialog resize event detail (#8064)
  • ⧉ Add "dragged" event in Dialog (#8047)
  • ⧉ Add API do define Dialog size programmatically (#8030)
  • ⧉ Add API to define Dialog position programmatically (#7971)
• grid
  • ⧉ Add part names to non-selectable rows / cells (#8015)
  • ⧉ Conditional selectability of grid items (#7974)
• grid-pro
  • ⧉ Grid-pro loading editor state (#8156)
• horizontal-layout
  • ⧉ Add wrap theme to horizontal-layout (#8125)
• notification
  • ⧉ Add assertive property to notification (#7758)
• radio-group
  • ⧉ Add name property to radio-group and propagate it to radio buttons (#8100)
• text-area
  • ⧉ Configure maximum number of rows in text area (#8143)
  • ⧉ Configure minimum number of rows in text area (#8138)
• upload
  • ⧉ Upload disabled state (#8090)
  • ⧉ Allow dropping folders (#8032)
• vaadin-lumo-styles
  • ⧉ Add "drag-handle" and "resize-handle" icons (#8163)
• vertical-layout
  • ⧉ Add wrap theme to vertical-layout (#8128)

Changes Since v24.6.0-alpha9

🐛　Bug Fixes

• combo-box
  • ⧉ Do not render hidden combo box items (#8181)
• dashboard
  • ⧉ Apply widget content blur on slotted content (#8192)
• date-picker
  • ⧉ Prevent year scroller from getting focused in Chrome (#8174)
• text-area
  • ⧉ Align prefix and suffix with textarea in Material theme (#8189)

💅　Polish

• combo-box
  • ⧉ Reduce item renderer calls in combo box (#8173)
• dashboard
  • ⧉ Update dashboard resize mode icons (#8191)
  • ⧉ Prefer part names over ids in dashboard selectors (#8190)
  • ⧉ Move resize mode buttons inside dashboard widget (#8188)
  • ⧉ Hide dashboard resize buttons that have no effect (#8176)
  • ⧉ Use new handle icons in dashboard widget (#8177)
• multi-select-combo-box
  • ⧉ Extract multi-select-combo-box logic into mixins (#8184)
  • ⧉ Extract multi-select-combo-box styles into CSS literals (#8182)

🚧　Experiments

• multi-select-combo-box
  • ⧉ Add LitElement based version of multi-select-combo-box (#8185)

🏠　Internal

• card,dashboard
  • ⧉ Add dashboard feature flag mention in readme (#8180)