@ui5/webcomponents
SAP's UI elements as standard custom elements, ui5-button among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.
Brings SAP Fiori controls to an application that is not a UI5 application: each component is imported as a module, registers itself, and is used as an HTML tag, with its markup and styles in the shadow DOM. The components ship in three packages, @ui5/webcomponents for inputs, lists, tables and popups, @ui5/webcomponents-fiori for Fiori patterns such as the shell bar and side navigation, and @ui5/webcomponents-ai for AI interaction controls, on @ui5/webcomponents-base, the framework itself, with theming, localization and three icon collections published as packages of their own. The project states it is not built on top of @openui5/sap.ui.core@openui5/sap.ui.coreThe OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.sap official, ui5 and not its successor. Binding a component's content and events is left to the framework the application runs, and there is no CDN, so an application bundles the components it imports.
Facts
Where it sits
Who is behind it
In the atlas: maintains 8@UI5maintainera-z-ivanovContributes to this
In the atlas: contributes to 2@a-z-ivanovCahit GürgücContributes to this
In the atlas: contributes to 3@aborjinikAdrian BobevContributes to this
In the atlas: contributes to 10@adrian-bobevAjinkya PatilContributes to this
In the atlas: contributes to 112@ajinkyapatil8190Andreas KunzContributes to this
In the atlas: contributes to 19@akudevAleksandar TerzievContributes to this
In the atlas: contributes to 3@aleksandar-terzievAlexandar MitsevContributes to this
In the atlas: contributes to 3@alexandar-mitsevBen BrennanContributes to this
In the atlas: contributes to 2@bbrennanbasisBenjamin ReimContributes to this
In the atlas: contributes to 9@BenReimJulian DaxContributes to this
In the atlas: contributes to 2@brodo117 contributors
Before choosing this
Conditions
PracticalFunctional boundary
Not where the UI library itself is expected to bind data: the documentation leaves binding a component's content and events to the host framework. Not from a CDN script tag: the project publishes none, so it assumes a build step.
What it declares
Every artifact
- Type
- Package
- Origin
- By SAP
As a package
- Where it runs
- does not say
- Distributed through
- does not say
Connections
Storing uploaded files next to the record they belong to
Calling a language model with tenant and credential handling solved
Consistent visual identity across controls, including custom themes
Operating an app by finger, stylus or gloved hand
Writing UI5 apps and libraries in TypeScript
Using standards-based custom elements inside an app
abap2UI5 frontend rendering with UI5 Web Components
TypeScript UI5 app consuming @ui5/webcomponents
Custom UI5 Web Components bundle loaded with one script tag
Download
Install
npm add @ui5/webcomponentsDerived from the package name. No recipe recorded; the README has the configuration.
README
quoted from UI5/webcomponents under Apache-2.0, read
UI5 Web Components - Main
Provides general purpose UI building blocks such as buttons, labels, inputs and popups.
Provided components
| Web Component | Tag name | Module import |
|---|---|---|
| Avatar | ui5-avatar | import "@ui5/webcomponents/dist/Avatar.js"; |
| Avatar Group | ui5-avatar-group | import "@ui5/webcomponents/dist/AvatarGroup.js"; |
| Bar | ui5-bar | import "@ui5/webcomponents/dist/Bar.js"; |
| Breadcrumbs | ui5-breadcrumbs | import "@ui5/webcomponents/dist/Breadcrumbs.js"; |
| Breadcrumbs Item | ui5-breadcrumbs-item | comes with ui5-breadcrumbs |
| Tag | ui5-tag | import "@ui5/webcomponents/dist/Tag.js"; |
| Busy Indicator | ui5-busy-indicator | import "@ui5/webcomponents/dist/BusyIndicator.js"; |
| Button | ui5-button | import "@ui5/webcomponents/dist/Button.js"; |
| ButtonBadge | ui5-button-badge | import "@ui5/webcomponents/dist/ButtonBadge.js"; |
| Calendar | ui5-calendar | import "@ui5/webcomponents/dist/Calendar.js"; |
| Calendar Date | ui5-date | comes with ui5-calendar |
| Calendar Date Range | ui5-date-range | comes with ui5-calendar |
| Calendar Special Date | ui5-date-special | comes with ui5-calendar |
| Calendar Legend | ui5-calendar-legend | import "@ui5/webcomponents/dist/CalendarLegend.js"; |
| Calendar Legend Item | ui5-calendar-legend-item | comes with ui5-calendar-legend |
| Card | ui5-card | import "@ui5/webcomponents/dist/Card.js"; |
| CardHeader | ui5-card-header | import "@ui5/webcomponents/dist/CardHeader.js"; |
| Carousel | ui5-carousel | import "@ui5/webcomponents/dist/Carousel.js"; |
| Checkbox | ui5-checkbox | import "@ui5/webcomponents/dist/CheckBox.js"; |
| Color Palette | ui5-color-palette | import "@ui5/webcomponents/dist/ColorPalette.js"; |
| Color Palette Item | ui5-color-palette-item | comes with ui5-color-palette |
| Color Palette Popover | ui5-color-palette-popover | import "@ui5/webcomponents/dist/ColorPalettePopover.js"; |
| Color Picker | ui5-color-picker | import "@ui5/webcomponents/dist/ColorPicker.js"; |
| ComboBox | ui5-combobox | import "@ui5/webcomponents/dist/ComboBox.js"; |
| ComboBox Item | ui5-cb-item | comes with ui5-combobox |
| ComboBox Group Item | ui5-cb-group-item | comes with ui5-combobox |
| Date Picker | ui5-date-picker | import "@ui5/webcomponents/dist/DatePicker.js"; |
| Date Range Picker | ui5-daterange-picker | import "@ui5/webcomponents/dist/DateRangePicker.js"; |
| Date Time Picker | ui5-datetime-picker | import "@ui5/webcomponents/dist/DateTimePicker.js"; |
| Dialog | ui5-dialog | import "@ui5/webcomponents/dist/Dialog.js"; |
| File Uploader | ui5-file-uploader | import "@ui5/webcomponents/dist/FileUploader.js"; |
| Icon | ui5-icon | import "@ui5/webcomponents/dist/Icon.js"; |
| Input | ui5-input | import "@ui5/webcomponents/dist/Input.js"; |
| Label | ui5-label | import "@ui5/webcomponents/dist/Label.js"; |
| Link | ui5-link | import "@ui5/webcomponents/dist/Link.js"; |
| List | ui5-list | import "@ui5/webcomponents/dist/List.js"; |
| List - Standard Item | ui5-li | import "@ui5/webcomponents/dist/ListItemStandard.js"; |
| List - Custom Item | ui5-li-custom | import "@ui5/webcomponents/dist/ListItemCustom.js"; |
| List - Group Item | ui5-li-group | import "@ui5/webcomponents/dist/ListItemGroup.js"; |
| Menu | ui5-menu | import "@ui5/webcomponents/dist/Menu.js"; |
| Menu Item | ui5-menu-item | comes with ui5-menu |
| Menu Separator | ui5-menu-separator | comes with ui5-menu |
| Message Strip | ui5-message-strip | import "@ui5/webcomponents/dist/MessageStrip.js"; |
| Multi ComboBox | ui5-multi-combobox | import "@ui5/webcomponents/dist/MultiComboBox.js"; |
| Multi ComboBox Item | ui5-mcb-item | comes with ui5-multi-combobox |
| Multi ComboBox Item Group | ui5-mcb-item-group | comes with ui5-multi-combobox |
| Multi Input | ui5-multi-input | import "@ui5/webcomponents/dist/MultiInput.js"; |
| Panel | ui5-panel | import "@ui5/webcomponents/dist/Panel.js"; |
| Popover | ui5-popover | import "@ui5/webcomponents/dist/Popover.js"; |
| ProgressIndicator | ui5-progress-indicator | import "@ui5/webcomponents/dist/ProgressIndicator.js"; |
| Radio Button | ui5-radio-button | import "@ui5/webcomponents/dist/RadioButton.js"; |
| Range Slider | ui5-range-slider | import "@ui5/webcomponents/dist/RangeSlider.js"; |
| Rating Indicator | ui5-rating-indicator | import "@ui5/webcomponents/dist/RatingIndicator.js"; |
| Responsive Popover | ui5-responsive-popover | import "@ui5/webcomponents/dist/ResponsivePopover.js"; |
| Segmented Button | ui5-segmented-button | import "@ui5/webcomponents/dist/SegmentedButton.js"; |
| Segmented Button Item | ui5-segmented-button-item | comes with ui5-segmented-button |
| Select | ui5-select | import "@ui5/webcomponents/dist/Select.js"; |
| Select Option | ui5-option | comes with ui5-select |
| Slider | ui5-slider | import "@ui5/webcomponents/dist/Slider.js"; |
| Split Button | ui5-split-button | import "@ui5/webcomponents/dist/SplitButton.js"; |
| Step Input | ui5-step-input | import "@ui5/webcomponents/dist/StepInput.js"; |
| Suggestion Item | ui5-suggestion-item | comes with InputSuggestions.js feature - see below |
| Switch | ui5-switch | import "@ui5/webcomponents/dist/Switch.js"; |
| Tab Container | ui5-tabcontainer | import "@ui5/webcomponents/dist/TabContainer.js"; |
| Tab | ui5-tab | import "@ui5/webcomponents/dist/Tab.js"; |
| Tab Separator | ui5-tab-separator | import "@ui5/webcomponents/dist/TabSeparator.js"; |
| Textarea | ui5-textarea | import "@ui5/webcomponents/dist/TextArea.js"; |
| TimePicker | ui5-time-picker | import "@ui5/webcomponents/dist/TimePicker.js"; |
| Title | ui5-title | import "@ui5/webcomponents/dist/Title.js"; |
| Toast | ui5-toast | import "@ui5/webcomponents/dist/Toast.js"; |
| Toggle Button | ui5-toggle-button | import "@ui5/webcomponents/dist/ToggleButton.js"; |
| Token | ui5-token | comes with ui5-multi-input |
| Tree | ui5-tree | import "@ui5/webcomponents/dist/Tree.js"; |
| Tree Item | ui5-tree-item | comes with ui5-tree |
| Tree Item Custom | ui5-tree-item-custom | comes with ui5-tree |
Provided assets
import "@ui5/webcomponents/dist/Assets.js";
| Assets | Module | Notes |
|---|---|---|
i18n, themes | @ui5/webcomponents/dist/Assets.js | Theming parameters and translations for the components Automatically imports also: @ui5/webcomponents-localization/dist/Assets.js and @ui5/webcomponents-theming/dist/Assets.js |
Provided features
| Feature name | Affects | Triggered by | Description |
|---|---|---|---|
| More Colors Dialog | ui5-color-palette, ui5-color-palette-popover | Setting showMoreColors to true | Support for "more colors dialog" for the color palette component |
| Input Suggestions | ui5-input, ui5-multi-input | Setting showSuggestions to true | Support for input suggestions while typing |
Color Palette "More Colors" Feature
The ui5-color-palette component has a showMoreColors property, that, when set to true, enables a "More colors" dialog.
Since this functionality is not always needed, the "More colors" dialog and its children are not direct dependencies of the component by default,
and are only loaded dynamically when showMoreColors is set to true.
Feature import (optional as of 2.7.0):
import "@ui5/webcomponents/dist/features/ColorPaletteMoreColors.js";
You can optionally pre-load the feature (thus avoiding the dynamic import), if you prefer so.
Input Suggestions Feature
The <ui5-input> element acts as an <input> with the Fiori design and added functionality, such as value state.
The so-called "input suggestions" is an advanced feature that allows the user to choose from a list of predefined options while typing.
Since input suggestions may not always be needed, they do not come as part of the <ui5-input> itself.
Setting the showSuggestions property to true loads the suggestions feature dynamically (as well as the ui5-suggestion-item component) for your convenience.
Feature import (optional as of 2.7.0):
import "@ui5/webcomponents/dist/features/InputSuggestions.js";
You can optionally pre-load the feature (thus avoiding the dynamic import), if you prefer so.
Resources
- UI5 Web Components - README.md
- UI5 Web Components - Home Page
- UI5 Web Components - Playground and API Reference
Support
We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents channel of the OpenUI5 Community Slack.
Contribute
Please check our Contribution Guidelines.
License
Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.
History
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 14
Notes
Bug Fixes
- tests: correct ui5DialogOpened command subject typings (#14121) (6c3486b)
- ui5-avatar: render initials for non-Latin scripts (#14100) (395f3f6), closes #13996
- ui5-color-palette: focus hue slider handle when More Colors dialog opens (#14095) (207121f)
- ui5-day-picker: complete mouse selection after other-month mousedown with min/maxDate (#14122) (e74b5e5)
- ui5-input: update value state styles (#14107) (b35c27f)
- ui5-numeric-input: bump since tag version to the correct one (eb2647a)
- ui5-numeric-input: rename component (#14089) (f28463b)
- ui5-range-slider: mobile focus support (#14082) (6bf42b7)
- ui5-rating-indicator: correct half-star icon size (1f3d8ab)
- ui5-split-button: truncate long text with ellipsis (16cf5dd)
- ui5-step-input: apply disabled opacity once (#14112) (838f24c)
- ui5-step-input: resolve getFocusDomRefAsync through nested shadow roots (657c4d9)
- ui5-table: focus first newly added row after growing (#14073) (b71d78b), closes #14057
- ui5-tokenizer: prevent render loop at "Show All" overflow boundary (#14126) (e598216)
Features
Fixes 1
Fixes 6
Notes
Bug Fixes
- ui5-calendar: add calendar header hover border in HCB (#14069) (38096ec)
- ui5-dynamic-date-range: correct off-by-one-day date shift in negative UTC offsets (#14017) (8fd845f)
- ui5-multi-combobox: mobile focus support (#14056) (35ac49a)
- ui5-rating-indicator: mobile focus support (#14050) (73ee19a)
- ui5-shellbar-item: show count badge after item text in overflow popover (#13849) (be8fee0), closes #12490
- ui5-token: mobile focus support (#14047) (f058464)
Features 3, Fixes 6
Notes
Bug Fixes
- ui5-card: Header counter is properly aligned (#13947) (9856f4f)
- ui5-combobox: prevent exception when item text is undefined (#14035) (729e400)
- ui5-date-picker: prevent placeholder announcement when value is set (#14049) (172aaee)
- ui5-list: guard missing focus DOM ref (#14044) (967b282), closes #14008
- ui5-list: restore keyboard and body selection for InactiveSelectable items (#14037) (b02452d), closes #14011
- ui5-time-picker: separate mobile and desktop value-help tap handling (#14048) (fa3e854)
Features
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-calendar: translate week number aria-label in DayPicker (#14014) (ba03d30)
- ui5-icon: suppress native click propagation for Image mode (#13997) (9ed07b6), closes #13972
- ui5-list: suppress hidden text announcement for InactiveSelectable items (#14011) (2a15c4d)
- ui5-option-group: remove unrelated inherited public APIs (#13998) (f2ab028), closes #13992 #13991
- ui5-popover: prevent horizontal position drift on reposition (#13987) (e85de78), closes #13863
- ui5-split-button: announce accessible name before instructions (#13901) (36f505f)
Features
Features 3, Fixes 4
Notes
Bug Fixes
- ui5-avatar: include badge tooltip in aria-label (#13960) (a2d835f)
- ui5-cb-item-group: expose 'title' CSS shadow part via exportparts (#13958) (5919eb7), closes #13936
- ui5-icon: replace size containment with font-size for icon sizing (#13981) (b604bb3)
- ui5-time-picker: correct color and font tokens per UXC visual spec (#13980) (8357e8d)
Features
Features 1, Fixes 4
Notes
Bug Fixes
- ui5-link: adjust focus outline in HC themes (#13968) (9faf49d)
- ui5-list: fix acc finding (#13558) (d8afe1f)
- ui5-popup: announce invisible messages inside open popups (#13889) (db416cf)
- ui5-toolbar-select: display not updating on programmatic option selection (#13751) (920e66a), closes #12619
Features
Features 3, Fixes 8
Notes
Bug Fixes
- ui5-date-picker: input width is incorrect (#13881) (f4c2675)
- ui5-input: remove role dialog from VSM (#13875) (3b106d4)
- ui5-list: suppress F2 aria description for custom items without tabbables (#13865) (1b7be9b), closes #13489 #13713
- ui5-select: fix acc finding (#13559) (bdd790f)
- ui5-slider: remove redundant accessibility role and attributes (#13894) (69ad533)
- ui5-table: keep focused cell visible next to sticky columns (#13850) (4a25d80)
- ui5-table: set "More actions" tooltip on row action overflow button (#13895) (17a64e4), closes #13839
- ui5-tokenizer: fix rare case when n-more button cause loop error (#13857) (d3bbb61)
Features
Fixes 1
Fixes 6
Notes
Bug Fixes
- ui5-calendar: format aria-label day cell value (#13838) (c553ada)
- ui5-combobox: fire 'change' event with normalized values (#13828) (f6d99b0), closes #13784
- ui5-file-uploader: replace aria-required with native required on shadow input (#13846) (da78732)
- ui5-multi-combobox: toggle 'select all' checkbox correctly with grouped suggestions (#13827) (ffd674c), closes #13712
- ui5-multi-input: prevent F4 from focusing browser address bar in MS Edge (#13860) (904647a)
- ui5-slider: prevent slider value change on right click (#13848) (4357b54), closes #13836
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 11
Notes
Bug Fixes
- ui5-carousel: remove redundant role="region" from section element (#13561) (f512c2a)
- ui5-color-palette: fix hover background shape mismatch in color palette popover buttons (#13832) (1e1b8aa)
- ui5-date-picker: fix flaky tests (#13818) (38881cd)
- ui5-li-custom, ui5-tree-item-custom: add accessibleName property for stable accessible names (#13780) (ad0c2a8), closes #13478
- ui5-menu-separator: fix a11y semantics by refactoring to extend UI5Element (#13820) (d5872d5)
- ui5-menu: add missing aria-checked attribute on menuitemradio and menuitemcheckbox (#13811) (3fde914)
- ui5-message-strip: update announcement translations (#13825) (20cc1df), closes #13779
- ui5-multi-combobox: announce suggestions selected state (#13767) (3bfae80)
- ui5-rating-indicator: import default icons (#13824) (c9a6ff1), closes #13796
- ui5-slider: add aria-valuenow attribute (#13830) (b043b8b)
- ui5-table: ignore 1px scrollWidth/clientWidth diff to prevent stuck popin on Safari (#13791) (3566600), closes #12812
Features
- ui5-dynamic-date-range: support label for (#13821) (88d47d3)
- ui5-input: add styling to interactive custom icons (#13674) (ce3fecd)
- ui5-toolbar-select: add value prop to ToolbarSelectOption and selectedToolbarOption in change event (#13804) (4d5009c), closes #13609
- ui5-toolbar: implement WAI-ARIA toolbar keyboard navigation (#13622) (df3a8e8), closes #12945
Features 1, Fixes 3
Fixes 5
Notes
Bug Fixes
- ui5-date-range-picker: remove only portrait mode on calendars when two months are shown (#13703) (8a7670d)
- ui5-list: expose item selection state via aria-selected attribute (#13782) (644ed0a), closes #13773
- ui5-radio-button: fix accessible-name double announcement (#13761) (48e69fe)
- ui5-select: align value state message header with design spec (#13766) (173d3fc), closes #13308
- ui5-textarea: preserve space for exceeded text counter (#13765) (6cc1943)
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 4
Notes
Bug Fixes
- ensure global styles are updated by the newest runtime (#13720) (f75e906)
- ui5-breadcrumbs: acc findings fixed (#13557) (9b6fea7)
- ui5-form: incorrect labelSpan behavior when width is close to layout breakpoint (#13727) (7b5fd2d)
- ui5-menu-item: prevent menu from closing on endContent click (#13705) (a7ca3af)
Features
Features 1, Fixes 3
Notes
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-bar, ui5-button: prevent button badge from being clipped inside
ui5-bar(#13618) (294a2dd) - ui5-list: guard item-toggle against null event detail (#13646) (e410472), closes #13576
- ui5-popover: add max-width/max-height support for resizable popover (#13668) (0a7ef13)
- ui5-select: remove focus outline from input when dropdown is opened (#13643) (2786b28), closes #13616
- ui5-table: include growing button in tab order and arrow navigation (#13676) (14e745f)
Features
- ui5-bar, ui5-button: prevent button badge from being clipped inside
Breaking 13, Features 2, Fixes 6, Docs 1
Notes
Bug Fixes
- framework: stop reflecting object/array properties to attributes (#13626) (f5b49c7)
- ui5-expandable-text: fix using "white-space" style in the component (#13599) (52a0985)
- ui5-form: replace Cyrillic А with Latin A in effectiveAccessibleNameRef (#13649) (652a4e9), closes #13647
- ui5-rating-indicator: enhance half value visualisation in readonly and disabled mode (#13500) (d91f292)
- ui5-select: swap X button for footer Cancel in mobile picker (#13615) (f98090f)
- ui5-text: unify truncation across all max-lines values (#13624) (3c50320)
Documentation
Features
- ui5-popover: allow min-width control via standard CSS styling (#13607) (8fa41a7)
- ui5-slider, ui5-range-slider: make tickmarks visual-only (#13441) (bc5ecae), closes #9730 #9058
BREAKING CHANGES
-
the click CustomEvent on ui5-tab and ui5-li-notification no longer includes item/tab in event.detail. Read the source element from event.target instead.
-
chore: follow-up cleanups
- ListBoxItemGroupTemplate: use string literal "Group" for accessibleRole (the ListItemAccessibleRole.Group enum entry was removed in this PR)
- NotificationListItemBase: drop redundant @customElement({}) decorator on the abstract base class
- TableGroupRow: bump @since to 2.23.0
- chore(website): remove newComponentBadge from .mdx frontmatter
Drop the sidebar_class_name: newComponentBadge marker from all component and pattern docs — the components/patterns are no longer new. Where the class was the only frontmatter entry, the entire frontmatter block is removed; where it was combined with expComponentBadge, only the newComponentBadge token is removed.
Also drop the now-unused ListItemAccessibleRole import in ListBoxItemGroupTemplate.tsx (left over from the string-literal switch in the previous commit).
- fix(ui5-li-notification-base): restore @customElement decorator
Revert the @customElement({}) removal from de7a850a5 — even though the class is abstract and never instantiated directly, the decorator registers metadata that subclasses (NotificationListItem, NotificationListGroupItem) inherit via the framework. Removing it broke that inheritance chain.
- test: read source from event.target on tab/notification click
Update the Tab and NotificationListItem semantic-click-event tests to read the source element from event.target instead of event.detail.tab / event.detail.item, which were removed earlier in this PR.
-
ui5-slider, ui5-range-slider: The tickmarks property no longer causes the slider to snap exclusively to defined values. Users must set min/max/step explicitly alongside tickmarks.
-
chore(ui5-slider): add design review test page for custom tickmarks
Interactive page with 6 open design questions for review:
- Tooltip text for in-between values
- Magnetic snap behavior
- Keyboard Ctrl+Arrow jump targets
- Minor ticks between labeled tickmarks
- Label density/overflow handling
- Range slider in-range label emphasis
- feat(ui5-slider, ui5-range-slider): hide tooltip between custom tickmarks
When custom tickmarks are defined, only show the tooltip at exact tickmark values. Between tickmarks the tooltip is hidden entirely instead of showing the raw numeric value.
Default behavior (no custom tickmarks) is unchanged. RangeSlider tooltips are evaluated independently per handle.
- chore(ui5-slider): remove design review test page for custom tickmarks
The interactive design-review page is no longer needed now that the remaining behavior question (tooltip for in-between values) is resolved.
- feat(ui5-slider, ui5-range-slider): fix issues found
Features 1, Fixes 6
Notes
Bug Fixes
- framework: prevent language-aware components from rendering before CLDR data loads (#13602) (441672b)
- ui5-calendar: set timestamp of daypicker on mousedown (#13527) (b2dd700)
- ui5-checkbox: align horizon checkbox hover states with selector tokens (#13598) (170c278)
- ui5-color-picker: keep pointer aligned at any root font-size (#13563) (dd7c3ba), closes #13521
- ui5-expandable-text: scroll toggle link into view on expansion (#13524) (71b8586), closes #13258
- ui5-tokenizer: allow copy/cut of focused token when not selected (#13452) (240ba03)
Features
Features 2
Features 2, Fixes 3, Other 1
Notes
Bug Fixes
- ui5-date-picker: performance of selecting is improved when there are min and max date. (#13550) (d256801)
- ui5-multi-combobox: fix token deletion when click event is lost due to re-render (#13530) (c1abfb0)
- ui5-tabcontainer: guard against null overflow elements (#13565) (7d591c2), closes #13532
Features
- ui5-icon: add fontIcon slot for font-based icon libraries (#13569) (3cbeac5)
- ui5-panel: expose header-wrapper part (#13571) (33f90b9), closes #13392
Reverts
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Features 5, Fixes 4
Notes
Bug Fixes
- ui5-card: remove max-height constraint from subtitle to prevent text clipping for tall-character languages (#13413) (1bfa9ee), closes #13379
- ui5-date-range-picker: remove relative date handling (#13365) (5694559)
- ui5-date-range-picker: stabilize tests (#13432) (6d2f572)
- ui5-select: fix active state of select when opened (#13407) (58f2f58)
Features
- ui5-color-palette-item: introduce semantic click (#13409) (6055d6c)
- ui5-input: announce expanded/collapsed state for suggestions (#13431) (9c0d1c3)
- ui5-input: show associated label as mobile dialog header title (#13412) (a904c5e)
- ui5-segmented-button-item: introduce semantic click event (#13396) (f47c28e)
- ui5-textarea: implement composition handling (#13422) (fec44d7)
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-avatar-badge: handle delayed icon collection loading (#13405) (e4fba6a), closes #13401
- ui5-combobox: set selectedValue correctly on change (#13426) (fe51b7d)
- ui5-input: enhance documentation (#13424) (eae39b1)
- ui5-multi-combobox: clear value state error on item selection (#13404) (d40fff6), closes #13385
- ui5-select: correct focus styling for read-only state (#13400) (4ac0d74), closes #13309
- ui5-step-input: adjust z-index and fix focus issues (#13391) (df9a5da), closes #7709
Features
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-carousel: prevent negative values in visibleItemsIndices (#13371) (34c5537), closes #13289
- ui5-datetime-picker: prevent first keystroke from resetting caret position (#13369) (b8bc822)
- ui5-dialog: fix unwanted animation when opening with large content (#13121) (56f8f24)
- ui5-slider: remove disabled attribute from handle (#13372) (f35ce97)
- ui5-textarea: set textarea wrapper padding in base theme file (#13345) (3fb9b5c)
Features
Features 1, Fixes 2
Notes
Features 1, Fixes 3
Features 1
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-busy-indicator: add correct color for HCB and HCW theme (#13284) (e8c0b9b), closes #13147
- ui5-button: add label to accessibilityInfo (#13279) (476d568), closes #13216
- ui5-calendar: adapt font to VD specs for secondary calendar types (#13257) (3a56e61)
- ui5-multi-input, ui5-combobox: focus input on VH icon press (#13243) (2dcc920)
- ui5-popover: close the popover once it is out of the viewport (#13200) (35a0b57)
- ui5-toolbar: fix spacers with flexible width (#13274) (fb3a1ca)
Features
Features 1, Fixes 21
Notes
Bug Fixes
- ui5-breadcrumbs: use correct color token for separator and current location (#13199) (979f966)
- ui5-busy-indicator: add correct color for HCB and HCW theme (#13180) (87f4fe9), closes #13147
- ui5-button: update aria-label when accessibleNameRef target changes (#13104) (2e5a81c), closes #13101
- ui5-calendar: correct focus indicator color in calendar header and day picker (#13094) (c26ee88)
- ui5-calendar: make header text accessible (#13254) (07414b1)
- ui5-carousel: fix navigateTo method (#13189) (73fe253)
- ui5-color-palette: add outline to selected items on mobile (#13095) (f4bb986)
- ui5-color-palette: correct tooltip for recent colors (#13096) (7a2e0e6)
- ui5-date-picker: correct mobile dialog header styling and text (#13100) (6c752a0)
- ui5-dialog: prevent native drag behavior only for header (#13177) (828b4c6)
- ui5-dialog: remove ui5-bar's padding when slotted as header or footer (#13201) (5ac39e7)
- ui5-icon: enable activation via screen reader virtual cursor (#13156) (b2e6658), closes #11454
- ui5-input: correct value when leaving suggestions (#13218) (5027745)
- ui5-input: preserve case when input is used with suggestions (#13137) (323f40d)
- ui5-menu: improve accessibility for end content and loading state (#13099) (bece95c)
- ui5-multi-input: expand tokenizer on focus in (#13191) (cd993af), closes #13179
- ui5-multiinput: correct backspace behavior in case of value (#13219) (08a53cb)
- ui5-step-input: value with group separator is parsed correctly (46a15b3)
- ui5-switch: prevent duplicate accessibility announcements (#13098) (9487f22)
- ui5-time-picker: apply AM/PM selection on Enter key (#13097) (a4710b3)
- ui5-tokenizer: correct focus behavior on backspace (#13221) (48692b5)
Features
- ui5-time-picker: display-value and value-format properties are introduced (f82f678)
Features 4, Fixes 4
Notes
Bug Fixes
- ui5-combobox: enable case insensitive selection (#13172) (b0a425e)
- ui5-link: open new page in correct tab (#13120) (8eeef94), closes #13116
- ui5-rating-indicator: update custom icon properties names and default values (#13151) (4180a6a)
- ui5-toolbar: correct flex behavior for ToolbarSpacer (#13164) (c4d409b)
Features
- ui5-date-picker, ui5-daterange-picket, ui5-datetime-picker: introduce show-clear-icon property (89ccfb8)
- ui5-list: added default ARIA role description (#13135) (d2de428)
- ui5-multi-combobox: introduce selectedValues property (#12987) (bbe792b)
- ui5-toolbar-item: introduce overflowed CSS custom state (#13157) (33dda9e)
Features 1, Fixes 5
Notes
Bug Fixes
- DnD: fix drag and drop in iOS Safari browser (#13129) (849215f)
- ui5-avatar-group: aligned with the latest design spec (#13113) (629a58e)
- ui5-form-item: fix label-content alignment (#13119) (bf2b707), closes #13118
- ui5-progress-indicator: apply rounded corners for Horizon themes (#13126) (6182c67), closes #13112
- ui5-tokenizer: modernize Copy/Cut command (#13103) (2d9fcff)
Features
Features 5, Fixes 5
Notes
Bug Fixes
- ui5-avatar-group: use getSlottedNodes for transitive slot support (#13049) (1d17d50)
- ui5-bar: allow hiding slots (#13051) (f9fe667), closes #13036
- ui5-date-picker: move cancel button to footer (#13053) (90d24f0)
- ui5-multi-input: include 'select-all' icon in the template (#13024) (a46ae2f), closes #13022
- ui5-step-input, ui5-switch: support label 'for' attribute in aria-label (#13057) (1ea6d5e), closes #10710
Features
- ui5-color-palette:* resolve landmark uniqueness and missing dialog label (#12967) (34df574)
- ui5-color-picker: add
accessibleNameproperty for unique landmarks (#12968) (3e10f22) - ui5-li-custom: improve accessibility announcements (#12696) (f6e6981)
- ui5-rating-indicator: custom rating icon implemantation (#12985) (874db06)
- ui5-tokenizer: align mobile popover title with spec (#12979) (e305108)
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 19
Notes
Bug Fixes
- input like: correct form submission behaviour (#12959) (cd02ead)
- ui5-button, ui5-toggle-button, ui5-segmented-button, ui5-switch: аction is canceled using the shift key (f2d95f8), closes #12334
- ui5-calendar: add visible text content to week number column header (#12975) (8f6dbea)
- ui5-carousel: navigateTo method no longer moves the focus (#12920) (b082fcf)
- ui5-combobox: focus the only item on Arrow Down (#13007) (740aee5), closes #12937
- ui5-date-range: remove commented code (#12978) (050b2a3)
- ui5-date:* remove
aria-pressedfrom time selection clocks (#12964) (50fc153) - ui5-dialog: attach events only when the dialog is open (#12929) (7bdeff7)
- ui5-dynamic-date-range: add
accessibleNameto the ResponsivePopover (#12965) (a674966) - ui5-file-uploader: fix value help icon as per specification (#12952) (4927815), closes #12947
- ui5-list: prevent empty
aria-descriptionattribute (#12966) (d0076ce) - ui5-multi-combobox: correct filtering when input doesn't match typeahead (#12981) (212a3d1)
- ui5-multi-combobox: stabilize tests (#12986) (68aa607)
- ui5-slider: align slider to the spec (#12802) (e3b27c2)
- ui5-split-button: resolve nested interactive elements and invalid aria references (#12977) (fcb8453)
- ui5-step-input: format value with new locale symbols when language is changed (3e4c9f2), closes #12334
- ui5-table: fix table on Horizon HCW (#12997) (f417247), closes #12933
- ui5-token: remove hover state styles on readonly token (#12953) (b5b895a)
- ui5-toolbar: handle non-ToolbarItem children in width calculation (#12923) (cac2825), closes #12855
Features
Features 3, Fixes 6
Notes
Bug Fixes
- ui5-menu: center busy state animation (#12906) (26e3de7), closes #12887
- ui5-multi-input: selected item is announced correctly (#12321) (fc2c651)
- ui5-segmented-button-item: title on disabled items is shown (96c7b5e)
- ui5-table: improve horizontal alignment handling (#12901) (63750d4), closes #11858 #12155 #12854
- ui5-timeline, ui5-view-settings-dialog: correct parameters definition (#12915) (f06d066)
- ui5-tree-item: increase toggle icon target size (#12916) (45cbae1), closes #12850
Features
Features 3, Fixes 7
Notes
Bug Fixes
- ui5-button: align end icon padding (#12908)v (1ce986e), closes #12803
- ui5-calendar: use timestamp as initially focused date (#12894) (d9e10a3), closes #12837
- ui5-datetime-picker: use value-format for building the hours part (#12899) (ec7b72e), closes #12832
- ui5-form: group elements ordering (#12890) (b50425a)
- ui5-link: remove length check from tabindex calculation (#12870) (e2f530c)
- ui5-menu-item: use correct font size (#12896) (9b3c752), closes #12403
- ui5-menu: adapt mobile menu to latest visual design (#12879) (d3d85f6)
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 3, Fixes 1
Notes
Bug Fixes
Features
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-*: improve
vertical alignmentof inline web comps (#12718) (dda0591) - ui5-breadcrumbs: remove role='link' from current page element (#12797) (878d8a3), closes #12780
- ui5-panel: toggle on ENTER keydown (#12794) (ce1bd8f)
- ui5-slider: rework tooltips states (#12725) (7f94de3), closes #12553
- ui5-toolbar-select: sync programmatic selection (#12790) (fc063f0), closes #12619
Features
- ui5-*: improve
Features 2, Fixes 7
Notes
Bug Fixes
- ui5-button: fix end-icon margin (#12777) (4a52be6), closes #12710
- ui5-button: set "type" property in accessibilityInfo with correct value. (#12759) (337d97b), closes #12750
- ui5-date-time-picker: correct initial focus on small screens (#12752) (1884137)
- ui5-datetime-picker: show header on mobile mode (#12746) (7bdad89), closes #12724
- ui5-popover: render block layers in the correct order (#12659) (43e545a)
- ui5-step-input: prevent false validation error with valuePrecision (#12778) (08f8e35)
- ui5-time-picker: show header on mobile (#12768) (8447e0d), closes #12695
Features
Features 4, Fixes 5
Notes
Bug Fixes
- tools: dependencies usage (#12716) (89bb0dd)
- ui5-checkbox: fix accessibilityInfo (#12686) (4c63fdc)
- ui5-input: prevent double opening of VSM (#12715) (ff6d49b)
- ui5-tab-container: allow selection indicator on text-only tabs to overlap bottom border (#12584) (ddec84c)
- ui5-toolbar-select: add invalidateOnChildChange (#12676) (23a2df8), closes #12619
Features
Features 4, Fixes 3
Notes
Bug Fixes
- ui5-calendar: use global configuration for first day of week (#12665) (4e18756), closes #12426
- ui5-table: accessibility improvements implemented (#12684) (94bae79), closes #12630 #12657 #11946 #12630 #12657 #11946
- ui5-time-picker: add tooltip to icon in input (#12671) (538deb0), closes #12616
Features
Features 2, Fixes 5
Notes
Bug Fixes
- ui5-color-palette-popover: skip test (#12690) (5347f7d)
- ui5-color-palette-popover: skip test (#12693) (3582597)
- ui5-date-picker: add correct tooltip when picker is opened (#12669) (6598cdc), closes #12616
- ui5-date-picker: add input CSS part for styling (#12559) (cacdba0)
- ui5-input: align input margin to spec (#12660) (e912c0b)
Features
Fixes 1
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Features 6, Fixes 10
Notes
Bug Fixes
- ui5-button: remove reference to last clicked button (#12370) (d9bbac7), closes #11865
- ui5-carousel: add aria-label to the list element (#12587) (fa59293)
- ui5-color-palette-item: remove inline styles (#12558) (6aed82d), closes #12550
- ui5-color-palette: enhance HOME/END navigation from any row position (#12504) (9f8d565)
- ui5-date-picker: apply value format in event detail (#12615) (74aa404), closes #12580
- ui5-dynamic-date-range: skip test (#12602) (0d36c6a), closes #12601
- ui5-popover: header shadow is restored in high contrast themes (#12566) (341b467), closes #12530
- ui5-segmented-button: correct active/down state background (#12497) (6faee2d)
- ui5-switch: prevent toggle when Space is pressed with Shift or Escape (e50d4c7)
- ui5-toggle-button: align active state styling with hover state when pressed (#12486) (ca81343)
Features
- ui5-ai-input: introduce new component (#12407) (6344333)
- ui5-checkbox: implement accessibilityInfo getter (#12527) (d9b42bc)
- ui5-form, ui5-form-group: add accessibleNameRef (#12595) (dbfe7c5)
- ui5-form: enhance a11y using description list (#12365) (28994f1)
- ui5-segmented-button: replace the enum property contentMode with boolean one (0a71381)
- ui5-select: adds new prop textSeparator (086a92a)
Features 4, Fixes 8
Notes
Bug Fixes
- ui5-button: move button type text from aria-label to aria-description (#12474) (b444706), closes #12413
- ui5-calendar: remove auto-focus logic from onAfterRendering() hook (#12465) (12f391f)
- ui5-calendar: skip failing test (#12522) (185ea04)
- ui5-combobox: announce ComboBox selected item properly (#12300) (2e77d3f)
- ui5-multi-combobox: fix long token deletion (#12514) (38a5049), closes #12423
- ui5-multi-input: fire change event on enter (#12516) (8664743)
- ui5-step-input: make popover specs fit content (#12520) (9910739), closes #10246
- ui5-time-picker: Add interactive mode for the icon on mobile devices (#12500) (a52e4c1)
Features
- ui5-dynamic-date-range: implement date time from to options (#12312) (f0bdc9a)
- ui5-dynamic-date-range: introduce From/To (Date & Time) option (#12341) (fd0d36f), closes #12182
- ui5-form-group: introduce accessibleName property (#12496) (3bbfe93)
- ui5-table: alternateRowColors property added (#12468) (588fbbf), closes #11597 #11143 #11597 #11143
Features 3, Fixes 14
Notes
Bug Fixes
- apply @custom-elements-manifest/analyzer patch (#12441) (a9ec6e2)
- ui5-bar: truncate long content in startContent slot (8482891)
- ui5-button: prioritize accessibleName over button text in aria-label (#12473) (68e6a3e), closes #12398
- ui5-date-picker: adjust value state message text (#12245) (8d32312), closes #11803
- ui5-date-picker: open picker on correct view based on valueFormat/formatPattern (#12436) (b55b301)
- ui5-datetime-picker: restore last valid value (#12202) (2e2f882)
- ui5-dynamic-date-range: focus last selected option, upon navigate back (#12233) (e99d266)
- ui5-input: prevent change firing when canceling on mobile (#12420) (d9470dc), closes #9453
- ui5-list: add missing accessible description for growing button (#12463) (8cfdbf9), closes #12443
- ui5-raiting-indicator: visual spec alignment (#12488) (9256d97)
- ui5-shellbar: adjust sizes-parameters for shellbar (#12462) (79adbee)
- ui5-side-navigation: add parent item to submenu and enhance ACC (#12457) (69a2413)
- ui5-split-button: handle space on keyup properly (e338e1c)
- ui5-tab-container: improve overflow behavior test (#12422) (cfef814), closes #12344
Features
- ui5-carousel: improve keyboard handling and update accessibility attributes (#12256) (a4ec76e), closes #11429 #11515 #11634 #11873 #11429
- ui5-segmented-button: add api which controls items width behavior (616c716)
- ui5-textarea: support accessible description and description ref (#12470) (c6c23d1), closes #12004
Features 2, Fixes 4
Notes
Bug Fixes
- OpenUI5Support: fix closing popups with escape key (#12278) (f54e8af)
- ui5-list-item: change highlight state color variables (#12427) (485aab5), closes #12332
- ui5-slider, ui5-range-slider: persist tooltip visible on hover (#12383) (0eb6258), closes #12329
- ui5-table: invalidate header row when rows count changes (#12439) (65b5507), closes #12161 #11996
Features
Fixes 3
Notes
Note: Version bump only for package @ui5/webcomponents
Features 3, Fixes 13
Notes
Bug Fixes
- ui5-card: standardize border-radius variable usage and remove redundant definitions in sap_horizon themes (#12323) (bc25e9f)
- ui5-date-picker: use variable for popover width in compact density mode (#12305) (c410c3f), closes #12277
- ui5-dialog: fix dialog resizing in RTL mode when max-width is set (#12304) (e7a538a)
- ui5-dialog: fix RTL Dialog resizing to keep right edge anchored (#12313) (e50d0b8), closes #12310
- ui5-dialog: overstyling of the header is now possible (#12252) (fbf1584), closes #12024
- ui5-segmented-button: correct aria-multiselectable and aria-orientation="horizontal" (#12270) (9864285), closes #12263
- ui5-select: allow popover to extend beyond select width (#12291) (4ad9725)
- ui5-select: announce header text on mobile (#11849) (972e6db)
- ui5-shellbar: ensure avatar click event is triggered correctly (#12055) (5bbb264), closes #11920
- ui5-tokenizer: scroll to end when adding tokens from suggestions (#12242) (f2cd8c4)
- ui5-toolbar: fix async toolbar tests (#12330) (ddd6cbd)
- ui5-toolbar: prevent flickering (#12285) (f7f98d6)
- ui5-toolbar: prevent flickering on item state changes (#12222) (669262b), closes #12209
Features
Fixes 6
Notes
Bug Fixes
- f6navigation: backward navigation in N level nesting (#12279) (2fb71a7), closes #12268
- ui5-calendar: improve accessibility announcements (#12262) (700c34e)
- ui5-list: growing with scroll improved (#12087) (8edc111), closes #1 #2
- ui5-multi-input: prevent form submission on enter (#12273) (31bdcd8), closes #12167
- ui5-tabcontainer: correct focus handling in overflow modes (#12259) (da27ed5), closes #12027
- ui5-textarea: adjust width in high contrast themes (#12267) (89e86ce), closes #12229
Fixes 12
Notes
Bug Fixes
- OpenUI5Support: improve focus handling for OpenUI5 and Web Component popups (#12230) (6937756)
- popups: remove popover focus styling after keyboard interaction (#12239) (2df7138), closes #12231
- ScrollbarStyles: introduce centralized scrollbar styling (#12207) (5481bb3)
- ui5-color-palette: adjust keyboard navigation (#12107) (53b1f26), closes #8744 #11439
- ui5-combobox: prevent whitespace below value state when no items are present (#12218) (546f0fb)
- ui5-file-uploader: adjust tokenizer collapse behaviour (#12250) (4bc8ba7)
- ui5-form-item: update host element display (#12208) (bd9299e), closes #12201
- ui5-input: emit change when suggestion is clicked (#12206) (50bb5e6)
- ui5-input: fire submit only if single input in a form (#12244) (0944107), closes #12221
- ui5-responsive-popover: fix open/close state, when initially open (#12236) (5b269ed), closes #12225
- ui5-segmented-button: fix hover+active segmented button item background (#12234) (abf5555)
- ui5-segmented-button: hidden items do not take space (#12210) (e5fff1c)
Features 1, Fixes 3
Fixes 2
Fixes 4
Notes
Features 3, Fixes 6
Notes
Bug Fixes
- ui5-checkbox: fix focus spacing (#12100) (a8e8dd1)
- ui5-message-strip: align message strip announcements with latest figma (#12135) (176a02a)
- ui5-search: improve arrow navigation with grouping (#12083) (c428f77)
- ui5-select: prevent crash on ArrowUp/Down when value matches no option (#12094) (c15bcc9), closes #12093
- ui5-textarea: correct row behavior in MS Edge (#12136) (b3abf2d)
- ui5-textarea: escape interaction can now be prevented (#12122) (e548778)
Features
- framework: adds
unsafeRegisterIconbase method for custom SVG icons (#12145) (3b67132), closes #clip0_2221_23716 - ui5-calendar: expose shadow parts for YearRangePicker and CalendarHeader arrows (#12114) (ada0d1a), closes #0070f2 #0070f2 #e5e5e5
- ui5-select: add accessibleDescription and accessibleDescriptionRef (#12081) (7152726), closes #12004
Features 4, Fixes 1
Notes
Bug Fixes
Features
Features 5, Fixes 9
Notes
Bug Fixes
- ui5-combobox: fire selection-change event on item selection (#12036) (a1e763d), closes #12003 #10239
- ui5-combobox: handle scrolling to selected item on popover open (#11938) (fecbc81)
- ui5-file-uploader: adjust tokenizer expand/collapse behaviour (#11985) (5e2c0fd)
- ui5-file-uploader: react on focus out only when needed (#11989) (4fe4f5a)
- ui5-popover: allow f6 navigation (#12001) (1cc86a5)
- ui5-tabconatiner: removed wrong font-weight (#12002) (c4a416b)
- ui5-table: aria relevant attributes are set (#12013) (1695eee), closes #11639
- ui5-toolbar: disable click events on disabled buttons (#11847) (6c716bc)
- ui5-toolbar: fix console warning in Toolbar (#11692) (fec01bd)
Features
- DragRegistry: support for multiple drag (#11780) (0c7025f)
- ui5-ai-button: add customizable accessibility attributes to AI Button and SplitButton (#11929) (30777dc)
- ui5-button: Add BusyIndicator (acd6b6e)
- ui5-menu, ui5-timeline, ui5-calendar-legend, ui5-color-palette: add getFocusDomRef (#11997) (a9b3c69), closes #11490
- ui5-shellbar-search: auto-open property introduced (#11961) (702150b)
Features 5, Fixes 10
Notes
Bug Fixes
- OpenUI5Support: fix sap.m.Select inside a ui5-dialog (#11939) (a02011f)
- ui5-avatar-group: disable pointer events on overflow button in Group Mode (#11935) (1c3c4f4), closes #11866
- ui5-checkbox: make acc configurable (#11773) (30fdb8e)
- ui5-file-uploader: adjust high contrast themes styles (#11927) (7c0942b)
- ui5-input: update typedInValue upon clear (#11882) (8bcf85f), closes #11836
- ui5-table: register capture individually for selection (#11899) (534e64c)
- ui5-table: remove the fill-availble style (#11963) (d32842c), closes #11960 #11205 #11412
- ui5-token: align delete icon tooltip with latest spec (#11887) (4e1b019), closes #11588
- ui5-toolbar-button: add css for ui5-toolbar-button for left alignment (#11913) (#11914) (da7615a)
- ui5-toolbar: fix overflow layout processing in dialogs (#11894) (e249cf6), closes #11771
Features
- icons-tnt: update to v3.8 and 2.13 (#11977) (2ab58df)
- ui5-checkbox: support associated labels with 'for' attribute (#11925) (7a8e541), closes #10710
- ui5-list: add growing-button-accessible-name for More button (#11603) (1101b09), closes #10671 #10907
- ui5-menu: improve accessibility (#11846) (88b6eac), closes #11594
- ui5-select: support associated labels with 'for' attribute (#11926) (ef0441e), closes #10710
Features 2, Fixes 7
Notes
Bug Fixes
- ui5-button: adjust button badge z-index (#11930) (9b6b625)
- ui5-dynamic-date-range: skip test (#11924) (71f5ab3), closes #11923
- ui5-li: move default slot documentation from class to property level (#11898) (95e00fd), closes #11825
- ui5-multi-combobox: fix failing cypress test-fix (#11916) (64c0f1b)
- ui5-multi-combobox: stabilize cypress tests (#11901) (b284112)
- ui5-split-button: adjust labelledby reference (#11867) (2b95c0c), closes #11893
- ui5-tokenizer: sync popover list items with token text changes (#11854) (1c38b60)
Features
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-date-picker, ui5-calendar: use correct year format (#11712) (aa99f55)
- ui5-datetime-picker: show time picker after date selection (#11548) (b80b469), closes #11378
- ui5-list: prevent toggle event bubbling from non-list items (#11843) (7c77980), closes #11812
- ui5-multi-combobox: fix RTL arrow navigation to and from the tokens (#11857) (a38752a), closes #11826
- ui5-slider: improve labels structure and placement (#11848) (69627b4)
Features
Features 1, Fixes 2
Features 4, Fixes 3
Notes
Bug Fixes
- popups: fix finding initial focus when Tokenizer is placed (#11761) (26de583)
- ui5-button-badge: fix vertical align (#11763) (b89c557), closes #11616
- ui5-cb-item: adjust height in compact (#11569) (beab734), closes #10349
Features
- ui5-menu: menu item groups with checkable menu items (#10028) (161af0f)
- ui5-menu: аdd aria-expanded attribute to menuItem with submenu (#11754) (1fdce6a)
- ui5-switch: add value for form (#11753) (53b004f), closes #11608
- ui5-table-selection-multi: headerSelector property added (#11711) (6082798), closes #5873 #5873 #5873 #5873
Features 1, Fixes 10
Notes
Bug Fixes
- ui5-avatar: add dynamic image error handling with fallback logic (#11642) (cbf0dfe), closes #11140
- ui5-busy-indicator: make text and circles determine indicator dimensions when there is no content (#11223) (10c0cfd)
- ui5-button, ui5-toggle-button: fire event with correct type (#11563) (4414126)
- ui5-button: prevents native behavior when click prevented (#11678) (b8ac221)
- ui5-checkbox: correct spacing between checkbox and label in compact (#11671) (a879720), closes #11664
- ui5-checkbox: correct the height of the checkbox in compact (#11681) (e9a1fa2), closes #11674
- ui5-responsive-popover: use parameter for inner input font-style (#11640) (f32bf1d), closes #11628
- ui5-select: fix icon vertical alignment (#11672) (5327814), closes #11584
- ui5-slider: implement tooltips with Popover API (#10994) (5d8b44e)
- ui5-tokenizer: fix token selection on mobile (#11667) (55efab8)
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 5
Notes
Bug Fixes
- ui5-avatar-group: focus outline visible in overflow:hidden (#11535) (95e81ab), closes #10551
- ui5-combobox/tokenizer/wizard/input: extract button texts to vars (#11549) (c8daa25)
- ui5-date-picker: align width to vd specs (#11602) (e497d6f), closes #11561
- ui5-dynamic-date-range: remove redundant property (#11620) (6aff749)
- ui5-popover: don't close popover when click on opener iframe (#11517) (ce89e8e)
Features
Features 3, Fixes 5
Notes
Bug Fixes
- ui5-avatar: apply optional border for avatars with image (#11568) (12cf1f6), closes #11437
- ui5-breadcrumbs: aligned with acc spec (#11572) (2a20f70), closes #11541
- ui5-checkbox: fixed required asterisk alignment (#11576) (03ecc0b), closes #11547
- ui5-tabcontainer: Handle tab not having a parent element (#11544) (d7e69bb), closes #11543
- ui5-toolbar: close overflow in noConflict mode (#11524) (47bed95)
Features
Fixes 6
Notes
Bug Fixes
- popups: fix header styles according to the specification (#11513) (6fbd0e2)
- ui5-avatar: disable click on disabled interactive (#11527) (de188c2)
- ui5-color-palette: show tooltip on focused hovered items (#11519) (d6ee5ea)
- ui5-li-custom: correct padding for ListItemCustom (#11487) (93066c6)
- ui5-list: adjust observer to handle sticky headers (#11526) (e46b867), closes #11242 #11461
- ui5-split-button: fire click event when focused with shift + tab (#11197) (aac7449)
Features 5, Fixes 5
Notes
Bug Fixes
- f6navigation: delegate fast navigation to openui5 (#11505) (b23ee41), closes #10462
- ui5-button: announce accessible name (#11396) (8c30f2a), closes #11350
- ui5-slider, ui5-range-slider: correct f2 announcement (#11476) (850fa42)
- ui5-textarea: remove symbols encoding when growing (#11305) (642101e), closes #9868
- ui5-textarea: remove z-index from focused textarea wrapper (#11408) (606abbe)
Features
- f6navigation: add option to bypass groups (#11494) (7039c24)
- ui5-bar: allow role change (#11134) (db49d09), closes #10990
- ui5-color-palette-item: add aria-pressed when being selected (#11472) (cb1de2b)
- ui5-list: focus() now focuses item (#11486) (025ec46)
- ui5-slider/ui5-range-slider: enable for attribute support (#11469) (2b219f3)
Features 1, Fixes 2
Features 1, Fixes 4
Notes
Bug Fixes
- ui5-calendar-legend: align selected item representation to new VD spec (#11391) (5594420)
- ui5-checkbox: improved required state placement and asterisks behaviour (#11326) (a35c2b6), closes #10864
- ui5-menu-item: remove redundant screen reader announcements (#11415) (2c21662), closes #11380 #11405
- ui5-panel: adjust header button width to the new specifications (#11410) (43553df)
Features
Fixes 9
Notes
Bug Fixes
- ui5-breadcrumbs: dropdown arrow focused color fixed (#11362) (d07b089)
- ui5-button: adjust tooltips display (#11268) (9f0d907), closes #10824
- ui5-button: announce aria description (#11264) (f8e77cb), closes #10899
- ui5-input: correct failing test (#11388) (ba4da91)
- ui5-popover: fix arrow positioning (#11275) (858a870)
- ui5-table-growing: prevent focus while scroll to grow (#11358) (002f64f)
- ui5-table-growing: remember correct last row with Enter (#11361) (297da60)
- ui5-table: fixes noData slot issue (#11397) (1dda953)
- ui5-tree: add event validation to selection handler (#11364) (551ef30), closes #11352
Features 3, Fixes 4
Notes
Bug Fixes
- ui5-busy-indicator: update busy area opacity (#11237) (637cdd0), closes #11224
- ui5-form: propagate
itemSpacingproperly (#11312) (32b4fb2), closes #11307 - ui5-input: selection-change is now fired when item is reselected (#11301) (1d11709)
- ui5-table: stops the propagation of overflow button (#11270) (f43b8dc), closes #11159
Features
Features 1
Fixes 4
Features 1, Fixes 7
Notes
Bug Fixes
- framework: fix fetching "id" (indonesian) language (#11251) (9a36df5), closes #11233
- ui5-avatar-group: correct automatic colorScheme (#11181) (be8925d), closes #11113
- ui5-calendar: fix month timestamp calculations (#11226) (99ce641), closes #11222
- ui5-calendar: remove auto focus of current day on initial render (#11213) (e57ab28), closes #10728
- ui5-date-picker: display value state message in the value help (#10919) (87eaa35)
- ui5-input: change event firing after clear icon click (#11147) (a02d941)
- ui5-select: add listbox role to meet ARIA parent-child requirements (#11156) (dcb4edc), closes #11151 #11152
Features
Fixes 7
Notes
Bug Fixes
- framework: .d.ts errors that require skipLibCheck (#11189) (92f0e68)
- ui5-bar: remove responsive paddings (#11105) (e2024b1), closes #10012
- ui5-breadcrumbs: show all items in popover on mobile (#11138) (4d75b7d), closes #9697
- ui5-date-*: make tests stable (#11191) (b1d9311), closes #11188
- ui5-input: remove additional icon in Edge (#11114) (9d2dfb1)
- ui5-popover: fix popover flickering (#10955) (712aae4)
- ui5-tree: noDataText is now properly rendered (#11095) (e1c152c), closes #11073
Features 4, Fixes 10
Notes
Bug Fixes
- ui5-carousel: fix typo mistake (#11107) (e23f746), closes #11032
- ui5-combobox: properly navigate with arrow down keys (#11097) (967ef56), closes #11029
- ui5-input: fire input event on escape key (#11079) (8b85288), closes #11021
- ui5-li: announce active state (#11064) (b6b70a9)
- ui5-list-item-group-header: typo fixed (#11100) (e8af105)
- ui5-menu-item: remove dot from class (#11119) (66bedb4), closes #11043
- ui5-menu: fix menu item type fix (#11129) (3e68c57), closes #10933
- ui5-multi-combobox: fix deletion of long tokens (#11080) (5c6d746), closes #10977
- ui5-multiinput: correct failing test (#11111) (b30330d)
- ui5-tag: fix click event (#11102) (3eec3bb), closes #11096
Features
Features 1, Fixes 11
Notes
Bug Fixes
- ui5-avatar-group: fixed focus outline (#11023) (138a3db), closes #10963
- ui5-carousel: update roles to match ACC specification (#11032) (1594186), closes #10198 #8624
- ui5-combobox: prevent 'change' event from being fired if the value is set programmatically (#11048) (8643afe), closes #10959
- ui5-icon: revert default mode to decorative (#10969) (0662fc2), closes #10835
- ui5-input: add tabindex for icon slot (#10975) (427307a)
- ui5-list: ensure no data text wraps instead of truncating (#10934) (6c2324e), closes #10346
- ui5-list: prevent load-more event fire without scroll (#10973) (65cc905)
- ui5-slider: fire 'change' event on keyup (#10803) (078d44c), closes #10770
- ui5-switch: remove delegate focus of switch (#10798) (6202cbd), closes #10588
- ui5-tabcontainer: allow browser refresh shortcut to work (#11035) (a4a0f02)
- ui5-toolbar-button: add hidden property (#10915) (8ad378d), closes #10585
Features
Features 2, Fixes 5
Notes
Bug Fixes
- ui5-avatar-group: fixed unnecessary rendering of overflow button (#10979) (97ccd05), closes #10948
- ui5-popover: ensure that popover is closed when mousedown propagation is stopped (#10953) (dbd3ab7)
- ui5-switch: reduce touch area according to VD spec (#10954) (8cba1cf)
- ui5-token: align selected token height with non selected (#10868) (16af941), closes #10444
- ui5-toolbar: prevent default dialog announcement (#10971) (edd54da), closes #10324
Features
Features 4, Fixes 8
Notes
Bug Fixes
- ui5-input: call change before submit event (#10613) (3c3d641), closes #10534
- ui5-list: improved acc description when groups are available (#10561) (a7a981c)
- ui5-menu: prevent global line-height inheritance (#10916) (f6682b2)
- ui5-notification-list: improve keyboard accessibility for the "More" button (#10822) (b659fe2)
- ui5-popover, ui5-dialog: fix finding keyboard focusable scroll containers (#10891) (ed26b90)
- ui5-popover, ui5-dialog: fix preventDefault for before-open and before-close events (#10883) (e32e7ba)
- ui5-text: provide more optimal truncation for single line text (#10794) (7e7b8ad)
- ui5-tokenizer: fix overflow mechanism (#10901) (febd3f9)
Features
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-avatar: fix acc-name announcement (#10854) (cb37653), closes #10461
- ui5-checkbox: ensure consistent focus behavior (#10639) (a73c8d8)
- ui5-list: add correct focus style and accessibility roles for no-data item (#10503) (9a0bc7c), closes #10436
- ui5-popover: don't close the popover if the opener is clicked (#10780) (bc9eb08)
- ui5-popover: popover is opened from header slot (#10856) (c224672), closes #10544
- ui5-tag: fix tag alignment (#10852) (ae629dc), closes #10810
Features
Fixes 8
Notes
Bug Fixes
- ui5-calendar: add tooltips to special dates (#10335) (b5b5a73)
- ui5-calendar: using the correct parameter for UTC when formatting a date (#10713) (9ae1f63)
- ui5-file-uploder: match focus correctly with screen readers (#10700) (a10b91d)
- ui5-menu-item: align arrow indication color (#10695) (bd898c0)
- ui5-message-strip: close event bubbling (#10690) (6bbc4c5)
- ui5-select: improved custom value state click behavior (#10738) (f314e4f), closes #10661
- ui5-side-navigation: apply aria-haspopup to items in overflow (#10686) (9550875)
- ui5-tokenizer: fix token-delete event details (#10630) (c1206ae), closes #10612
Features 7, Fixes 8
Notes
Bug Fixes
- f6navigation: fast navigation in certain container only (#10485) (4b2ab63)
- ui5-button-badge: align template (#10705) (cacdf54)
- ui5-multi-combobox: fix valueState background set while typing (#10586) (06243e4), closes #10454
- ui5-rating-indicator: allow tab next/prev when readonly (#10584) (ad01c1a), closes #10580
- ui5-select: custom value state message is now visible (#10647) (f5d1a8f), closes #10323
- ui5-switch: apply focus only on root element click (#10588) (6ff93c5)
- ui5-table: fix selector column width (#10640) (cdcb599)
- ui5-timepicker: adapt new private component with internal logic (#10684) (d0a45ab)
Features
- ui5-button: add badge to ui5-button (#10642) (1e693fd)
- ui5-button: introduce CSS Shadow parts (#10628) (cda7d8b), closes #10611
- ui5-colorpicker: adjust visual design (#10495) (600ab25)
- ui5-menu: Enhance keyboard navigation (#10243) (34d604d)
- ui5-split-button, etc: introduce new parameters (#10680) (af32326)
- ui5-time-picker: Improve component based on user testing (#10577) (e687547)
- update sap/icons to v5.11.1 & 4.23 (#10692) (4545ef7)
Features 3, Fixes 6
Notes
Bug Fixes
- popup: applying focus twice (#10556) (27721a9)
- ui5-card: fix accessibiity role position (#10437) (c9d7f3f)
- ui5-tab: semantic icon is properly aligned in high contrast themes (#10467) (e263974), closes #10455
- ui5-time-picker: display value state message in popover headers (#10582) (df57f06)
- ui5-toolbar: correct event handlers attachment (#10546) (f6d6c67)
- ui5-tree: improve keydown handling in content slot (#10520) (1e01523), closes #10474
Features
Features 3, Fixes 7
Notes
Bug Fixes
- ai button and color palette bring their own items (#10517) (11b9356)
- ui5-form: prevent content overflow (#10552) (819a453)
- ui5-label: adjust asterisk size (#10533) (44a245d), closes #10494
- ui5-popover: fix opener reference (#10507) (a38a28e)
- ui5-toast: fix template and remove additional text (#10559) (ad8f08f)
- ui5-toolbar: correct display of overflow button in hidden container (#10529) (3a2f8e3)
- ui5-toolbar: overflow behaviour (#10547) (8df4eb2)
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Fixes 4
Notes
Notes
Note: Version bump only for package @ui5/webcomponents
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-carousel: hideNavigationArrows property works on touch devices (#10397) (e655644)
- ui5-cb/mcb-item: handle setting malicious text (#10382) (9b4cd2b)
- ui5-file-uploader: use optional chain in onclick check (#10408) (8e100d4)
- ui5-multi-input: one token added on enter press (#10385) (54ee836)
- ui5-table: apply focus over whole row (#10407) (bbe7d57), closes #10286
- ui5-toolbar: hide overflow button when content fits (#10405) (4ac9428), closes #10376
Features
Features 5, Fixes 10
Notes
Bug Fixes
- ui5-breadcrumbs: accessible name of popover (#10319) (e53bd79), closes #10176
- ui5-calendar-legend: add accessibility semantics (#10333) (26af039), closes #10298
- ui5-color-picker: add tooltip to sliders (#10270) (06a5fdb), closes #10203
- ui5-combobox: add gap between text and additional-text (#10341) (373ecbc), closes #9450
- ui5-input: remove initial tabindex 0 from suggestions (#10304) (5871352), closes #9340
- ui5-menu-item: adjust cursor style (#10353) (410ba45), closes #10331 #10342
- ui5-popover: fix finding opener when popover is not in the DOM (#10338) (7c78317)
- ui5-table-row: add left and right borders (#10285) (1bf8ba6), closes #10188
- ui5-table: check for undefined in table type guard (#10343) (e41370f), closes #10340
- ui5-toast: implement popover api to ensure toast is top level element (#10178) (fb599d4)
Features
- framework: add JSX template support with TypeScript (#10046) (f42e7c1)
- ui5-expandable-text: add ExpandableText component (#10220) (7667585)
- ui5-message-strip: close button ACC enhancement (#10283) (dfaa45f), closes #9874
- ui5-step-input: add input event (#10294) (84cf7b2), closes #5177
- ui5-table: implement drag and drop (#9955) (9f27a51), closes #7240
Notes
Note: Version bump only for package @ui5/webcomponents
Features 5, Fixes 7
Notes
Bug Fixes
- ui5-li: address additional text contrast issue (#10269) (6cf15d9), closes #9869
- ui5-list: enable focusin event bubbling (#10156) (3b6cc84), closes #9787
- ui5-menu: provide a way to focus items on fetch (#10210) (073f0f6), closes #7237
- ui5-popover: search for the opener in the correct root (#10284) (ee08efa)
- ui5-rating-indicator: correct half icon appearance (#10263) (3032393), closes #10155
- ui5-rating-indicator: outline border is visible when focus (#10205) (eaa6f04)
- ui5-tag: correct hover background color for Set 2 Color Scheme 9 (#10229) (1b2eaed), closes #10164
Features
- framework: add strict event type checking (#10235) (4ff8ab7)
- table: table virtualization (#10182) (bf4c859)
- ui5-bar: add shadow parts (#10271) (9114a82), closes #10101
- ui5-button, ui5-link: support accessibile description (#10212) (51139c2), closes #5310 #3993
- ui5-list: handle arrow up and down navigation for load more button (#10251) (3150793)
Features 3, Fixes 3
Features 5, Fixes 2
Notes
Bug Fixes
- ui5-card-header: update interactive property documentation (#10143) (23289d4)
- ui5-table-growing: button is shown despite scroll type (#10142) (950441b), closes #10045
Features
- ui5-color-picker: add simplified display mode (#10153) (bf9c0d6), closes #9979
- ui5-combobox/multi-combobox: physical items (#10051) (73f82ab)
- ui5-form: update to latest accessibility spec (#10152) (4382d4e), closes #9952
- ui5-list, ui5-tree: support accessible description (#10131) (45f0ffe), closes #6445
- ui5-tokenizer: enable multiline mode (#9964) (1071746)
Features 1
Fixes 4
Notes
Bug Fixes
- ui5-list: growing button loading layout fixed (#10043) (efd7e6a), closes #9977 #10047
- ui5-slider, ui5-range-slider: adjust aria-attributes (#10039) (ed3abfc), closes #9547
- ui5-split-button: adjust focus outline on keydown (#10001) (898db40)
- ui5-table: wrong horiz. alignm. behavior and wrong texts (#10040) (f3da992), closes #9639 #10017
Features 1, Fixes 6
Notes
Bug Fixes
- localization: legacy date customization (#10026) (273c015)
- scoping issues and document how scoping is used correctly (#10023) (ee808c3)
- tools: revert tsconfig moduleResolution to node (#10014) (0724b92)
- ui5-popup: add role attribute to focus helper element (#10004) (82a95ce), closes #9982
- ui5-range-slider: right click on the slider handle does not throw (#10015) (e92caf9)
- ui5-slider, ui5-range-slider: adjust styles according to Fiori specs (#9973) (e1182a9), closes #9614
Features
Features 3, Fixes 4
Notes
Bug Fixes
- ui5-daypicker: announce selected state change (#9934) (cd7e202), closes #9860
- ui5-input: remove the width from the inner input (#9960) (283e8e7)
- ui5-list: growing button loading aligned with visual spec (#9977) (f7ae10e)
- ui5-list: handle spacebar in inputs and textareas to avoid list activation (#9775) (7e0eda8)
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 2
Notes
Bug Fixes
- ui5-bar: provide responsive paddings support (#9820) (7d9cb85), closes #7359
- ui5-popover: popover arrow is aligned to the middle of the opener (#9938) (31c125d)
Features
- framework: introduce the
i18ndecorator and thecldroption (#9897) (1f29d23) - ui5-carousel: on touch devices navigation arrows are always visible (#9939) (8072baf)
- ui5-input: enable preventing input event (#9930) (2d19119), closes #9884
- ui5-table: adding horizontal column alignment (#9639) (65f75eb)
Fixes 7
Notes
Bug Fixes
- ui5-file-uploader: remove the cloning of the value state message (#9915) (a73dd60)
- ui5-input: arrow up scrolls the suggestion items when item is behind value state header (#9893) (5cb56c5), closes #9674
- ui5-multi-combobox: fix aria-describedby token count (#9888) (d8fff1a)
- ui5-multi-input: tokens are not deletable when multi-input is readonly (#9905) (2178b12), closes #9862
- ui5-page: fix double footer and adjust animation timing (#9885) (e8beb76), closes #9755 #9756
- ui5-select: improve selection change handling (#9865) (d11054b)
- ui5-slider: correct icon name (#9924) (bd809a5)
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-list: adjust growing button padding (#9747) (0373527)
- ui5-multi-combobox: restore focus to input after value state header is removed (#9827) (712d94e), closes #9709
- ui5-popover: fix arrow placement (#9844) (6109040)
- ui5-tabcontainer: fix drag and drop issue with home key and fixеd tabs (#9812) (485fd0d)
- ui5-tabcontainer: prevent page scrolling when reordering tabs with home and end keys (#9848) (03daa72)
Features
Features 1, Fixes 4
Notes
Bug Fixes
- ui5-date-picker: uncomment failing test (#9794) (602f799), closes #5203
- ui5-form: fix layout issues by importing base params in all themes (#9800) (b568930), closes #9788
- ui5-popover: adjust heigh when vertical-align=stretch (#9798) (e717086)
- ui5-textarea: focus outline and border overlapping in readonly textarea (#9817) (ea8f751), closes #9741
Features
Features 2, Fixes 5
Notes
Bug Fixes
- ui5-breadcrumbs: current link aria-current (#9668) (87732a1)
- ui5-calendar: adjust aria-disabled attribute (#9732) (29a30f9), closes #9719
- ui5-color-palette-popover: set opener attribute (#9746) (6d20dcd), closes #9708
- ui5-multi-combobox: correct submit event (#9731) (0405c2b)
- ui5-multi-combobox: remove VS header after setting VH to None (#9744) (287d3a6), closes #9736
Features
Features 1, Fixes 6
Notes
Bug Fixes
- framework: attach element internals only once (#9714) (fce5d11), closes #9713
- ui5-color-palette: adjust recent color focus behavior (#9492) (7ed8a88), closes #9470
- ui5-dialog: fix block layer of initially opened dialog (#9715) (96544ef)
- ui5-dialog: set the correct block layer color (#9662) (8095518), closes #9658
- ui5-table: range selection should stop when releasing shift (#9710) (7894823)
- ui5-timepicker: allow inputs popover on tablet (#9701) (20fd09c), closes #9705
Features
Features 1, Fixes 9
Notes
Bug Fixes
- ui5-breadcrumbs: redundant import removed (#9666) (4a1823f)
- ui5-date-picker: adjust unstable test (#9663) (6cf5b18), closes #9034
- ui5-input: properly change numeric input value using the arrow keys (#9616) (a95ef11), closes #9588
- ui5-input: reset value on when set to null (#9657) (a5c3f1f), closes #2616
- ui5-list: no data item now can be focused (#9665) (ec5d614), closes #9617
- ui5-special-date: add visual representation for Working/NonWorking types (#9524) (296373d)
- ui5-split-button: adjust arrow part width (#9660) (c6efdd2), closes #7642
- ui5-table: rendering empty table leads to no exception (#9685) (70ad506), closes #9636
- ui5-time-picker: adjust height in compact mode (#9681) (c07e149), closes #9669
Features
Features 4, Fixes 6
Notes
Bug Fixes
- stop attribute change calling property setter when coming from a setter (#9592) (95e61dd)
- ui5-combobox: correct scrolling behavior (#9632) (aa5f9e9)
- ui5-menu: provide accessible name to the popover (#9574) (a14f6a1)
- ui5-multi-comboBox: delete token from mcb with grouping (#9623) (b3c38f8), closes #9544
- ui5-select: remove the cloning of the value state message (#9654) (1466076), closes #9347
- ui5-split-button: provide aria attributes for the arrow button (#9598) (2af2cf2), closes #9295
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-avatar-group: prevent console error when no items are present (#9587) (4f832bd), closes #9581
- ui5-radio-button: fix selection issue (#9565) (5b74c67)
- ui5-responsive-popover: fix header text alignment (#9501) (85424ef)
- ui5-step-input: apply overstyling correctly (#9610) (1a12e52), closes #9365
- ui5-timepicker: align input with timepicker styles (#9612) (df445eb), closes #9366
- ui5-toolbar: update ToolbarRegistry to use metadata tag instead of class name (#9607) (c2e2c29)
Features
Features 4, Fixes 7
Notes
Bug Fixes
- ui5-date-picker: adjust timestamp (#9355) (b72ed21), closes #9217
- ui5-list: improved loading state (#9520) (b32adf5), closes #9476
- ui5-multi-combobox: add background color to select all (9bdb1d5), closes #9495
- ui5-multi-combobox: hide value state message popup when popover is open (#9511) (f887689), closes #9451
- ui5-select: infinite attribute update in value property setter (#9500) (079ee04)
- ui5-textarea: fix negative textarea growing (#8883) (db67090), closes #8767
- ui5-timepicker: fix error thrown upon selection from the clock (#9541) (7b4cf30)
Features
- enhance feature initialization (#9479) (d55eba8), closes #8175
- ui5-card: add properties loading and loadingDelay (#9558) (47da4a1), closes #9437
- ui5-token: adjust token icon size according to the new accessibility standard (#9496) (f928f06)
- update @ui5/webcomponents-icons to 5.9 & 4.21 (#9563) (10b697d)
Features 3, Fixes 8
Notes
Bug Fixes
- ui5-busy-indicator: let focus border radius be set from the host element (#9508) (01af2a6)
- ui5-input, ui5-multi-input: fix issues in inputs test pages (#9506) (b9de887), closes #9446
- ui5-input: fire change event properly when suggestions (#9429) (a77cd4b), closes #8912
- ui5-multi-combobox, ui5-combobox, ui5-input: improve popup announcement (#9513) (8dc5e51)
- ui5-multi-combobox: correct readonly functionality (#9525) (4a4d2d6)
- ui5-tabcontainer: fix overflow button focus border radius (#9507) (04b8f47)
- ui5-table: adds the missing TableHeaderRow dependency (#9490) (0b836b3)
- ui5-toolbar: failing test fixed (#9518) (4adcb2d)
Features
Features 3, Fixes 11
Notes
Bug Fixes
- ui5-combobox: correct valueStateMessage documentation (#9458) (62cbfb4)
- ui5-combobox: remove the cloning of the value state message (#9384) (a24c6b7), closes #9347
- ui5-dialog, ui5-popover: add missing ui5-title dependency (#9480) (57b3d37)
- ui5-dialog: fix draggable dialog header focusing with mouse (#9420) (654306a)
- ui5-option: correct tooltip property forwarding (#9502) (dde34fc), closes #9015
- ui5-popover: immediate open by dynamically created UI5Element no longer throws error (#9486) (a4bc8e0)
- ui5-select: prevent unnecessary change event (#9489) (02059bc)
- ui5-select: prevent unnecessary live-change event (#9499) (1efb84b)
- ui5-tabcontainer: fix selected sub items screen readers announcement (#9426) (fae1a3a)
- ui5-tag: fix wrapped text styles (#9320) (2388edd)
- ui5-toolbar: prevent child events bubble (#9464) (3361725)
Features
Features 2, Fixes 4
Notes
Bug Fixes
- ui5-menu: include icon (#9413) (d5508a7)
- ui5-multi-combobox: remove the cloning of the value state message (#9391) (68ea4af), closes #9347
- ui5-notification-list-item: focus is no longer trapped in loading item (#8969) (fa37d92), closes #8768
- ui5-textarea: remove the cloning of the value state message (#9401) (185d598), closes #9347
Features
Breaking 16, Features 5, Changed 4, Fixes 20
Notes
Bug Fixes
- fix DateRangePicker test (7f7f663)
- Popup: correct "open" event (#9298) (e84c2e5)
- ui5-calendar: add icon dependency (#9289) (165d7bc)
- ui5-calendar: year button accessibility (#9255) (fc18c6d), closes #9107
- ui5-checkbox: adjust focus outline in wrapped mode (#9335) (13f87f5), closes #9254
- ui5-color-palette-popover: enable navigation over the swatches (#9336) (0660ae5)
- ui5-daterange-picker: adjust selected range accessibility semantics (#9251) (88b3ba7), closes #9241
- ui5-link: remove the space between
end-iconand text in long links (#9325) (b559431) - ui5-list: improved items initial rendering (#9283) (2623882), closes #9266
- ui5-message-strip: Remove icon when design changes to a color set (#9229) (4f110d2), closes #9181
- ui5-multi-combobox: collapse the tokenizer on mobile devices picker close (#9291) (74e3c50), closes #9176
- ui5-multi-combobox: collapse tokenizer on n-more collapse (#9367) (1ad4b42), closes #8493
- ui5-rating-indicator: fix test page - remove duplicates (#9364) (d98fc5c)
- ui5-rating-indicator: make rating indicator ACC WCAG 2.2 compliant (#9222) (6503675)
- ui5-segmented-button-item: prevent focus of disabled items (#9239) (ca0509a), closes #9236
- ui5-tab-container: change display (#9274) (f2d94e9), closes #9248
- ui5-table: adjust unstable loading test (#9267) (3c483a1)
- ui5-table: lint issue is fixed (#9294) (71ea07c)
- ui5-table: remove circular dependency from table and row (#9261) (9932adf)
- ui5-tag: fix styling issues (#9305) (24dd42b)
Code Refactoring
- rename
ListSeparatorsenum toListSeparator(#9308) (26bb513) - ui5-combobox, ui5-multi-combobox: prepare for physical list items (#9307) (3e66cc6), closes #8461
- ui5-input: suggestions refactoring (#9092) (36c9c8f), closes #8461 #7890
- ui5-li: replace the usage of image property with image slot (#9089) (391ffaa)
Features
- add property initializers (#8846) (eef0cc9)
- ui5-menu-separator: add new component (#8871) (f7fea29), closes #8461
- ui5-table: add range selection to selection feature (#9205) (55d99d2)
- ui5-table: navigated property for rows (#9292) (6a51172)
- ui5-table: table loading indicator (#9214) (fabc911)
BREAKING CHANGES
- ui5-li: The
imageproperty of theui5-liis removed and theimageContentslot is renamed toimage. If you have previously used theimageproperty:
<ui5-li image="./img/HT-1022.jpg">Standard List Item</ui5-li>or the
imageContentslot:<ui5-li> Avatar inside imageContent slot <ui5-avatar slot="imageContent" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar> </ui5-li>Now use
imageslot instead:<ui5-li> Avatar inside image slot <ui5-avatar slot="image" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar> </ui5-li>Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887, https://github.com/SAP/ui5-webcomponents/issues/9200
- ui5-combobox, ui5-multi-combobox: The ui5-cb-item-group & ui5-mcb-item-group text property is renamed to header-text. If you previously used the text property:
Now, you must import the
ListSeparatorenumeration as follows:import ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js"; import type ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-input: remove
type,description,icon,iconEnd,imagefromui5-suggestion-itemand introduceui5-suggestion-item-custom
ui5-suggestion-item:typeproperty is removed, useui5-suggestion-item-custominstead.descriptionproperty is removed, useui5-suggestion-item-custominstead.iconproperty is removed, useui5-suggestion-item-custominstead.iconEndproperty is removed, useui5-suggestion-item-custominstead.imageproperty is removed, useui5-suggestion-item-custominstead.
ui5-suggestion-group-item:- renamed to
ui5-suggestion-item-group textis removed, useheaderTextinstead
ui5-suggestion-item-custom:- custom suggestion item with open content similar to
ui5-li-custom - to be used for custom scenarios
- to highlight custom items use
@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js
All suggestion items are now physical items and can be overstyled. Grouping now works with via nesting: e.g.
<ui5-input show-suggestions> <ui5-suggestion-item-group header-text="Group 1"> <ui5-suggestion-item text="Group Item 1"></ui5-suggestion-item> </ui5-suggestion-item-group> </ui5-input>- @property decorator must be adapted according to new type parameter
- ui5-menu-separator:
startsSectionproperty removed from MenuItems
Before:
Now:
Breaking 7, Features 3, Changed 3, Fixes 15
Notes
Bug Fixes
- framework: set dataTransfer.effectAllowed only for UI5 elements (#9136) (28f6a2d)
- ui5-busy-indicator: add block layer (#9208) (ba4ddb3), closes #9079
- ui5-button: fix tab chaining in lists (#9148) (9fdf617)
- ui5-carousel: selected state is added to item (#9184) (ced0f35)
- ui5-date-picker: adjust unstable tests (#9223) (3b049c8), closes #9033
- ui5-date-picker: provide accessible name to the popover (#8693) (26dee35), closes #8598
- ui5-dialog: fix focusing when dialog is open from OpenUI5 dialog (#9183) (d067e13)
- ui5-file-uploader: apply focus properly from inside of a popover (#9162) (2283e9e), closes #9090
- ui5-list-item: move styles back from shadow DOM element to :host (#9155) (68cdd20)
- ui5-list: adjust failing test (#9191) (55e477c), closes #9173
- ui5-multi-combobox: correct lint error (#9157) (55cd3aa)
- ui5-segmented-button-item: add padding to icon when item is not in icon-only mode (#9180) (a3fd241), closes #9172
- ui5-special-date: respect format-pattern (#9086) (105c311)
- ui5-step-input: check for inner input before using value (#9212) (1b9fb61)
- ui5-tree-item: ensure correct cursor style (#9152) (d196583), closes #9146
Code Refactoring
- ui5-checkbox: wrap text by default (#9165) (ba1c583)
- ui5-li, ui5-li-custom: rename classes (#9158) (8f5b679)
- ui5-tag: wrap text by default (#9126) (96704b8)
Features
- ui5-grid: implementing new grid component (#8362) (04d291d)
- ui5-link: introduce
iconandendIconproperties (#9036) (06318cb) - ui5-toolbar: design property added (#9147) (dc3dfe0)
BREAKING CHANGES
- ui5-checkbox:
wrapping-typeproperty default value has changed fromNonetoNormal. Before:
<ui5-checkbox text=Some very very very very long text"></ui5-checkbox><!-- would truncate the text if there is not enough space -->Now:
<ui5-checkbox text=Some very very very very long text"></ui5-checkbox> <!-- would let the text wrap if there is not enough space -->Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-tag:
wrapping-typeproperty default value has changed fromNonetoNormal. Before:
<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->Now:
<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->Related to https://github.com/SAP/ui5-webcomponents/issues/8461
-
refactor(ui5-tag): fix test texsts
-
refactor(ui5-tag): fix height of the tags to be the same
No matter if the tag is with wrapping-type="None" or wrapping-type="Normal" the height when there is only one line of text should be the same.
-
refactor(ui5-tag): merge adjustments and code review comments
-
refactor(ui5-tag): fix height
-
ui5-li, ui5-li-custom:
StandardListItemhas been renamed toListItemStandard, andCustomListItemhas been renamed toListItemCustom. If you previously imported the classes as follows:
import StandardListItem from "@ui5/webcomponents/StandardListItem.js"; import CustomListItem from "@ui5/webcomponents/CustomListItem.js";now you must change imports to:
import ListItemStandard from "@ui5/webcomponents/ListItemStandard.js"; import ListItemCustom from "@ui5/webcomponents/ListItemCustom.js";Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
Breaking 2, Features 3, Changed 2, Fixes 7
Notes
Bug Fixes
- ui5-button: adjust screen reader announcement order (#8997) (2d9a16b)
- ui5-calendar: adjust accessibility semantics (#9102) (06891a1), closes #9068 #9069
- ui5-date: remove circular dependency (#9137) (9c8d12e)
- ui5-input, ui5-combobox, ui5-multi-combobox: prevent native input autocomplete (#9130) (5d8dbbd)
- ui5-option-custom: show focus outline (#9101) (bf8366e)
- ui5-popup: initialFocus won't work if 'autofocus' is set (#8956) (2c9f775)
- ui5-popup: remove popup from the tab chain (#8955) (aedcdb9), closes #9094
Code Refactoring
- ui5-link: wrap text by default (#9006) (1924b54)
- ui5-radio-button: wrap text by default (#9117) (b8d7bac)
Features
- ui5-menu-item: add endContent slot (dc3cfde), closes #6350
- ui5-select: introduced 'popover' part (#9120) (3c03e17), closes #4503
- ui5-time-picker: introduce
openandcloseevents (#9093) (bf2d0aa)
BREAKING CHANGES
- ui5-radio-button:
wrapping-typeproperty default value has changed fromNonetoNormal. Before:
<ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would truncate the text if there is not enough space -->Now:
<ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would let the text wrap if there is not enough space -->Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-link:
wrapping-typeproperty default value has changed fromNonetoNormal. Before:
<ui5-link>some very very very long link</ui5-link> <!-- would truncate the text if there is not enough space -->Now:
<ui5-link>some very very very long link</ui5-link> <!-- would let the text wrap if there is not enough space -->Breaking 12, Features 13, Changed 6, Fixes 25
Notes
Bug Fixes
- ui5-button: add keyboard shortcut to cancel the button's action (c2d9c85), closes #6782
- ui5-button: adjust ui5-button menu button samples to use open/opener (974ff8c)
- ui5-button: remove tabindex from disabled button (#8957) (041f573), closes #8852
- ui5-calendar-legend: align visual design to meet WCAG 2.2 requirements (0860a3e)
- ui5-calendar: change the show month/year private event names (#8960) (c981459), closes #8893
- ui5-calendar: respect component level calendarType in week calculation (#8971) (69b8003)
- ui5-calendar: switch to two column layout on Islamic or Persian secondary calendar type (#8453) (1b172eb)
- ui5-date-picker: adjust failing tests (#9039) (7232039), closes #9033 #9034
- ui5-date-picker: display initial view properly (#8910) (e570031), closes #8893
- ui5-datetime-picker: change dateformat to datetime instance (#9024) (e5051ea)
- ui5-multi-input: delete selected value on BACKSPACE (#8982) (d773532)
- ui5-multiinput: restore and adjust unit tests (#8933) (70dc2a6)
- ui5-notification-list: fix keyboard issues (#9040) (f1c0635)
- ui5-panel: fix failing tests (#9044) (aeb7d42)
- ui5-popover: correct placement in RTL direction (#9009) (36fa85e)
- ui5-popover: fix auto close when click on iframe inside a shadow root (#8961) (5c2f5f6)
- ui5-popover: fix infinite open/show loop (#9055) (a142caf), closes #9031
- ui5-popover: prevent runtime error when opener is outside the viewport (#9017) (9212aa8)
- ui5-responsive-popover: fix initially focused input going out of the viewport on iPhone (#8945) (7ff177c)
- ui5-segmented-button-item: align sizes to spec (#8972) (0eefe5f), closes #7357
- ui5-select: popover scrolls to typed item (#9053) (70bbd7f), closes #8987
- ui5-side-navigation: menu in collapsed mode width is not longer stretched unnecessary (#8940) (30c0530)
- ui5-side-navigation: overflow menu items are now displayed (#8948) (bcb3008)
- ui5-tag: add colors for Quartz high contrast themes for Set 2 (#8952) (92b3cf8)
- ui5-time-picker: remove box shadow (#8951) (7c7170d), closes #8932
Code Refactoring
- ui5-input: replace openPicker method with public property open (#8950) (3e2b32e)
- ui5-list: refactored HighlightTypes (#9061) (2510224), closes #8461
- ui5-option: make options physical elements (#8903) (8d6fac7), closes #8461 #7887
- ui5-popover: remove hideBackdrop property (#8947) (f628fbc), closes #8461
- ui5-popup: rename after-open and after-close events to 'open' and 'close' (#8946) (912167d), closes #8461
- ui5-toast: rename event
after-closetoclose(#8967) (d05839d)
Features
- ui5-*: integrate element internals in input components (#8685) (c8e68d5), closes #8461
- ui5-button: add second (end) icon (2e97c03)
- ui5-color-palette-item: introduce selected state (#8554) (b0f8a30)
- ui5-combobox: introduce nested grouping of items (#8926) (92fe765)
- ui5-date-range: introduce new calendar date type (#8804) (ffe14a5), closes #8461
- ui5-dynamic-page: introduce new component (#7899) (3752ce7)
- ui5-form: introduce Form web component (#8281) (8d72042), closes #7854
- ui5-input: add input type search (#8980) (410ba3f), closes #7641
- ui5-input: allow custom icon styling (#8881) (cf9f1c2), closes #8182 #6132
- ui5-li-notification: implement new design (#8426) (e451cdc)
- ui5-list,ui5-tree: make drag&drop feature public (#8904) (60b8038)
- ui5-time-picker: introduce
openproperty (#9001) (1c1cea6) - ui5-toolbar-button: add second (end) icon (#9048) (6688814)
BREAKING CHANGES
- ui5-input: Remove openPicker method and replace it with public property open
Before the ui5-input suggestions popover could be opened by calling
openPicker():const input = document.getElementById("exampleID"); input.openPicker();Now the suggestions popover is opened by setting the
openproperty to true:const input = document.getElementById("exampleID"); input.open = true;- refactor(ui5-input): fix spacing in input.mobile.spec.js
- ui5-combobox: The ui5-cb-group-item component is removed. Groups can now be created with the ui5-cb-item-group.
- ui5-list:
Highlightenum should be imported differently. Before:
import HighlightTypes from "@ui5/webcomponents-base/dist/types/HighlightTypes.js";Now:
import Highlight from "@ui5/webcomponents-base/dist/types/Highlight.js";- ui5-toolbar-button: iconEnd property is changed from boolean to string type and now can accept name for second/end icon.
Before:
<ui5-toolbar-button icon="home" icon-end>Button</ui5-toolbar-button>Now:
<ui5-toolbar-button end-icon="home">Button</ui5-toolbar-button>or
<ui5-toolbar-button icon="employee" end-icon="home">Button</ui5-toolbar-button>- ui5-option: The ui5-select-menu and ui5-select-menu-option components are removed. Custom options can now be created using the ui5-option-custom, directly placed inside the default slot of the ui5-select
SelectMenu & SelectMenuOption Changed item Old New SelectMenu ui5-select-menu removed SelectMenuOption ui5-select-menu-option ui5-option-custom If you have previously used the ui5-select-menu and ui5-select-menu-option:
customNow use just ui5-select and ui5-option-custom instead:customSelect Changed item Old New property menu removed The menu property of the ui5-select is removed. * **ui5-button:** iconEnd property is changed from boolean to string type and now can accept name for second/end icon.Before:
<ui5-button icon="home" icon-end>Button</ui5-button>Now:
<ui5-button end-icon="home">Button</ui5-button>or
<ui5-button icon="employee" end-icon="home">Button</ui5-button>- ui5-toast: The
after-closeevent has been renamed toclose. If you previously used it like:
toast.addEventListener("after-close", (event) => { });Now you have to use it like:
toast.addEventListener("close", (event) => { });Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-*: The
features/InputElementsFormSupport.jsfeature has been deleted and now, form elements works natively in form elements. - ui5-date-range: dates slot in a calendar now works with a ui5-date-range when selection-mode="Range"
Previously date ranges were declared as follows:
Now they are declared using a ui5-date-range:
* **ui5-popup:** Event names `after-close` and `after-open` are now named `close` and `open`. Previously the application developers could subscribe to the events as follows: ```ts popup.addEventListener("after-open", function() { //... }); popup.addEventListener("after-close", function() { //... }); ```Now the application developers should include the ui5-bar as follows:
popup.addEventListener("open", function() { //... }); popup.addEventListener("close", function() { //... });- ui5-popover: Property
hideBackdropis removed.
Previously the application developers could define a modal popover without visible backdrop as follows:
<ui5-popover modal hide-backdrop>Now the application developers can use the standard
::backdropCSS selector<style> .transparentBackdrop::backdrop { background: transparent; } </style> ... <ui5-popover modal class="transparentBackdrop">Breaking 61, Features 2, Changed 18, Fixes 14, Other 1
Notes
Bug Fixes
- ui5-cb-item: return the DOM reference of the list item (#8872) (2553213), closes #8841
- ui5-dialog: state icon no longer shrinks when title is too long (#8839) (9b7fa49)
- ui5-file-uploader: adjust drop area (56bcab5), closes #8572
- ui5-link: remove unnecessary transparent border (aa27032), closes #8512
- ui5-multi-combobox: correct unstable tests (#8867) (b2d004b)
- ui5-multi-combobox: remove value state header on validation reset (#8832) (5cad77b), closes #8674
- ui5-multi-input: focus tokens on BACKSPACE for inputs of type 'Number' and 'Email' (#8866) (7b5645d), closes #8712
- ui5-progress-indicator: removed redundant z-index (#8797) (4763637), closes #8303
- ui5-split-button: restrict height manipulation from outside wrapper (#8780) (691c68e)
- ui5-step-input: remove value rounding, apply value-state (#8293) (0c0aa1d)
- ui5-tabcontainer: avoid multiple selected tabs when there is no explicit selection (#8808) (ae8d969)
- ui5-tab: focus() now works if tab is currently displayed in the overflow (#8796) (52c3ea8)
- ui5-time-picker: fix buttons announcements in value help dialog (#8848) (d5f25fb)
- ui5-toolbar: prevent closing of overflow on interaction (#8924) (9fb21bf)
chore
Code Refactoring
- rename ValueState values (#8864) (ef9304d)
- theming: remove Belize theme (#8519) (990313f), closes #8461
- ui5-*: use unified API to define a11y attributes via
accessibilityAttributes(#8810) (49d587c) - ui5-badge: change default values of properties (#8601) (6d1df02)
- ui5-badge: rename Badge
ui5-badgeto Tagui5-tag(#8884) (4b8c1ee) - ui5-carousel: replace items-per-page-s, items-per-page-m, items-per-page-l properties (#8635) (fc8d15a), closes #8494 #8496 #8461 #8497 #8461 #8504 #8509 #8507 #8511 #8501 #8461 #8503 #8461 #8506 #8502 #8524 #8461 #8525 #8461 #8518 #8461 #8526 #8529 #8528 #8531 #8532 #8534 #8163 #8527 #8538 #8521 #8461 #8542 #8461 #8548 #8555 #8559 #8565 #8570 #8558 #8568 #8596 #8192 #8606 #8605 #8600 #8602
- ui5-icon: add mode property (#8834) (446483d)
- ui5-input: events changes (#8769) (9f5c8a4)
- ui5-li, ui5-list: changes accessibleRole type (#8825) (8235159)
- ui5-list: enable hierarchical groups (#8632) (193ed52), closes #8461
- ui5-menu: rename the busy and busy delay properties (#8778) (3a4be3a), closes #8764
- ui5-page: rename disableScrolling and floatingFooter properties (#8816) (2f6fe6c)
- ui5-segmented-button-item: implement segmented button item independently from button (#8669) (7b5f751)
- ui5-segmented-button: rename
modetoselectionMode(#8761) (4be1540) - ui5-split-button: remove
activeIconproperty (#8803) (f2bcfc1), closes #8461 - ui5-table: move Table to
@ui5/webcomponents-compat(#8849) (779bcdc) - ui5-title: wrap text by default (#8916) (f267f50)
- ui5-toast: replace
showmethod withopenproperty (#8855) (372d27d), closes #8461
Features
- ui5-badge: new property added (#8714) (a60c5ee)
- ui5-date-picker: Replace
openPickermethod withopenproperty (#8749) (d283984)
BREAKING CHANGES
- ui5-title: wrapping-type property default value has changed from
NonetoNormal. Previously long texts would truncate if there is not enough space. Now, long texts would wrap.
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
-
ui5-input: Remove suggestion-item-select event. Rename and modify suggestion-item-preview event. Remove openPicker method and replace it with public property "open".
-
refactor(ui5-input): events changes
-
refactor(ui5-input): property open tests
-
refactor(ui5-input): events change
-
refactor(ui5-input): events change
-
refactor(ui5-input): events changes
-
refactor(ui5-input): events changes
-
refactor(ui5-input): events changes
-
ui5-date-picker: removed
openPicker(),closePicker()andisOpen()methods. If you previously usedopenPicker()andclosePicker():
const datePicker = document.getElementById("exampleID"); datePicker.openPicker(); datePicker.closePicker();Now use the
openproperty respectively:const datePicker = document.getElementById("exampleID"); datePicker.open = true; datePicker.open = false;Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-*: FlexibleLayout's
accessibilityTextsandaccessibilityRolesproperties are removed. If you have previously used theaccessibilityTextsoraccessibilityRolesproperties:
fcl.accessibilityTexts = { startColumnAccessibleName: "Products list", midColumnAccessibleName: "Product information", endColumnAccessibleName: "Product detailed information", startArrowLeftText: "Collapse products list", startArrowRightText: "Expand products list", endArrowLeftText: "Expand product detailed information", endArrowRightText: "Collapse product detailed information", startArrowContainerAccessibleName: "Start Arrow Container", endArrowContainerAccessibleName: "End Arrow Container", } fcl.accessibilityRoles = { startColumnRole: "complementary", startArrowContainerRole: "navigation", midColumnRole: "main", endArrowContainerRole: "navigation", endColumnRole: "complementary". }Now use
accessibilityAttributesinstead:fcl.accessibilityAttributes = { startColumn: { role: "complementary", name: "Products list", }, midColumn: { role: "main", name: "Product information", }, endColumn: { role: "complementary", name: "Product detailed information", }, startArrowLeft: { name: "Collapse products list", }, startArrowRight: { name: "Expand products list", }, endArrowLeft: { name: "Expand product detailed information", }, endArrowRight: { name: "Collapse product detailed information", }, startArrowContainer: { role: "navigation", name: "Start Arrow Container", }, endArrowContainer: { role: "navigation", name: "End Arrow Container", }, };ShellBar's
accessibilityTextsandaccessibilityRolesproperties are removed. If you have previously used theaccessibilityTextsoraccessibilityRolesproperties:shellbar.accessibilityTexts = { profileButtonTitle: "John Dow", logoTitle: "Custom logo title", } shellbar.accessibilityRoles = { logoRole: "link" };Now use
accessibilityAttributesinstead:shellbar.accessibilityAttributes = { profile: { name: "John Dow", }, logo: { role: "link" name: "Custom logo title" }, };Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-badge: Badge web component has been renamed to Tag. If you have previously used the
ui5-badge:
<ui5-badge></ui5-badge>Now use
ui5-taginstead:<ui5-tag></ui5-tag>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-icon: The properties
ariaHidden,interactiveandaccessibleRole, previously available in theui5-iconcomponent, have been removed. They are replaced by a new property namedmodethat specifies the component's mode. Alongside this update, a new enumerationIconMode, has been introduced to outline the available options for this property:
Image: This is the default setting. It configures the component to internally renderrole="img".Interactive: Configures the component to internally renderrole="button". This mode also supports focus and press handling to enhance interactivity.Decorative: In this mode, the component internally rendersrole="presentation"andaria-hidden="true", making it purely decorative without semantic content or interactivity.Now, you can set the mode of the
ui5-iconas it follows:<ui5-icon id="imageIcon" mode="Image" name="add-equipment"></ui5-icon> <ui5-icon id="myInteractiveIcon" mode="Interactive" name="add-equipment"></ui5-icon> <ui5-icon id="decorativeIcon" mode="Decorative" name="add-equipment"></ui5-icon>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-li, ui5-list: The
accessibleRoleproperty for bothui5-liandui5-listhas been updated from a string type to an enum type. Additionally, the new enumsListItemAccessibleRoleandListAccessibleRolehave been introduced for these properties respectively. The available options for theui5-li:ListItem- Represents the ARIA role "listitem". (by default)MenuItem- Represents the ARIA role "menuitem".TreeItem- Represents the ARIA role "treeitem".Option- Represents the ARIA role "option".None- Represents the ARIA role "none".
The available options for the
ui5-list:List- Represents the ARIA role "list". (by default)Menu- Represents the ARIA role "menu".Tree- Represents the ARIA role "tree".ListBox- Represents the ARIA role "listbox". If you have previously used:<ui5-li accessible-role="menuitem"> List Item</ui5-li> <ui5-list accessible-role="tree"> List </ui5-list>Now use:
<ui5-li accessible-role="MenuItem"> List Item</ui5-li> <ui5-list accessible-role="Tree"> List </ui5-list>Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-table: If you previously used the Table from
@ui5/webcomponents, you need to import it from @ui5/webcomponents-compat:
import "@ui5/webcomponents-compat/dist/Table.js"; // ui5-table import "@ui5/webcomponents-compat/dist/TableColumn.js"; // ui5-table-column import "@ui5/webcomponents-compat/dist/TableRow.js"; // ui5-table-row` import "@ui5/webcomponents-compat/dist/TableGroupRow.js";` // ui5-table-group-row import "@ui5/webcomponents-compat/dist/TableCell.js"; // ui5-table-cellRelated to: https://github.com/SAP/ui5-webcomponents/issues/8461
- If you previously used ValueState.Warning, ValueState.Error or ValueState.Success, start using ValueState.Critical, ValueState.Negative and ValueState.Positive respectively. All components with valueState property are also affected. For example:
<ui5-input value-state="Success"></ui5-input> <ui5-input value-state="Warning"></ui5-input> <ui5-input value-state="Error"></ui5-input><ui5-input value-state="Positive"></ui5-input> <ui5-input value-state="Critical"></ui5-input> <ui5-input value-state="Negative"></ui5-input>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-toast: The Toast#show method has been replaced by
openproperty. If you previously usedtoast.show()to show the toast, you must now setoast.open=true. - ui5-segmented-button-item: The
ui5-segmentedbutton-itempressedproperty is calledselectednow.
Previously the application developers could use the ui5-segmentedbutton-item as follows:
<ui5-segmented-button> <ui5-segmented-button-item pressed> Option 1</ui5-segmented-button-item> <ui5-segmented-button-item>Option 2</ui5-segmented-button-item> <ui5-segmented-button-item>Option 3</ui5-segmented-button-item> </ui5-segmented-button>Now the application developers should use the ui5-segmentedbutton-item as follows:
<ui5-segmented-button> <ui5-segmented-button-item selected> Option 1</ui5-segmented-button-item> <ui5-segmented-button-item>Option 2</ui5-segmented-button-item> <ui5-segmented-button-item>Option 3</ui5-segmented-button-item> </ui5-segmented-button>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- theming: Remove SAP Belize theme
- ui5-segmented-button: The mode property is changed to
SelectionModeand the values it take fromSingleSelectandMultiSelecttoSingleandMultiple. Also deleted deprecated getter -selectedItemand deprecated event detailselectedItemand now can be used with theselectedItemsgetter andselectedItemsevent detail.
Previously the application developers could set the selection mode as follows:
<ui5-segmented-button id="segButtonMulti" mode="MultiSelect"> <ui5-segmented-button-item>Item</ui5-segmented-button-item> <ui5-segmented-button-item>Item</ui5-segmented-button-item> <ui5-segmented-button-item>Click</ui5-segmented-button-item> <ui5-segmented-button-item>SegmentedButtonItem</ui5-segmented-button-item> </ui5-segmented-button>Now the application developers could set the selection mode as follows:
<ui5-segmented-button id="segButtonMulti" selection-mode="Multiple"> <ui5-segmented-button-item>Item</ui5-segmented-button-item> <ui5-segmented-button-item>Item</ui5-segmented-button-item> <ui5-segmented-button-item>Click</ui5-segmented-button-item> <ui5-segmented-button-item>SegmentedButtonItem</ui5-segmented-button-item> </ui5-segmented-button>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-page:
disableScrollinghas been renamed,floatingFooterproperty has been removed andfixedFooterproperty has been added instead.
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-split-button: The
activeIconproperty ha been remove, as the interaction is considered obsolete by the UX design team. if you previously usedactive-icon:
<ui5-split-button id="sbTextActiveIcon" active-icon="accept">Active Icon</ui5-split-button>it's wont take effect anymore even if set.
- ui5-menu: The busy and busyDelay and properties of the ui5-menu and ui5-menu-item are renamed. If you have previously used the busy, busyDelay properties:
now you should use loading and loadingDelay properties:
- ui5-carousel: "Device#isIE" method has been removed and no longer available
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: Removed the
CSP.jsmodule and the creation of<style>and<link>tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js" import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js" import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"- ui5-carousel: Removed the
ICardHeaderinterface. If you previously used the interface
import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"Use the CardHeader type instead:
import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"- ui5-carousel: Removed the
IUploadCollectionIteminterface. If you previously used the interface:
import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"Use the
UploadCollectionItemtype instead:import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The
sizeproperty now accepts different values. If you previously used it like:
<ui5-busy-indicator size="Small"></ui5-busy-indicator>Now use the new values instead:
<ui5-busy-indicator size="S"></ui5-busy-indicator>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The
statusproperty and its shadow part have been renamed. If you previously used them:
<style> .cardHeader::part(status) { ... } </style> <ui5-card-header status="3 of 10"></ui5-popover>Now use
additionalTextinstead:<style> .cardHeader::part(additional-text) { ... } </style> <ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The
pageIndicatorStyleno longer exists. If you previously used it like:
<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>Now you should use
pageIndicatorTypeinstead:<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: Removed
UI5Element#rendermethod in favour ofUI5Element#renderer. If you previously used "render"
class MyClass extends UI5Element { static get render() { return litRenderer; } }start using "renderer"
class MyClass extends UI5Element { static get renderer() { return litRenderer; } }- ui5-carousel: Remove JavaScript template option from @ui5/create-webcomponents-package
Previously
npm init @ui5/webcomponents-packageused to create JS-based project, however now it will be TypeScript-based project. If you previously usednpm init @ui5/webcomponents-package --enable-typescriptto create TypeScript-based project, now it's by default, e.gnpm init @ui5/webcomponents-packageand--enable-typescriptis removed. - ui5-carousel: The
LeftandRightoptions option have been renamed. If you previously used them to set the placement or the alignment of the popover:
<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>Now use
StartorEndinstead:<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- docs: deploy v2 preview
- ui5-carousel: Remove
soccoricon. Usesoccerinstead. - ui5-carousel: Remove
add-polygoneicon. Useadd-polygoninstead. - ui5-carousel: The JSDoc plugin has been removed, and the generation of api.json has stopped. If you previously relied on the
ui5-package/dist/api.json file, you can now useui5-package/dist/custom-elements.json - ui5-carousel: All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
import "@ui5/webcomponents/dist/Assets-static.js"; import "@ui5/webcomponents-icons/dist/Assets-static.js"use the dynamic equivalent of it:
import "@ui5/webcomponents/dist/Assets.js"; import "@ui5/webcomponents-icons/dist/Assets.js"Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The event
selected-dates-changeis renamed toselection-change. In addition the event detailsvaluesanddatesare renamed toselectedValuesandselectedDateValues. If you previously used the Calendar event as follows:
myCalendar.addEventListener("selected-dates-change", () => { const values = e.detail.values; const dates = e.detail.dates; })Now you have to use the new event name and details:
myCalendar.addEventListener("selection-change", () => { const values = event.detail.selectedValues; const dates = event.detail.selectedDateValues; })Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The property
coloris renamed tovalue. If you previously used the change event of the ColorPicker as follows:
<ui5-color-picker color="red"></ui5-color-picker>Now you have to use it like this:
<ui5-color-picker value="red"></ui5-color-picker>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: JavaScript projects may not function properly with the tools package.
- ui5-carousel: The
openPopoverandshowAtmethods are removed in favor ofopenandopenerproperties. If you previously used the imperative API:
button.addEventListener("click", function(event) { colorPalettePopover.showAt(this); });Now the declarative API should be used instead:
<ui5-button id="opener">Open</ui5-button> <ui5-color-palette-popover opener="opener">button.addEventListener("click", function(event) { colorPalettePopover.open = !colorPalettePopover.open; });- ui5-carousel: The
ui5-barcomponent is now inmainlibrary. If you previously imported theui5-barfromfiori:
import "@ui5/webcomponents-fiori/dist/Bar.js;Now, import the
ui5-barfrommain:import "@ui5/webcomponents/dist/Bar.js";Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: If you have previously used:
<ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>Now use:
<ui5-tab id="nestedTab" slot="items"></ui5-tab>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: If you have previously used:
<ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>Now use:
<ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: If you previously imported
TabContainerBackgroundDesign, useBackgroundDesigninstead.
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The showOverflow property is removed. If previously you have used:
<ui5-tabcontainer show-overflow></ui5-tabcontainer>now use the overflowButton slot:
<ui5-tabcontainer> <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button> <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button> </ui5-tabcontainer>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The
placementTypeproperty and thePopoverPlacementTypeenum have been renamed. If you have previously used theplacementTypeproperty and thePopoverPlacementType
<ui5-popover placement-type="Bottom"></ui5-popover>import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";Now use
placementinstead:<ui5-placement="Bottom"></ui5-popover>import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-carousel: The
sizeproperty of theui5--illustrated-messageis renamed todesign. If you have previously used thesizeproperty:
<ui5-illustrated-message size="Dialog">Now use
designinstead:<ui5-illustrated-message design="Dialog">Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-carousel: The
separator-styleproperty is renamed toseparatorsand theBreadcrumbsSeparatorStyleenum is renamed toBreadcrumbsSeparator. If you have previously used theseparator-styleproperty:
<ui5-breadcrumbs separator-style="Slash">Now use
separatorsinstead:<ui5-breadcrumbs separators="Slash">Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-carousel: The
disabledproperty of theui5-optionis removed. If you have previously used thedisabledproperty:
<ui5-option disabled>Option</ui5-option>it will no longer work for the component.
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- refactor(ui5-upload-collection): introduce items-per-page property
The items-per-page-s, items-per-page-m, items-per-page-l properties are replaced by a single property items-per-page with value in the following format "S1 M2 L3"
- refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
Add XL size and refactor
-
chore: tests added
-
fix: xl test
-
refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
Address code review coments
- refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
Address code review comments
- refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
Updates documentation
- Icons: UI5 Web Components Icons now export
getPathData(function) instead ofpathData(string)
If you used icons like this:
import "@ui5/webcomponents-icons/dist/accept.js";or like this:
import accept from "@ui5/webcomponents-icons/dist/accept.js";there is no change and no adaptations are required.
In the rare case you imported
pathDatafrom icons, for example:import { pathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js"; console.log(pathData); // String containing the SVG pathyou must change your code to, for example:
import { getPathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js"; getPathData().then(pathData => { console.log(pathData); // String containing the SVG path });- ui5-list: The ui5-li-groupheader component is removed. Groups can now be created with the ui5-li-group. Instead of using ui5-li-groupheader as separator in a flat structure:
Back End DevelopersDelete Product Audit Log Settings In addition, the the List's items slot getter, will now return ui5-li-group instances as well. There is a new readonly getter listItems will return an array flat structure containing listitems and group header items. * **ui5-badge:** The `design` property has new default value `Neutral` instead of `Set3`. If you have previously used ```html ``` without attributes, to have the same look and feel now you have to set the design property to “Set3”: ```html ```Related to https://github.com/SAP/ui5-webcomponents/issues/8461
Breaking 2, Features 5, Changed 2, Fixes 8
Notes
Bug Fixes
- u5-dialog: soft keyboard is correctly opened on iOS devices (#8583) (6cf1d74)
- ui5-calendar, ui5-daterange-picker: align range selection styling with vd specification (#8585) (d4f0e0e)
- ui5-menu-item: apply scoping to internal
Icon(#8751) (ce55755) - ui5-progress-indicator: hidden value design (#8545) (bf094d3)
- ui5-responsive-popover: fix dialog initial focus (#8774) (27b522f)
- ui5-split-button: add correct opacity when disabled (#8738) (399144e), closes #8615
- ui5-tabcontainer: prevent endless resizing when moving after last overflow item (#8725) (c33ba40)
- ui5-tabcontainer: replace default slot union type with interface (#8734) (ac6b44f)
Code Refactoring
- ui5-multi-combobox: rename property allowCustomValues to noValidation (#8765) (bb27acb)
- ui5-textarea: rename property growingMaxLines to growingMaxRows (#8756) (3fd33ab), closes #8461
Features
- ui5-avatar-group: update focus handling (#8550) (0bb5c9d), closes #8320
- ui5-date-*: adapt date and time controls to timezone feature (#8610) (1acae01), closes #8461
- ui5-li: add support for F2 key (#8619) (24c3807), closes #7736
- ui5-link: introduce
tooltipproperty (#8670) (ef64000) - ui5-message-strip: introduce custom colors (#8757) (d30f424)
BREAKING CHANGES
- ui5-multi-combobox: The
allowCustomValuesproperty have been renamed tonoValidation. If you have previously used theallowCustomValuesproperty<ui5-multi-combobox allow-custom-values></ui5-multi-combobox>Now use noValidation instead:<ui5-multi-combobox no-validation></ui5-multi-combobox>
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- ui5-textarea: The
growingMaxLinesproperty have been renamed togrowingMaxRows.
Features 4, Fixes 6
Notes
Bug Fixes
- Popup: prevent a rare runtime error (#8707) (02eb1c7)
- ui5-menu: adjust active menu item text color (#8699) (1a7331d), closes #8681
- ui5-popup: fix scrolling and visualization on iphone (#8716) (d9ef14b)
- ui5-step-input: align the input vertically (#8696) (70322fc), closes #8667
- ui5-tabcontainer: don't allow parent item to be moved among its children (#8665) (e265375)
- ui5-tree-item-custom: improved key handling (#8637) (eeb76fe), closes #7566
Features
Breaking 34, Features 2, Changed 5, Fixes 3, Other 1
Notes
Bug Fixes
- ui5-multi-input: fix failing popover test (#8662) (3234747)
- ui5-multi-input: prevent double value state message on nMore open (#8638) (ed7b3ba), closes #8586
- ui5-multi-input: prevent double value state message on nMore open (#8666) (fdbf442), closes #8638 #8586
chore
- bring release-2.0 to main (#8651) (69271c9), closes #8494 #8496 #8461 #8497 #8461 #8504 #8509 #8507 #8511 #8501 #8461 #8503 #8461 #8506 #8502 #8524 #8461 #8525 #8461 #8518 #8461 #8526 #8529 #8528 #8531 #8532 #8534 #8163 #8527 #8538 #8521 #8461 #8542 #8461 #8548 #8555 #8559 #8565 #8570 #8558 #8568 #8596 #8192 #8606 #8605 #8600 #8602 #8593
Code Refactoring
- ui5-list, ui5-tree, ui5-upload-collection: rename mode to selectionMode (#8657) (d53b3b2)
- ui5-list: renamed busy, busyDelay to loading, loadingDelay (#8686) (38e4df4), closes #8461 #7887
- ui5-progress-indicator: remove disabled property (#8683) (5e5c40a)
- ui5-tab, ui5-tab-separator: rename getTabInStripDomRef to getDomRefInStrip (#8653) (773237f)
- ui5-tabcontainer: remove fixed property (#8676) (98052e1), closes #8461
Features
- focus: new focus handling (#8590) (b6a33e0)
- ui5-checkbox: update focus handling (#8553) (ce28296), closes #8320
BREAKING CHANGES
- ui5-list: The
busyproperty of theui5-listis renamed. If you have previously used thebusy,busyDelayproperties:
<ui5-list busy busy-delay="500"></ui5-list>now you must use
loadingandloadingDelayproperties:<ui5-list loading loading-delay="500"></ui5-list>- ui5-progress-indicator: The
disabledproperty of theui5-progress-indicatoris removed. If you have previously used thedisabledproperty, it won't take effect:
<ui5-progress-indicator disabled value="60"></ui5-progress-indicator>Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-tabcontainer: Property "fixed" is removed and there is no alternative provided. The TabContainer is no longer expandable/collapsible via use interaction. You can still show the TabContainer collapsed via the "collapsed" property.
- ui5-list, ui5-tree, ui5-upload-collection: The
modeproperty and theListModeenum have been renamed. If you have previously used themodeproperty and theListModevalues:
<ui5-list class="list" mode="SingleSelect"> <ui5-list class="list" mode="MultiSelect"> <ui5-upload-collection mode="SingleSelectBegin"> <ui5-upload-collection mode="SingleSelectEnd"> <ui5-tree mode="SingleSelectAuto" > <ui5-tree mode="None" >Now use
selectionModeandSingle,Multipleinstead:<ui5-list class="list" selection-mode="Single"> <ui5-list class="list" selection-mode="Multiple"> <ui5-upload-collection selection-mode="SingleStart"> <ui5-upload-collection selection-mode="SingleEnd"> <ui5-tree selection-mode="SingleAuto"> <ui5-tree selection-mode="None">Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-tab, ui5-tab-separator: If previously you have used:
someTab.getTabInsStripDomRef(); someTabSeparator.getTabInsStripDomRef();Now use:
someTab.getDomRefInStrip(); someTabSeparator.getDomRefInStrip();Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- "Device#isIE" method has been removed and no longer available
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- Removed the
CSP.jsmodule and the creation of<style>and<link>tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js" import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js" import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"- Removed the
ICardHeaderinterface. If you previously used the interface
import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"Use the CardHeader type instead:
import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"- Removed the
IUploadCollectionIteminterface. If you previously used the interface:
import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"Use the
UploadCollectionItemtype instead:import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
sizeproperty now accepts different values. If you previously used it like:
<ui5-busy-indicator size="Small"></ui5-busy-indicator>Now use the new values instead:
<ui5-busy-indicator size="S"></ui5-busy-indicator>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
statusproperty and its shadow part have been renamed. If you previously used them:
<style> .cardHeader::part(status) { ... } </style> <ui5-card-header status="3 of 10"></ui5-popover>Now use
additionalTextinstead:<style> .cardHeader::part(additional-text) { ... } </style> <ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
pageIndicatorStyleno longer exists. If you previously used it like:
<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>Now you should use
pageIndicatorTypeinstead:<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- Removed
UI5Element#rendermethod in favour ofUI5Element#renderer. If you previously used "render"
class MyClass extends UI5Element { static get render() { return litRenderer; } }start using "renderer"
class MyClass extends UI5Element { static get renderer() { return litRenderer; } }- Remove JavaScript template option from @ui5/create-webcomponents-package
Previously
npm init @ui5/webcomponents-packageused to create JS-based project, however now it will be TypeScript-based project. If you previously usednpm init @ui5/webcomponents-package --enable-typescriptto create TypeScript-based project, now it's by default, e.gnpm init @ui5/webcomponents-packageand--enable-typescriptis removed. - The
LeftandRightoptions option have been renamed. If you previously used them to set the placement or the alignment of the popover:
<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>Now use
StartorEndinstead:<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- docs: deploy v2 preview
- Remove
soccoricon. Usesoccerinstead. - Remove
add-polygoneicon. Useadd-polygoninstead. - The JSDoc plugin has been removed, and the generation of api.json has stopped. If you previously relied on the
ui5-package/dist/api.json file, you can now useui5-package/dist/custom-elements.json - All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
import "@ui5/webcomponents/dist/Assets-static.js"; import "@ui5/webcomponents-icons/dist/Assets-static.js"use the dynamic equivalent of it:
import "@ui5/webcomponents/dist/Assets.js"; import "@ui5/webcomponents-icons/dist/Assets.js"Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- The event
selected-dates-changeis renamed toselection-change. In addition the event detailsvaluesanddatesare renamed toselectedValuesandselectedDateValues. If you previously used the Calendar event as follows:
myCalendar.addEventListener("selected-dates-change", () => { const values = e.detail.values; const dates = e.detail.dates; })Now you have to use the new event name and details:
myCalendar.addEventListener("selection-change", () => { const values = event.detail.selectedValues; const dates = event.detail.selectedDateValues; })Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- The property
coloris renamed tovalue. If you previously used the change event of the ColorPicker as follows:
<ui5-color-picker color="red"></ui5-color-picker>Now you have to use it like this:
<ui5-color-picker value="red"></ui5-color-picker>Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- JavaScript projects may not function properly with the tools package.
- The
openPopoverandshowAtmethods are removed in favor ofopenandopenerproperties. If you previously used the imperative API:
button.addEventListener("click", function(event) { colorPalettePopover.showAt(this); });Now the declarative API should be used instead:
<ui5-button id="opener">Open</ui5-button> <ui5-color-palette-popover opener="opener">button.addEventListener("click", function(event) { colorPalettePopover.open = !colorPalettePopover.open; });- The
ui5-barcomponent is now inmainlibrary. If you previously imported theui5-barfromfiori:
import "@ui5/webcomponents-fiori/dist/Bar.js;Now, import the
ui5-barfrommain:import "@ui5/webcomponents/dist/Bar.js";Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- If you have previously used:
<ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>Now use:
<ui5-tab id="nestedTab" slot="items"></ui5-tab>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- If you have previously used:
<ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>Now use:
<ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- If you previously imported
TabContainerBackgroundDesign, useBackgroundDesigninstead.
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- The showOverflow property is removed. If previously you have used:
<ui5-tabcontainer show-overflow></ui5-tabcontainer>now use the overflowButton slot:
<ui5-tabcontainer> <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button> <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button> </ui5-tabcontainer>Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
placementTypeproperty and thePopoverPlacementTypeenum have been renamed. If you have previously used theplacementTypeproperty and thePopoverPlacementType
<ui5-popover placement-type="Bottom"></ui5-popover>import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";Now use
placementinstead:<ui5-placement="Bottom"></ui5-popover>import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
sizeproperty of theui5--illustrated-messageis renamed todesign. If you have previously used thesizeproperty:
<ui5-illustrated-message size="Dialog">Now use
designinstead:<ui5-illustrated-message design="Dialog">Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- The
separator-styleproperty is renamed toseparatorsand theBreadcrumbsSeparatorStyleenum is renamed toBreadcrumbsSeparator. If you have previously used theseparator-styleproperty:
<ui5-breadcrumbs separator-style="Slash">Now use
separatorsinstead:<ui5-breadcrumbs separators="Slash">Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- The
disabledproperty of theui5-optionis removed. If you have previously used thedisabledproperty:
<ui5-option disabled>Option</ui5-option>it will no longer work for the component.
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- You can no longer import and implement the
ITabinterface. TabContainer is designed to work only with Tab and TabSeparator classes, so the interface was obsolete.
Features 1, Fixes 5
Notes
Bug Fixes
- ui5-avatar: correct badge style (#8564) (e3a373d), closes #7564 #8491
- ui5-day-picker: improve day name length check (#8578) (38012fe)
- ui5-input, ui5-combobox: improve samples with value state message (#8595) (63de7ee), closes #8581 #8581 #8581
- ui5-input: prevent scroll on value state focus (#8603) (964afb6), closes #8582
- ui5-multi-input: create token from pasted text on change (#8592) (2072b2e)
Features
Fixes 5
Notes
Bug Fixes
- ui5-avatar: revise active state styles (#8474) (3f9430c), closes #8309
- ui5-button: fix focus in belize (#8498) (483d942)
- ui5-carousel: Fixed paging indicator numbers in right-to-left (RTL) mode (#8543) (c032c0c)
- ui5-file-uploader: adjust mouse cursor style (#8485) (37a2e0d), closes #7794
- ui5-tabcontainer: fix tab selection (#8547) (5eaa835)
Features 3, Fixes 1
Notes
Bug Fixes
Features
Features 3, Fixes 1
Notes
Bug Fixes
Features
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-avatar: fix default size appearance and font-family (#8415) (22826f0)
- ui5-button: remove bold font of emphasized button in safari and chrome (#8422) (19ca981)
- ui5-date/time-picker, ui5-step-input: prevent text selection (#8397) (220eac4)
- ui5-message-strip: remove aria-live (#8398) (9dc902e), closes #8394
- ui5-multi-combobox: rename togglePopover method (#8418) (d1d6f7e)
- ui5-panel: prevent border cut on horizon themes (#8400) (fc2421f), closes #8369
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-breadcrumbs: fixed not working separators (#8383) (ca733c1)
- ui5-combobox: show all items upon arrow click (#8373) (c9dab87), closes #8267
- ui5-date-picker: open correct picker (#8371) (78b98a5), closes #8218
- ui5-side-navigation: fix private types (#8158) (a03921c)
- ui5-switch: align icon on iOS devices (#8356) (f373305)
- ui5-table: highlight popined selected rows (#8372) (5c6af14)
Features
Features 1, Fixes 4
Notes
Bug Fixes
- ui5-avatar: resolve initial flickering during fallback to icon (#8351) (845b6f7)
- ui5-button: correct focus outline colors in active/focus state (#8325) (32385a7)
- ui5-menu: improve focus handling (#8348) (bd33dc5)
- ui5-time-picker: remove redundant aria attributes (#8350) (0d0a592), closes #6931
Features
Features 1
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 2
Notes
Bug Fixes
- ui5-card-header: truncate long single-word description (#8247) (b79aef7), closes #8245
- ui5-tree-item: fix background color on hover (#8278) (1a28393)
Features
- ui5-calendar-legend: introduce ui5-calendar-legend component (#7706) (909a602)
- ui5-rating-indicator: introduced "remaining-bar" CSS part (#8276) (7f46b0b), closes #8213
- ui5-side-navigation: add external link icon (#8199) (47e28c5)
- ui5-step-input: add value-state-change event (#8225) (8ab3ad1), closes #4791 #5130
Features 4, Fixes 12
Notes
Bug Fixes
- build (#8191) (5af9560)
- release build (#8222) (27042ac)
- ui5-breadcrumbs: render current location as link (#8206) (01f5542)
- ui5-combobox: fix failing test (#8220) (888bcd0)
- ui5-dialog: include the opacity in the background color (#8181) (3666e56)
- ui5-popover: arrow is now centered on close to the edge opener (#8205) (d17a4bc)
- ui5-popover: correct position of the footer (#8180) (a5a2f8b), closes #8009
- ui5-split-button: use correct params (#8140) (ddc5fe3)
- ui5-tab-container: correct two-click area separator height (#8168) (19c4df1)
- ui5-toast: check whether the event key property exists (#8209) (43d32f0)
- ui5-toolbar-select: options added to bundle (#8183) (a2c37e4)
- ui5-toolbar: fire noConflict events correctly (#8169) (6890d94)
Features
Features 1, Fixes 8
Notes
Bug Fixes
- add @allowPreventDefault where needed (#8148) (5d6eb44)
- ui5-badge: correct text-shadow for Quartz dark and Quartz high contrast themes (#8142) (e1f4e82), closes #8126
- ui5-color-palette: add i18n text for default color button's text (#8157) (7b4dac3)
- ui5-date-time-picker: align calculations with density change (#8090) (bc035bb), closes #7992
- ui5-list: load-more event fired correctly (#8143) (c483a28)
- ui5-multi-combobox: select all implementation (#8066) (7e8a355)
- ui5-multi-input: fix multiple token addition (#8144) (94590e1), closes #8049
- ui5-textarea: prevent page height from growing on large input (#8118) (7a819c8), closes #8082
Features
Features 2, Fixes 4
Notes
Bug Fixes
- ui5-breadcrumbs: remove char separators from accessibility announcement (#8099) (ec1fd10)
- ui5-list: removed _level property (#8089) (d0bc9eb), closes #8047
- ui5-multi-combobox: enhance accessibility on mobile (#8096) (14b5421)
- ui5-split-button: fix split button when in wrapper (#8037) (38861c8)
Features
Fixes 1
Features 2, Fixes 3
Features 2, Fixes 5
Notes
Bug Fixes
- framework: enable
72Blackfullfont-family (#7918) (214780f), closes #7800 - ui5-panel: improve header visualization (#7906) (3c1fe39)
- ui5-table: popin-change is now fired on pop out (#7837) (4ca3898)
- ui5-table: show busy indicator above sticky column headers (#7886) (bce4b93), closes #7848
- ui5-textarea: adjust scroll positioning (#7920) (944b260)
Features
- framework: enable
Notes
Note: Version bump only for package @ui5/webcomponents
Features 1, Fixes 10, Other 1
Notes
Bug Fixes
- FormSupport: submit linebreaks in ui5-textarea (#7757) (425e97b), closes #7467
- ui5-button: align styles to specification (#7784) (0cf1201), closes #7352
- ui5-calendar: focus date set in slot (#7735) (842f047), closes #7693
- ui5-combobox: announce value state header on focus (#7751) (1941854)
- ui5-list: removed unnecessary accessibility reading (#7758) (2f6780f), closes #7601
- ui5-popup: add check for initial focused element id (#7746) (ec80fae), closes #7711
- ui5-slider: update labels on min and max change (#7764) (14fd642)
- ui5-tabcontainer: add margins for the Overflow buttons (start and end) (#7745) (612f503), closes #7291
- ui5-textarea: remove white space from value state message (#7755) (3df7d03)
- ui5-textarea: select exceeded text (#7741) (5a510cf)
Features
Reverts
Fixes 7
Notes
Bug Fixes
- ui5-calendar: adjust selected border color (#7730) (45b11f9)
- ui5-color-picker: fix hsl to rgb color conversion (#7723) (4e95272), closes #7660
- ui5-combobox: exclude group from suggestions count (#7713) (40ffa20)
- ui5-input: add additional text to the item's announcement (#7715) (6bcb970)
- ui5-input: update clear icon accessible name (#7744) (5da1fbe)
- ui5-popup: apply responsive paddings as early as possible (#7710) (f6e9ac4), closes #7644
- ui5-tree-item-custom: text wrapper allows proper alignment of flex content (#7733) (46e89e7), closes #7483
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-avatar: a11y fixed (#7636) (15a84f8)
- ui5-avatar: prevent hover effect on non-interactive avatars (#7611) (8a782f1)
- ui5-checkbox: fix horizon hcb and hcw (#7686) (cef8881)
- ui5-label,ui5-input,ui5-list,ui5-tabcontainer,ui5-table,ui5-wheelslider: special character support for id (#7634) (993f2b7), closes #7633
- ui5-menu: prevent bubbling in events (#7653) (6f5caf4), closes #7637
- ui5-step-input: align decrement icon (#7654) (ce81085)
Features
Fixes 2
Notes
Note: Version bump only for package @ui5/webcomponents
Features 1, Fixes 6
Notes
Bug Fixes
- ui5-button: update font params (#7625) (b2ea9aa)
- ui5-list: update horizon theme parameters (#7614) (b0b8359)
- ui5-message-strip: remove button's custom width (#7606) (bb8241a)
- ui5-multi-combobox: correct usage of css var (#7616) (c59c3bc)
- ui5-slider: adjust Horizon themes (#7615) (4540766)
- ui5-table: improve Horizon styles (#7609) (092537e)
Features
Features 4, Fixes 9
Notes
Bug Fixes
- ui5-breadcrumbs: infinite rerendering fixed (#7589) (af8015b)
- ui5-button: remove box shadows (#7590) (555303a)
- ui5-dialog: fix background and shadow of slotted ui5-bar (#7421) (2746460), closes #7418
- ui5-input,ui5-textarea: adjust disabled readonly visualisation (#7568) (e97e35f)
- ui5-input: adjust button's size (#7597) (b32dba1)
- ui5-input: improve item announcement (#7585) (292d15a)
- ui5-popover: improve positioning when scrolling (#7593) (a1b3bf6), closes #7173
- ui5-segmented-button: visual misalignments (#7528) (d459fc2)
- ui5-switch: fix text alignment in all themes (#7416) (b4dea67)
Features
- add
secondaryCalendarTypeglobal config (#7547) (c9111a3) - ui5-checkbox: update horizon theme paramaters (#7576) (4d144dd)
- ui5-combobox, ui5-multi-combo-box, ui5-input, ui5-multi-input: add wrapping in suggestions and n-more (#7509) (21528a0)
- ui5-split-button: adapt visual design with new parameters (#7584) (28997c8)
Features 1, Fixes 7
Notes
Bug Fixes
- ui5-busy-indicator: fix spacing between dots (#7523) (12f5419)
- ui5-dialog: adjust resize handle position for Horizon (#7550) (4c1b7dd)
- ui5-link: add title to inner link (#7537) (ebf6bdf), closes #7518
- ui5-radio-button: SAP Horizon theme updates (#7482) (b20ee4d)
- ui5-shellbar: align notification counter (#7490) (f8975a6), closes #7208
- ui5-tree: indentation correction (#7541) (5e85b3a)
- ui5-tree: list item active state implemented (#7527) (bbdde51), closes #7121
Features
Features 4, Fixes 11
Notes
Bug Fixes
- ui5-busy-indicator: fixed text center alignment and wrapping (f7bda6d), closes #7470
- ui5-carousel: remove outer outline of the arrow on "down" state (#7511) (4774bc6)
- ui5-combobox: enhance storybook samples (#7469) (0f54160)
- ui5-input: enhance storybook samples (#7532) (e48da75)
- ui5-radio-button: avoid nesting elements with tab-index within each other (#7488) (5def83b), closes #7419
- ui5-select: scroll item into view on keyboard navigation (#7370) (8ecd118), closes #7164
- ui5-tabcontainer: restore indentation in overflow (#7506) (039d57e), closes #7505
- ui5-tabcontainer: thicken selection border in Horizon HCB/HCW (#7477) (ad36491)
- ui5-table: enhance storybook samples (#7517) (4e6a56b)
- ui5-textarea: enhance storybook samples (#7443) (e10575d)
- ui5-textarea: prevent console error on focus out (#7504) (31a3608)
Features
Features 3, Fixes 4
Notes
Bug Fixes
- ui5-date-picker: align value state to react binding (#7396) (c6e6a7b), closes #6993
- ui5-multi-combobox: adjust 'paste' handling (#7440) (dd658c5), closes #7330
- ui5-select: fix header on phone & update items on options change (#7455) (116594c)
- ui5-split-button: add css variables for active state (#7450) (2885a4d)
Features
Features 1
Notes
Note: Version bump only for package @ui5/webcomponents
Features 4, Fixes 5
Notes
Bug Fixes
- ui5-checkbox: prevent text selection on checkbox (#7364) (d6aeb0f), closes #7236
- ui5-checkbox: trigger form validation when required (#7363) (0f90a53), closes #7319
- ui5-slider: remove tag name from base class (#7373) (7e47744)
- ui5-switch: align text/icon properly in switch handle (#7350) (5a7f41f)
- ui5-time-picker: support relative value "now" (#7325) (0b2ef4f)
Features
Features 2, Fixes 4
Notes
Bug Fixes
- ui5-multi-input: prevent exception when single token is added (#7305) (0d1cc28), closes #7304
- ui5-table: fix unstable tests (#7337) (7a72308)
- ui5-time-picker: add explicit dep to SegmentedBtnItem (#7347) (71f96cd)
- ui5: change "focus-visible" pseudo selector to "focus" (#7338) (37505c3)
Features
Features 1, Fixes 4
Notes
Bug Fixes
- ui5-li: remove additional text width restriction (#7274) (d80dbac), closes #6937
- ui5-list: avoid close event conflicts (#7272) (0b7617e)
- ui5-tabcontainer: remove extra padding from overflow menu (#7316) (1705972)
- ui5-token: adjust Horizon themes according to the specification (#7266) (133ce18)
Features
Features 1
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-button: prevent event throw on mobile when disabled (#7254) (337a5fa), closes #7249
- ui5-link: change width to max-width (#7233) (3be7358)
- ui5-range-slider: adjust hover state visualization (#7232) (0ee7b8e)
- ui5-segmented-button: support custom width configuration (#6969) (f448af4)
- ui5-shellbar: align notification counter badge (#7208) (1ee67f5)
- ui5-tabcontainer: fix height in compact (#7280) (3c4a806)
Features
Features 2, Fixes 6
Notes
Bug Fixes
- framework: support older OpenUI5 getThemeRoot API (#7202) (54e615c), closes #7199
- ui5-combobox: prevent selection of multiple items (#7223) (bb41f78)
- ui5-combobox: remove position announcement for group header items (#7214) (2cc9d18)
- ui5-multi-combobox: delete value after OK button is pressed (#7221) (26f0f79)
- ui5-multicombobox: improve paste functionality (#7190) (dd438be)
- ui5-side-navigation: cursor is pointer for selected items (#7229) (9292c6e), closes #7156
Features
Features 2, Fixes 4
Notes
Bug Fixes
- framework: prioritize external fonts over locally installed (#7184) (c527c70), closes /github.com/SAP/openui5/blob/master/src/themelib_sap_horizon/src/sap/ui/core/themes/sap_horizon/shared.less#L259 #7177
- ui5-progress-indicator: align icon value with VD (#7167) (7101f27)
- ui5-table: correct width in case of no-data (#7163) (f5838a8)
- ui5-textarea, ui5-select: collision of 'popover' property with Google Chrome (#7162) (6066d46)
Features
Features 5, Fixes 6
Notes
Bug Fixes
- ui5-avatar: aria-label added to initials (#6967) (c89c5d3)
- ui5-carousel: update carousel horizon theme (#6984) (ecaa0e7)
- ui5-datetime-picker/ui5-time-picker: fix top and bottom overflows of input (#6886) (5c995bf)
- ui5-file-uploader: align vertically input and the button (#7058) (1bf009a)
- ui5-label: colon symbol is now language-dependent (#7090) (d0f4c8f)
- ui5-popup: cancel focus application if the popup is removed from the DOM in the meantime (#7084) (9c03282)
Features
- ui5-calendar: update visual design to latest SAP Horizon spec (#6953) (f11032a)
- ui5-link: update visual design according to the latest Horizon spec (#6988) (3cce241), closes #6999
- ui5-menu: dispatch ui5-before-open for the sub-menus (#7064) (e4a7f2d), closes #6131 #6131 #6131 #6131 #6131 #6131 #6131 #6131 #6131
- ui5-segmented-button: enable multiple selection (#6959) (f8f44e4)
- ui5-select: change event is now preventable (#7113) (9c851c5), closes #6648
Features 2, Fixes 8
Notes
Bug Fixes
- ui5-dialog: center dragged or resized dialog on window resize (#7069) (99280ec)
- ui5-dialog: fix focus bug in safari (#7041) (821735f), closes #6768
- ui5-file-uploader: align form controls vertically (#7029) (13e2635)
- ui5-popover: update horizon theme (#6987) (f2dd0b6)
- ui5-switch: fix truncation when text spacing is applied (#7071) (94f04a2)
- ui5-tab: stable dom ref is now the same as the dom ref (#7074) (a35724f)
- ui5-token: adjust styles to latest specification (#6996) (20e71fa)
- ui5-tree: tree list is re-rendered when the tree changes (#7066) (5d22994)
Features
Features 1, Fixes 4
Notes
Bug Fixes
- add missing file-extensions for ESM support (#6971) (1f42d0c)
- ui5-avatar: avatar initials correct display (#6731) (16e6307), closes #6642
- ui5-input: adjust Horizon themes according to the latest specifications (#6965) (ce3707c)
- ui5-tabcontainer: bottom align tab strip item text with no additional text (#6950) (089bf3f)
Features
Features 4, Fixes 3
Notes
Bug Fixes
- ui5-dialog: always wait for applying of initial focus to complete (#6912) (f10c251), closes #6768
- ui5-input: remove double border of input in dialog on phone (#6946) (1d3c911), closes #6943
- ui5-tabcontainer: correct focus outline (#6922) (c68133e)
Features
- ui5-checkbox, ui5-icon: added new part attribute to the root element (#6949) (dc4ace1), closes #6461 #6474
- ui5-checkbox: adjusted to new Horizon theme specification (#6951) (553d0bd)
- ui5-menu: provide busy indicator display (#6866) (deb6685), closes #6131
- ui5-title: add custom overstyles when used with Link (#6932) (e1b65ef), closes #6785
Fixes 2
Features 1, Fixes 6
Notes
Bug Fixes
- u5-tree-item: correct text alignment on truncation (#6879) (d146aca)
- ui5-avatar-group, ui5-breadcrumbs: expand width to fill container (#6873) (7fcdbbc)
- ui5-color-picker: fix incorrect input state after invalid values (#6870) (5e22b70)
- ui5-menu: fix children closing unexpectedly when opener is right aligned (#6894) (e1e8cf5), closes #5802
- ui5-select: close picker on selection (#6883) (2189681)
- ui5-table: prevent Safari from crashing (#6888) (ae11e1d), closes #6570
Features
Fixes 1
Fixes 4
Notes
Bug Fixes
- theming: fix icons version display for custom themes (built via the ThemeDesigner) (#6815) (63ff800), closes #6758
- ui5-checkbox: apply correct styles to down state (#6824) (c7c186d)
- ui5-daypicker: date selection range light blue indication (#6836) (d16cf33), closes #6781
- ui5-progress-indicator: disabled opacity fix (#6808) (1174b48)
Features 2, Fixes 6
Notes
Bug Fixes
- ui5-avatar: documentation fix (#6822) (e0ec2eb)
- ui5-busy-indicator: height of the root element inherits the height of the Busy Indicator (#6805) (3659ca0), closes #6668
- ui5-list: forward focus behaviour (#6790) (3ac819c)
- ui5-multi-combobox: prevent focus lost after token deletion (#6734) (d23b8d7), closes #6671
- ui5-select: selected option is announced on dropdown open (#6733) (6a6f87f)
- ui5-textarea: apply correct styles to value state None (#6804) (6f7a22b)
Features
Features 1, Fixes 8
Notes
Bug Fixes
- ui5-breadcrumbs: import used arrow-down icon (#6685) (3a000ce)
- ui5-combobox: fire selection-change correctly (#6652) (3d70b44)
- ui5-date-picker: change and restore value if change event is prevented (#6693) (597017f)
- ui5-icon: aria-label change (#6584) (932f451)
- ui5-input: remove field value when cleared in change event handler (#6417) (aeca9ac), closes #6249
- ui5-popover: flip horizontalAlign Right with Left and vice versa in RTL (#6645) (043a263)
- ui5-split-button: align styles in icon only mode (#6697) (dbdf625), closes #6688
- ui5-step-input: align style to specification (#6699) (85b4f8e), closes #6687
Features
Notes
Note: Version bump only for package @ui5/webcomponents
Features 5, Fixes 9
Notes
Bug Fixes
- ui5-combobox: filter items when lazy-loading after initial rendering (#6512) (7032e5e)
- ui5-multi-input/ui5-multi-combobox: enhance tokenizer visualization (#6597) (fd7aa30)
- ui5-range-slider: add aria-valuenow to the progress bar (#6612) (71284ba)
- ui5-range-slider: stabilize failing tests (#6450) (5e8f605)
- ui5-select: fixed valuestate message scroll prevention (#6548) (ec995f1), closes #5970
- ui5-table: adjust sample snippet (#6580) (3e62b11)
- ui5-toggle-button: fix Emphasized Toggle Button text shadow in Belize theme (#6566) (63972e5)
- ui5-tree: correctly pass mode to sub items (#6574) (92547be)
- ui5-tree: fixed header-text apperance (#6573) (2f15053), closes #6534
Features
- framework: use decorators for all static getters to define a custom element (#6538) (c90cf0c)
- ui5-checkbox: make change event preventable (#6553) (8f6a4c5)
- ui5-multi-combobox: migrate to Typescript (#6559) (64d9df2)
- ui5-multi-input: migrate to Typescript (#6562) (cc3653a)
- ui5-rating-indicator: migrate to Typescript (#6550) (e0f89b9)
Features 6, Fixes 12
Notes
Bug Fixes
- ui5-avatar: supporting accented characters (#6518) (13f2feb), closes #6457
- ui5-checkbox, ui5-radiobutton, ui5-link: fix "Normal" text wrapping (#6539) (c33cc30), closes #6278
- ui5-date-picker: align value state (#6482) (4b3431e), closes #6303 #5963
- ui5-dialog: overstyle bar when slotted in footer (#6543) (a13ae40), closes #5561
- ui5-label: use logical property in CSS to handle RTL usage (#6542) (aa7c327), closes #6524
- ui5-li-custom: fixed visual glitches (#6451) (7484cd4), closes #5955
- ui5-segmented-button: press item programatically works properly (#6502) (1b7ded1)
- ui5-select, ui5-suggestion-item, ui5-shellbar: color of icon inside options is according to spec (#6415) (78cd73b)
- ui5-step-input: fix change event firing in some cases (#6511) (3f275b8)
- ui5-table: update samples with required styles (#6504) (43dd5ca)
- ui5-textarea: prevent exception if value is set to null (#6493) (7d34fe9)
- ui5-wheel-slider: reduce the wheel speed when using pad (#6503) (89c88b8), closes #6459
Features
- playground: next playground with storybook (#5831) (79274c8), closes #5898
- support SAPBusinessSuite icons v1 and v2 font ( Horizon ) (#6535) (38233b9)
- ui5-combobox: migrate to Typescript (#6520) (c5e21de), closes #4337
- ui5-textarea: migrate to Typescript (#6499) (02edfc4), closes #4337 #4337 #4337
- ui5-textarea: migrate to Typescript (#6522) (efdae14), closes #4337 #6499
- ui5-token, ui5-tokenizer: migrate to Typescript (#6546) (97927c7)
Features 3, Fixes 6
Notes
Bug Fixes
- ui5-badge: align multiple badges when used in one line (#6481) (1e72a3c), closes #6467
- ui5-button: disabled button not execute click event (#6400) (fa47576), closes #6372
- ui5-input/ui5-multi-input/ui5-combobox/ui5-multi-combobox: min-width and margin (#6044) (ba805c6)
- ui5-tabcontainer: improve sub tabs accessibility (#6452) (08cd361)
- ui5-table: remove unnecessary border-top if no-data (#6495) (28d6da5)
- ui5-tab: mark the component as "abstract" (#6458) (3380125)
Features
Features 4, Fixes 7
Notes
Bug Fixes
- f6-navigation: skip empty groups (#6397) (f49c593)
- ui5-avatar: make color-scheme attribute css selector stronger (#6408) (1253929)
- ui5-input: fire change after clear icon pressed and focus out (#6399) (ef4ba22), closes #6365
- ui5-input: fire change event on enter (#6390) (68ad562), closes #6262
- ui5-range-slider: fire input event with correct values after swapping (#6385) (18df557), closes #6377
- ui5-select: change roledescription to Listbox (#6199) (698a0d0)
- ui5-slider: fix runtime error on Safari (#6426) (8c84608)
Features
Fixes 1
Fixes 1
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package ui5-webcomponents
Features 26, Fixes 41
Notes
Bug Fixes
- docs: samples typos (#6236) (be26877)
- formSupport: check and report validity of ui5 input components (#5987) (22d5f60)
- ui5-(multi)-input, ui5-(multi)-combobox: remove value state message spacing (#6233) (fd13f96)
- ui5-avatar: fix icon rendering inside ui5-avatar (#6060) (9899466), closes #6043
- ui5-avatar: fixed incorrect img slot border alignment (#6133) (dc410d1), closes #5919
- ui5-avatar: improved documentation of initials property (#6138) (8cc1303), closes #6136
- ui5-button: adjust tooltip display (#5936) (98dd38e), closes #5083
- ui5-calendar: adjust displayed width (#6196) (5eaf13c), closes #5641
- ui5-calendar: set proper roledescription on the pickers (#6197) (ebd3cc0), closes #5858
- ui5-carousel: fixed screen readers reading when a page is changed (#6105) (5da4e5f)
- ui5-checkbox: fix focus outline (#6033) (3fa961c), closes #5915
- ui5-date-picker: align styles to input (#6149) (8d3e3f1)
- ui5-dialog, ui5-popover: change header level to H1 (#6293) (a9130e8)
- ui5-dialog: fix block layers when multiple dialogs are open (#6183) (018f521)
- ui5-icon: cursor "pointer" added for interactive icons (#6042) (58fba64)
- ui5-icon: showTooltip property documentation improved (#6165) (10849b7)
- ui5-input: correct input value on item re-selection (#6252) (17bedbe), closes #6091
- ui5-input: fix typo in renderer (#6185) (0134ed1)
- ui5-input: make icons responsive when height is changed (#5908) (3d3f047)
- ui5-li: allow support for anchor tags in ListItem (#6126) (db51f59), closes #6121
- ui5-li: bottom border is now visible in evening horizon (#6129) (3dbd53d), closes #6116
- ui5-multi-combobox: delete long tokens when icon is clicked (#6069) (18e0b6e), closes #6048
- ui5-multi-combobox: force tokenizer layouting when selected items are added (#6168) (9760c61), closes #6092
- ui5-multi-combobox: prevent tokenizing of group headers (#6230) (ff920da), closes #6222
- ui5-multi-input: focus input when all tokens are deleted (#6170) (f087209), closes #6073
- ui5-panel: remove aria controls from expand button (#6167) (473e4bb), closes #6157
- ui5-popover: clicking on iframe now closes an open popover (#6145) (f01e872), closes #6087
- ui5-range-slider: fire change event after value swapping (#6057) (4134a7c)
- ui5-segmented-button: align mousedown and mouseup on item behaviour (#6142) (9d687d8), closes #5390
- ui5-select: correct typo in --_ui5_select_label_color (#6217) (117b9f8)
- ui5-side-navigation: fixed accessibility of the Popover (#6045) (e0e13e1), closes #5827
- ui5-side-navigation: fixed accessibility roles and attributes when Side Navigation is collapsed (#5877) (92b9dc9), closes #5827
- ui5-split-button: add split-arrow-down icon to dependencies (#6065) (1473859)
- ui5-tabcontainer: added tab expand button tooltip (#6100) (8d81f01)
- ui5-tabcontainer: adding selected tab programatically deselects previously selected tab (#6036) (e73ec21), closes #5932 #5932
- ui5-table: apply correct color to the header row text (#6232) (6ad1c4c)
- ui5-textarea: adjust styles according to the visual specification (#6274) (2075b2c)
- ui5-textarea: fix the minimum width of the component (#6054) (1b5b24a)
- ui5-tokenizer: apply correct color to N-more text (#6267) (7208c2f)
- ui5-tree: change isTreeItem getter visibility (#6200) (9a7c91a)
- ui5-tree: correct forwarding of mode value to items (#6277) (665107b)
Features
- add TS types for localization packages (#6147) (39dcbfd)
- enable TS in main, fiori (#6064) (0b56130)
- support decorators for custom elements metadata (#6072) (fc9ee6e)
- ui5-avatar: migrated to Typescript (#6272) (3f3a03f)
- ui5-breadcrumbs: migrate to TS (#6254) (02a6d64)
- ui5-button, ui5-date-picker, ui5-calendar: migrate to TS (#6173) (7232ca0), closes #6080
- ui5-carousel: allow page indicator to always display numbers (#6245) (36ef5a6), closes #5409
- ui5-checkbox: migrated to Typescript (#6292) (49cef2d)
- ui5-color-palette: convert to Typescript (#6244) (ec3bf43)
- ui5-daterange-picker: migrate to TS (#6246) (63986f5)
- ui5-icon: new 'design' property introduced (#6261) (566c46b), closes #6019
- ui5-input: correct disabled state style for horizon (#6046) (42a64e7)
- ui5-li: imageContent slot is added (#6083) (2dc0d2c), closes #5462
- ui5-li: navigation mode is enabled (#6024) (97afa69)
- ui5-list, ui5-li, ui5-li-custom: migrate to TS (#6166) (12b3570)
- ui5-menu: add open/opener functionality and open/close events (#5984) (951f09a)
- ui5-message-strip: convert to Typescript (#6248) (0325626)
- ui5-range-slider: expose shadow parts (#6258) (518fe86)
- ui5-slider: convert to Typescript (#6251) (b9a082a)
- ui5-table: add inline display property (#6007) (d41445f)
- ui5-textarea: integrate label enablement support (#6027) (e1b0271), closes #5710
- ui5-timepicker: convert to TS (#6240) (f1035eb)
- ui5-tree-item-custom: initial implementation (#5962) (b148c23)
- ui5-viewsettings-dialog: migrate to Typescript (#6218) (ee3bbe4)
- ui5: display focus outline via keyboard only (#6084) (848997b)
- use Typescript for the
basepackage (#5982) (bd184d8)
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Features 7, Fixes 16
Notes
Bug Fixes
- form support: remove additional fields from ACC tree (#5922) (fed99ed), closes #5917
- make static are items recognizable to openui5 dialogs (#5888) (efaa1d6), closes #5634
- ui5-combobox: announce additional text of selected item (#5943) (4c1ca7d)
- ui5-icon: visualize the icons properly in Safari (#5871) (3f255d9)
- ui5-input: type composition characters correctly (#5869) (5f61d11)
- ui5-label: improve "for" attribute accessibility reading (#5872) (b9ffaa6)
- ui5-li: apply proper border radius to avatar with image (#5942) (f200a76)
- ui5-listitem: prevent default event action when fire custom press event (#5928) (ed1efcc)
- ui5-multi-input: import value help icon (#5972) (b36be95)
- ui5-radio-button: improve acc (#5880) (6616897)
- ui5-tabcontainer: translate semantic design aria description (#5883) (f256d0b)
- ui5-table-row: refactor navigated property (#5976) (ba264af)
- ui5-table: announce whether a row is selected or not (#5930) (4d34fe9)
- ui5-table: enable focus navigation in popin content (#5900) (9fd81e2)
- ui5-table: remove role row as it is redundant (#5939) (a7fe699)
- ui5-time-picker: enable text spacing (#5940) (da7ae70), closes #5792
Features
- framework: generate custom elements manifest (#5964) (0d62770)
- ui5-avatar: support of 3 letters is enabled (#5870) (43338e1)
- ui5-li: introduce deleteButton slot (#5971) (ca40efd), closes #5826
- ui5-link: make acceessibleRole property public (#5879) (6ce8b2d), closes #5686
- ui5-radiobutton: add "required" property (#5937) (621b87a)
- ui5-switch: provide tooltip property (#5954) (5b5db73), closes #5552
- ui5-table-row: added navigated property (#5946) (3c2a8a3)
Features 3, Fixes 19
Notes
Bug Fixes
- ui5-breadcrumbs-popover: aligned footer items (#5821) (b1aa6e7), closes #5810
- ui5-dialog: correct imports in HC theme bundles (#5851) (3cef0d5), closes #5832
- ui5-dialog: fixed text selection when the dialog is draggable (#5724) (9e0c79f)
- ui5-input,ui5-combobox: remove 'selected' announcement (#5864) (e04adde)
- ui5-input: announce suggestion text once (#5817) (6225e10)
- ui5-input: enable autocomplete deletion by Meta/Alt + backspace (#5729) (df0fff6)
- ui5-input: handle deletion in numeric input (#5676) (3858adb), closes #4932
- ui5-multi-combobox: apply focus when invoked explicitly (#5850) (212b2ef)
- ui5-panel: improve focus outline visualization (#5811) (83b244c)
- ui5-radio-button: correct syncing radio group when exiting DOM (#5859) (0dca9b2), closes #5803
- ui5-tabcontainer: fix closing overflow on mobile (#5855) (996714e), closes #5854
- ui5-tabcontainer: fixed error when no tabs (#5793) (cfb8951)
- ui5-tabcontainer: fixed tabs accessibility issues (#5846) (e633b8b)
- ui5-table: add bottom border in Horizon themes (#5807) (63bbf89)
- ui5-table: adjust samples according to the guidelines (#5828) (debf472)
- ui5-table: apply correct padding in RTL mode (#5805) (301fc4e)
- ui5-table: count header row as first one (#5800) (9bef86f)
- ui5-textarea: announce value state type (#5798) (a689502), closes #5716
- ui5-tokenizer: return correct token on delete event (#5744) (d694a88)
Features
Features 9, Fixes 35, Other 1
Notes
Bug Fixes
- correct imports of horizon Badge CSS files (#5673) (583a63d)
- correctly calculate accessibleNameRef (#5520) (a872c9b), closes #5452
- remove woff files and woff/ttf usage (#5629) (e4175cd)
- ui5-avatar-group: width calculations for (non-)Chromium browsers adjusted (#5737) (2741705), closes #5643
- ui5-breadcrumbs: current location misalignment is fixed (#5585) (b685860)
- ui5-button: adjust icon role (#5714) (5b446f5), closes #5505 #5596 #5687
- ui5-button: announce is now correct when button is icon only with tooltip (#5592) (7703945), closes #5386
- ui5-button: correct calculation of the min width of an icon button (#5701) (005ada0)
- ui5-button: correct text shadow in contrast themes (#5750) (7fb7e4c), closes #5420
- ui5-button: provide tooltip for icon-only buttons (#5734) (d49427f), closes #5687 #5596 #5505
- ui5-calendar: adjust high contrast belize themes (#5756) (4d19f91), closes #5377
- ui5-calendar: adjust the role attribute of the header actions elements (#5723) (3acd9bf), closes #5708
- ui5-calendar: align year and month picker focus to horizon (#5692) (02816a9), closes #5644
- ui5-date-picker: focus out now closes the popup (#5603) (0a7fcac), closes #5532
- ui5-date-picker: remove background whitespace (#5764) (2ad0c44), closes #5640
- ui5-daterange-picker: handle single date value (#5769) (ce8a446)
- ui5-input: additional check added for robustness (#5619) (7275652), closes #5580
- ui5-input: allows changing value in selection change event handler (#5677) (46b175f)
- ui5-input: correction of change event (#5671) (b89f91c)
- ui5-input: fix item selection bugs (#5372) (274efaa)
- ui5-link: multiple click events (#5642) (74fd5b9)
- ui5-list: unexpected spaces between group items (#5726) (d69932c), closes #3869 #5720
- ui5-menu: opening a submenu no longer throws a console error (#5591) (1b5caf7), closes #5582
- ui5-menu: prevent closing sub menu when hovering over icon (#5670) (36cb3d2), closes #5669
- ui5-multiinput: prevented token-delete event firing when readonly (#5613) (c8f4178), closes #5448
- ui5-panel: recognizable panel heading (#5628) (6f1b250)
- ui5-panel: toggle ui5-panel correctly on Enter key (#5660) (137d8f3)
- ui5-popup: Synchronous opening of a popup from another popup with Enter key now works (#4975) (1bb87f5), closes #4861
- ui5-select: selected option in dropdown is now read out (#5589) (f8ab6ed)
- ui5-slider, ui5-range-slider: apply correct handle's icon (#5612) (1706174)
- ui5-tabcontainer: update tab strip on tab selection (#5449) (bbc9246), closes #5172 #5116
- ui5-textarea: show exceeded text when maxLength is 0 (#5691) (52db670), closes #5384
- ui5-time-picker: remove ampm translation (#5751) (4943ef9), closes #5181
- ui5-tokenizer: adjust scrolling behavior (#5281) (572ca8d)
- ui5-tree: include
targetIteminselection-changeevent (#5631) (dc73fe2), closes #5430
Features
- framework: reset scrollbar styles class (#5623) (c3f3063)
- icons: update to 4.14.0 5.0.2 SAP-Icons font (#5605) (d794c0b)
- ui5-avatar: introduce badge support (#5418) (816edf0)
- ui5-carousel: add new CSS Shadow part (#5700) (b60ff3f)
- ui5-dialog: add state property (#5587) (c680e7c)
- ui5-icon: support SVGs with multiple paths (#5630) (ce17ca5), closes #5347 #5526
- ui5-menu-item: add new
accessibleNameproperty (#5727) (51987c8), closes #5514 #5656 - ui5-popover: new type DOMReference for opener (#5609) (1a4de12)
- ui5-tabcontainer: make tab-select event preventable (#5661) (928f4fc), closes #5116
Reverts
Features 3, Fixes 22
Notes
Bug Fixes
- formEnablement: correct submit event behaviour (#5500) (07237ec)
- inputs: adjust placeholder styling (#5547) (c427344)
- InvisibleMessage: clear announcement after a while (#5446) (af213f1)
- MultoComboBox: fix component scoping (#5553) (9c26e8e), closes #5521
- ui5-card: correct accessibility attribute (#5479) (48ff032)
- ui5-combobox: annouce group item's text when accessed via keyboard (#5478) (0f60574)
- ui5-combobox: correct ok and close buttons' behavior, as well as item select behavior on mobile (#5541) (fdf25c3)
- ui5-combobox: correctly fire change event on item press (#5447) (0218c19), closes #5432
- ui5-combobox: simplify condition (#5508) (514f632)
- ui5-date-picker: adjust background color (#5466) (7ea3f49), closes #5396
- ui5-date-picker: adjust value help icon role (#5419) (56cc995), closes #5378
- ui5-input: enhance lazy loading (#5370) (73010dc)
- ui5-input, ui5-multi-input, ui5-combobox, ui5-multi-combobox: announce value state type (#5515) (82317d0), closes #5392
- ui5-li: correct accessibility attribute to checkbox (#5475) (88f278b)
- ui5-li-groupheader: use group role on UL nodes only (#5518) (1010f73), closes #5400
- ui5-list: focus handling on nested lists (#5502) (5d4ae79)
- ui5-panel: add tooltip to expand/collapse icon (#5543) (533469d)
- ui5-panel: enhance aria-labelledby handling (#5539) (410dee1)
- ui5-radio-button: correct keyboard navigation in RTL (#5529) (bc726a9)
- ui5-select: announce value state type (#5538) (c0f8a2a)
- ui5-table: render selectAll checkbox only in case ui5-table is not empty (#5523) (cbf23d1)
- ui5-title: use correct font-family for Horizon Themes (#5457) (62c4c20)
Features
Features 4, Fixes 24
Notes
Bug Fixes
- formEnablement: enable required attribute (#5133) (ff044b0), closes #3498
- framework: correct use of arrow keys for ItemNavigation in RTL (#5408) (cec8119), closes #5166
- ui5-avatar-group: adapt width calculations in composite layouts (#5357) (d176800), closes #5333
- ui5-badge: correctly detect if default slot is provided (#5334) (0dceaf5), closes #5328
- ui5-button: adjust icon role (#5355) (1aac3c5), closes #5288
- ui5-card: refactor header to avoid nesting interactive elements (#5301) (9b33bad)
- ui5-carousel: correct navigation buttons behavior (#5302) (34027cd), closes #5125
- ui5-checkbox: correct label color in Horizon (#5375) (659cd7f), closes #5364
- ui5-combobox: change event is now fired on Enter if value is cha… (#5284) (b8a4854)
- ui5-combobox, ui5-multi-combobox: adjust dropdown width according to the visual specification (#5371) (e585304)
- ui5-dialog: add height to footer and samples achieving fiori footer design (#5338) (03269f4)
- ui5-dialog: improved shrinking dialog when resizing (#5291) (997f2a2), closes #5265
- ui5-dialog: make header text bold (#5266) (42c0cbe), closes #5230
- ui5-dialog: reposition on screen resize (#5283) (c2341e8)
- ui5-input: fix typeahead on mobile devices (#5292) (edcdd24)
- ui5-input: refactor change event (#5296) (17465e3)
- ui5-li: correct accessible-name mappings (#5280) (21ed1ee)
- ui5-link: enable overstyling (#5366) (a359ebf), closes #5267 #5218
- ui5-panel: set pointer cursor only over the header (#5275) (04c23b9)
- ui5-popover: avoid dangling aria-labelledby attribute (#5428) (21d5457), closes #3956
- ui5-rating-indicator: apply correct styles for focus in HC themes (#5289) (4531582)
- ui5-rating-indicator: import ui5-icon as used in template (#5320) (885e359), closes #5318
- ui5-slider, ui5-range-slider: adjust padding to spec (#5343) (bfbd23f), closes #4801
- ui5-tabcontainer: make disabled tabs focusable in overflow (#5300) (c39917f)
Features
- ui5-datetime-picker: make change events preventable (#5286) (7395dc3), closes #4684 #5121
- ui5-link, ui5-breadcrumbs: add modifiers keys to click event (#5228) (379cc7b)
- ui5-multi-combobox: implement type ahead (autocomplete) (#5358) (b8e46f4)
- ui5-multi-combobox: introduce grouping functionality (#5250) (597a6f2)
Features 20, Fixes 24
Notes
Bug Fixes
- ui5-breadcrumbs: set aria-current to the focused element (#5214) (20d8b83)
- ui5-calendar: adjust previous and next button styles (#5226) (87f6b36), closes #5117
- ui5-calendar: correct month button text localization (#5246) (04f2b08)
- ui5-calendar: fix displayed month name (#5212) (b03c3ea)
- ui5-color-palette: align buttons to spec (#5170) (9f7f382), closes #4976
- ui5-color-picker: align the slider to horizon spec (#5209) (fd97a42)
- ui5-color-picker: provide meaningful labels for the inner input components (#5217) (a7de0cd), closes #5015 #5023
- ui5-input: adjust maxLength property documentation (#5253) (0c01d9f)
- ui5-input: correct value-state styles in readonly and disabled (#5208) (87bea32)
- ui5-input: prevent exception if there are suggestion but property is false (#5219) (eb57cef)
- ui5-multi-combobox: set correct height to items checkboxes (#5216) (0946207)
- ui5-panel: animate just icon without button (#5164) (fe4ce06)
- ui5-panel: fix typo in css var name (#5202) (854673d), closes #5201
- ui5-rating-indicator: refactor rating-indicator to use SVG icons (#5191) (0782cf7)
- ui5-select: correct Horizon popover styles (#5186) (1c8870b), closes #5008
- ui5-select: correct picker width (#5240) (9bd9d24)
- ui5-select: select correct item by typing text (#5252) (24401b2)
- ui5-switch: adjust additional description announcements (#4927) (4fb44e8), closes #4887
- ui5-tabcontainer: provide unique names for each disabled slot (#5241) (3582127), closes #5178
- ui5-table: adjust colspan value in MultiSelect mode (#5256) (405702c)
- ui5-textarea: adjust focus outline offset (#5101) (cc5c3bd)
- ui5-textarea: adjust placeholder styling (#5179) (fab2b61)
- ui5-textarea: prevent valueState if maxlenght is exceeded (#5237) (ed9d74f)
- fix passive listeners for mobile (#5153) (3ffec52)
Features
- inputs: adjust dropdowns according to Horizon themes specification (#5054) (7884022)
- u5-badge: implement SAP Horizon theme family (#5143) (74470fe), closes #5006
- ui5-avatar-group: implement Horizon theme (#5171) (78298af), closes #5008
- ui5-breadcrumbs: implement Horizon theme (#5066) (34c9d91), closes #5008
- ui5-calendar: embed new horizon theme changes (#5099) (b6f02e4)
- ui5-carousel: implement SAP Horizon theme family (#5061) (ad1ea9f)
- ui5-color-palette: implement Horizon theme (#5149) (357e0d5)
- ui5-color-picker: implement horizon themes (#5139) (4c561fa)
- ui5-file-uploader: implement SAP Horizon theme parameters (#5086) (aff0af9)
- ui5-input: implement type ahead (autocomplete) (#5211) (ec44888)
- ui5-list: implement Horizon theme (#5057) (27f8ea6), closes #5008
- ui5-menu: implement Horizon theme (#5132) (26075fe)
- ui5-multi-combobox: add "accessibleName" and "accessibleNameRef" properties (#5187) (0d80a2c)
- ui5-progress-indicator: implement Horizon theme (#5140) (e1655c4), closes #5008
- ui5-rating-indicator: implement small icons for readonly and disabled (#5233) (405a598)
- ui5-side-navigation: implement SAP Horizon theme family (#5081) (d8d9315), closes #5006
- ui5-sliderbase: implements Horizon theme (#5114) (9b2c705)
- ui5-switch: embed new horizon theme changes (#5017) (73994e1)
- ui5-tabcontainer: enable semantic icons in high contrast themes (#5124) (3a13acf), closes #2540
- ui5-token: implement Horizon themes (#5068) (0d1b124)
Notes
Note: Version bump only for package @ui5/webcomponents
Features 25, Fixes 33
Notes
Bug Fixes
- ui5-avatar: align to latest sap_horizon specification (#4951) (80c1f42)
- ui5-avatar: wrong border-radius (#4877) (cb9f55f), closes #4873
- ui5-card-header: prevent events from action slot to trigger header's click event (#4965) (547ce9e), closes #4891
- ui5-checkbox: align to latest sap_horizon specification (#4972) (be9e6bc)
- ui5-color-palette: Adapt components with responsive paddings (#4985) (9de7198), closes #4869
- ui5-color-picker: fix RTL visual issues (#4966) (ae76500), closes #4892
- ui5-combobox: disable autocomplete on Android (#5088) (7353188)
- ui5-date-picker: adjust initial value formatting (#4967) (304e73b), closes #4958 #4958
- ui5-date-picker: handle date selection via enter keyboard key (#4863) (fc2cec0), closes #4826
- ui5-date-picker: remove aria-expanded attribute (#4866) (381c884), closes #4865
- ui5-date-picker: remove timezone test (#4829) (14552cf)
- ui5-date-picker:* adjust the date and time pickers accessibility attributes (#4996) (229efcc), closes #4946
- ui5-datetime-picker: Adapt components with responsive paddings (#4977) (6c5e516), closes #4869
- ui5-datetime-picker: enable secondary calendar type (#4970) (6a096cb), closes #4959
- ui5-input: activeElement is now correct in case of nested components (#5005) (199d974)
- ui5-label: prevent screenreader announcement of colon and asterisk (#5072) (b5d5a3f), closes #4830
- ui5-li: correct focus handling (#4935) (2b82342)
- ui5-link: remove double click event (#5038) (4b95bc8), closes #4963 #4963
- ui5-list: correct keyboard handling (#4890) (8c27355)
- ui5-multi-combobox: display placeholder consistently (#4920) (359d1a3), closes #4897
- ui5-multi-input: correct header paddings in nMore popover (#5040) (b06d608)
- ui5-multi-input: improve backspace and home handling (#4646) (fa2a700)
- ui5-popover: fix auto close when opener is outside the viewport (#4847) (c944efd), closes #4716
- ui5-popover: prevent arrow placement over popover's rounded corners (#4960) (994871d), closes #4599 #4797
- ui5-responsive-popover: allow opening a popover from component (#5070) (241a112), closes #5028
- ui5-tabcontainer: add missing dependency in Tab (#5069) (b03c56b), closes #5037
- make listeners passive (#5012) (30f2dc7)
- ui5-step-input: align the min width to visual specification (#4884) (197fef1), closes #4786
- ui5-tabcontainer: fix overflow button visibility (#4836) (8e67748), closes #4690
- ui5-time-picker: firing change event after input change submit (#4962) (2e3f428), closes #4918
- correct responsive padding in some consumers of popups (#4926) (b501153), closes #4870
- ui5-view-settings-dialog: adjust scrollbar behavior (#4795) (8f58fd5), closes #4724 #4725 #4860
- ui5-view-settings-dialog: fixing comments from previous commit (#4851) (3fc5814)
Features
- inputs: SAP Horizon themes implementation (#5003) (26aff35)
- ui5-breadcrumbs: add position numbering scheme "x of y" (#4703) (35e2c96)
- ui5-button: Implement SAP Horizon theme parameters (#4912) (43761ad)
- ui5-card: implement SAP Horizon theme family (#4974) (0137225), closes #5006
- ui5-checkbox: implement required property (#5055) (d6a56cb), closes #4895
- ui5-dialog: set horizon themes parameters (#4925) (1f3d212)
- ui5-icon: implement Horizon theme (#5080) (6db8956), closes #5008
- ui5-input: introduce openPicker() functionality (#4971) (7e08a75)
- ui5-link: Implement SAP Horizon theme parameters (#5011) (ee44117)
- ui5-menu: Initial implementation (#4742) (deac309)
- ui5-message-strip: apply SAP Horizon parameters (#4941) (8919965)
- ui5-multi-combobox: Add cut/copy & paste handling (#4854) (18c5912)
- ui5-multi-combobox: Improve F4/Alt+Down focus handling (#4825) (01b56f3)
- ui5-multi-combobox, ui5-tokenizer: Handle 'Space' key combinations (#4817) (0fbe1e1)
- ui5-multi-combobox, ui5-tokenizer: Complete arrow navigation functionality (#4784) (25cc16c)
- ui5-option: add additional-text property (#5065) (84d9f5f), closes #4999 #4999
- ui5-panel: implement SAP Horizon themes (#5058) (67565d5), closes #5007
- ui5-radio-button: implement new value states - Success and Information and implement Horizon theme (#4913) (c85ad95)
- ui5-select: add aria-roledescription attribute (#4921) (e19a914), closes #2910
- ui5-tabcontainer: enable nested tabs (#4705) (3e715c4)
- ui5-tabcontainer: implement SAP Horizon theme family (#4981) (0b90287)
- ui5-table: Add 'accessibleName' and 'accessibleNameRef' properties (#4994) (a4ef3cb)
- ui5-table: implement SAP Horizon themes (#4992) (5c2a056), closes #4938
- ui5-textarea: Horizon themes implementation (#5018) (f5d56e2)
- ui5-toast: implement SAP Horizon Dark and HC themes (#4864) (346fa64)
Fixes 4
Notes
Bug Fixes
- ui5-card-header: prevent events from action slot to trigger header's click event (#4965) (f87d898), closes #4891
- ui5-date-picker: adjust initial value formatting (#4967) (3648b01), closes #4958 #4958
- ui5-datetime-picker: enable secondary calendar type (#4970) (6bc84f7), closes #4959
- ui5-popover: prevent arrow placement over popover's rounded corners (#4960) (66604c3), closes #4599 #4797
Features 14, Fixes 38
Notes
Bug Fixes
- correct scoping issues with several components (#4820) (621dc20)
- inputs: import used icons (#4712) (2041ff3)
- popovers: correct list items height of input dropdowns (#4650) (11f8ada), closes #4616
- templates: replace HTML comments with HBS ones (#4681) (ddc38eb), closes /github.com/SAP/ui5-webcomponents/blob/master/packages/tools/lib/hbs2lit/src/partialsVisitor.js#L95
- ui5-badge: update color-scheme parameters (#4678) (c7d75ef), closes #3940
- ui5-button: remove focus on phone and tablet (#4746) (31915d7)
- ui5-calendar: adjust picker styles (#4672) (3afe7a8)
- ui5-color-palette-popover: showDefaultColor works (#4802) (f93f22f)
- ui5-color-palette-popover: update documentation (#4778) (34f629e)
- ui5-color-picker: adjust hue value update when user presses over the main color section (#4601) (4b03374), closes #4540
- ui5-color-picker: enable hex value input change on enter (#4621) (cf45552), closes #4541
- ui5-combobox: prevent dropdown closing on scroll (#4773) (199e860)
- ui5-date-picker: remove combobox role (#4706) (2d457c9)
- ui5-daterange-picker: change delimiter dynamically (#4693) (ec02855), closes #2925
- ui5-file-uploader: fixing the console warning (#4605) (197f3f9), closes #4592
- ui5-input: aria-invalid is now properly rendered (#4734) (81a00d7), closes #4723
- ui5-input: delete whole value of ui5-input with type number when… (#4760) (0aa9979)
- ui5-input: improve lazy loading behaviour (#4763) (35342be)
- ui5-label: allow focusing elements linked with for attribute inside a shadow root (#4754) (bd7a8a1), closes #4751
- ui5-li-tree: correct usage of i18nBudnle (#4668) (67848d7)
- ui5-list: fix separators in SAP Horizon (#4805) (6a814b3)
- ui5-list: initial focus target (#4809) (cf6dd1a)
- ui5-multi-combobox: add value selection on focus (#4804) (08ea794)
- ui5-popup: body styles are no longer modified (#4813) (1754496), closes #4347
- ui5-popup: Usage of parts in Dialog, Popover, ResponsivePopover and TabContainer documented (#4747) (f93909c), closes #4402
- ui5-select: incorrect popover styles when value state is used (#4651) (2d8ce46)
- ui5-slider: prevent handle's jumping on focus (#4752) (dc2de5b)
- ui5-slider: sets correct color to tickmarks based on theme (#4677) (4aecd48)
- ui5-switch: adjust focus outline (#4665) (0cb6580), closes #2925
- ui5-switch: role checkbox is changed to role switch (#4658) (ec6ca80), closes #4633
- ui5-tabcontainer: await for renderFinished in resize handler (#4675) (cd8dc26), closes #4628
- ui5-tabcontainer: fix overflow button runtime error (#4780) (08d75fa), closes #4770
- ui5-tabcontainer: replace hardcoded text (#4815) (439033c), closes #4810
- describe all dependencies for some components (#4807) (1cf148f)
- ui5-table-row: align checkbox vertically (#4696) (62ae8dc)
- ui5-textarea: enhance aria-invalid attribute handling (#4767) (f2fd6fb)
- scoped bundles (#4745) (2cd4c7e)
- ui5-switch: adjust focus outline (#4717) (9d9d6c8)
Features
- add and update icons from 4.13 and 5.01 icon fonts (#4790) (a9e88f0)
- popups: Implement declarative API for open/close (#4653) (af70586), closes #3527
- ui5-breadcrumbs: allow preventDefault in item-click event listener (#4589) (ccb4c83)
- ui5-button: add new
tooltipproperty (#4737) (df8f013), closes #4689 - ui5-button: implement accessibilityAttributes property (#4655) (d27c4b5), closes #3546
- ui5-input: implement showClearIcon property (#4641) (b1c1620)
- ui5-link: provide accessible-name support (#4711) (6597afa), closes #4498
- ui5-popup: аdd default responsive paddings (#4567) (ddc1e39), closes #4402
- ui5-rating-indicator: Accessibility enhancements (#4736) (f8dc9f0)
- ui5-switch: provide accessible-name attribute support (#4735) (ee6819f), closes #4147
- ui5-table: extend keyboard handling (#4550) (8daa764), closes #3090
- ui5-table: improve keyboard handling (#4631) (f1f2b1b)
- ui5-tokenizer: Implement token range deletion (#4750) (cece8d7)
- ui5-tree: make
item-clickevent preventable (#4708) (29967f0), closes #4502
Features 21, Fixes 52
Notes
Bug Fixes
- inputs: adjust value and placeholder styles (#4400) (b6014bc)
- inputs: value state message is not presented in readonly mode (#4329) (e1250ae)
- popups: block layer of popups now has a tabindex with value 0 (#4324) (0965738), closes #4187
- ui5-badge: center text vertically (#4394) (e6d0f69)
- ui5-breadcrumbs: correct missing label for single breadcrumb (#4578) (42254d8), closes #4565
- ui5-breadcrumbs: remove text-decoration from separator (#4568) (ed87ba5)
- ui5-busy-indicator: Improve delay handling (#4321) (acb1729), closes #4108
- ui5-button: clicking button is safari now gives it a focus (#4235) (baeb02d), closes #2951
- ui5-card: adjust some classes in Playground samples (#4462) (2a9ed2a), closes #4200
- ui5-card: update theming parameter (#4582) (622db2c)
- ui5-card-header: fix rtl support (#4536) (14a2a03)
- ui5-carousel: fix playground sample (#4366) (67ace3a)
- ui5-checkbox: cursor style when disabled (#4392) (5d3e8f5)
- ui5-checkbox: fix position of checkmark in ie11 (#4320) (2745bbc)
- ui5-combobox: fix docs (#4553) (f0b1bf7)
- ui5-combobox: Keyboard navigation trough filtered items (#4143) (17e6e51)
- ui5-combobox: remove incorrect sample (#4482) (4b2720b)
- ui5-combobox, ui5-textarea: correct value state message placement in RTL mode (#4396) (6ab9edb)
- ui5-date-picker: enable date value strict parsing (#4428) (ac5ac2d), closes #4409
- ui5-date-picker: remove title attribute from samples (#4422) (56a6724)
- ui5-date-time-picker: proper visualization on mobile (#4345) (7d8b93a)
- ui5-dialog: correct border radius when stretched on phones (#4327) (5aedc43), closes #4254
- ui5-dialog: resize handle is no longer shown on phones (#4326) (9b3869f), closes #4253
- ui5-icon: correct tabindex value (#4509) (54698f6)
- ui5-input: Consistent "change" event (#4129) (09f9059)
- ui5-input: fix event handling in firefox (#4447) (d973162)
- ui5-input: fix value truncation (#4467) (d9261f5)
- ui5-input: improve sample visualization (#4476) (b0fd49a)
- ui5-li-custom: removed height restriction (#4473) (e76f8c9), closes #4450
- ui5-link: add
noopenerto rel attribute (#4533) (3f2c3cd) - ui5-popover: restrict arrow going out of bounds (#4599) (41239a8), closes #4581
- Breadcrumbs no longer throws an error when empty (#4563) (cfd9fa6)
- Scoping issues corrected (#4573) (4e430d3)
- ui5-input, ui5-multi-combobox: value state popup now aligned properly in RTL mode (#4310) (ce0dcd2), closes #3830
- ui5-list: remove hightlighting on items after tap on mobile (#4388) (c328ea9), closes #4258
- ui5-message-strip: make speech output more comprehensive (#4416) (9442e05)
- ui5-multi-combobox: make readonly component focusable on mobile device (#4456) (755599d)
- ui5-panel: rotate button counterclockwise in RTL mode (#4470) (d3f6e39)
- ui5-popover: adjust top position when iOS keyboard is opened (#4333) (a4b03a3)
- ui5-popover: fix content truncation (#4359) (2e8d3bd), closes #4259
- ui5-popover: make sample responsive for small devices (#4527) (fddf903), closes #4206
- ui5-radio-button: remove cursor pointer for disabled state (#4393) (d147df8)
- ui5-rating-indicator: not round values are correctly visualised in RTL mode (#4330) (d901386)
- ui5-slider, ui5-range-slider: remove focus outline on mobile (#4458) (a295dc1)
- ui5-tabcontainer: improve keyboard handling (#4486) (a934eb3), closes #2540
- ui5-table: adjust header row's height according to the visual specification (#4424) (175fce3)
- ui5-table: check select all checkbox, when all rows are selected programatically (#4455) (7baabfa)
- ui5-textarea: apply specified scrollbar stylings (#4477) (84018fc)
- ui5-textarea: Calc properly TextArea's size for showExceeds property (#4152) (6f06963)
- ui5-token: apply correct background color in HC themes (#4464) (133e45d)
- adding stable selectors for tab container and shellbar (#4369) (9abdaba)
- ui5-token: border-radius adjusted to spec in in SAP Quartz HCB/HCW (#4323) (6691b3d)
Features
- ui5-split-button: initial implementation (#4570) (295925b)
- stable-dom-ref supported for abstract items (#4604) (5526dea)
- framework: introduce runtimes and version info (#4491) (757577f)
- ui5-button: accessibleNameRef property implemented (#4474) (3f7eae3)
- ui5-checkbox: introduce accessibleName and accessibleNameRef (#4547) (6f285fd), closes #4500
- ui5-combobox: add full keyboard handling (#4494) (fd4bb50)
- ui5-icon: accessibleRole property implemented (#4548) (6d6cf6f), closes #4499
- ui5-input: add full keyboard support (#4414) (6133393)
- ui5-link: accessibilityAttributes property implemented (#4591) (9a16d61), closes #3546
- ui5-list: preventable item-click event (#4448) (12d3e8a)
- ui5-media-gallery: Initial implementation (#4427) (17cb225)
- ui5-switch: accessibleNameRef property implemented (#4472) (8538de9)
- implement F6 Navigation Helper (#4490) (60d0dc1)
- ui5-option: handle
titleattribute handle (#4546) (0c060aa) - ui5-popup: add
accessibleNameRefproperty (#4517) (0a7c1f3) - ui5-radio-button: implement
accessibleNameRefproperty (#4511) (83fdef5) - ui5-rating-indicator: add full keyboard support (#4411) (0e41f41)
- ui5-segmented-button: implement
accessibleNameproperty (#4378) (e6a8b38) - ui5-tabcontainer: implement overflow functionality (#4403) (a38bbab), closes #2540
- ui5-tabcontainer: show
separatorsin overflow (#4507) (b646157) - ui5-tree-item: add
indeterminatestate (#4397) (80bbc22)
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Notes
Note: Version bump only for package @ui5/webcomponents
Breaking 5, Features 57, Changed 3, Fixes 101
Notes
Bug Fixes
- inputs: SAP Horizon disabled state enhanced (#4263) (f2b5f64)
- ui-tabcontainer: paddings are changed according to the spec part 2 (#4196) (3fd8b48)
- ui5-*: add global styles for tap-highlight-color (18dab92)
- ui5-avatar: correct background when image slot is used (#4117) (81d7815)
- ui5-avatar: Fixed font-size and color-scheme (#3799) (ea8ef59)
- ui5-button: fix hover state for combi device(#4100) (6ab905c)
- ui5-calendar: header year picker button has correct text (#3665) (5857496), closes #3658
- ui5-card: allow accessibleNameRef to be used (#4118) (07e8d44), closes #3681
- ui5-checkbox: fix component square's border-radius (#4073) (c70942b)
- ui5-color-picker: change event is now fired on opacity change (#3645) (9ee329a)
- ui5-combobox: Autocomplete on Safari (#3999) (2ee4feb)
- ui5-combobox: Fix value reset on ESC #3886 (ae74add), closes #3784 #3784
- ui5-combobox: Improve arrow navigation functionality (#3928) (fea941a)
- ui5-date-picker: Alignment of input controls (#4267) (3419db3)
- ui5-date-picker: Hover state on readonly is now fixed (#4272) (535d0e5)
- ui5-datetime-picker: aligning the focus borders (#4250) (9404c73)
- ui5-datetime-picker: console error not thrown on Firefox browser (#4161) (c2ad212), closes #4136
- ui5-datetime-picker: console error not thrown on Firefox browser (#4164) (7d773d5), closes #4136
- ui5-dialog: fix in scroll blocking (#4092) (e66ab79)
- ui5-dialog: fix resize handler console warning (#4138) (db2be65), closes #4131
- ui5-file-uploader: Button is activated with Enter/Space key with screen reader virtual cursor (#3944) (159687e), closes #3767 #3767
- ui5-icon: decorative icons now have aria-hidden=true (#3983) (9101130), closes #3954
- ui5-input: Adjust the default width applied to the icons in SAP Horizon theme (#4275) (e650973)
- ui5-input: Behaviour on mobile device enhanced (#4025) (bab54f6)
- ui5-input: escape HTML before highlighting suggestions (XSS) (2a4919e), closes #4245
- ui5-input: Fix value reset on ESC (#3886) (3f1c267), closes #3784 #3784
- ui5-input: prevent suggestion popover open on focusin (#3997) (0b3e12f)
- ui5-input: remove data-sap-no-tab-ref attribute from the inner input (3e49773), closes #3603
- ui5-link: add underlining in the regular state in hcb / hcw (#3960) (903a480)
- ui5-list: change role mappings so no interactive elements are ne… (#3952) (6d98d0c), closes #3927
- ui5-list: preventing space keydown (#4088) (e9c5287), closes #4049
- ui5-list: remove unnecessary scrollbar in RTL for Multiselect mode (#4085) (04c09da), closes #3947
- ui5-list, ui5-table, ui5-notification, ui5-busy-indicator: getFocusDomRef returns the correct element when the state is busy (#3951) (ec81c15), closes #3922
- ui5-multi-combobox: Fix value reset on ESC (#3958) (ed128db)
- ui5-multi-combobox: prefilter selected items on n more click (#3931) (2ebc6a7)
- ui5-multi-combobox: prevent setting max-width of dialog header on mobile (#3943) (97d0382), closes #3763
- ui5-multi-combobox: revert selection after close button is pressed (#3938) (104ec37), closes #3764
- ui5-multi-combobox: select an item when value matches and enter is pressed (#3942) (ec4ecc8), closes #3809
- ui5-panel: add border bottom, when fixed (#4234) (a19e401)
- ui5-rating-indicator: apply correct color for readonly unselected icon (#3992) (5854e0f)
- ui5-select: correct screen reader speech out when popover is opened (#3705) (06c193a), closes #3617
- ui5-select: sap_horizon adjustments (#4242) (466f5b9)
- ui5-slider: keyboard handling now works correctly in RTL (#3949) (f6dee74)
- ui5-tab-container: selector fixed (#4261) (#4273) (24ff145)
- ui5-tabcontainer: paddings are changed according to the spec (#4166) (0bb0b92)
- ui5-table: Add missing dependency to Checkbox (#4199) (0f6e224), closes #4094
- ui5-table: Hide row columns on minWidth (#4193) (bf2495b)
- ui5-table: Select all column is now sticky (#3950) (9530a5b)
- ui5-tree, ui5-table, ui5-side-navigation: unnecessary scrollbar in RTL is removed (#3948) (61fe0fe)
- ui5-upload-collection: exploratory testing issues (#3797) (7028b6c), closes #3625
- ComboBox arrow now correctly toggles the picker (#3937) (19e77da)
- framework: Multiple properties have no attribute (#3725) (2548935)
- ui5 card: exploratory testing issues (#3894) (f6bce94)
- ui5-avatar: documentation improvements (#3909) (833040d)
- ui5-avatar, ui5-icon: attach onclick handler based on interactive property (#3742) (cbdae54)
- ui5-badge: update accent colors (#3926) (7c45ff7), closes #3923 #3923
- ui5-badge: update parameters for color-scheme="8" (#3814) (9f4a93e)
- ui5-calendar: ACC improvements (#3789) (9f40233)
- ui5-calendar: keyboard handling now compliant with the specification (#3649) (768d1e7)
- ui5-card: correctly set aria-labelledby (#3692) (1e57b00), closes #3643
- ui5-card: exploratory testing issues (#3881) (75023c1)
- ui5-card-header: no longer fires click event twice (#3823) (d4f4e91)
- ui5-color-palette: align space between swatches (#3912) (8ad1fdd)
- ui5-color-palette: focus outline is properly visualized (#3648) (2e708d4)
- ui5-color-palette-popover: fix event params (#3873) (1066030)
- ui5-color-picker: opacity slider doesn't affect the hue slider (#3664) (3afe78a)
- ui5-combo-box: Link in value state message is now accessible (#3901) (5fd1643), closes #3855 #3855
- ui5-combobox: Double announcement on key navigation fixed (#3495) (0ff3325)
- ui5-date-picker: calendar horizontal center align (#3905) (75aef88)
- ui5-date-picker: fix "dateValue" getter to return most recent value (#3629) (bee34da), closes #3516
- ui5-date-picker: internal calendar component state managed properly (#3641) (6a820a6)
- ui5-date-picker: keyboard handling now compliant with the specification (#3636) (24467f8), closes #3091
- ui5-daypicker: fix js error (#3677) (b6d643a)
- ui5-daypicker: support secondary calendar type (#3773) (8dd14c1)
- ui5-dialog: correctly restore body scrolling on ESC (#3696) (1c8e656), closes #3690
- ui5-dialog: fix console warning from exploratory testing (#3893) (c648714), closes #3620
- ui5-input: adjust value state paddings according to specifications (#3833) (4c8ff0c), closes #3611 #3611
- ui5-input: prevent exception in console when input is clicked on mobile (#3729) (8d05606)
- ui5-label: adjust colon margins (#3897) (ccca671)
- ui5-label: wrapping now works when used in CustomListItem (#3852) (8333f5e)
- ui5-li: add "Selected" text to item's accessible name (#3853) (2924010)
- ui5-li-groupheader: change role option (#3869) (90e718b)
- ui5-li-groupheader: fix row height (#3610) (79d259e), closes #3606
- ui5-link: the anchor element inherits its text-decoration (#3911) (bb8629c), closes #3837 #3837
- ui5-popover: fix arrow placement when reaching a border (#3821) (9913632), closes #3391
- ui5-popover: fixed initial flickering (#3910) (6afad2a)
- ui5-popover: restrict growing width on small screens (#3820) (bd0b33a)
- ui5-radio-button: exploratory testing issues (#3740) (23ce10f)
- ui5-segmented-button: correct focus on first click (#3906) (6820dd7)
- ui5-SegmentedButton: keyboard handling now compliant with the specification (#3709) (d34afc1)
- ui5-select: align value state to visual specification (#3655) (cce6505), closes #3611
- ui5-select: selection change with keyboard (#3704) (68da439)
- ui5-side-navigation: fix rtl behaviour (#3774) (cb39444)
- ui5-slider: show tooltips when component has focus (#3899) (952445d)
- ui5-textarea: value state message link is now accessible (#3916) (015e3ef)
- ui5-timeline: align indicator in compact mode (#3902) (0c31502)
- ui5-timepicker: correct navigation to the am/pm slider (#3920) (ba38d4c)
- ui5-toast: Content is announced when ui5-toast is shown (#3939) (66901ad)
- (ui5-li): add accessible name to single select radio button (#3842) (c77d9c9)
- ui5-ToggleButton: SHIFT+SPACE cancels the action (#3713) (48adbbe)
- ui5-tokenizer: Fix invisble texts styling (#3394) (bc62eaa)
Code Refactoring
- ui5-breadcrumbs-item: remove stableDomRef public property (#4284) (ecec275)
- ui5-input: make suggestion-scroll event protected (#4141) (3a0abee)
- ui5-message-strip: rename tag name (#4268) (ec30ec2)
Features
- ui5-step-input: implement sap_horizon theme (#4247) (4180fe7)
- add SAP-icons5.0 (#4244) (c0a226e)
- framework: allow using a custom i18n library (#4119) (56f366f)
- framework: Implement better custom theme support (#4121) (31e30f8)
- inputs: SAP Horizon theme implementation (#4222) (66d17f7)
- ui5-avatar: implement sap_horizon (#4225) (52311c4)
- ui5-badge: implement sap_horizon theme (#4019) (7deccd1), closes #4043
- ui5-breadcrumbs: Initial implementation (#3489) (6dbc2a0), closes #3166
- ui5-busy-indicator: SAP Horizon theme implementation (#4179) (6dc366a)
- ui5-button: implement sap_horizon theme (#4126) (90483e2)
- ui5-calendar: implement horizon theme (#4233) (f7d9113)
- ui5-calendar: support secondary calendar type (#3634) (fca7508)
- ui5-card: introduce accessibleName property (#4021) (54fdb3a)
- ui5-card: SAP Horizon Theme Implementation (#4189) (e0e488f)
- ui5-card-header: implement ariaLevel property (#3878) (b2b2ccd)
- ui5-carousel: Implement F7 keyboard functionality (#3559) (df0ace8), closes #3092
- ui5-carousel: SAP Horizon theme implementation (1ed725f)
- ui5-checkbox: implement sap_horizon (#4031) (33ee202), closes #404
- ui5-color-palette-popover: implement isOpen method (#3883) (b112765)
- ui5-color-palette-popover: initial implementation (#3746) (894628f)
- ui5-color-picker: implement sap_horizon theme (#4177) (1a201d6)
- ui5-date-picker: preventable change and input events (#3609) (05e0769), closes #3516 #3516
- ui5-dialog, ui5-popup: SAP Horizon theme implementation (#4175) (fa2ed03)
- ui5-file-uploader: implement sap_horizon theme (#4243) (b25ce73)
- ui5-input, ui5-combobox, ui5-multicombobox: SAP Horizon Theme Implementation (#4182) (1f1db07)
- ui5-input, ui5-date-picker: implement sap_horizon theme (#4006) (e137de3), closes #4040 #4046
- ui5-li: adjust focus styles to sap_horizon (#4220) (7c8acae)
- ui5-link: implement sap_horizon theme (#4180) (410a8fb)
- ui5-list: announce the selection mode of the list on entry (#4018) (7cfba7a), closes #3806
- ui5-messageStrip: SAP Horizon theme implementation (#4167) (7026564)
- ui5-panel: noAnimation property introduced (#3694) (fc7972b), closes #3505
- ui5-panel: SAP Horizon theme implementation (#4170) (1865ffa)
- ui5-panel, ui5-table: SAP Horizon focus outline (#4236) (289df14)
- ui5-popover, ui5-responsive-popover: implement sap_horizon theme (#4020) (441776e)
- ui5-progress-indicator: implement displayValue property (#3879) (50008d0), closes #3573 #3573
- ui5-progress-indicator: implement sap_horizon (#4226) (fdde4d0)
- ui5-radio-button: implement sap_horizon theme (#4008) (6cb3eb0), closes #4042
- ui5-radio-button: SAP Horizon theme implementation (#4181) (2309c30)
- ui5-rating-indicator: SAP Horizon theme implementation (#4173) (daba3f0)
- ui5-responsive-popover: add prevent initial focus parameter to showAt method (#3595) (62d1079), closes #3473
- ui5-segmented-button: implement sap_horizon theme (#4197) (33d0f60)
- ui5-select: adjust input and icon to sap_horizon (#4071) (0bb04ce)
- ui5-select: implement sap_horizon in dropdown (#4229) (4ac73c3)
- ui5-shellbar: implement sap_horizon (#4251) (7500a08)
- ui5-slider, ui5-range-slider: SAP Horizon theme implementation (#4168) (a19159b)
- ui5-switch: implement sap_horizon theme (#4007) (6e51776), closes #4039
- ui5-switch: implement sap_horizon theme (#4156) (e3f82a8)
- ui5-tab-container: adjust focus styles in overflow to sap_horizon (e2a4bdc)
- ui5-tab-container: SAP Horizon theme implementation (#4207) (8c80e57)
- ui5-tabcontainer: implement sap_horizon theme (#4079) (89d945a), closes #4045
- ui5-table: implement sap_horizon theme (#4165) (fcfb180)
- ui5-textarea: SAP Horizon theme implementation (#4237) (37e87c8)
- ui5-time-picker: implement sap_horizon theme (16f83d7)
- rework stableDomRef concept (#4210) (d1ebea3)
- ui5-toast: SAP Horizon theme implementation (#4174) (3618617)
- ui5-tree: introduce item-mouseover/item-mouseout events (#3990) (e8b6145)
- introduce sap_horizon theme initial draft (#3991) (b1afaf0), closes #3988
BREAKING CHANGES
- ui5-breadcrumbs-item: BreadcrumbsItem's stableDomRef property has been removed - use getDomRef to get the matching actual DOM ref
- The icons SVG imports are changed. If you previously had
import "@ui5/webcomponents-icons/dist/accept.svg";you have to import the SVGs from the v4/ or the v5/ directory:
import "@ui5/webcomponents-icons/dist/v4/accept.svg"; // for SAPIcons4.0 import "@ui5/webcomponents-icons/dist/v5/accept.svg"; // for SAPIcons5.0- ui5-message-strip: MessageStrip component's tag name has been renamed from ui5-messagestrip to ui5-message-strip.
- ui5-input: The "suggestion-scroll" event has been removed as there is no such UX specified.
- ui5-color-palette-popover: The selected color is now available as it is documented: event.detail.color
Breaking 3, Features 26, Changed 1, Fixes 77
Notes
Bug Fixes
- CheckBox: Prevent jumping of elements aligned with baseline when checking/unchecking (#3408) (b458b80)
- inputs: use base CSS param for border-radius (#3430) (4a4c5bc)
- list items: rename info & infoState properties (#3259) (ca42531), closes #3107
- ui5-avatar-group: click event is fired only once (#3196) (95986e2)
- ui5-avatar-group: deprecate avatarSize property (#3229) (fd60e90)
- ui5-avatar-group: visual design deviations (#3252) (49639e5), closes #3197
- ui5-busyindicator: fix aria-labelledby value (#3266) (ef2d332), closes #3256
- ui5-busyindicator: fix typo in styles (#3178) (023945a)
- ui5-busyindicator: focus handling improvements (#3189) (1ab4e77), closes #3171
- ui5-button: added belize parameters to bundle (#3485) (97a8713), closes #3482
- ui5-button: improve use of Theme Designer CSS Variables (#3445) (baec4d4)
- ui5-button: stabilizing buttons line-height (#3416) (e679b51), closes #3401 #3401
- ui5-calendar: correct enable/disable of prev and next buttons (#3249) (8c66d5a), closes #3201
- ui5-card: correct content html tag (#3464) (9832843), closes #3439 #3439
- ui5-card: fix styles for slotted images (#3301) (1683134)
- ui5-card: rename heading/subheading to titleText/subtitleText (#3316) (24fda86), closes #3107
- ui5-card: update border width and box shadow (#3509) (76dcdbf)
- ui5-carousel: enhance public api (#3360) (351d289), closes #3107
- ui5-carousel: hide navigation arrows on mouse out (#3174) (655ec49)
- ui5-carousel: implement hideNavigationArrows property (#3228) (2adee01), closes #3107
- ui5-checkbox: add aria-hidden attribute to icon (#3511) (18de8a1), closes #3433
- ui5-color-palette: rename change event (#3429) (b1e2eaf), closes #3107
- ui5-color-palette: updated sample (#3373) (b2b6c56)
- ui5-combobox: announce selected item (#3358) (941a414)
- ui5-combobox: enable setting value programatically (#3253) (d85561a)
- ui5-combobox: Properly focus inner input (#3243) (790c02e)
- ui5-date-*: components accessibility improved (#3163) (fe06f84), closes #3002
- ui5-date-picker: does not trigger value verification upon typing(#2922) (f5e92e0), closes #2827
- ui5-date-picker: calibrate the width and alignment of day names (#3095) (b6c1a0a)
- ui5-daterange-picker: month is not changed when select first dat… (#3255) (290b60b), closes #3129
- ui5-datetime-picker: selecting only date value now works correct (#3294) (0a112ea)
- ui5-file-uploader: hovering now gives correct button styles (#3148) (a0ce732)
- ui5-input: change public method to private (#3224) (1166fb4), closes #3107
- ui5-input: Suggestions count is read out when expected (#3127) (76ec379), closes #3051
- ui5-label: fix required label in safari (#3182) (921ac5a)
- ui5-label: rename wrap property to wrappingType (#3341) (e591e04), closes #3107
- ui5-li: info text width (#3184) (3b930af)
- ui5-li: remove “delete” button from tab chain(#3290) (5176954), closes #2964
- ui5-li-tree: fix arrow flickering (#3293) (eca59f5), closes #3238
- ui5-li-tree: fixed incorrect background of selected item (#3072) (bb5d65f), closes #2978
- ui5-li-tree: fixed incorrect display of the text (#3086) (684ccbf)
- ui5-li-tree: hover and active visual state (#3298) (4ac6d23)
- ui5-li-tree: info text visual appearance (#3280) (1523e25), closes #3130
- ui5-link: event is now fired on Space/Enter (#3374) (ffa2c4c), closes #3007 #3007
- ui5-link: rename wrap property to wrappingType (#3380) (cff8fd4), closes #3107
- ui5-list: fixed keyboard navigation when a list is inside a list (#3314) (15e235e)
- ui5-list: focus after element when TAB key is pressed (#3220) (32a4148)
- ui5-list: prevent load-more on initial intersection (#3105) (ef52f2b)
- ui5-list: prevent scrolling with space (#3272) (0c7e58b), closes #3089
- ui5-list: rename inset property to indent (#3244) (eba1e64), closes #3107
- ui5-messagestrip: rename properties (#3346) (1cb43f2), closes #3107
- ui5-messagestrip: rename type property to design (#3276) (4208d19), closes #3107
- ui5-multi-combobox: Fix failing test (#3366) (a9edc74)
- ui5-popover: Calculate max content height (#3386) (8cba688)
- ui5-popover: rename noArrow property to hideArrow (#3351) (39cc473), closes #3107
- ui5-popup: adjust default header height (#3506) (ab11001)
- ui5-popup: scroll handle is now working for input controls (#3414) (c5e00c4)
- ui5-rating-indicator: Aria-readonly attribute is added when RatingIndicator in not editable (#3219) (b90933c)
- ui5-rating-indicator: rename maxValue property to max (#3375) (8aaf99b)
- ui5-responsive-popover: fix header styles (#3176) (83a88af), closes #3173
- ui5-responsive-popover: fixed position of downward pointing arrow (#3508) (e0744d6), closes #3500
- ui5-select: avoid global state in test spec (#3106) (e835a50), closes #3000
- ui5-select: display the selected option's icon (#3348) (dac8183), closes #3344
- ui5-select: enable home/end keys (#3372) (b12a30b)
- ui5-slider, ui5-range-slider: render only one top level element (#3115) (c03f211)
- ui5-step-input: firing step input once when value is deleted (#3474) (a5f27f2), closes #3457
- ui5-step-input: min width is now correct (#3398) (a8af480), closes #3377 #3377
- ui5-tab: rename semanticColor property to design (#3336) (a7a0da1), closes #3107
- ui5-tabcontainer: tabs are scrolled into view on key navigation (#3354) (d61a9b2)
- ui5-table: introduce hide-no-data property (#3302) (d2d4397)
- ui5-table-row: prevent space only when target is table row (#3393) (d48b4c6)
- ui5-textarea: revert value on escape (#3261) (7b60885)
- ui5-time-picker: accessibility improved (#3162) (927abf6), closes #3010
- ui5-title: rename wrap property to wrappingType (#3379) (448c726)
- ui5-tree: alignment of items (#3424) (788d25d)
- ui5-wheelslider: correcting the placement on mobile in different fontsizes (#3396) (6104b80)
- keep invisible texts out of the view port (#3085) (de47520), closes #2723 #2723
Code Refactoring
Features
- rename aria-label to accessible-name (#3449) (f4f5864)
- invisibleMessage: introduce invisibleMessage util (#3192) (0a33c40)
- ui5-avatar: implement default slot (#3237) (9646c3e)
- ui5-avatar-group: Implement accessibility specification (#3154) (baec15b), closes #2745
- ui5-busy-indicator: add new "delay" property (#3419) (cc8acc7)
- ui5-button: introducing attention type button (#3481) (2c9393c), closes #3446
- ui5-carousel: add property hide-page-indicator (#3268) (e13a4c9), closes #3158
- ui5-checkbox: add indeterminate state (#3309) (42a1326), closes #3217
- ui5-checkbox: add support for "Success" value state (#3278) (580e289), closes #3198 #3198
- ui5-color-palette: implement show-recent-color functionality (#3113) (4bcd049)
- ui5-combobox: add suggestions grouping (#3469) (5e3f391), closes #3371
- ui5-dialog: add keyboard support for draggable and resizable (#3483) (8580fd8)
- ui5-dialog: labeling of header slots is now possible (#3155) (9943ee7), closes #2838
- ui5-icon: add accessibility role (#3407) (4bb84e1)
- ui5-input: introduce new SuggestionGroupItem (#3248) (39ccf7b), closes #3107 #1 #1 #2
- ui5-li: title attribute handle (#3385) (2f67084)
- ui5-li-custom, ui5-li, ui5-li-groupheader: add accessibleName property (#3269) (2f88da0)
- ui5-list: support pressing DELETE key (#3226) (db04d08), closes #3089
- ui5-panel: expose content css part (#3211) (267fc02)
- ui5-segmented-button-item: introduce new component to serve as child of SegmentedButton (#3258) (9bd9ce4), closes #3191 #3191
- ui5-select: support angular reactive forms (#3323) (e369aef)
- ui5-switch: implement design property (#3257) (998be76), closes #3107
- ui5-table: Introduce Single and Multi selection (#2848) (cc31280)
- ui5-table-group-row: introduce new component (#3470) (d5ab16a), closes #3319
- add keyboard handling docs (#3194) (5a27d17), closes #3089
- expose dist paths as root paths via package.json export field (#3274) (bd34a5e)
BREAKING CHANGES
- ui5-combobox: filter value property is removed. FIXES: https://github.com/SAP/ui5-webcomponents/issues/2233
- ui5-input: The highlight property is removed and the feature is enabled by default
- ui5-input: the isOpen method that used to return if the value state popover is open or closed has been removed.
Features 1, Fixes 10
Notes
Bug Fixes
- ui5-busyindicator: add a11y support (#2938) (cfa50d8), closes #2381
- ui5-button: disable hover on mobile devices (#2968) (c870eb4)
- ui5-dialog: Fix aria-labelledby attribute value (#3044) (e0ab900), closes #2946
- ui5-dialog: fix content stretching on Safari (#3068) (573a6c6), closes #3064
- ui5-dialog: Fixed RTL mode (#3070) (0aac048), closes #3013
- ui5-dialog: Fixed scrollbars styling (#3067) (f4301b8), closes #2887
- ui5-input: inner input padding is correctly updated (#3015) (b00b02b), closes #2940
- ui5-input: Prevent dialog closing on Escape (#3043) (c073ad4)
- ui5-li-tree: fixed incorrect tree items alignment (#3075) (4b83c7b), closes #3069
- ui5-select: keyboard/selection handling improvement (#2907) (f18fd45)
Features
Breaking 1, Features 4, Fixes 23
Notes
Bug Fixes
- ui5-avatar: fix click event fired twice (#2967) (377c9bc), closes #2943
- ui5-button: disable hover on mobile devices (#2968) (c870eb4)
- ui5-button: set icon-only attribute properly (#2567) (#2824) (d834ec6)
- ui5-button: use standard CSS param for border-radius (#2840) (a5aafde), closes #2830
- ui5-calendar: re-render header on lang change (#2939) (ad7adc5)
- ui5-color-palette: remove additional dots in more-colors (#2958) (8ef07fe)
- ui5-daterange-picker: working with format pattern containing the delimiter (#2873) (b397862)
- ui5-icon: fix click event fired twice (#2858) (6fd6a5e), closes #2857
- ui5-input: remove the 'submit' event (#2855) (9e409e6)
- ui5-label: text-align works with wrap property (#2889) (c9f86a7)
- ui5-li-custom: keyboard handling improvement (#2870) (583f5f0), closes #2849
- ui5-multi-combobox: correct focus handling when picker is opened via icon (#2868) (76ef62c)
- ui5-page: correct background-design styles (#2862) (b10ee4c)
- ui5-popover: calculate offset for all sides of the page (#2916) (e35cc1a)
- ui5-popup: position arrows correctly (#2917) (5ffbbd9), closes #2758 #2401
- ui5-rangeslider: fix handles opacity for IE11 (#2983) (f0346c0)
- ui5-select: incorrect value color is now fixed (#2914) (0a074c9)
- ui5-select: set aria-expanded initially (#2991) (8353ac2), closes #2987
- ui5-slider: focus outline fully visible (#2971) (cb849ba)
- ui5-table: bottom borded added (#2994) (802b6ca), closes #2981
- ui5-table-column: align content right in RTL (#2955) (c117fe3), closes #2945
- ui5-table-row: fire row-click on SPACE/ENTER (#2954) (1e328dc), closes #2944
- ui5-togglebutton: fix hover background on desktop (#2984) (4f2a2cb)
Features
- ui5-color-palette: implement more-colors property (#2853) (121bb2c)
- ui5-list: introduce "growing" property (#2950) (6fbbb21), closes #2882 #2882
- ui5-tabcontainer: support responsive paddings (#2775) (19392ff), closes #2539
- ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570
BREAKING CHANGES
- ui5-input: the 'submit' event is now removed. The 'submit' functionality must be added with a custom code - listen for the standard "keydown" event and check if ENTER is pressed to submit a form, containing the input component.
Features 13, Fixes 35
Notes
Bug Fixes
- ui5-avatar: correct icon color (#2658) (5a85687), closes #2555
- ui5-calendar: "today" is now timezone aware(#2660) (32dd0ef)
- ui5-checkbox: use aria-hidden for inner input (#2828) (d237401), closes #2786
- ui5-checkbox: vertical misalignment when wrap is true (#2747) (9f027f1)
- ui5-combobox: fix behaviour when enter is clicked (a10acc8)
- ui5-combobox: User action cancelled when clicking "X" on mobile (#2742) (691c2e4), closes #2449
- ui5-combobox, ui5-multicombobox: center ValueState text (#2733) (b2c770a), closes #2274
- ui5-date-picker: input type is now conveyed (#2628) (70e3269), closes #2604
- ui5-icon: alignment issue in Safari (#2746) (daa51e7)
- ui5-icon: remove vertical icon flip in RTL (#2645) (0120960), closes #2644
- ui5-icon: ui5-icon i18n works for all packages (#2816) (91e16a1)
- ui5-input: enable centering of text (#2788) (bd1bd6e)
- ui5-input: focus is handled properly (#2670) (2c033aa)
- ui5-input: Obsolete accessibility API removed (#2721) (014c985), closes #2605
- ui5-input: prevent selection of suggestion group item (#2777) (6cc458b), closes #2255
- ui5-input: ValueStateMessage width fixed (#2736) (1e8082d)
- ui5-list: fix JS error on focusin (#2720) (b36e54e)
- ui5-list: remove busy indicator dom (#2712) (fe76278)
- ui5-list: show busy ind over the list (#2684) (ad56eaa)
- ui5-multi-combobox: fix livechange behaviour (#2656) (57820dd)
- ui5-multi-combobox: The initial focus is set on the ui5-dialog (#2702) (aeed733)
- ui5-multi-input: fix appearance in RTL (#2782) (e842f23), closes #2749
- ui5-multicombobox: Placeholder with tokens hidden (#2785) (d769a0d), closes #2261
- ui5-multiinput: hide placeholder when tokens (#2789) (679dae3), closes #2261
- ui5-popover: correctly position a popover if dynamically created (#2679) (5a872b0)
- ui5-popover, ui5-dialog: do not render empty headers (#2770) (7f0bd6a), closes #2694
- ui5-popup: correct focus when there is no focusable content (#2583) (bf8caaf)
- ui5-popup: prevent focus on elements below block layer (#2800) (f2f3889), closes #2626
- ui5-popup): fix(ui5-popup: hide block layer if popup is closed (#2799) (6f82e42), closes #2696
- ui5-radiobutton: fix tab order within group (#2783) (d6a7b81), closes #2774
- ui5-select: correct role and screen reader speech out (#2587) (59497ee), closes #2485 #2339 #2142
- ui5-select: fix popover opening (#2687) (53418fb), closes #2682
- ui5-tabcontainer: overflow menu button is added a title (#2639) (943e4ce), closes #2607
- ui5-tree: accessibility improvements (#2671) (849d052), closes #2553
- ui5-upload-collection-item: fix title behaviour on small screens (#2699) (bb7c952)
Features
- ui5-calendar: Declarative dates support added (#2648) (6602fba)
- ui5-color-palette: initial implementation (#2731) (772424e)
- ui5-multi-combobox: support two column layout for items (#2642) (7742590), closes #2637
- ui5-multi-input: Implement accessibility specifications (#2761) (2e7b968)
- ui5-range-slider: focus and keyboard handling implementation (#2620) (8c71ca4)
- ui5-select: Add support for disabled select options (#2730) (e903164), closes #2559
- ui5-slider: focus and keyboard handling implementation (#2614) (7b78c16)
- ui5-slider, ui5-range-slider: implement a11y spec (#2714) (cb76cf4), closes #2513
- ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570
- ui5-tree-item: implement info/infoState attributes (#2711) (1f07d50), closes #2633
- create @ui5/webcomponents-ie11 package (#2686) (1d3b37e)
- ui5-tree: implement acc spec (#2636) (4663b91), closes #2465
- refactoring and new features for pickers (#2598) (3e684b4)
Features 13, Fixes 22
Notes
Bug Fixes
- ui5-avatar: fix XS size (#2582) (9661ab8)
- ui5-badge: enable letter spacing overwrite (#2493) (cca0d5d), closes #2451
- ui5-badge: fix RTL appearance (#2569) (5f6d8fc)
- ui5-button: hide icon tooltip (#2566) (1b07955)
- ui5-calendar: keyboard navigation in the picker grid now works properly (#2532) (371d12d)
- ui5-card: correct aria-labelledBy to card and header (#2577) (2647941), closes #2426
- ui5-carousel: add all visible items to tab chain (#2530) (37ee83f), closes #1996
- ui5-date-picker: fixing the min and max date in timezones half hour difference (#2544) (766bcc0), closes #2542
- ui5-datepicker: keyboard navigation works properly (#2549) (66cd1d7)
- ui5-daterange-picker: all tests are now enabled (#2506) (33442e9), closes #2475
- ui5-daterange-picker: fix RenderScheduler import (#2476) (13ff13e)
- ui5-dialog: apply initial focus after rendering (#2551) (dba0265), closes #2537
- ui5-input: aria-required attribute removed (#2552) (7456ab5)
- ui5-input: don't render aria-describedby if not neccessary (#2512) (e7dd012)
- ui5-li-custom: prevent firing of events (#2462) (3f66c06)
- ui5-list: remove focus trap for empty list (#2411) (5f8e0e2)
- ui5-popover: correct arrow position on RTL (#2488) (3b81ad8), closes #2387
- ui5-select: remove aria-roledescription (#2463) (973a80d), closes #2358
- ui5-slider: add more tests, add cozy styles, fix input event, fix tickmarks display (#2508) (0cbc0bd)
- ui5-table: improve accessibility (#2534) (e06d6f3)
- ui5-textarea: announce required textarea (#2385) (c2baf6b)
- ui5-tree: make the height of tree adjustable (#2546) (1fc3180), closes #2545
Features
- framework: Change child-parent invalidation API (#2541) (a1a3f80)
- ui5-avatar-group: initial implementation (#2524) (ae926ee), closes #2409
- ui5-button: implement title property (#2492) (7ae9253)
- ui5-calendar: introduce new component. (#2424) (5470e23), closes #1730
- ui5-combobox: аdd two-column layout support (#2503) (679362d), closes #2450
- ui5-date-picker: component is now aligned with the specification (#2304) (30d9d2b), closes #2151
- ui5-mcb: introduces filter property (#2088) (03cae4b)
- ui5-mcb-item: implement stable-dom-ref property (#2418) (6e4a156)
- ui5-option: provide stableDomRef (#2366) (50304f5), closes #1718
- ui5-popover: implement hide-block-layer property (#2413) (3b2d6de)
- ui5-range-slider: Add Range Slider component (#2310) (9dea3b3)
- ui5-slider: Add Slider component (#2349) (2b9008c)
- ui5-table: add "loadMore" capability (#2589) (2e5d5cd)
Features 4, Fixes 17
Notes
Bug Fixes
- ui5-combobox: allow typing in input on mobile devices (#2412) (7bf44b5), closes #2324
- ui5-date-picker: hiding month button when month picker is shown (#2331) (6454e29), closes #2244
- ui5-date-picker: Updating navigation buttons states live in mont… (#2307) (4f39aa4)
- ui5-day-picker: fix color contrast of selected day in HCB (#2378) (ff67141), closes #2372
- ui5-dialog: no longer gets clipped in short screen height in IE (#2429) (03c8447), closes #2243
- ui5-dialog: Texts are no longer blurred in Chromium-based browsers (#2417) (eac514b)
- ui5-input: prevent js error when element is removed from DOM (#2405) (0e507eb)
- ui5-li: correct truncation behaviour of info text (#2330) (64fef90), closes #2317
- ui5-li: fix title update when initially empty (#2362) (682a25c)
- ui5-messagestrip: fix close button accessibility (#2352) (2194b16)
- ui5-multi-combobox: make focus outline visible (#2431) (cd5fad2), closes #2286
- ui5-switch: fix focus border position (#2319) (df6c972)
- ui5-tab: expand tab height to tabcontainer height (#2360) (ea47cd3)
- ui5-textarea: set italic to placeholder only (#2458) (aeb9316)
- components: use locales in date/time components correctly (#2440) (dd87a53)
- ui5-multi-combobox: n-more popover in readonly fixed (#2394) (d045ba2), closes #2369
- ui5-textarea: fix placeholder font-style (#2340) (1fbb4f5)
Features
- ui5-checkbox: implement ariaLabelledby property (#2272) (cbf2461)
- ui5-daterange-picker: enhance keyboard handling (#2179) (84eb484), closes #1534
- ui5-dialog: introduce resizable property (#2301) (8be4048), closes #2082
- ui5-link: add aria-label and aria-labelledby support (#2357) (7e65e77), closes #2356
Features 29, Fixes 47
Notes
Bug Fixes
- components: fix setting contentDensity styles (#2094) (9454ab7), closes #2093
- ui5-badge: update colors to match the spec(#2216) (2ddc4e9), closes #2210
- ui5-button: prevent button with icons truncate in ie (#2181) (31ca287)
- ui5-calendar: Year text is now right in all timezones (#2209) (3427f35)
- ui5-calendar-header: prevent scrolling when month/year picker is selected (#2276) (fac40a8)
- ui5-card: Apply focus to header properly in IE (#2050) (00760e6), closes #2007
- ui5-combobox: allow setting value with javascript (#2253) (0742854)
- ui5-date-picker: ensure min and max date are not disabled (#2280) (f0473f0)
- ui5-date-picker: select date with SPACE on keyup (#2279) (9d83806), closes #2276 #2268
- ui5-daterange-picker: date selection is now correct in all timez… (#2203) (2bca6f1)
- ui5-daterange-picker: enable selection of single day (#2157) (66722b2)
- ui5-daterange-picker: fix firstDate/lastDate getters values (#2277) (00f5ab5), closes #2221
- ui5-daterange-picker: Fix icon appearance in IE (#2057) (dba7a2c), closes #2017
- ui5-daterange-picker: fix js error when removed from the DOM (#2180) (6cb2a71)
- ui5-daterange-picker: show value in input only when first & last… (#2098) (f56cb66)
- ui5-datetime-picker: fix scrollbar issue in IE11 (#2154) (306572f)
- ui5-duration-picker: fix incorrect data support (#2097) (4bcd797)
- ui5-input: announce custom valueStateMessage (#2120) (8f8a0d4)
- ui5-input: cancel suggestion selection with ESC (#2289) (ef1fb40), closes #2254
- ui5-input: deselect suggestion items on input (#2285) (a98c6bd), closes #2256
- ui5-input: fix value state msg appearance (#2075) (edfe8ca)
- ui5-input: implement aria-required (#2114) (0e0de82)
- ui5-input: number input doesn't lose value (#2130) (2c6139d)
- ui5-li: correct image size (5c51dc6), closes #2218
- ui5-li: correct sizes (2faad25), closes #2218
- ui5-li: fix visual deviations from Fiori 3 (#2314) (d430632), closes #2297 #2218
- ui5-li: Scale image properly (#2059) (3aadc0e)
- ui5-li-custom: fix pointer-events inheritance (#2196) (bfb9999)
- ui5-messagestrip: Close button now has the correct design (#2029) (7f99be5)
- ui5-multi-combobox: fix behavior of show all selected button (#2100) (84362e0)
- ui5-multi-combobox: fix jumping parent div (#2136) (ad1fbd7)
- ui5-multi-combobox: fix width in IE (#2104) (af0785c)
- ui5-multiinput: Improve valueStateMessage in nMore popover (#2225) (a03f2b3), closes #1086
- ui5-popover: fix arrow horizontal position (#2129) (7a1c3eb), closes #2111
- ui5-popover: fix js errors if parent is removed from DOM (#2178) (904da0e)
- ui5-popup: prevent interaction with the content under the popup (#2119) (d6ffa48)
- ui5-popup: restore focus when block layer is clicked (#2123) (c079722)
- ui5-popup, ui5-dialog: remove closed instance from openedPopupsRegistry (#2275) (443af29)
- ui5-select: fix text color of disabled select in hcb/hcw (#2248) (bc6dfec)
- ui5-select: make disabled select not focusable (#2229) (960f927)
- ui5-tabcontainer: Fix ARIA posinset and setsize values (#2046) (c6fcf69), closes #2035
- ui5-tabcontainer: Implement ACC for overflowed items (#2047) (efe03bc), closes #2036
- ui5-tabcontainer: remove scroll from empty tabs (#2148) (11af57e)
- ui5-table-row: announce entire row and columns (#2164) (09863d8), closes #2160
- ui5-textarea: add aria-required (#2113) (4f35c92)
- ui5-textarea: announce custom valueStateMessage (#2122) (4d27065)
- Fix aria-disabled usage (#2056) (bb624ae)
Features
- ui5-card: add ariaLabel and ariaLabelledby properties (#2127) (7007f8e)
- ui5-carousel: implement rtl support (#2086) (f69ffa5)
- ui5-combobox: enable handling of arrow down/up keys (974401b), closes #1939
- ui5-combobox: implement icon slot (#2139) (8c98e80)
- ui5-combobox: implement valueStateMessage slot (#2099) (385bb0b), closes #1086
- ui5-combobox: introduces selection-change event (#2090) (43be0f6)
- ui5-date-picker: add ariaLabel and ariaLabelledby properties (#2126) (e0f93fa)
- ui5-date-picker: add screen reader support (#2224) (e6a0cd8), closes #1279
- ui5-date-picker: keyboard handling improvement (#2146) (19afe90), closes #1534
- ui5-datepicker: introduce required property (#2117) (e282fc8)
- ui5-datetime-picker: improve keyboard handling support (#2137) (0ada41a), closes #1534
- ui5-dialog: introduce draggable property (#2269) (93772fb), closes #2082
- ui5-duration-picker: implement keyboard handling support (#2095) (7ec3c43), closes #1534
- ui5-duration-picker: implement valueStateMessage (#2102) (ed3c393), closes #1086
- ui5-file-uploader: implement custom valueStateMessage (#2131) (023e236), closes #1086
- ui5-li, ui5-li-tree, ui5-li-custom, ui5-upload-collection-item: implement role property (#2236) (01a1fb0)
- ui5-multi-combobox: implement icon slot (#2140) (0fde573)
- ui5-multi-combobox: Implement valueStateMessage (#2258) (793a29e), closes #1086
- ui5-multi-input: fire value-help-trigger with F4, ALT/OPTION + ARROW_UP/DOWN (#2145) (8c473c3), closes #2143
- ui5-multi-input: initial implementation (#1942) (5d7e7df)
- ui5-multiinput, ui5-multi-combobox: implement keyboard handling (#2166) (dc2ae6d)
- ui5-panel: implement headerAriaLabelledBy property (#2200) (67c4d69)
- ui5-select: add ariaLabel and ariaLabelledby properties (#2125) (a58bf49), closes #2107
- ui5-select: Implеment value state message (4133a42), closes #1086
- ui5-select: introduce required property (#2116) (f66875a)
- ui5-tab-container: implement overflow-button slot (#2192) (e91c200)
- ui5-textarea: add ariaLabel and ariaLabelledby properties (#2124) (c005478), closes #2107
- ui5-time-picker: improve keyboard handling support (#2092) (20c55ed), closes #1534
- ui5-token: provide closeIcon slot (#2193) (d19fa5f)
Features 33, Fixes 72
Notes
Bug Fixes
- ui5-avatar: Correct colors are applied for acc themes (#1786) (42f1766)
- ui5-avatar: Image URL may now contain special characters (#1828) (3acab5a)
- ui5-busy-indicator: Fix double focus issue (#1779) (f7bc0aa)
- ui5-busyindicator: Set bigger opacity for IE (#2010) (ab3f92f), closes #2005
- ui5-busyindicator: Prevent keyboard events propagation to controls (#1607) (031b6ca)
- ui5-button: Determine icon-only ignoring comment nodes (#1679) (ba1ee78)
- ui5-button: Make buttons truncate (#1586) (1044daa)
- ui5-button: Align verticaly icon in IE (#1823) (b003f05)
- ui5-button: Apply aria-expanded to inner button tag (#1781) (df9e4e9)
- ui5-card: Remove header outline (#1891) (8f260f8)
- ui5-carousel: Make content under the navigation arrows accessible (#2014) (8123288)
- ui5-combo-box: Close picker when no match (#1926) (dcac133), closes #1920
- ui5-combobox: Close popover on "Enter" key press (f0e2bac), closes #1940
- ui5-combobox: Close popup on focusout (#2013) (2c95be4), closes #2009
- ui5-combobox: Correct the display of items in popover (23fb8b7), closes #1925
- ui5-combobox: Support aria-label/arial-labelledby and fix aria-expanded (#1916) (99a0e81)
- ui5-dialog: Fix behaviour on mobile when added to DOM on interaction (#1830) (f95807d)
- ui5-file-uploader: Fix JS error thrown in IE (#2023) (61b0205)
- ui5-input: Fix inpur cursor movement in Safari (#1983) (7a9e9a3)
- ui5-input: Fix js error on mouseover/out (#1931) (7da7a54), closes #1930
- ui5-input: Fix JS errors when open/close popups (#1811) (cbe8bb8)
- ui5-input: Fix scrolling item into view (#1848) (5438c66), closes #1847
- ui5-input: Fix selection color and bg (#1954) (30c357a)
- ui5-input: Stop firing focusout on suggestion click (#1857) (a33dd95), closes #1846
- ui5-input: Suggestions can now be arbitrary list items (#1969) (aa6fde4)
- ui5-input: Sync width of suggestions popover and input (#1979) (dd4633e)
- ui5-link: Fix "click twice" issue in Safari (#1799) (#1800) (0f69b84), closes #1796
- ui5-panel: The expand/collapse button is not in the DOM when fixed (#1793) (0b1dc52)
- ui5-segmentedbutton: Buttons no longer shrink on click (#2028) (7951adc)
- ui5-select: Selection now changes instantly (#2031) (88ceb83)
- ui5-list: No longer show a dot on IE (#2011) (77cabba)
- ui5-li-tree: Fix aria-expanded value (#1894) (06e5aa1), closes #1892
- ui5-sebmentedbutton: Fix intermittent js error (#1874) (c44d9aa)
- ui5-select: improve keyboard handling (#1771) (f555180)
- ui5-tabcontainer: The aria-controls now points to an existing ID (#1817) (4bd3604)
- ui5-tabcontainer: Correct selected text color used for sap_belize (#1876) (09577b9)
- ui5-tabcontainer: Fix accessibility of overflow button (#1978) (a7488cd)
- ui5-tabcontainer: Fix box-shadow (#1829) (42998c7)
- ui5-tabcontainer: Fix id duplication (#1789) (511cb40)
- ui5-tabcontainer: Fix overflow visibility (#1993) (d6c2cbc)
- ui5-tabcontainer: Prevent the tabcontainer from setting the selected property on ui5-tab internally (#1974) (0e8b5ea)
- ui5-textarea: Add missing dependency, extract .hbs partial (#1909) (25ed25f)
- ui5-togglebutton: Align vertically icons in IE (#1824) (2d5e84b)
- ui5-datepicker: Fix value state when min/max set (#1742) (681de1f), closes #1740
- ui5-datetime-picker: Set min width (#1698) (7313838)
- ui5-dialog: Position block layer fixed (#1757) (377075a)
- ui5-dialog: Restrict max height and width based on spec (#1665) (a00225c)
- ui5-dialog: Unblock body scrolling when dialog is removed from DOM (#1756) (6742295)
- ui5-duration-picker: Make maxValue work with values greater than 23:59:59 (#1666) (da30bc1)
- ui5-file-uploader: Setting the value to an empty string also resets the file input (#1715) (f8b1b39)
- ui5-icon: Icon now has a correct role (#1652) (d9933bd)
- ui5-input: Announce selected item (#1578) (b28f7c4)
- ui5-label: Fix width for italic labels (#1625) (14a48d1)
- ui5-li: Do not announce active list item type (#1575) (ec14719)
- ui5-list: Fire itemClick after the selection (#1618) (28326c5)
- ui5-messagestrip: Add RTL support (#1741) (6172005), closes #1739
- ui5-popover: Close popup when no opener (#1630) (bd46d7b)
- ui5-popover: Ensure offset from window borders (#1690) (b673a0c)
- ui5-popover: Fix closing order of popovers (#1676) (14add07)
- ui5-segmentedbutton: Add RTL support (#1734) (1c6a9bb)
- ui5-segmentedbutton: Fix measuring when parent is not displayed (#1657) (d00b0be)
- ui5-segmentedbutton: Fix rendering in ie (#1622) (396993e)
- ui5-select: Fix use of ESC leads to wrong selection (#1724) (095d6dc)
- ui5-shellbar: Fix search field focus handling (#1636) (c65010b)
- ui5-table: Fire rowClick for popped in cells as well (#1671) (c48f541)
- ui5-table-cell: Fix popin of long texts (#1648) (61ce284)
- ui5-table-column: Fix sticky column overlaps dialogs (#1609) (c80130d), closes #1602
- ui5-table-row: Do not show the colon when there is no popin text (#1620) (2785daf)
- ui5-textarea: Fix text vertical alignment (#1668) (6790647)
- ui5-timepicker: Adjust hours in 12hours format only (#1752) (df0add4), closes #1714
- ui5-timepicker: Fix firing "change" event for the same value (#1764) (3a0c7d5)
- ui5-timepicker, ui5-duration-picker: enable width customization (#1669) (9cfcbbf)
Features
- ui5-card: add 'action' slot (#1915) (97c299d)
- ui5-carousel: Introduce loadMore event (#1667) (e7af480)
- ui5-datepicker: Add property to hide week numbers (#1955) (d11c973), closes #1949
- ui5-datepicker: Implement keyboard handling (#1706) (15e915f)
- ui5-datepicker: Implement valuestatemessage slot (#1476) (82b3d41)
- ui5-datepicker: Set value attribute through date object (#1624) (4d7586d)
- ui5-daterange-picker: Initial implementation (#1785) (4c11286)
- ui5-duration-picker: Implement hide-hours & hide-minutes propererties (#1604) (0af9b00)
- ui5-duration-picker: Implement seconds-step & minutes-step properties (#1603) (37ee069)
- ui5-fileuploader: Implement accessiblity specification (#1585) (76943bc)
- ui5-icon: Introduce interactive property (#1592) (b898cd3)
- ui5-input: Add highlighting (#1943) (673ed8d)
- ui5-input: Add suggestion-item-preview event (#1778) (e7f380e), closes #1768
- ui5-input: Add suggestion-scroll event (#1856) (1d20ba8), closes #1846
- ui5-input: Announce suggestions count (#1975) (a7d216c)
- ui5-input: Implement aria-label (#1782) (a588ffe)
- ui5-input: Support 'inactive' suggestions (#1921) (eca3bd6), closes #1919
- ui5-input: Support ariaLabelledBy (#1873) (2356cd0)
- ui5-li: Support 'Information' infoState (#1997) (401b499)
- ui5-list: Support aria-label and aria-labelledby (#1899) (cacf5d8), closes #1886
- ui5-multicombobox: Implement latest accessibility spec (#1564) (b0917d5)
- ui5-panel: Support aria-label and aria-labelledby (#1910) (8cb7c48)
- ui5-popup: Add support for aria-label (#1898) (69d8ee4)
- ui5-progress-indicator: Initial implementation (#1887) (e8009c9), closes #1392
- ui5-popover: Prevent closing when no opener (#1911) (e7c2518), closes #1768
- ui5-popup: Custom popups work with focusable elements in the shadow root (#1844) (a109558)
- ui5-rating-indicator: Initial implementation (#1729) (a28f201)
- ui5-select: Implement angular two way data binding (#1583) (f1f3d4f)
- ui5-suggestion-item: Enable mouseover|out events (#1784) (4359b9a)
- ui5-tabcontainer: Add expand/collapse animation (#1617) (0c32950), closes #1540
- ui5-table: Allow for custom styling (#1627) (232e7f5)
- ui5-timepicker: Implement valuestatemessage slot (#1482) (b1d30f3)
- ui5-tree: Introduce new component (#1580) (2dd97cf)
Features 19, Fixes 25
Notes
Bug Fixes
- ui5-busyindicator: fix component placement and appearance in IE (#1505) (0e57d78)
- ui5-button: make aria-label work for ui5-button (#1445) (f0f8964)
- ui5-button: make aria-labelledby work with numeric id (#1500) (ac6e8d2)
- ui5-carousel: Content now shrinks properly (#1402) (0e26906)
- ui5-carousel: hide arrows and dots when single page (#1414) (f6c46be)
- ui5-combobox: translate accessibleName (#1563) (6cd3da8)
- ui5-datepicker: fix the value validation (#1465) (14fe357)
- ui5-datetime-picker: fix AM/PM selection (#1551) (af9ff8a), closes #1530
- ui5-dialog: improve accessibility (#1477) (38ffd25)
- ui5-groupheade-li: fix focus handling (#1544) (b0f180d)
- ui5-information: fix component visual (#1498) (746f907)
- ui5-multi-combobox: fix initial focus on mobile (#1508) (77e6ab6)
- ui5-popover: allow opening if opener is not fully visible (#1448) (a10fde5)
- ui5-popover: set fallback placement when no place to popup (#1467) (cfeed00)
- ui5-popover: show arrow border (#1528) (56e5ba7)
- ui5-responsive-popover: add minimum sizes (#1539) (c4ae309)
- ui5-responsive-popover: implement default close button (#1501) (c6868af)
- ui5-segmentedbutton: button can no longer be clicked when disabled (#1393) (576d769)
- ui5-segmentedbutton: import ui5-togglebutton by default (#1549) (bccf03b)
- ui5-select: prevent scrolling on Space (#1418) (fb500fc)
- ui5-tabcontainer: clicking a tab now always works (#1567) (dc60609)
- ui5-textarea: stop showing valueStateMsg in value-state="None" (#1568) (832c34e)
- ui5-timepicker: fix AM/PM selection (#1569) (ad923a2)
- ui5-timepicker: periods apply fix (#1502) (b0195b7)
- ui5-timepicker: prevent setting valueState="Error" on empty value (5a3d1b1)
Features
- ui5-avatar: implement accessibility spec (#1484) (501740e)
- ui5-busyindicator: implement text property (#1506) (4118c68)
- ui5-button: support aria-labelledby attribute(#1446) (e54111f)
- ui5-carousel: add navigate event (#1454) (c55bcdc)
- ui5-carousel: Allow different number of items per page based on component width (#1434) (dec0d4d)
- ui5-combobox: implement accessibility spec (#1560) (3d56b4d)
- ui5-datetime-picker: introduce new component (#1437) (ef27ca1)
- ui5-duration-picker: initial implementation (#1415) (e38392e)
- ui5-input: implement valueStateMessage with suggestions (#1390) (39068b3)
- ui5-list: implement accessibility spec (#1461) (348bde9)
- ui5-panel: enable configuring the heading level (#1504) (710053b)
- ui5-segmentedbutton: implement accessibility spec (#1475) (ae7b395)
- ui5-select: implement accessibility spec (#1485) (ede3635)
- ui5-tabcontainer: content can be displayed above the tab strip (#1516) (fb38b2c)
- ui5-textarea: add "valueState" property (#1411) (6710038)
- ui5-textarea: add "valueStateMessage" slot (#1419) (d323d51)
- ui5-timeline: implement acc spec (#1471) (27435ee)
- ui5-wheelslider: add cyclic behaviour (#1408) (ac97824)
- ui5-wheelslider: swipe feature implementation (#1470) (3665193)
Breaking 6, Features 23, Changed 3, Fixes 50
Notes
Bug Fixes
- docs: display the ui5-popover API correctly (#1064) (e1b5649)
- main: add missing icons (#1319) (6bebdb5)
- ui5-avatar: make styles attribute dependant (#1360) (e2791b0)
- ui5-avatar: remove background color when there is no image (#1148) (2bd2204)
- ui5-busyindicator: adjust stylings to latest spec (#1344) (0af6c3d)
- ui5-busyindicator: display as size=Large by default (#1315) (743f0b3)
- ui5-busyindicator: improve stylings (#1350) (c3dd3f4)
- ui5-button: fix icon shrinking (#1258) (be943ba)
- ui5-calendar-header: fix width in ie (#1205) (2d21ae0)
- ui5-card: fix width (#1165) (e463d23)
- ui5-card: update ACC support (#1042) (3253555)
- ui5-carousel: add missing icon imports (#1365) (d6bb698)
- ui5-carousel: add missing import (#1321) (19445d1)
- ui5-checkbox: fix wrapping of a long word (#1007) (2117ecc)
- ui5-combobox: component improvements (#1141) (e211227)
- ui5-datepicker: fix hoverbg-color when readonly (#1361) (1696cba)
- ui5-daypicker: show correct today (#1157) (6fb1dd6)
- ui5-dialog: dialog focus trapping works again (#1213) (e899708)
- ui5-dialog: provide min-width on desktop (#1257) (05b208d)
- ui5-dialog: stretch content area of dialog #920 (#1167) (894d457)
- ui5-icon: remove promise rejection (#1299) (902db58)
- ui5-icon: remove unneccessary aria-label attribute (#1284) (9f2e756)
- ui5-input: border-color on hover (#1154) (9393b50)
- ui5-input: fix exceptions thrown when KH used (#1301) (85f01d7)
- ui5-input: fix javascript error on mobile (#1339) (c0ffbac)
- ui5-label: fix truncation when show-colon is set (#1079) (9e84314)
- ui5-li: correct focus color when active (#1143) (7c4ee77)
- ui5-li: fix active state on mobile (#1169) (90223f8)
- ui5-li: prevent checkbox shrinking (#1142) (964dbc2)
- ui5-link: fix JS error when href is undefined (#1373) (a7cf983)
- ui5-mcb: open correct popover from show more text (#1371) (68cb73d)
- ui5-multi-cbx: remove horizontal scrollbar (#1312) (05175c4)
- ui5-popover: add header and footer to focus trapping (#1298) (0e0344c)
- ui5-popover: z-index is now consistent with dialogs (#1209) (5f8ce93)
- ui5-responsive-popover: set z-index on phone (#1303) (a38b605)
- ui5-segmentedbutton: size adjustments (#1225) (1a8f8b0)
- ui5-select: fix component baseline alignment (#1075) (37b7891)
- ui5-select: prevent selection from cycling (#1066) (d46be1f)
- ui5-tabcontainer: apply overflow items styles (#1178) (63ca721)
- ui5-tabcontainer: fix sizes on compact (#1364) (6a4738e)
- ui5-tabcontainer: fix tab content overflow and height calculation (#1056) (6b65fa4)
- ui5-table: optimize non popin table rendering (#1229) (872dcad)
- ui5-table-row: fix 1st and "nodata" rows visual (#1156) (991e546)
- ui5-textarea: apply border and bg-color to native textarea (#1250) (a804e30)
- ui5-textarea: fix bg-color in IE (#1210) (c047da7)
- ui5-timepicker: fix JS Error, improve user XP and sample (#1362) (f02477b)
- ui5-toast: infinite loop prevented (#1320) (1c2a94a)
- ui5-toast: keep toast open when hovered (#1294) (2f4fd6e), closes #1292
- ui5-dialog: Dialog does not break when there is no header text (#1146) (44e631a)
- ui5-token: token icon is shown again (#1126) (59e5972)
Code Refactoring
- ui5-card: update API and correct visual (#1145) (6733de9)
- ui5-tabcontainer: provide tabIndex in tabSelect even (d8d4fdb)
- ui5-textarea: rename property maxLength to maxlength (#1068) (b2ee6a3)
Features
- ui5-li: add Detail type (#1323) (ac8f8ce)
- ui5-avatar: add initials, imageFitType and bg-color (#1151) (5d27c7f)
- ui5-avatar: introduce new component (#1135) (b1c8747)
- ui5-carousel: initial implementation (#1159) (5b84d85)
- ui5-datepicker: implement min and max date limits (#1040) (35b2593)
- ui5-dialog: improve accessibility (#1288) (ef2886b)
- ui5-file-uploader: initial implementation (#1184) (e628dbd)
- ui5-input: implement valueStateMessage (#1297) (538a79a)
- ui5-input: provide "Information" value state (#1261) (77f7293)
- ui5-list: add infinite-scroll capability (#1220) (756b78b)
- ui5-mcb-item: initial implementation (#1254) (861a19b)
- ui5-multi-combobox: implement angular two way data binding (#1363) (33009db)
- ui5-radiobutton: introduce wrap property (#1006) (99dd6c4)
- ui5-segmentedbutton: initial implementation (#1164) (931fbe0)
- ui5-static-area-item: implement lazy loading (#1272) (1f76a71)
- ui5-suggestion-item: add new component (#1336) (786f4e9)
- ui5-tabcontainer: add tabLayout property (#1214) (e79dcc8)
- ui5-table: provide rowClick event (#1186) (0ba6fdd)
- ui5-timepicker: implement new component (#1172) (56e39bc)
- input components: make input-based components open dialog on mobile device (#1144) (d7b1179)
- ui5-table: introduce popinChange event (#1166) (0979963)
- ui5-combobox: initial implementation (#1123) (ca2fa23)
- ui5-toast: introduce new component (#1014) (48400cd)
BREAKING CHANGES
- ui5-busyindicator: Medium size is now default
FIXES: https://github.com/SAP/ui5-webcomponents/issues/1337
- ui5-mcb-item: - ui5-multi-combobox no longer accepts
ui5-lifor items useui5-multi-combobox-iteminstead.
- ui5-combobox-item: change the tag name from
ui5-combobox-itemtoui5-cb-item
-
ui5-tabcontainer:
itemSelectis renamed totabSelectand theitemevent param is renamed totab. -
ui5-card: the proeprty
subtitlehas been renamed tosubheading -
ui5-textarea: The property
maxLengthhas been renamed tomaxlengthand the attribute name is changed frommax-lengthtomaxlength.
Breaking 7, Features 8, Changed 5, Fixes 19, Other
Notes
Migration guide
Take a look the migration guide for smooth update from 1.0.0-rc.4 version to 1.0.0-rc.5 version.
Bug Fixes
- ui5-button: prevents setting 0 height to icons in IE (#902) (20511c6)
- ui5-button: subscribe event handlers via HBS template
- ui5-checkbox: fix layouting in IE (#926) (ffdc271)
- ui5-checkbox: fix truncation in compactSize (#998) (3cdcede)
- ui5-datepicker: fix DatePicker hover effect (#999) (44d6c27)
- ui5-datepicker: it is now possible to set an empty placeholder (#997) (3eca602)
- ui5-daypicker: Separate daypicker click handling to mousedown/up handlers(#894) (09d0ec7)
- ui5-input: correct ACC info implementation (#846) (7d547ec)
- ui5-input: fix input pushed downward (#891) (bda9714)
- ui5-multi-combobox: close popover & empty value on selection (#832) (1b3e40d)
- ui5-popover: restrict max content height when overflowing the screen (#908) (6671793)
- ui5-select: remove unsupported method in IE (#919) (f1bceea)
- ui5-tabcontainer: adjust tabs to take 100% of TC height (#895) (6fcf259)
- ui5-tabcontainer: fix overflow item default semantic color (#989) (a003189), closes #988
- ui5-tabcontainer: fix overflow items appearance and selection (#988) (8cd2a8b)
- ui5-list: prevent navigaion with Left/Right keys(#985) (3d46e2d)
- ui5-table: pressing SPACE works for HTML elements inside ui5-table (#964) (2384236)
- ui5-table: fix JS error when there are less cells than columns (#841) (fd3b690)
- ui5-table: fix row navigation and focus handling (#876) (f69f42c)
Features
- ItemNavigation: introduce navigationMode property (#910) (9c43533)
- ui5-icon: change src property to name (#928) (0489673)
- ui5-input: introduce maxlength property (#976) (c149f5f)
- ui5-label: add showColon property (#965) (ae95a8d)
- ui5-multicombobox: implement ACC support (#937) (0a44a92)
- ui5-multicombobox: introduce open property and openChange event (#930) (c0b51f5)
- ui5-panel: improve accessibility (#864) (b133468)
- ui5-textarea: implement input event (#543) (7c5647e)
Code Refactoring
- ui5-shellbar: move component to @ui5/webcomponents-fiori package (#887) (06f1770)
- ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)
- ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)
- ui5-shellbar-item: "src" property renamed to "name" (#928) (8e060d1)
- ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)
BREAKING CHANGES
- icons: Move all individual icons to a new npm package called
@ui5/webcomponents-icons.
You have to install the package
npm i @ui5/webcomponents-icons --saveThe import statements should be changed
Before:
@ui5/webcomponents/dist/icons/add.jsAfter:
@ui5/webcomponents-icons/dist/add.js-
ui5-shellbar: move component to new
@ui5/webcomponents-fioripackage (#887) (06f1770) -
ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)
The slot accepts a ui5-button and overstyles it to match ShellBar's styling.
To get the ShellBar's coPilot animated you have to import the
@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.jsmoduleThe "src" property was renamed to icon and accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")
The avatar property was removed. Use the avatar slot instead - pass an icon(<ui5-icon) or an image(<img).
Before:
<ui5-card avatar="sap-icon://add"></ui5-card>After:
<ui5-card><ui5-icon name="add" slot="avatar"></ui5-icon></ui5-card>`and respectively:
<ui5-card avatar="http://url/to/my/image"></ui5-card>`becomes:
<ui5-card><img src="http://url/to/my/image" slot="avatar"/></ui5-card>`- ui5-icon: "src" property was renamed to "name".
The "name" poperty accepts icon name (such as "add") instead of icon src (such as "sap-icon://add"). Note: the src property will continue to work until the next release due to the impact of the change, but will produce a warning in the console.
Breaking 4, Features 9, Changed 5, Fixes 22
Notes
Bug Fixes
- ui5-badge: correct component sizing (#733) (f5a4798)
- ui5-badge: fix icon size (#729) (f1e1343)
- ui5-busyindicator: change z-index not to overlap popover or dialog (#624) (c91c811)
- ui5-button: align buttons with and without icons on same line (#796) (8420492)
- ui5-button: fix Transparent button border in Fiori 3 & HCB (#789) (bc00f1f)
- ui5-checkbox: set default font-size to checkmark (#618) (d3a9197)
- ui5-input: inputs now support placeholder on IE (#781) (559109d)
- ui5-icon: icon no longer flickers on IE (#722) (964af67)
- ui5-input: use translated text (#783) (1e9a4e6)
- ui5-link: fix link hover effect (#803) (46bfaf1)
- ui5-multi-combobox: overflow tokens correctly when not enough space (#714) (c67fe0a)
- ui5-multicombobox: enable closing on icon click (#719) (8d98def)
- ui5-switch: don`t mirror checkmark icon in RTL (#742) (ad2609d)
- ui5-tabcontainer: fix selected tab text color in HCB (#805) (3ccf80e)
- ui5-table: call resize handler on initial rendering (#625) (c20c85c)
- ui5-datepicker: date selection works on IE (#623) (5a0b7ad)
- ui5-token: correct visual in RTL/Compact (#804) (71c9caa)
- ui5-icon: enable default icon size to be changed (#629) (a44cdc6)
- InputFormSupport: enable form support for nested input elements (#656) (57adb04)
- doc: fix typos in docs (#680) (f884643)
- ui5-datepicker: icon from datepicker no longer flickers on IE (#723) (80c4f32)
- ui5-tokenizer: use i18nbundle instead of resource bundle (#757) (d6668bc)
Code Refactoring
- ui5-li: remove background CSS Variable (#802) (9bf57ab)
- ui5-multi-combobox: replace validate-input with allow-custom-values (#749) (f501df4)
- ui5-popover: improve layouting, styling and positioning (#779) (1d377ba)
- ui5-table: width property of column is removed (#784) (dedb51e)
- ui5-datepicker: hide week number in Islamic, Buddhist and Japanese calendars (#806) (a5ccb80)
Features
- ui5-datepicker: adds public getter dateValue (#726) (1ba3e25)
- ui5-datepicker: implement ACC support (#763) (188627e)
- ui5-icon: implement ACC support (#709) (1357c16)
- ui5-icon: use SVG icons instead of icon font (#649) (b6352d8)
- ui5-list: added new param for selectionChange event (#798) (28c4181)
- ui5-select: adds readonly property selectedOption (#718) (5d9a1ac)
- ui5-switch: implement ACC support (#692) (7304a31)
- ui5-tabcontainer: update ACC of header and content (#756) (8550365)
- ui5-link, ui5-textarea, ui5-input, ui5-checkbox, ui5-button, ui5-badge, ui5-busyindicator, ui5-messagestrip: Improve accessibility of components (#613) (16568c2)
BREAKING CHANGES
- ui5-popover: stayOpenOnScroll is now removed Popover will no longer close when the browser is scrolled and its parent (opener) is visible in the viewport.
- ui5-li: CSS variable --ui5-listitem-background-color is removed, set the desired background directly on the tag.
- ui5-table: width property of the ui5-table-column has been removed, use CSS to give width to the columns.
<ui5-table-column style="width: 100px">... - ui5-multi-combobox: property validate-input is removed, use the property allow-custom-values, note built in validation is enabled by default.
Breaking 2, Changed 2, Fixes 1
Notes
Bug Fixes
Code Refactoring
- ui5-shellbar-item: Rename press event to itemClick (#606) (5bfab39)
- ui5-popover, ui5-dialog: remove noHeader property (#615) (6a990a7), closes #615
BREAKING CHANGES
- ui5-shellbar-item: ui5-shellbar-item press event is renamed to itemClick
- ui5-popover, ui5-dialog: the property noHeader is removed, the presence of header is based on the values of "headerText" property and "header" slot
Notes
Note: Version bump only for package @ui5/webcomponents
Breaking 8, Features 4, Changed 7, Fixes 5
Notes
Bug Fixes
- ui5-badge: correct text font (#535) (3da0dd5)
- remove custom "falsy" checks from ifDefined (#544) (92a85fa)
- ui5-icon: correct RTL appearance (#569) (591d81a)
- ui5-switch: change getters names (#566) (2d94b60)
- ui5-tabcontainer: set initial tab index (#545) (0127c2f)
Code Refactoring
- ui5-button: rename type property to design (#504) (a62b471)
- ui5-link: rename type property to design (#505) (3965a00)
- ui5-messagestrip: rename hideIcon property to noIcon (#507) (2314fc3)
- ui5-popover: hideHeader property renamed to noHeader (#553) (11dc3b1)
- ui5-popover: rename hideArrow property to noArrow (#509) (efff863)
- ui5-select: change default slot from list items to options (#532) (2e4486b)
- ui5-switch: rename type property to graphical (#506) (0040e85)
Features
- ui5-card: add "headerInteractive" property (#439) (98f7075)
- ui5-label: expose font-weight property on root tag (#534) (88c794a)
- ui5-li: add info and infoState properties (#539) (f1d8a85)
- add form support for ui5-select (#565) (89e3508)
BREAKING CHANGES
- the parameter of the change event is now called "selectedOption"; ui5-select enforces ui5-option as children in the metadata
- ui5-select: Use ui5-option instead of ui5-li in ui5-select
- ui5-link: property type is renamed to design
- ui5-button: type property is changed to design
- ui5-switch: type property is renamed to boolean property graphical
- ui5-messagestrip: hideIcon property is renamed to noIcon
- ui5-popover: hideArrow property is renamed to noArrow
- ui5-popover: hideHeader property renamed to noHeader
Breaking 1, Features 7, Changed 1, Fixes 12
Notes
Bug Fixes
- ui5-button: bold text in fiori_3 when button is emphasized (#512) (53cdc93)
- ui5-button: fix focus outline color of emphasized button (#499) (1e0690c)
- ui5-checkbox: fix touchArea size (#448) (8831139)
- ui5-li: remove active state onmouseup (#525) (a07880d)
- ui5-messagestrip: improve screen reader announcements (#467) (b68443c)
- ui5-multi-combobox: docs and API improvements (#438) (c559ac0)
- ui5-radiobutton: make readonly radiobuttons not selectable via keyboard (#500) (2261f1c)
- ui5-select: fix component clickable area (#462) (9c59de5)
- ui5-tabcontainer: remove typo from component template (#446) (e701562)
- ui5-table: fix scrolling on space (#232) (cd63e9a)
- ui5-list: fix list footer font family (#494) (5543d30)
- all: fix styles for hidden attribute (#464) (f7f07d2)
Code Refactoring
Features
- inline english texts if no translation is fetched (#479) (abfb221)
- base: implement late validation (#522) (c452d60)
- ui5-badge: initial implementation (#521) (8496211)
- ui5-busyindicator: initial implementation (#416) (6b6b544)
- ui5-busyindicator: introduce active property and simplify usage (#519) (ff59a98)
- ui5-li: parameterize listitembase border bottom (#520) (da1c430)
- ui5-table: add noDataText for ui5-table without rows (#402) (907d513), closes #389
BREAKING CHANGES
- ui5-button: activeIcon property is removed
Notes
Note: Version bump only for package @ui5/webcomponents
Breaking 6, Features 3, Changed 4, Fixes 3
Notes
Bug Fixes
- ui5-checkbox: correct default values of the boolean props (#408) (9bdd2c5)
- ui5-messagestrip: remove height 100% on element tag (#387) (4b64a9c)
- ui5-panel: add missing dependency for ui5-icon (#406) (650bcb0)
Code Refactoring
- ui5-datepicker: rename event 'liveChange' to 'input' (#394)
- ui5-panel: remove backgroundDesign property (#384)
- ui5-panel: remove backgroundDesign property (#383)
- ui5-checkbox: rename "readOnly" to "readonly" (#413)
Features
- ui5-list: selectionChange event provides previousSelection items (#418) (f0fc8f2)
- ui5-multi-combobox: initial implementation (#379) (115900b)
- ui5-shellbar: API improvements (#421) (e0ff36d)
BREAKING CHANGES
- ui5-list: the "selectionChange" event param "items" has been renamed to "selectedItems".
- ui5-list: the "backgroundDesign" property has been removed, use the corresponding CSS variable (--_ui5_listitem_background_color) to alter the list items` background.
- ui5-panel: the "backgroundDesign" property has been removed, use the corresponding CSS variables (--_ui5_panel_background_color) to alter the panel background.
- ui5-datepicker: 'liveChange' event has been renamed to 'input'.
- ui5-checkbox: property "readOnly" has been renamed to "readonly".
- ui5-radiobutton: property "readOnly" has been renamed to "readonly".
Breaking 1, Changed 2, Fixes 6
Notes
Bug Fixes
- ui5-li: fix styles import extension (#351) (4fae1ff)
- ui5-messagestrip: fix layout in ie (#353) (ca5f62c)
- switch theme for single imported components (#356) (dcd64a9)
- ui5-radiobutton: fix single selection within group (#355) (371fb88)
- ui5-select: preselect first item if none is selected (#358) (3d18420)
- ui5-togglebutton: add base styles (#352) (f4dee1c)
Code Refactoring
- ui5-radiobutton: improve group handling (#348) (4d7d9c3)
- ui5-radiobutton: enable radio button form support (#357) (96a0517)
BREAKING CHANGES
- ui5-radiobutton: the property "group" is replaced by the "name" property.
Breaking 13, Features 11, Changed 6, Fixes 25
Notes
Bug Fixes
- docs: fix card sample page (#305) (d91f237)
- ui5-button: fix height (#331) (98a2c4e)
- ui5-button: fix width in ie11 (#325) (b00ab52)
- ui5-button: removes active state after tabbing on an pressed button (#335) (0776e01)
- ui5-checkbox: correct setting of aria-readonly (#220) (c1f98a3)
- ui5-checkbox: fIx checkbox width in ie11 (d58320b)
- ui5-checkbox: fixes issues with focus outline and wrapping (#238) (02bb56e)
- ui5-checkbox: remove background from touchable area (#226) (3412ef3)
- ui5-li: fix delete list item button height (#221) (a008022)
- make fallback script work with multiple variables per line (#252) (298a165)
- ui5-li: fix description text in compact mode (#211) (cadf996)
- ui5-li-custom: enable setting height of the custom content (#311) (76bf9f3)
- prevent merging of :host(tag) and tag css rules (#349) (f23085c)
- ui5-li: fix typo (#224) (cb781f1)
- ui5-link: noreferrer for cross-origin links (#202) (5902704)
- ui5-panel: correct inon size on small screens (#213) (a98f544)
- ui5-radiobutton: fix focus in ie11 (#327) (b59abd6)
- ui5-radiobutton: fix keyboard handling on TAB/SHIFT+TAB (#231) (f2a18cf)
- ui5-shellbar: add missing dependency to ui5-popover (#234) (912f434)
- ui5-shellbar: pass correct values for events details (#298) (2641ec6)
- ui5-shellbar: set correct font-family to primary title (#228) (839a66e)
- ui5-switch: fix layouting on IE (#223) (1111dbf)
- ui5-togglebutton: correct default btn hover and text hover (#332) (280f85d)
- select correctly opens on click (#235) (a4915df)
- transform css files to es6 modules (#306) (dbb98c8)
Code Refactoring
- remove ui5-toolbar (#198) (2e14428)
- base: flatten project structure (#227) (0e8e460)
- ui5-panel: rename the expand event to toggle (#216) (2608100)
- ui5-shellbar: rename press handlers param (#300) (5d1c920)
- ui5-tabcontainer: refactor the component (#318) (aa516ff)
- ui5-timeline: change timestamp property to subtitleText (#321) (287548e)
Features
- adds static method styles to base class (#345) (b61860f)
- ui5-select: selection can be changed with arrows while closed (#254) (bb46034)
- enable form support and name attribute for inputs (#337) (188d231)
- framework-level support for CSS Custom Properties (#196) (291829a)
- make css vars fallback script work with embedded vars (#251) (f81c117)
- ui5-card: fires headerPress event upon header click (#250) (59b80be)
- ui5-panel: make the header clickable (#204) (c5c1786)
- ui5-select: select opens with space (#245) (a6c4d29)
- provide named exports for some base modules (#347) (2e2439a)
- ui5-shellbar: adds logoPress and coPilotPress events (#301) (f221123)
- ui5-shellbar: menuItems slot and menuItemPress event (#317) (f24f78b)
BREAKING CHANGES
- ui5-timeline: 'timestamp' and 'timeFormat' properties are removed. Instead use subtitle-text property and directly format the text as desired.
- the ui5-toolbar component is removed, we recommend using div or similar HTML tag in combination with flex instead.
- ui5-panel: the expand event is removed, use the toggle event instead.
- ui5-tabcontainer: 'headerMode' property is removed. All Tabs by Fiori guidelines are rendered in inline mode
- ui5-tabcontainer: 'headerBackgroundDesign' property is removed
- ui5-tabcontainer: 'backgroundDesign' property is removed
- ui5-tabcontainer: 'content' property is removed. Instead if you want to use the TabContainer as a filter just use it with 'collapsed' set to true and 'fixed' set to true
- ui5-tabcontainer: 'TabContainerDensityMode' is deleted. To set different size modes use ?sap-ui-compactSize=true
- ui5-tabcontainer: 'selectedIndex' property is removed. Instead use 'selected' property of the Tab
- ui5-tabcontainer: Tab's 'count' property is removed. Instead use the additional-text property
- ui5-tabcontainer: Tab's 'design' property is removed
- ui5-shellbar: titlePress event is removed and replaced by menuItems slot.
- base: All files required from the base now have different path. sap/ui/webcomponents/base/ is removed.
old: @ui5/webcomponents-base/src/sap/ui/webcomponents/base/WebComponent new: @ui5/webcomponents-base/src/WebComponent
Breaking 1, Features 1, Changed 1, Fixes 7
Notes
Features
Bug Fixes
- fix HCB colours for Icon, TextArea and TableCell content (#128) (9fb7dc5)
- ui5-datepicker: enable day selection in IE (#162) (18a3c43)
- ui5-icon: correct icon graphic vertical alignment in IE (#142) (98be562)
- ui5-input: fire change in sync with the native input (#168) (55fa533)
- ui5-label: enable text truncation in IE (#136) (ef00170)
- fix source maps (#181) (7084c96)
- ui5-list: correct backward navigation with SHIFT+TAB (#193) (037409d)
Code Refactoring
BREAKING CHANGES
- ui5-input: liveChange event is no longer fired, listen for the input event instead.
Breaking 3, Features 7, Fixes 17
Notes
Features
- ui5-card: add avatar property (#45) (cdaf549)
- ui5-li: add description property (#54) (fe79710)
- ui5-select: initial implementation
- ui5-shellbar: initial implementation and improvements (#72) (fdc743d)
- ui5-switch: initial implementation (#102) (280d35a)
- ui5-timeline: initial implementation
- load Web Components polyfill on demand (#96) (98b5174)
Bug Fixes
- eventing: remove unnecessary tag name check (#16) (3e39a70)
- ui5-checkbox: wait for ui5-label definition (#115) (14067bd)
- ui5-checkbox: show default cursor over text (#9) (28d5ac0)
- ui5-checkbox: fix focus outline appearance in Compact + RTL (#23) (9b18490)
- ui5-datepicker: display extreme values correctly (#75) (d1c7259)
- ui5-datepicker: fix icon color in pressed state (#63) (a03a51a)
- ui5-input: fix slotted icon default size (#105) (0cfe254)
- ui5-li: fix height with title and description in Compact (#70) (db17c71)
- ui5-popover: fix appearance on ios within iframe (#60) (a62c198)
- ui5-popover: fix bottom border radius (#34) (2daefc1)
- ui5-radiobutton: fix focus lost upon text click in IE (#24) (7a00caf)
- ui5-radiobutton: fix focus outline in Compact & RTL (#18) (9afa81b)
- ui5-select: prevent scrolling upon ALt+ArrowDown/Up/F4 (#7) (c22eae1)
- ui5-select: fix selection, styling and playground sample (#4) (f0a90b7)
- ui5-tabcontainer: wait for ui5-popover definition (#46) (a6f5c2b)
- ui5-tabcontainer: click on left arrow correctly scrolls to left in textOnly (#97) (a89de1a)
- ui5-textarea: focus outline with character counter (#32) (0900483)
BREAKING CHANGES
- any applications that wants to support Edge and/or IE11 should now import the respective browser support module. For details, see the README.md
- ui5-tabcontainer: The TabContainer "selected-key" and Tab "key" properties are removed. Use TabContainer "selectedIndex" property (selected-index attribute) to set and get the selected tab.
- addCustomCSS is no longer on the Core object. Use Theming instead. #58
Others providing
- abap2UI5 frontend-webcomponentabap2UI5 frontend-webcomponentAn alternative abap2UI5 frontend: one ES module registering <abap2ui5-app>, which renders the views an unchanged abap2UI5 app class sends with UI5 Web Components and no UI5 core.community org, abapabap2UI5 frontend rendering with UI5 Web Components
- @openui5/sap.ui.core@openui5/sap.ui.coreThe OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.sap official, ui5Framework core: module loader, MVC runtime, binding, routing, theming
- ui5-webcomponents-bundleui5-webcomponents-bundleA custom bundle of UI5 Web Components built from the old playground's bundle definitions, served from GitHub Pages and loaded with one script tag.community org, ui5Custom UI5 Web Components bundle loaded with one script tag
- @ui5/tooling-webc@ui5/tooling-webcDeprecated UI5 Tooling extensions that generate UI5 library wrapper projects for UI5 Web Components and serve them during development; the README points to ui5-tooling-modules instead.sap official, ui5Deprecated UI5 Tooling extensions for UI5 Web Components wrappers
- @openui5/sap.ui.core@openui5/sap.ui.coreThe OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.sap official, ui5Framework core: module loader, MVC runtime, binding, routing, theming
- @sap-theming/theming-base-content@sap-theming/theming-base-contentThe colour, font and metric definitions of the SAP themes, published as Less, CSS variable, SASS and JSON parameter sets for an HTML framework to read.sap official, ui5Colour, font and metric definitions of the SAP themes
- ui5-task-dts-generatorui5-task-dts-generatorA UI5 builder task that generates d.ts files, TypeScript type declarations, during the build of a UI5 library written in JavaScript, by wrapping @ui5/dts-generator.independent, ui5UI5 builder task generating d.ts type declarations
- @openui5/sap.ui.core@openui5/sap.ui.coreThe OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.sap official, ui5Framework core: module loader, MVC runtime, binding, routing, theming
- babel-preset-transform-ui5babel-preset-transform-ui5A Babel transformer that converts modern ECMAScript or TypeScript UI5 code (ES modules and classes) into the sap.ui.define and Control.extend syntax the UI5 loader expects.community org, ui5Babel transformer from modern ES or TypeScript to UI5 module syntax
- @ui5-community/jsx-runtime@ui5-community/jsx-runtimeA plugin-based JSX runtime for UI5: views are written as .tsx files with per-control typing, and the JSX compiles to plain new Control(settings) calls.community org, ui5Plugin-based JSX runtime for UI5 views written as .tsx
- ui5-task-transpileui5-task-transpileA UI5 Tooling task that transpiles TypeScript, ES modules and other ES6+ sources during the build so the UI5 runtime can load them.community org, ui5UI5 Tooling task transpiling TypeScript and ES modules
- @ui5/mcp-server@ui5/mcp-serverSAP's MCP server for UI5 development: ten tools that scaffold an app or a card, read the project in front of the agent, and run the linter and the manifest validator against it.sap official, ui5MCP server for UI5 development with ten tools
- ui5-touch-controlsui5-touch-controlsA UI5 control library that rebuilds common sap.m controls with one size property from S to 6XL, and adds on-screen keyboards, a barcode input and a signature pad.independent, ui5UI5 control library of sized sap.m controls and touch inputs
- SAP Document Management service, integration optionSAP Document Management service, integration optionA BTP service of APIs and a reusable UI5 component for adding document management, with folders, versions and status, to a business application over SAP's repository or a CMIS-compliant one.sap official, btpAPIs and a UI5 component for document management in apps
- ui5-upload-controlsui5-upload-controlsA reusable UI5 control library for file upload and download under the miyasuta.ui5uploadcontrols namespace, built to sit in front of a CAP service.independent, ui5UI5 control library for file upload and download in front of CAP
- ui5-cap-ai-featuresui5-cap-ai-featuresBoth halves of an AI text feature in one package: a CDS plugin serving an AIService over SAP AI Core's Orchestration Service, and the be.wl.ai UI5 control library that calls exactly that service.independent, capCDS plugin and UI5 controls for AI text features via SAP AI Core
Details
Sources
Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.
Compatibility and provenance
Flavors
“being *custom HTML elements*, they hide implementation complexity behind a single HTML tag, making them easily usable with the standard DOM APIs.” — UI5/webcomponents — README
Contributors
Show 93 more
History in the atlas
- checked 2026-10-14, unchanged
- and theming, localization and three icon collections as packages of their own
- First seen.
For your agent
- Ref
artifact:ui5-webcomponents- JSON
- /artifacts/ui5-webcomponents.json
- MCP
- Connecting an agent