v24.6.0-alpha1

API Documentation →

Changes Since v24.5.0-beta1

💥　Behavior Altering Changes

• combo-box,date-time-picker
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846)
• custom-field
  • ⧉ Deprecate internal-tab event and remove it from JSDoc (#7889)
• date-picker
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855)
• text-area
  • ⧉ Make prefix, suffix and clear button stick to top (#7895)

🚀　New Features

• dashboard
  • ⧉ Vaadin-dashboard component (#7946)
  • ⧉ 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)
• notification
  • ⧉ Add assertive property to notification (#7758)

🐛　Bug Fixes

• charts
  • ⧉ Reset title, subtitle and type when removing attribute (#7816)
• checkbox-group
  • ⧉ Do not throw when setting checkbox-group value to null (#7933)
• combo-box
  • ⧉ Use correct ComboBoxScrollerMixin import in typings (#7917)
• component-base
  • ⧉ Set custom element class version even if not defined (#7813)
• confirm-dialog
  • ⧉ Use correct class name in confirm-dialog typings (#7926)
• custom-field
  • ⧉ Validate custom-field when required is set to false (#7923)
  • ⧉ Apply initially set custom field value to inputs (#7882)
  • ⧉ Ensure has-value attribute is set on custom-value (#7885)
• dashboard
  • ⧉ Make dashboard draggables work on firefox (#7880)
  • ⧉ Revert dashboard changes causing performance regressions
  • ⧉ Primarily reorder with the dragged over dashboard item (#7842)
  • ⧉ Support resizing widgets in rtl (#7803)
  • ⧉ Do not throw on drag when dashboard has one widget (#7802)
• date-picker
  • ⧉ Remove not working vaadin-lit-date-picker-light entrypoint (#7912)
• date-time-picker
  • ⧉ Validate date-time-picker when required is set to false (#7908)
• grid-pro
  • ⧉ Wait for editor focusout on Tab to get updated value (#7822)
• input-container,vaadin-lumo-styles
  • ⧉ Do not apply disabled value color to prefix and suffix (#7772)
• login
  • ⧉ Add missing .js extension to component-base imports (#7909)
• rich-text-editor
  • ⧉ Delay parsing htmlValue when RTE is attached but not rendered (#7890)
  • ⧉ Bump Quill to fix error thrown on deleting text (#7899)
• select
  • ⧉ Add missing export for SelectListBox element class (#7925)
  • ⧉ Prevent opening select on click or keydown when disabled (#7874)

💅　Polish

• dashboard
  • ⧉ Remove unnecessary controller mixin use
  • ⧉ Repurpose dashboard-gap as dashboard-spacing (#7897)
  • ⧉ Rename header slot to header content (#7896)
  • ⧉ Rename dense to dense layout (#7884)
  • ⧉ Remove unnecessary event bubbling
  • ⧉ Make the css grid use border-box
  • ⧉ Update dashboard i18n property names
  • ⧉ Dashboard cleanup
  • ⧉ Do not add widget state attributes to wrappers
  • ⧉ Hide widget and section i18n (#7850)
  • ⧉ Update dashboard events (#7827)
  • ⧉ Make the controllers not extend EventTarget
  • ⧉ Rename internal variables
  • ⧉ Use attributes for widget/section state (#7807)
  • ⧉ Use hostDisconnected to cleanup touchmove listener
  • ⧉ Move dashboard CSS grid inside shadow root (#7742)
  • ⧉ Rename vaadin-dashboard-widget-wrapper (#7697)
• date-time-picker,field-highlighter
  • ⧉ Reduce unnecessary code complexity (#7805)
• field-base
  • ⧉ Remove duplicate change event listener override (#7903)
• grid
  • ⧉ Simplify type imports in GridMixin typings (#7918)
• grid-pro
  • ⧉ Remove no longer needed internal-tab event workaround (#7870)
  • ⧉ Replace global focusin listener with focusout check (#7858)
• polymer-legacy-adapter
  • ⧉ Use correct import in template-renderer entrypoint (#7919)
• scroller
  • ⧉ Extract common scroller logic to reusable mixin (#7943)

🚧　Experiments

• item
  • ⧉ Add Lit based version of vaadin-item (#7936)
• list-box
  • ⧉ Add Lit based version of vaadin-list-box (#7937)

📝　Documentation

• dashboard
  • ⧉ Fix license headers
  • ⧉ Update spacing related jsdocs (#7901)
  • ⧉ Add dashboard jsdocs (#7891)
• popover
  • ⧉ Fix popover JSDoc to use correct parameter name (#7938)
• tooltip
  • ⧉ Fix tooltip JSDoc to use correct parameter name (#7939)
• Other
  • ⧉ Add dashboard to readme

🔬　Tests

• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Disable error-message transition in visual tests (#7830)
• confirm-dialog,crud
  • ⧉ Disable animation in confirm-dialog and CRUD tests (#7824)
• custom-field
  • ⧉ Update custom-field validation tests to also use Lit (#7920)
• dashboard
  • ⧉ Use plain numbers as item IDs
  • ⧉ Add missing tests
  • ⧉ Stabilize dashboard tests with onceResized helper (#7825)
  • ⧉ Show a nicer error message in expectLayout
• field-highlighter
  • ⧉ Use correct tag name in field highlighter visual tests (#7839)
  • ⧉ Disable user tag opacity transition in visual tests (#7831)
• multi-select-combo-box
  • ⧉ Ensure chip min-width custom CSS property to be set (#7862)
• Other
  • ⧉ Add date-time-picker editor to grid-pro integration test (#7864)

🏠　Internal

• All components
  • ⧉ Update main branch to Vaadin 24.6 (#7810)
• component-base,grid-pro,grid,virtual-list
  • ⧉ Update eslint-config-vaadin to latest version (#7829)
• dashboard
  • ⧉ Fix typo in the event type name
  • ⧉ Remove unnecessary material files
  • ⧉ Mark selected dashboard widget focus-button pressed
  • ⧉ Use explicit labels for widget buttons
  • ⧉ Use title to describe the widget focus button
  • ⧉ Remove unnecessary definitions
  • ⧉ Avoid flicker on the initial render
• vaadin-lumo-styles,vaadin-material-styles
  • ⧉ Fix gulp tasks for generating font-icons files (#7883)
• Other
  • ⧉ Bump rollup from 4.13.0 to 4.22.4 (#7848) (#7892)
  • ⧉ Update retry GitHub action to v3 using Node 20 (#7832)