Change Log
All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.
2.14.0 (2025-09-04)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ScrollbarStyles: introduce centralized scrollbar styling (#12207) (5481bb3)
Features
- ui5-shellbar: add preventable search field clear event (#12227) (c178acd)
Bug Fixes
Bug Fixes
- ui5-search: align autocomplete with ui5-combobox (#12189) (178f869)
- ui5-view-settings-dialog: initially focus first item in filter options (f25d80e), closes #10555
Features
- ui5-navigation-layout: adjust shellbar padding when side navigation is present (#12175) (723493f)
- ui5-search-item-show-more: introduce new show more item (#11931) (f133a70)
Bug Fixes
Bug Fixes
- ui5-toolbar: extend search field type to ShellBarSearch (#12172) (6bf6727)
Bug Fixes
- u5-search-item: encode markup (#12140) (005f17e)
- ui5-page: correct content overlap with shellbar header (#12124) (2313daa)
- ui5-search: improve arrow navigation with grouping (#12083) (c428f77)
- ui5-side-navigation: expand SideNavigation item activation to Enter with modifier keys (d660c37)
Bug Fixes
- ui5-dynamic-page: correct pin button tooltip based on pinned state (#12086) (b392d46), closes #12064
- ui5-search-field: show separator only when needed (#12113) (7566649)
- ui5-shellbar: apply tertiary button color to cancel button (#12082) (2d2d673), closes #11957
- ui5-timeline: implement arrows navigation for inner elements (#12033) (f1ce974), closes #11785
- ui5-wizard: create a stacking context for wiz-nav (#12120) (29dffba)
Features
- ui5-illustrated-message: updated horizon tnt illustrations (#12084) (2a87850)
- ui5-product-switch-item: added image slot (#11965) (79903f4)
- ui5-timeline: improve keyboard handling (#12021) (de3ab96)
Bug Fixes
2.13.0 (2025-08-04)
Features
- ui5-popover: support setting "null" for opener (#11995) (7d012aa)
Bug Fixes
- ui5-search: fix focus on collapsed search button (#12020) (1956ddd)
- ui5-shellbar-search: consistent touch target size (#11974) (37deaba)
Features
- 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)
Bug Fixes
- ui5-dynamic-page-title: respect size property changes of the title (#11845) (592a857)
- ui5-illustrated-message: remove unnecessary line-height overrides (#11904) (88617c7), closes #11851
- ui5-shellbar-branding: improve logo spacing and RTL support (#11945) (1a28847), closes #11897
- ui5-shellbar: search button adjusted to visual design (#11896) (524e986), closes #11875
- ui5-timeline: apply correct accessibility semantics (#11774) (87412b5)
- ui5-token: align delete icon tooltip with latest spec (#11887) (4e1b019), closes #11588
Features
- ui5-search-item: add delete search item functionality (9e992ae)
- ui5-shellbar: keyboard support added for home/end (#11886) (a5cf4f0), closes #11789
Bug Fixes
- ui5-dynamic-page: remove aria-expanded from header element (#11895) (14fd133), closes #11633
- ui5-side-navigation: add padding at the end of the text (#11890) (8cd0506)
Features
- ui5-combobox, ui5-multi-combo-box, ui5-input, ui5-multi-input: link navigation in value state (#11575) (3f80faa)
Bug Fixes
Features
2.12.0 (2025-07-04)
Bug Fixes
- ui5-flexible-column-layout: prevent layout issue (#11805) (5b17cc8)
Features
- ui5-shellbar-branding: introduce new component (#11320) (951aa44)
Bug Fixes
- ui5-shellbar: button styles for compact aligned (#11801) (6cdc498)
- ui5-user-menu: correct design inconsistencies (#11829) (32e4284)
- ui5-view-settings-dialog: change announce type for the screen reader when view settings are reset (#11668) (6793d09)
Features
- ui5-avatar-group, ui5-product-switch: getFocusDomRef added (#11762) (0954f33), closes #11483
- ui5-user-menu: add item groups with checkable menu items (#11832) (d0758fd)
Bug Fixes
- ui5-shellbar: correct search visibility toggle (#11724) (8c3cba9)
- ui5-side-navigation: focus is correct after selecting overflow item (#11702) (bb22451)
Features
- ui5-menu: menu item groups with checkable menu items (#10028) (161af0f)
Bug Fixes
- ui5-dynamic-page: remove aria-expanded and aria-label when no header content is present (#11626) (1cdcdd4), closes #11570
- ui5-shellbar: allow custom logo width (#11727) (2645efe)
- ui5-shellbar: arrow key navigation inputs support (#11684) (404e96b)
- ui5-wizard: define min-width for header steps separators (#11581) (cbd2a54), closes #9672
Bug Fixes
- ui5-busy-indicator: make text and circles determine indicator dimensions when there is no content (#11223) (10c0cfd)
- ui5-shellbar: prevent logo click event from firing twice (#11631) (5b08a48), closes #11506
- ui5-upload-collection: prevent
item-delete event from firing when item name is deleted (#11625) (fe048b0)
2.11.0 (2025-06-05)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-combobox/tokenizer/wizard/input: extract button texts to vars (#11549) (c8daa25)
- ui5-flexible-column-layout: add aria-valuenow attribute to separators (#11540) (3ba75d6), closes #11533
- ui5-shellbar: remove empty logo from tab chain (#11623) (51661f0), closes #11595
- ui5-side-navigation: group name is now announced by screen reader (#11600) (4848317), closes #11599
Features
- ui5-illustrated-message: added new illustration types (#11560) (5517e2c)
- ui5-side-navigation: make disabled items focusable (#11530) (617cef5)
Bug Fixes
Features
Bug Fixes
- ui5-side-navigation: change CSS param 'sapFontSemiboldFamily' to 'sapFontSemiboldDuplexFamily' (#11529) (0b3a47b), closes #11525
- ui5-side-navigation: right arrow and left arrow behavior fixed (#11434) (d31e202)
- ui5-timeline-item: remove focus getting cut (#11532) (378c13c)
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
2.10.0 (2025-05-07)
Bug Fixes
- ui5-illustrated-message: change SVG inline styling to proper attributes (#11455) (22f16c3), closes #11354
- ui5-illustrated-message: replace inline fill style with fill attribute (#11448) (54389b5)
- ui5-side-navigation: collapsed parent items appear as selected if one of its child items is selected (#11400) (387e418)
Features
- ui5-illustrated-message: decorative property added (#11442) (d17d06b)
Bug Fixes
Features
Bug Fixes
- ui5-side-navigation: change font-family of the text of the items to semi-bold (89d9924)
- ui5-side-navigation: correct hover styles of selected items (#11319) (3ce13c8), closes #11297
- ui5-side-navigation: fix disabled items and tooltips (#11333) (7151dae)
Bug Fixes
Features
Bug Fixes
Bug Fixes
2.9.0 (2025-04-04)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- framework: fix fetching "id" (indonesian) language (#11251) (9a36df5), closes #11233
- ui5-dynamic-page: validate aria-controls reference before rendering (#11033) (f1a3ac2), closes #10987
- ui5-shellbar: improve accessibility for shellbar item count announcement (#11201) (fd12ada), closes #11198
- ui5-view-settings-dialog: provide accessible name for the dialog (#11207) (3bde951), closes #10557
Bug Fixes
- framework: fix find first focusable element (#10984) (40303d5)
- ui5-dynamic-page: correct header snap/pin inconsistency at page top (#11098) (43fe1e0), closes #11088
- ui5-search: change growing button to footer button (#11155) (67eb583)
- ui5-search: fix failing test (#11190) (876d629)
- ui5-view-settings-dialog: provide additional filters count description (#11042) (a6a86e8), closes #11040
Features
Bug Fixes
- ui5-shellbar: fix separators visibility when items are hidden (#11058) (d721e87)
- ui5-shellbar: sap home no longer hard coded in title readings (#11034) (2810da6), closes #10970
Features
- ui5-search: introduce experimental component (#11125) (48f16fb)
- ui5-shellbar: accessibility attributes added to action buttons (#10951) (c8c3e19)
- ui5-side-navigation: enable the web component in popover placement (#10701) (a4565fe)
- ui5-side-navigation: update visual design (#11046) (b5d83a8)
- ui5-user-menu: design enhancements (#11124) (5164035)
Bug Fixes
- ui5-li-notification: footer no longer overflows (#11030) (41c23eb)
Note: Version bump only for package @ui5/webcomponents-fiori
2.8.0 (2025-03-04)
Bug Fixes
- ui5-shellbar: correct matching content check (#10921) (8782951)
- ui5-shellbar: menu-item-click click event is now properly fired (#10983) (27c8bb7), closes #10950
- user-menu: focus on user menu when it is opened (#10967) (a9e2868)
Features
- framework: add
.currentTarget to the type of event handler in TSX and UI5CustomEvent (#10957) (f56753c)
- ui5-side-navigation: improve interaction of unselectable parent items in collapsed mode (#10939) (20507fa)
- user-menu: change api name from showAddAccount to showEditAccounts (#10966) (aa9cf2d)
Bug Fixes
- ui5-illustrated-message: update title font styles (#10912) (6a85a53), closes #10879
- ui5-notification-list: improve keyboard accessibility for the "More" button (#10822) (b659fe2)
- ui5-shellbar: adjust focus style of startButton (#10908) (cc0be62), closes #10598
Features
- ui5-search-field: introduce base component (#10922) (f4489c0)
- ui5-side-navigation: visual design enhancements (#10839) (09e3f35)
- ui5-user-settings-dialog: introduce new components
UserSettingsDialog, UserSettingsItem, and UserSettingsView (#10832) (8b50b13)
Bug Fixes
Bug Fixes
- ui5-side-navigation: "Space" key triggers links (#10767) (b2ab592), closes #10654
- ui5-side-navigation: remove inappropriate exclamation mark usage (#10769) (469cc9d), closes #10714
- ui5-upload-collection-item: properly display deleteButton slot (#10797) (be5ce0b)
Bug Fixes
2.7.0 (2025-02-03)
Bug Fixes
- ui5-flexible-column-layout: aria-hidden is now correct (#10752) (8bf7e76)
- ui5-side-navigation: apply aria-haspopup to items in overflow (#10686) (9550875)
- ui5-view-settings-dialog: clicking on the radio button/checkbox works (#10706) (ff1bdeb)
Bug Fixes
- ui5-side-navigation-item: correct color for actions in overflow menu (#10678) (a96d5ff)
- ui5-side-navigation: don't toggle expanded state of items in popover (#10691) (4c49c96)
- ui5-timeline-item: correct wrapping on long text (#10483) (bf4c816)
Features
- ui5-side-navigation: add actions and unselectable items (#10482) (9fb9bae)
- ui5-timeline: introduce "growing" property (#10470) (c39c0e8)
- ui5-user-menu: introduce
show-edit-button property (#10619) (6adec46)
Bug Fixes
Features
Bug Fixes
Features
- ui5-side-navigation: update existing design for Horizon theme (#10337) (d5eff51)
2.6.2 (2025-01-09)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
2.6.1 (2025-01-08)
Note: Version bump only for package @ui5/webcomponents-fiori
2.6.0 (2025-01-07)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- remove dependencies for TSX components and fix features (#10449) (a2b5f6f)
- ui5-dynamic-page: prevent scroll position reset on unpinning the header (#10441) (9f5a67a)
- ui5-dynamic-page: update header sticky on manual snap (#10431) (1975d56), closes #10430
- ui5-navigation-layout: replace "sideCollapsed" property with "mode" property (#10390) (ae562dd)
- ui5-notification-list-item: scoping issue (#10458) (6cc4615)
- ui5-side-navigation: ensure all items are focusable after expand (#10453) (e60ad85), closes #10391
Features
Features
Bug Fixes
Features
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Bug Fixes
Features
- framework: add JSX template support with TypeScript (#10046) (f42e7c1)
- ui5-user-menu: add title and manage button to pin header on phone (#10339) (a4e6d56)
2.5.0 (2024-12-05)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Features
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-dynamic-page: move subheading slot outside the title wrapper (#10163) (6466b8a)
Features
Note: Version bump only for package @ui5/webcomponents-fiori
2.4.0 (2024-11-03)
Bug Fixes
- ui5-dynamic-page: improve scrolling smoothness (#10093) (d1420b0), closes #10011
- ui5-dynamic-page: prevent unwanted header toggle from scroll (#10007) (7a7d00c)
- ui5-media-gallery: clear selected thumbnail on item removal (#10087) (af4cadb)
Features
- ui5-navigation-layout: add ui5-navigation-layout component (#9517) (463c780)
Bug Fixes
- ui5-dynamic-page: align header area with title and content (#10053) (61e3dbd)
Bug Fixes
Features
- ui5-barcode-scanner-dialog: added support for custom header and footer slots (#10066) (4d06b2e), closes #8919
- ui5-filter-item, ui5-sort-item,..: add selected
filterItems to ui5-confirm event details (#9838) (56ad311)
Bug Fixes
- tools: revert tsconfig moduleResolution to node (#10014) (0724b92)
- ui5-notification-list-group: group header hight is shorter when collapsed (#9953) (4c8a76e), closes #9911
- ui5-page: fix createElement error caused by adding new style property in the constructor (#9998) (fd402e4), closes #9981
Features
- ui5-barcode-scanner-dialog: added capture region overlay (#9646) (19475eb)
Bug Fixes
- ui5-flexible-column-layout: handle separator movement (#9978) (e3db6a6)
- ui5-upload-collеction: hide the upload icon when the height is too small (#9990) (d7e485a), closes #9975
Features
- enhance
[@event](https://github.com/event) decorator (#9944) (fe1d816)
Note: Version bump only for package @ui5/webcomponents-fiori
2.3.0 (2024-10-02)
Bug Fixes
- ui5-dynamic-page: action buttons reading fix (#9858) (c850ff1)
Features
- framework: introduce the
i18n decorator and the cldr option (#9897) (1f29d23)
- ui5-dynamic-page-title: implement snapped title on mobile (#9898) (b8b9a98)
Bug Fixes
- ui5-barcode-scanner-dialog: can be imported in server environments with a shim (#9901) (40dc4eb)
- ui5-flexible-column-layout: iframe content no longer hinders resize (#9859) (d594ae7)
- ui5-page: fix double footer and adjust animation timing (#9885) (e8beb76), closes #9755 #9756
Bug Fixes
- ui5-dynamic-side-content: fix scrollbar styling (#9842) (c5d0249)
- ui5-illustrated-message: illustration fixed (#9739) (0b57512)
- ui5-wizard: prevent step selection upon scrolling on Single Step layout (#9766) (82f6afc), closes #9083
Features
- ui5-li-notification-group: add new features - growing and sticky header (#9783) (a40a451)
Note: Version bump only for package @ui5/webcomponents-fiori
2.2.0 (2024-09-03)
Bug Fixes
Bug Fixes
Bug Fixes
- ui5-flexible-column-layout: correct min-width constraint (#9673) (08fa1b9)
- ui5-flexible-column-layout: correct separator height (#9698) (e4c48cf)
Bug Fixes
- ui5-shellbar: buttons now have equal styles (#9664) (38a446a)
Bug Fixes
- ui5-dynamic-side-content: retrieve correct width (#9642) (02f55f7), closes #9462
- ui5-page: focused content is visible with floating footer (#9643) (4364e03)
Features
- framework: add
[@query](https://github.com/query)(All) decorators (#9567) (242024c), closes #6743
2.1.1 (2024-08-02)
Bug Fixes
2.1.0 (2024-08-02)
Bug Fixes
Features
- core: fire PascalCase events for easier react usage (#9608) (43e28fa)
- ui5-timeline-group-item: introduce new component (#9407) (aea62ef)
Bug Fixes
Bug Fixes
- ui5-li-notification: fix aria-level value (#9504) (ca153d0)
- ui5-upload-collection: make empty upload collection focusable (#9403) (16d7bef)
Bug Fixes
- ui5-flexible-column-layout: correct separator visualization (#9478) (1be8d6c), closes #9477
- ui5-wizard: disabled steps are no longer clickable (#9459) (2ea26ca)
Bug Fixes
- ui5-li-notification-group: suspend nested item navigation (#9361) (90f5f11)
- ui5-notification-list-item: focus is no longer trapped in loading item (#8969) (fa37d92), closes #8768
- ui5-notification-list: fixed show more test (#9419) (4ba9173)
- ui5-upload-collection-item: delete can be triggered by keyboard now (#9392) (b3de325)
2.0.1 (2024-07-05)
Bug Fixes
- ui5-notification-list: fixed show more test (#9400) (c19c5e3)
2.0.0 (2024-07-03)
Bug Fixes
Code Refactoring
Features
- add property initializers (#8846) (eef0cc9)
- ui5-flexible-column-layout: enable resize via separators drag-and-drop (#9160) (9b54af4)
BREAKING CHANGES
- ui5-illustrated-message: The enum IllustrationMessageSize is renamed to IllustrationMessageDesign.
If you have previously imported the enum:
import IllustrationMessageSize from "@ui5/webcomponents-base/dist/types/IllustrationMessageSize.js";
Now import IllustrationMessageDesign instead:
import IllustrationMessageDesign from "@ui5/webcomponents-base/dist/types/IllustrationMessageDesign.js";
- ui5-view-settings-dialog: Removed
show and close methods.
Before, the ui5-view-settings-dialog could be opened and closed by calling show() and close():
const viewSettingsDialog = document.getElementById("exampleID");
viewSettingsDialog.show();
viewSettingsDialog.close();
Now, the dialog is opened and closed by setting the open property to true or false:
const viewSettingsDialog = document.getElementById("exampleID");
viewSettingsDialog.open = true;
viewSettingsDialog.open = false;
fixes: https://github.com/SAP/ui5-webcomponents/issues/9240
- @property decorator must be adapted according to new type parameter
Bug Fixes
- ui5-barcode-scanner-dialog: properly fire 'close' event (#9193) (db099f1), closes #9177
- ui5-li-notification: enhance accessibility (#9192) (cc34cea), closes #9161
- ui5-notification-list: change host to display:block (#9139) (efb4791)
- ui5-shellbar: add tooltip for shellbar items (#9143) (c39c18a)
- ui5-side-navigation: group name is announced one time by screen … (#9207) (4f18dfd)
Code Refactoring
BREAKING CHANGES
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
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:
StandardListItem has been renamed to ListItemStandard, and CustomListItem has been renamed to ListItemCustom.
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
Bug Fixes
Code Refactoring
BREAKING CHANGES
Now:
<ui5-link>some very very very long link</ui5-link> <!-- would let the text wrap if there is not enough space -->
Bug Fixes
- ui5-illustrated-mesasge: update subtitle color (#8986) (c9a5120), closes #8984
- ui5-notification-list: fix keyboard issues (#9040) (f1c0635)
- ui5-notification: implement keyboard navigation spec (#8975) (d68c883)
- ui5-side-navigation-item: "selected" is no longer announced on every focused item (#9008) (8cd3f83)
- ui5-side-navigation-item: click event is no longer fired twice (#8944) (0dd36ca)
Code Refactoring
Features
- ui5-dynamic-page: introduce new component (#7899) (3752ce7)
- ui5-li-notification-group: enhance 'Expand'/'Collapse' tooltip (#9042) (08b81c7)
- ui5-li-notification: implement new design (#8426) (e451cdc)
BREAKING CHANGES
- ui5-notification: Instead of
ui5-list, ui5-notification-list should be used as a container for ui5-li-notification-group and ui5-li-notification components.
Previously the application developers were defining notifications in this way:
<ui5-list>
<ui5-li-notification-group title-text="Group Title" >
<ui5-li-notification..
To support accessibility, developers should now use the ui5-notification-list as seen below:
<ui5-notification-list>
<ui5-li-notification-group title-text="Group Title" >
<ui5-li-notification..
- ui5-shellbar: 1. The
showCoPilot property of the ui5-shellbar is removed.
If you have previously used the showCoPilot property:
<ui5-shellbar show-co-pilot></ui5-shellbar>
it will no longer work for the component.
- The
CoPilotAnimation feature of the ui5-shellbar is removed.
If you have previously used the CoPilotAnimation feature:
import CoPilotAnimation from "@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js"
it will no longer work for the component.
- The
copilotDomRef getter of the ui5-shellbar is removed.
If you have previously used the copilotDomRef public getter:
shellbar.copilotDomRef
it will no longer work for the component.
- The
co-pilot-click event of the ui5-shellbar is removed.
If you have previously used the co-pilot-click public event:shellbar.addEventListener("ui5-co-pilot-click", function(event) {
...
});
it will no longer work for the component.
You can achieve similar functionality with the new slot:
HTML:
<ui5-shellbar>
<ui5-toggle-button id="assistant" icon="sap-icon://da" slot="assistant"></ui5-toggle-button>
</ui5-shellbar>
JavaScript:
assistant.addEventListener("click", function (event) {
const toggleButton = event.target;
toggleButton.icon = toggleButton.pressed ? "sap-icon://da-2" : "sap-icon://da";
});
Now the application developers should include the ui5-bar as follows:
popup.addEventListener("open", function() {
//...
});
popup.addEventListener("close", function() {
//...
});
Bug Fixes
- ui5-illustrated-message: typo in the UnsuccessfulAuth name (#8873) (b64d76f)
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: rename Badge
ui5-badge to Tag ui5-tag (#8884) (4b8c1ee)
- ui5-illustrated-message: remove titleLevel property (#8700) (9fe199c)
- ui5-input: events changes (#8769) (9f5c8a4)
- ui5-list: enable hierarchical groups (#8632) (193ed52), closes #8461
- 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
mode to selectionMode (#8761) (4be1540)
- ui5-title: wrap text by default (#8916) (f267f50)
- ui5-toast: replace
show method with open property (#8855) (372d27d), closes #8461
- ui5-wizard: rename event parameter (#8845) (9882144), closes #8461
Reverts
BREAKING CHANGES
- ui5-title: wrapping-type property default value has changed from
None to Normal.
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-*: FlexibleLayout's
accessibilityTexts and accessibilityRoles properties are removed. If you have previously used the accessibilityTexts or accessibilityRoles properties:
```js
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 `accessibilityAttributes` instead:
```js
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 accessibilityTexts and accessibilityRoles properties are removed. If you have previously used the accessibilityTexts or accessibilityRoles properties:
shellbar.accessibilityTexts = {
profileButtonTitle: "John Dow",
logoTitle: "Custom logo title",
}
shellbar.accessibilityRoles = {
logoRole: "link"
};
Now use accessibilityAttributes instead:
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-tag instead:<ui5-tag></ui5-tag>
Related 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
open property. If you previously used toast.show() to show the toast, you must now se toast.open=true.
- ui5-segmented-button-item: The
ui5-segmentedbutton-item pressed property is called selected now.
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
- ui5-wizard:
changeWithClick was renamed to withScroll in the WizardStepChangeEventDetail.
JIRA: BGSOFUIRILA-3867
Instead, you could set the title of the ui5-illustrated-message on the title slot, as it follows
<ui5-illustrated-message>
<ui5-title slot="title" level="H3">This is a slotted title</ui5-title>
</ui5-illustrated-message>
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
- ui5-segmented-button: The mode property is changed to
SelectionMode and the values it take from SingleSelect and MultiSelect to Single and Multiple. Also deleted deprecated getter - selectedItem and deprecated event detail selectedItem and now can be used with the selectedItems getter and selectedItems event 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:
disableScrolling has been renamed, floatingFooter property has been removed and fixedFooter property has been added instead.
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- 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:
<ui5-list>
<ui5-li-groupheader>Actions</ui5-li-groupheader>
<ui5-li>Delete Product</ui5-li>
<ui5-li>Audit Log Settings</ui5-li>
<ui5-li-groupheader>Products</ui5-li-groupheader>
<ui5-li>Product 1</ui5-li>
</ui5-list>
The API supports nesting of ui5-li components inside an ui5-li-group with the header-text property:
<ui5-list>
<ui5-li-group header-text="Actions">
<ui5-li>Delete Product</ui5-li>
<ui5-li>Audit Log Settings</ui5-li>
</ui5-li-group>
</ui5-list>
or with the header slot:
<ui5-list>
<ui5-li-group>
Back End Developers
<ui5-icon name="navigation-right-arrow"></ui5-icon>
<ui5-li>Delete Product</ui5-li>
<ui5-li>Audit Log Settings</ui5-li>
</ui5-li-group>
</ui5-list>
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.
Bug Fixes
- ui5-shellbar: aligned specs (#8694) (c5ec720)
- ui5-shellbar: assistant icon color fixed (#8713) (e501ac8)
- ui5-side-navigation: import overflow icon (#8736) (8bc1bb4)
- ui5-side-navigation: replace items and fixedItems union type with SideNavigationItemBase (#8740) (b589486)
Features
- ui5-barcode-scanner-dialog: add support for close and open events (#8753) (1ae2142), closes #8695
Features
Bug Fixes
- ui5-flexible-column-layout: improved separators borders (#8639) (367ca80), closes #8307
- ui5-upload-collection: update ui5-upload-collection Drag and Drop overlay color (#8616) (73f713e)
chore
Code Refactoring
- ui5-list, ui5-tree, ui5-upload-collection: rename mode to selectionMode (#8657) (d53b3b2)
- ui5-tabcontainer: remove fixed property (#8676) (98052e1), closes #8461
- ui5-upload-collection: remove Delete selection mode (#8607) (926ae75)
Features
BREAKING CHANGES
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
* "Device#isIE" method has been removed and no longer available
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
* Removed the `CSP.js` module 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:
```ts
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
ICardHeader interface. If you previously used the interfaceimport 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
IUploadCollectionItem interface. If you previously used the interface:import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"
Use the UploadCollectionItem type instead:import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- The
status property 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 additionalText instead:<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
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
- Removed
UI5Element#render method in favour of UI5Element#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-package used to create JS-based project, however now it will be TypeScript-based project.
If you previously used npm init @ui5/webcomponents-package --enable-typescript to create TypeScript-based project, now it's by default, e.g npm init @ui5/webcomponents-package and --enable-typescript is removed.
- The
Left and Right options 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 Start or End instead:<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- The event
selected-dates-change is renamed to selection-change. In addition the event details
values and dates are renamed to selectedValues and selectedDateValues. 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
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
- JavaScript projects may not function properly with the tools package.
- The
openPopover and showAt methods are removed in favor of open and opener properties. 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-bar component is now in main library. If you previously imported the ui5-bar from fiori:import "@ui5/webcomponents-fiori/dist/Bar.js;
Now, import the ui5-bar from main:import "@ui5/webcomponents/dist/Bar.js";
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
- If you previously imported
TabContainerBackgroundDesign, use BackgroundDesign instead.
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
placementType property and the PopoverPlacementType enum have been renamed.
If you have previously used the placementType property and the PopoverPlacementType <ui5-popover placement-type="Bottom"></ui5-popover>
import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";
Now use placement instead:<ui5-placement="Bottom"></ui5-popover>
import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
* The `separator-style` property is renamed to `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
If you have previously used the `separator-style` property:
```html
<ui5-breadcrumbs separator-style="Slash">
Now use separators instead:
<ui5-breadcrumbs separators="Slash">
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
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
ITab interface. TabContainer is designed to work only with Tab and TabSeparator classes, so the interface was obsolete.
1.24.0 (2024-04-04)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Features
- ui5-side-navigation: make items customizable (#8479) (95f6891)
Bug Fixes
- ui5-timeline-item: fix subtitle text overflows when long text provided (#8462) (c938f6d)
Features
- ui5-side-navigation: add navigation groups (#8261) (8678dc0)
Bug Fixes
Features
1.23.1 (2024-03-08)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
1.23.0 (2024-03-06)
Bug Fixes
Features
Bug Fixes
- ui5-illustrated-message: title subtitle aligned with visual spec (#8344) (84fb0d9), closes #7879
Bug Fixes
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-illustrated-message: improved story and documentation (#8294) (9740fe2)
Bug Fixes
- ui5-illustrated-message: aligned with visual specification (#8266) (143d4af)
Features
- ui5-side-navigation: add external link icon (#8199) (47e28c5)
Bug Fixes
- cast ariaHasPopup acc attribute to lowercase (#8239) (6692284)
- ui5-shellbar: fixed secondaryTitle visual presentation (#8221) (b3e0a80), closes #8189
1.22.0 (2024-02-05)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Features
Bug Fixes
- ui5-side-navigation: allow overstyling of width and border-radius (#8081) (392f118)
- ui5-side-navigation: correct text placement on items without icon (#8154) (6bb45a9), closes #8131
Features
- ui5-side-navigation: display full item in collapsed mode on hover and focus (#8112) (e0be298)
Bug Fixes
Features
- illustration: use illustration name as default module export (#8074) (a9c0705)
- ui5-illustrated-message: add subtitle css part (#8088) (351e570)
Features
- ui5-side-navigation: Add new overflow behaviour to collapsed mode (#8019) (e5f8edd)
1.21.0 (2024-01-05)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
Features
- tools: Optimize build by switching css processing to esbuild (#8008) (b4d411f)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
1.20.0 (2023-12-04)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-wizard: scrollbar styles are now present on root (#7838) (1534d89)
Features
Features
- ui5-illustrated-message: added new TNT illustrations (#7773) (03f28b9)
- ui5-side-navigation: added href and target properties (#7682) (7530f00)
1.19.0 (2023-11-02)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-view-settings-dialog: improve settings management (#7769) (33cdb86), closes #7752
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-flexible-column-layout: wrong focus fixed (#7586) (721cc0b)
Bug Fixes
Features
- ui5-illustrated-message: enable vertical responsiveness (#7672) (45244aa), closes #6492
Note: Version bump only for package @ui5/webcomponents-fiori
1.18.0 (2023-10-02)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-media-gallery: added new horizon theme parameters (#7575) (25dbb4b)
Bug Fixes
- ui5-dialog: fix background and shadow of slotted ui5-bar (#7421) (2746460), closes #7418
- ui5-upload-collection-item: align thumbnail to top (#7582) (edeab49), closes #7551
- ui5-upload-collеction: align buttons to avoid extra space when size is small (#7491) (6594cd5)
Bug Fixes
1.17.0 (2023-09-01)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-illustrated-message: support collection based illustration loading (#7318) (6b52dbd)
- ui5-shellbar: button focus outline adjustment (#7389) (3b7c711), closes #7220
- ui5-side-navigation: allow overstyling of border-radius (#7400) (16ca431), closes #7308
1.16.0 (2023-08-03)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-upload-collection: correct visualization of "mode" property (#7252) (9ca02dd), closes #7111
Features
- ui5-wizard: progress navigator title and optional text truncation (#7263) (74077d1)
Bug Fixes
Note: Version bump only for package @ui5/webcomponents-fiori
1.15.0 (2023-06-30)
Bug Fixes
- ui5-shellbar: align notification counter badge (#7208) (1ee67f5)
- ui5-shellbar: overflow action text translated (#7218) (31af59c)
- ui5-shellbar: tweaked breakpoint size "S" responsive padding (#7219) (af597d1)
- ui5-view-settings-dialog: fix footer buttons position (#7270) (e569e6b)
Bug Fixes
- ui5-page, ui5-wizard: apply scrollbar styling (#7224) (09eb5be)
- ui5-wizard: prevent throwing exception in the console (#7204) (c684135)
Features
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-bar: apply correct box-shadow parameter (#7150) (5f9ba23)
- ui5-bar: correct padding values in dialog (#7046) (b20c946)
- ui5-illustrated-message: text update in Survey (#7146) (a4299ce)
- ui5-shellbar: improve RTL styling of searchField (#7089) (9373abf), closes #7065
- ui5-upload-collection: item-delete event and delete mode docs are now updated (#7106) (b12bccb)
1.14.0 (2023-06-01)
Note: Version bump only for package @ui5/webcomponents-fiori
Features
- ui5-wizard: introduce contentLayout property (#7006) (66e9c3d)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-shellbar: badge visual alignment (#7004) (45a176d)
- ui5-shellbar: remove double box-shadow effect on hover (#7033) (fde8b69)
Features
- framework: use
template literal notation for enum types (#6856) (0de21e8), closes #6636
1.13.2 (2023-05-15)
Bug Fixes
- ui5-shellbar: containers shrink factor reduced (#6982) (e82744b)
1.13.1 (2023-05-11)
Note: Version bump only for package @ui5/webcomponents-fiori
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- add missing file-extensions for ESM support (#6971) (1f42d0c)
Features
Bug Fixes
- ui5-flexible-column-layout: add new border parameter for horizon theme (#6915) (863a057)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-bar: fix top and bottom border of Buttons hidden in ui5-bar when shrinked (#6887) (c425bde)
- ui5-shellbar: primary title respects text spacing styles (#6882) (5ab70d7)
- ui5-side-navigation: avoid firing selection-change when the selected item is clicked (#6842) (98c554f), closes #6825
- ui5-timeline*: fix chronological line not displaying in vertical or default layout (#6872) (69ad2a9)
Note: Version bump only for package @ui5/webcomponents-fiori
1.12.0 (2023-04-04)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-side-navigation: correct-style description (#6814) (38b14c5)
Bug Fixes
- inline sources in the .map file so the src folder is not mandatory (#6732) (16771a6)
Features
- ui5-illustrated-message: added new illustration type "Survey" (#6747) (43301a9)
- ui5-illustrated-message: added new illustrations (#6701) (bead264)
- ui5-upload-collection: add IllustratedMessage for empty state (#6657) (9ea5c93), closes #6271
Features
- ui5-product-switch: enable alignment of items (#6683) (97cba4b)
Note: Version bump only for package @ui5/webcomponents-fiori
1.11.0 (2023-03-06)
Note: Version bump only for package @ui5/webcomponents-fiori
Features
Bug Fixes
- ui5-dialog: overstyle bar when slotted in footer (#6543) (a13ae40), closes #5561
- ui5-select, ui5-suggestion-item, ui5-shellbar: color of icon inside options is according to spec (#6415) (78cd73b)
Features
Bug Fixes
- ui5-page: update documentation on page height (#6476) (4c4bb37)
- ui5-side-navigation: scope components in static area (#6453) (76307cb)
Features
- ui5-segmented-button, ui5-toggle-button: migrated to TypeScript (#6374) (26064db)
Bug Fixes
- ui5-shellbar: i18n of cancel search button text (#6416) (3efdc6c)
Features
- ui5-barcode-scanner-dialog: migrated to Typescript (#6338) (10b4417)
Note: Version bump only for package @ui5/webcomponents-fiori
1.10.3 (2023-01-25)
Note: Version bump only for package @ui5/webcomponents-fiori
1.10.2 (2023-01-25)
Note: Version bump only for package @ui5/webcomponents-fiori
1.10.1 (2023-01-24)
Note: Version bump only for package @ui5/webcomponents-fiori
1.10.0 (2023-01-20)
Bug Fixes
- docs: samples typos (#6236) (be26877)
- i18n: processing text with formater (#6041) (f155dee)
- ui5-illustrated-message: i18n texts are fixed (#6037) (68350bc), closes #5974
- ui5-illustrated-message: resize fixed (#6179) (d52c8af)
- ui5-shellbar: fixed typo in samples (#6128) (c6799f4), closes #6116
- ui5-shellbar: focus on popover fixed (#6113) (61c9989)
- 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-side-navigation: focus handling of tree inside popover (#6155) (cf024bd)
- ui5-wizard: allow scrolling when step is bigger than viewport (#6241) (259b61a)
- ui5-wizard: prevent step overlapping in navigator (#6169) (9349e16), closes #6067
Features
- enable TS in main, fiori (#6064) (0b56130)
- fiori
types folder to TypeScript (#6076) (918b4fb)
- migrate illustrated-message component to TS, small refactor (#6195) (046c779)
- support decorators for custom elements metadata (#6072) (fc9ee6e)
- ui5-button, ui5-date-picker, ui5-calendar: migrate to TS (#6173) (7232ca0), closes #6080
- ui5-Illustrated-message: illustrations update in the default set (#6013) (329f80c)
- ui5-Illustrated-message: updated missing illustration texts (#6075) (78c3227)
- ui5-list, ui5-li, ui5-li-custom: migrate to TS (#6166) (12b3570)
- ui5-shellbar: accessibilityAttributes property added (#6117) (056ed9f)
- ui5-shellbar: programmatically show search field (#6085) (e0658a6), closes #5818
- ui5-shellbar: use header semantic element (#6146) (9865eb2)
- ui5-tree-item-custom: initial implementation (#5962) (b148c23)
- ui5-viewsettings-dialog: migrate to Typescript (#6218) (ee3bbe4)
- ui5-wizard: adopt responsive paddings (#6061) (402bc28), closes #5597
1.9.3 (2022-12-16)
Note: Version bump only for package @ui5/webcomponents-fiori
1.9.1 (2022-11-10)
Bug Fixes
- framework: fix paths for generating illustration imports in nps (#5997) (e932f7d)
1.9.0 (2022-10-31)
Bug Fixes
- BarcodeScannerDialog: imports of UMD modules work in all kinds o… (#5901) (af203b9)
- ui5-illustrated-message: prevent infinite resize (#5882) (a8413ad), closes #5852
- ui5-notifications: add missing imports for used icons (#5907) (a50a22f), closes #5905
- ui5-shellbar: outline buttons color on focus fixed for quartz (#5868) (f61df7e)
Features
- framework: fetch illustrations on demand (#5927) (f8e1033)
- framework: generate custom elements manifest (#5964) (0d62770)
- ui5-barcodescanner: downgraded to lower helper version (#5925) (bf2fc4b)
1.8.0 (2022-10-03)
Bug Fixes
- ui5-illustrated-message: removed redundant scrollbar in RTL (#5819) (676adcd), closes #5788
- ui5-side-navigation: toggle icon no longer shrinks with long text (#5837) (8a69be2), closes #5825
Features
- f6navigation: improve fastgroup navigation (#5844) (f44f57b)
- ui5-illustrated-message: accessible-name-ref added (#5765) (51165df)
1.7.1 (2022-09-08)
Note: Version bump only for package @ui5/webcomponents-fiori
1.7.0 (2022-09-02)
Bug Fixes
- ui5-bar: adjust resizing behavior (#5678) (b6efba2)
- ui5-li-notification: align actions' texts to the left (#5706) (f746016), closes #5704
- ui5-link: multiple click events (#5642) (74fd5b9)
- ui5-view-settings-dialog: focus correct page on open (#5746) (d7a8e10), closes #5451
- ui5-view-settings-dialog: update setConfirmedSettings param string type from String to Object and description sample code (#5534) (da16e2c)
Features
1.6.0 (2022-07-25)
Features
1.5.0 (2022-07-03)
Bug Fixes
- f6navigation: prevent default behavior on windows OS (#5424) (a494f85)
- ui5-shellbar: correct accessibility DOM (#5395) (aba5fb5)
- ui5-timeline-item: align text in title link (51954b7), closes #5163
Features
- ui5-illustrated-message: implement size property (#5405) (c58690d)
- ui5-view-settings-dialog: Implement behaviour for external setting of confirmed settings (#5222) (7fbb235)
1.4.0 (2022-05-25)
Bug Fixes
- ui5-illustrated-message: make component language aware (#5158) (5b6502b)
- ui5-page: remove unnecessary scrollbar (#5258) (8ef6289)
Features
- ui5-notifications: implement SAP Horizon theme (#5067) (ccdfe4c)
- ui5-shellbar: implement Horizon theme (#5197) (d278c09), closes #5008
- ui5-side-navigation: implement SAP Horizon theme family (#5081) (d8d9315), closes #5006
- ui5-timeline: implement Horizon theme (#5155) (e557f71)
- ui5-upload-collection: implement SAP Horizon theme family (#5148) (7956864)
1.3.1 (2022-04-27)
Note: Version bump only for package @ui5/webcomponents-fiori
1.3.0 (2022-04-19)
Bug Fixes
- ui5-flexible-column-layout: correct column border styles for RTL (#4919) (660f639), closes #4906
- ui5-illustrated-message: remove offensive characters (#4929) (cbf5b02)
- ui5-illustrated-message: updated illustrations (#4950) (6ff4e1b)
- ui5-media-gallery: correct overflow label (#4903) (4f28a6e)
- ui5-page: Allow developers to be able to overwrite responsive paddings (#5056) (b09dd35)
- ui5-shellbar: searchfield placeholder color (#5079) (aba6aab)
- ui5-shellbar, ui5-breadcrumbs, ui5-barcode-scanner-dialog: align popover paddings (#4894) (b947d1b), closes #4872
- ui5-view-settings-dialog: adjust scrollbar behavior (#4795) (8f58fd5), closes #4724 #4725 #4860
- ui5-view-settings-dialog: fixing comments from previous commit (#4851) (3fc5814)
- ui5-view-settings-dialog: including title in initial reading (#4827) (685d4ba), closes #4660
- ui5-view-settings-dialog: replacement of the slot with ui5 li element (#5013) (839ddf8), closes #4888
- ui5-view-settings-dialog: visual alignment (#4867) (8a628df), closes #4102 #3744 #4838
- correct responsive padding in some consumers of popups (#4926) (b501153), closes #4870
Features
1.2.4 (2022-03-30)
Bug Fixes
- ui5-illustrated-message: remove offensive characters (#4929) (a33c7a5)
1.2.3 (2022-03-23)
Note: Version bump only for package @ui5/webcomponents-fiori
1.2.2 (2022-03-22)
Bug Fixes
1.2.1 (2022-03-02)
Bug Fixes
- ui5-view-settings-dialog: fix circular dependency JS error (#4844) (057a7d8), closes #4837
1.2.0 (2022-02-28)
Bug Fixes
Features
- ui5-breadcrumbs: allow preventDefault in item-click event listener (#4589) (ccb4c83)
- ui5-button: add new
tooltip property (#4737) (df8f013), closes #4689
- ui5-button: implement accessibilityAttributes property (#4655) (d27c4b5), closes #3546
- ui5-illustrated-message: add TNT illustrations (#4710) (822a73c)
- ui5-popup: аdd default responsive paddings (#4567) (ddc1e39), closes #4402
- ui5-side-navigation: make selection-change event preventable (#4732) (d908465), closes #4700
- ui5-timeline: add
accessible-name support (#4721) (0562e89), closes #4644
- ui5-view-settings-dialog: add more event.details to confirm/cancel events (#4772) (a3eca7a), closes #4539
1.1.2 (2022-01-26)
Bug Fixes
- ui5-illustrated-message: remove uncompleted illustration (#4638) (adafeba)
1.1.1 (2022-01-24)
Bug Fixes
- ui5-media-gallery-item: add missing icon import (#4615) (d04cf8c)
- ui5-media-gallery-item: correct initialization order (#4614) (436f8f4), closes #4610
1.1.0 (2022-01-21)
Bug Fixes
- ui5-bar: fix rtl support (#4496) (e5c0f2d)
- ui5-bar: remove unnecessary slot names (#4510) (32d4507)
- ui5-li-notification-group: fixed close button functionality in shell bar sample (#4408) (6a66797), closes #4202
- ui5-li-notification-group: visual fixes for right-to-left mode (#4354) (13b7d68), closes #4255 #4256 #4257
- ui5-shellbar: allow selection with Enter key in overflow menu (#4577) (fb40514), closes #4556
- ui5-side-navigation: correct styles for static area (#4526) (7d35bd6), closes #4515
- ui5-view-settings-dialog: implement single page functionality (#4419) (572a323)
- Scoping issues corrected (#4573) (4e430d3)
- ui5-upload-collection: make buttons visible on small screens (#4361) (fcb7f62)
- ui5-upload-collection: removed active and hover states (#4360) (cb76902), closes #4258
- ui5-wizard: adjust content and navigator paddings based on spec (#4479) (303ecb1)
- ui5-wizard: make playground sample fully usable (#4457) (1416d42)
- adding stable selectors for tab container and shellbar (#4369) (9abdaba)
Features
- ui5-illustrated-message: add more illustrations to the default set (#4587) (417bd6a)
- stable-dom-ref supported for abstract items (#4604) (5526dea)
- ui5-dynamic-side-content: initial implementation (#4379) (c36cb57)
- ui5-shellbar: improved accessibilityTexts property (#4551) (c811a41)
- implement F6 Navigation Helper (#4490) (60d0dc1)
- ui5-flexible-column-layout: new property accessibilityRoles (#4446) (f515f3d), closes #3804 #3796
- ui5-media-gallery: Initial implementation (#4427) (17cb225)
- ui5-shellbar: introduce accessibilityTexts property (#4377) (f762e76), closes #4009
- ui5-tabcontainer: implement overflow functionality (#4403) (a38bbab), closes #2540
- ui5-wizard: Extend keyboard handling (#4444) (57151a3)
1.0.2 (2021-11-29)
Note: Version bump only for package @ui5/webcomponents-fiori
1.0.1 (2021-11-10)
Note: Version bump only for package @ui5/webcomponents-fiori
1.0.0 (2021-11-10)
Note: Version bump only for package @ui5/webcomponents-fiori
Bug Fixes
- ui5-bar: align
middleContent slot centrally (#3719) (d5a0a3a), closes #3456 #3456
- ui5-flexible-column-layout: documentation improvement (#3908) (dee93fa)
- ui5-flexible-column-layout: speech output on layout arrows (#4034) (272e600), closes #3699
- ui5-illustrated-message: add missing dependencies (#3822) (75e6a8c)
- ui5-illustrated-message: generation script (#3903) (ecf9563)
- ui5-illustrated-message: remove style attribute of svg (#3605) (41f72e3)
- ui5-li-notification: fix icon padding in rtl (#3876) (6ebfecb)
- ui5-list, ui5-table, ui5-notification, ui5-busy-indicator: getFocusDomRef returns the correct element when the state is busy (#3951) (ec81c15), closes #3922
- ui5-product-switch: adapt focus styles to sap_horizon (#4276) (b053ad0)
- ui5-product-switch-item: no-wrap title behavior added when subtitle is not present (#3800) (3f007fd)
- ui5-shellbar: fix public readonly getters (#4283) (d90daf5)
- ui5-shellbar: fixed growing of left container (#4105) (5b167f4)
- ui5-shellbar: press on custom action throws JS error (#4281) (c73294b)
- ui5-shellbar: remove empty secondary title wrapper (#3737) (28d9a1a), closes #3698 #3698
- ui5-shellbar: remove unnecessary aria-label from buttons (#3981) (d60120d), closes #3953
- ui5-shellbar-item: fix JS error on click (#4287) (3289da4)
- ui5-timeline: align indicator in compact mode (#3902) (0c31502)
- ui5-timeline: elements with role option have a parent element with role listbox (#4053) (2b27754), closes #3459
- ui5-timeline: keyboard handling is now compliant with the specification (#3722) (2ad208e)
- 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
- ui5-upload-collection: fix "no files" heading HTML tag (#3930) (e020249)
- ui5-wizard: check if tab has a focusable element (#3904) (a64eaf8)
- ui5-wizard: grouped steps could be activated (#3961) (be36219)
- ui5-wizard: remove unneeded aria properties (#4262) (7fa969b)
- ui5-wizard: step titles are now visible on phone (#3895) (9a183b4)
- ui5-view-settings-dialog: import all dependencies (#4074) (11d529e)
Code Refactoring
- ui5-message-strip: rename tag name (#4268) (ec30ec2)
- ui5-shellbar-item: rename "item-click" to "click" (#4282) (4cd86b1)
Features
BREAKING CHANGES
- ui5-shellbar-item: ShellBarItem's event "item-click" has been renamed to "click".
- ui5-message-strip: MessageStrip component's tag name has been renamed from ui5-messagestrip to ui5-message-strip.
- ui5-wizard: accessible-name has been removed
Bug Fixes
- ui5-bar: aria-label added depending on the "design" property (#3161) (7ffb575), closes #3020
- ui5-bar: rename middleContent slot (#3440) (e235d7d), closes #3107
- ui5-flexible-column-layout: column borders in high contrast themes (#3328) (bd18bb9), closes #3320
- ui5-flexible-column-layout: correct columns display (#3444) (62977d0), closes #3425
- ui5-flexible-column-layout: rename noArrows property to hideArrows (#3352) (8660d11), closes #3107
- ui5-shellbar: fix search field width (#3296) (51fb1a3)
- ui5-shellbar: Fix unnecessary cutting space on left side (#3513) (c7e6f07), closes #3501
- ui5-shellbar: hide notification bubble if empty str (#3123) (33fde82), closes #3121
- ui5-shellbar: menu button arrow position (#3285) (18ea76d), closes #3199
- ui5-side-navigation: items in popup fire click event (#3468) (658328a)
- ui5-upload-collection: change file deleted event name (#3413) (5898eb8), closes #3107
- ui5-upload-collection: rename noDnd property to hideDragOverlay (#3335) (c360443), closes #3107
- ui5-upload-collection-item: fixed keyboard navigation (#3327) (aad0c32)
- ui5-wizard: Circle's number horizontally aligned with the step's title (#3370) (2cd97ec), closes #3251 #3251
- ui5-wizard: correct aria-controls value (#3180) (d449812)
- ui5-wizard: implement revised accessibility spec (#2990) (99cb6b1)
- ui5-wizard-step: rename properties (#3334) (b0e73ad), closes #3107
- keep invisible texts out of the view port (#3085) (de47520), closes #2723 #2723
Features
- ui5-page: implement responsive paddings (#3412) (b720393)
- ui5-product-switch: Implement accessibility specification (#2865) (8c0225c), closes #2707
- ui5-wizard: set initial focus when a step is changed (#3310) (70f5563)
Bug Fixes
- ui5-li-notification-group, ui5-li-notification: fix i18n bundles usage (#3063) (d6b6fa4)
- ui5-upload-collection-item: make use of both main & fiori i18n bundles (#3061) (2a01cb4)
Features
- ui5-static-area-item: StaticAreaItem can now be scoped (#3076) (9a7ffe4)
- ui5-wizard: add parameter to selectionChange event (#3034) (7ad94d2)
Bug Fixes
- ui5-page: correct background-design styles (#2862) (b10ee4c)
- ui5-upload-collection: add region and roledescription to root element (#2915) (6db9f09)
- ui5-upload-collection: add tooltip to edit button (#2886) (35de38c)
- ui5-upload-collection-item: show disabled delete button (#2893) (b609b47)
- ui5-wizard: use CSS vars for navigation bg-color (#2892) (c967c6c)
Bug Fixes
- ui5-li-notification: it is now possible to not have a description (#2744) (ef35f84)
- ui5-li-notification-group: align priority icon (#2584) (ff247f0)
- ui5-upload-collection: wrap noDataText/Desc text (#2674) (c48bfe7), closes #2672
- ui5-upload-collection-item: fix title behaviour on small screens (#2699) (bb7c952)
- ui5-wizard: observe content height changes (#2801) (b4cbc43)
Features
- ui5-li-notification*: full-fill accessibility spec (#2578) (20de5ae)
- ui5-page: Initial implementation (#2685) (bd09e17), closes #2433
- ui5-wizard: improve progress navigator responsiveness (#2590) (01cd6f9)
Bug Fixes
- docs: fix ui5-side-navigation sample (#2564) (0338fdc)
- ui5-shellbar: fix overlapping of the search box over icons (#2155) (3597902), closes #2044
- ui5-upload-collection: fire drop only when files are dropped within dnd overlay (#2527) (455f614)
- ui5-wizard: correct phone breakpoint size (#2596) (c98d9ba)
- ui5-wizard: fix styling issues (#2547) (65cb42f), closes #2523
Features
- framework: Change child-parent invalidation API (#2541) (a1a3f80)
- ui5-bar: initial implementation (#2533) (5c601cd), closes #2434
- ui5-flexible-column-layout: add start/mid/endColumnAccessibleName properties (#2483) (fb0b24c)
- ui5-side-navigation: add "header" slot (#2520) (b5c4a92), closes #2518
- ui5-side-navigation-item, ui5-side-navigation-sub-item: introduce click event (#2298) (d73ce38)
Features
Bug Fixes
Features
Bug Fixes
- ui5-upload-collection-item: Activate editing with SPACE (#2024) (45de0f2), closes #2003
- ui5-file-uploader: Setting the value to an empty string also resets the file input (#1715) (f8b1b39)
- ui5-shellbar: Fix popup opening on notificationClick (#1632) (04b44b4)
- ui5-shellbar: Fix profile bg-color (#1945) (a3207e5), closes #1944
- ui5-shellbar: Fix search field focus handling (#1636) (c65010b)
- ui5-shellbar: Fix search field visual in IE (#1643) (afec3fe)
- ui5-shellbar: Style profile correctly on IE (#1807) (4198599)
- ui5-upload-collection: Set minimum height in no-data mode (#1683) (549148d)
- ui5-upload-collection: Provide min-height also when DND mode is on (#1770) (33fa055)
- ui5-upload-collection: The component does not get stuck when dropping on the body (#1897) (f236e0d)
- correct styles for some elements (#1773) (1a5db12)
- ui5-upload-collection-item: Make component responsive (#1579) (47d37c3)
Features
- ui5-flexible-column-layout: Introduce new components (#1867) (7a68dd2)
- ui5-side-navigation: Initial implementation (#1889) (47b38cc)
- ui5-li-notification, ui5-li-notification-group: Introduce new components (#1576) (ef62f81), closes #1478
- ui5-shellbar: Add "logo" slot (#1842) (08fc5f3)
- ui5-shellbar: Enable tooltips of custom icons (#1863) (4338d56)
- ui5-shellbar: Implement accessibility spec (#1553) (3b7b439)
- ui5-upload-collection-item: Implement keyboard handling (#1702) (37bf177)
Bug Fixes
- ui5-product-switch-item: fix active state (#1547) (0305da8)
- ui5-shellbar: check for profile correctly (#1438) (a4f502b)
- ui5-shellbar: do not duplicate popover menu items (#1456) (ae20272)
- ui5-shellbar: enable items keyboard handling (#1473) (185851a)
- ui5-shellbar: fix menuItems cloning (#1457) (f4d2547)
- ui5-upload-collection: ensure event.dataTransfer.types is array (#1433) (28cc988)
Features
- ui5-upload-collection: implement new webcomponent (#1316) (54038e4)
Bug Fixes
- ui5-shellbar: Change path in imports for playground (#1008) (bfe36dd)
- ui5-shellbar: fire logoClick on small size (#1192) (b84b9d8)
- ui5-shellbar: fix search field behavior (#1264) (2beb1c5)
- ui5-shellbar: provide correct target ref when item is in overflow popover (#1334) (7636bb7)
Features
BREAKING CHANGES
- ui5-shellbar: profile property is removed in favour of profile slot
Features
- ui5-product-switch: initial implementation (#971) (4646fcd)
Code Refactoring
- ui5-shellbar: move component to @ui5/webcomponents-fiori package (#887) (06f1770)
- ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)
- ui5-shellbar: optimize animated co-pilot SVG size from 15kb to 8kb (#960) (42bd7cd)
- ui5-shellbar: "icon" slot renamed to "startButton" (#901) (3e38149)
- ui5-shellbar-item: "src" property renamed to "name" (#928) (8e060d1)
BREAKING CHANGES
- ui5-shellbar: extract animated co-pilot SVG as add-on asset
To get the ShellBar's coPilot animated SVG you have to import the following module:
import @ui5/webcomponents/dist/features/CoPilotAnimation.js`
The src property was renamed to icon and accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")
SAP
UI5 Web Components - Fiori