Package detail

@ui5/webcomponents

SAP136.1kApache-2.02.6.2

UI5 Web Components: webcomponents.main

openui5, sapui5, ui5

UI5 Web Components

What are UI5 Web Components?

A rich set of enterprise-grade reusable UI elements driven by a lightweight framework (~20K gzipped for the framework part).
Suitable for building anything from static web sites to complex web applications.
Usable with any current or future web development framework (React, Angular, Vue, etc.).
Implement the SAP Fiori design and follow the SAP Fiori Design Guidelines for a consistent UX.
Created and maintained by SAP as part of the UI5 product family.

Why use web components?

Future-proof: being web standards, they are compatible with any version of any web development framework.
Encapsulated: the HTML/CSS in the shadow DOM are protected from interference by the web page and vice versa, making them stable in any environment and suitable not only for apps, but also for libraries and micro-frontends.
Elegant: being custom HTML elements, they hide implementation complexity behind a single HTML tag, making them easily usable with the standard DOM APIs.

Where can I see them in action?

Playground and API Reference

More Resources

OpenUI5

1. What is UI5/OpenUI5?

OpenUI5 is an open source JS framework that lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It's based on JavaScript, using jQuery as its foundation and follows web standards. It eases your development with a client-side HTML5 rendering library including a rich set of controls and supports data binding to different data models (JSON, XML and OData).

2. How do UI5 Web Components relate to OpenUI5?

UI5 Web Components…

…are not built on top of UI5, but rather lightweight and independent UI elements.
…are not a successor of UI5, but rather a complementary offering.
…bring the relevant UI5 qualities and SAP Fiori UX to the HTML level, usable with any web framework.

UI5 Web Components are good for…

…web applications which already use a different web framework.
…static web sites built without web frameworks, to just add a few interactive UI elements.

UI5 remains what it is: the best choice for…

…building complete enterprise-ready and responsive web applications.

UI5 Web Components for React

UI5 Web Components for React is a wrapper implementation around UI5 Web Components which makes using them in React even more comfortable. The current version of React (react 18) has some shortcomings when it comes to handling Custom Elements, namely the binding of boolean attributes as well as adding event listeners to custom event names like selection-change. With the help of UI5 Web Components for React, you can use the UI5 Web Components in React as if they were native React components. In addition to that, this library is also offering TypeScript definitions for all components, some complex layout components built on top of UI5 Web Components as well as Charting Components.

UI5 Web Components for Angular

UI5 Web Components for Angular is a wrapper implementation around UI5 Web Components which to make it work with Angular without needing to use the CUSTOM_ELEMENTS_SCHEMA or NO_ERRORS_SCHEMA schemas. Moreover, all Angular-specific features, such as two-way data binding and Angular Form support, work out of the box.

How to Use

Install the NPM module(s) that ship the desired UI5 Web Component(s), for example if you need ui5-button:
```
 npm install @ui5/webcomponents
```

Import the desired UI5 Web Component(s) to your app:

 import "@ui5/webcomponents/dist/Button.js"; // loads and defines ui5-button

Use the UI5 Web Component(s) as you would use any HTML element:
```
 <ui5-button>Hello world!</ui5-button>
```
For more information, see Importing UI5 Web Components and Understanding UI5 Web Components APIs.

Typescript Support

TypeScript Support is enabled for both component development and component consumption. Since version 1.11.0, we have been providing TypeScript definitions under an experimental flag, and starting from version 1.19.0, all TypeScript definitions are considered stable.

Is there a CDN I can use?

No, you are expected to import only the components (or other public APIs) that you are going to use and bundle them along with the rest of your application.

Browser Support

UI5 Web Components are supported by all major modern browsers.

Browser	Supported versions
Chrome	Latest two stable releases
Firefox	Latest two stable releases
Safari	Latest two stable releases
Edge	Latest two stable releases

Project Structure, Development and Build

This section might be of interest to you mainly if you need to run or build the project locally

Requirements

Node.js (version 21 or higher)
Yarn (version 1.22 or higher)

Note: The UI5 Web Components project is set up with the Yarn node package manager. This is because it offers functionality that the otherwise preferred npm package manager is currently lacking. Namely, the workspace setting which is currently used in the UI5 Web Components (mono-)repository. Note that npm might add this feature in the future.

Structure

The UI5 Web Components project contains several packages:

Project	NPM Package	Description
`main`	UI5 Web Components - Main	Bread-and-butter components (buttons, inputs, popups, pickers, tables, etc.) that are generally found in web apps.
`fiori`	UI5 Web Components - Fiori	More semantic components, specific to the Fiori UX (shell bar, side navigation, etc.) that are commonly found in SAP apps.
`icons`	UI5 Web Components - Icons	A rich icons collection (`SAP-icons`), suitable for enterprise-grade apps
`icons-tnt`	UI5 Web Components - Icons TNT	A rich icons collection (`SAP-icons-TNT`), suitable for more technical apps
`icons-business-suite`	UI5 Web Components - Icons Business Suite	A rich icons collection (`BusinessSuiteInAppSymbols`), suitable for SAP Fiori apps
`base`	UI5 Web Components - Base	The UI5 Web Components framework itself
`theming`	UI5 Web Components - Theming	Theming assets (the default theme and additional accessibility themes)
`localization`	UI5 Web Components - Localization	`i18n` functionality and `CLDR` assets
`create-package`	Create Webcomponents Package	An `npm init` script for creating new UI5 Webcomponents Packages
`playground`	N/A	The playground application

How to run the project locally:

yarn # to install all dependencies
yarn start # to serve the project

A dev server will be started and the browser will open its index URL with a listing of all test pages.

How to start Website (Docs & Samples):

You can start the website app with the following commands:

yarn # to install all dependencies

# start the playground from the project root
yarn start:website

# open http://localhost:3000/ui5-webcomponents/nightly/

Note: If you wish to manually install dependencies & run the Playground you can check out our in depth tutorial

Production Build

To build the UI5 Web Components project, run the following commands:

yarn # to install all dependencies
yarn ci:releasebuild # to build the project

Afterwards, you can find the build output in the dist folder of the corresponding package folder. For example, to find the Button component (that belongs to the main package), look inside the packages/main/dist folder.

Limitations

None as of 1.24.0

Known Issues

No major bugs known. To report an issue or view the currently open issues, click here.

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.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.6.2 (2025-01-09)

Bug Fixes

build: fix incorrect module ref in custom-elements-manifest (#10497) (ea8cdea)

2.6.2-rc.0 (2025-01-09)

Bug Fixes

ui5-avatar: tooltip is now visible on badge (#10498) (12000d6)

2.6.1 (2025-01-08)

Note: Version bump only for package @ui5/webcomponents

2.6.0 (2025-01-07)

Note: Version bump only for package @ui5/webcomponents

2.6.0-rc.5 (2025-01-07)

Bug Fixes

f6navigation: skip hidden elements (#10325) (374d4d8), closes #10236
framework: getComponentFeature can return undefined (#10456) (7da765c)
remove dependencies for TSX components and fix features (#10449) (a2b5f6f)
ui5-tab-container: remove text shadow (#10452) (ef59e50), closes #10262

2.6.0-rc.4 (2025-01-02)

Note: Version bump only for package @ui5/webcomponents

2.6.0-rc.3 (2024-12-26)

Bug Fixes

ui5-popover: allow setting opener to an abstract element DOM reference (#10419) (1dd8c2e)
ui5-popover: fix finding opener (#10414) (36f1565)

Features

ui5-ai-button: implement split button functionality (#10242) (55c9e4d)
ui5-rating-indicator: provide the possibility to set size of the icons (#10406) (a01eccb)

2.6.0-rc.2 (2024-12-19)

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

ui5-color-palette: set selected color to inner color picker (#10276) (7a152a1), closes #8772

2.6.0-rc.1 (2024-12-16)

Bug Fixes

ui5-list: focus list on non-focusable child click (#10124) (6f98645), closes #10096
ui5-list: stop tab index change propagation (#10354) (d130b8f), closes #10120
ui5-popover: fix finding opener (#10360) (941c6eb)

2.6.0-rc.0 (2024-12-12)

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

2.5.0 (2024-12-05)

Note: Version bump only for package @ui5/webcomponents

2.5.0-rc.3 (2024-12-05)

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)

2.5.0-rc.2 (2024-11-28)

Bug Fixes

ui5-input: set value after preventDefault of input event (#10196) (e2a6c94), closes #9988
ui5-radio-button: fix aria-disabled and focus of the read-only radio buttons (#10111) (3bcfd1d), closes #10025
ui5-tokenizer: adjust touch area for cozy and compact (#10215) (ee90aea)

Features

ui5-combobox: adjust arrow-down behavior (#10166) (74616dc)
ui5-form: add new emptySpan property (#10194) (48b0cc8), closes #9963
ui5-list: add Home and End key handling for Load More button (#10206) (7059e09)

2.5.0-rc.1 (2024-11-21)

Bug Fixes

ui5-dialog: width on mobile is not bigger than the phone width (#10199) (77af592), closes #10000

Features

ui5-form: enable vertical alignment of form items (#10165) (13b571b)
ui5-toolbar: fixed spacer behavior (#10177) (b3625ac), closes #10104

2.5.0-rc.0 (2024-11-14)

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)

2.4.1-rc.0 (2024-11-07)

Bug Fixes

ui5-menu: make close event non-bubbling (#10133) (e7ccce9), closes #10041
ui5-select: add support for Vue.js v-model (#10149) (14947a7), closes #9971

2.4.0 (2024-11-03)

Bug Fixes

ui5-toolbar-*: ensure getDomRef() returns the actual DOM reference (#10009) (747244d)

Features

ui5-date-picker: introduce open and close events (#10118) (819730a)

2.4.0-rc.4 (2024-10-31)

Bug Fixes

ui5-button: adjust focus outline (#10068) (2d2703e), closes #9894
ui5-slider: up and down arrow behavior in RTL mode (#10037) (aebce92), closes #9967

2.4.0-rc.3 (2024-10-28)

Features

ui5-tabcontainer: style adjustments for transparent header (#10064) (b5e596e)

2.4.0-rc.2 (2024-10-24)

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

2.4.0-rc.1 (2024-10-17)

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

ui5-slider, ui5-range-slider: add input as a tooltip (#9547) (6a4dedf)

2.4.0-rc.0 (2024-10-10)

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

enhance [@event](https://github.com/event) decorator (#9944) (fe1d816)
ui5-color-palette*: add mobile focus for external input devices (#9770) (4c481e6)
ui5-link, ui5-switch, ...: add focus support for mobile (#9718) (610de0f), closes #8414 #8322

2.3.1-rc.0 (2024-10-03)

Note: Version bump only for package @ui5/webcomponents

2.3.0 (2024-10-02)

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 i18n decorator and the cldr option (#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)

2.3.0-rc.3 (2024-09-26)

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)

2.3.0-rc.2 (2024-09-19)

Bug Fixes

ui5-multi-combobox: fix aria-describedby token count (#9792) (2e0aa03)
ui5-popover: correct opacity (#9839) (371c547), closes #9823

Features

selectionAssistant: introduce SelectionAssistant (#9797) (de59eac)

2.3.0-rc.1 (2024-09-12)

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

ui5-li-notification-group: add new features - growing and sticky header (#9783) (a40a451)

2.3.0-rc.0 (2024-09-05)

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

ui5-tabcontainer: implement tabs reordering with the keyboard (#9585) (936f2fc)

2.2.0 (2024-09-03)

Bug Fixes

ui5-*: make ui5-content-native-scrollbar to take effect (#9751) (a4b4028), closes #9720 #9695
ui5-color-picker: adjust hue slider update (#9735) (e046755), closes #9693
ui5-menu-item: add hover and active styles (#9774) (55a4179)

2.2.0-rc.3 (2024-08-29)

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

ui5-calendar: implement calendar week numbering (#9694) (efc8053)
ui5-daterange-picker: implement month and year range selection (#9680) (0a150dd), closes #8177 #8187

2.2.0-rc.2 (2024-08-22)

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

ui5-file-uploader: add maxFileSize property (#9622) (4624f87), closes #9187

2.2.0-rc.1 (2024-08-15)

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

ui5-input: add parts to support css customisation (#9590) (8260c47)

2.2.0-rc.0 (2024-08-08)

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

add enableDefaultTooltips config option (#9559) (a672788), closes #9494
core: add asset files with fetch URLs (#9591) (f039cf6)
ui5-dialog: increase resize handle size (#9628) (ec8904b)
ui5-text: add "emptyIndicatorMode" property and update samples (#9578) (cb218f0)

2.1.1 (2024-08-02)

Note: Version bump only for package @ui5/webcomponents

2.1.0 (2024-08-02)

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

core: fire PascalCase events for easier react usage (#9608) (43e28fa)
ui5-timeline-group-item: introduce new component (#9407) (aea62ef)

2.1.0-rc.3 (2024-08-01)

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)

2.1.0-rc.2 (2024-07-25)

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

ui5-calendar: allow overstyling (#9383) (ba7d213)
ui5-input: expose select event (#9530) (b7bfadc)
ui5-table: improve horizontal scrolling (#9293) (4b36593)

2.1.0-rc.1 (2024-07-18)

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

ui5-li-group: drag and drop enabled (#9415) (963e0c2)
ui5-prompt-input: implement suggestions (#9390) (a261cfb)
ui5-title: add new "size" property (#9327) (8e430e2)

2.1.0-rc.0 (2024-07-11)

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

ui5-menu-item: add accessibility attributes (#9333) (74782e6)
ui5-time-picker: add required, accessibleName & accessibleNameRef (#9352) (08988c4), closes #5895

2.0.1 (2024-07-05)

Bug Fixes

ui5-menu: restore focus to the opener (#9041) (0ada944), closes #9317

2.0.0 (2024-07-03)

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-icon and 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 ListSeparators enum to ListSeparator (#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 image property of the ui5-li is removed and the imageContent slot is renamed to image. If you have previously used the image property:

<ui5-li image="./img/HT-1022.jpg">Standard List Item</ui5-li>

or the imageContent slot:

<ui5-li> Avatar inside imageContent slot
  <ui5-avatar slot="imageContent" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
</ui5-li>

Now use image slot instead:

<ui5-li> Avatar inside image slot
    <ui5-avatar slot="image" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
</ui5-li>

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:

<ui5-cb-item-group text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> Now you must rename it to header-text: <ui5-cb-item-group header-text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group header-text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> * The `ListSeparators` (plural form) enum has been renamed to `ListSeparator` (singular form). If you previously imported the `ListSeparators`: ```ts import ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js"; import type ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js"; ```

Now, you must import the ListSeparator enumeration as follows:

import ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";
import type ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";

ui5-input: remove type, description, icon, iconEnd, image from ui5-suggestion-item and introduce ui5-suggestion-item-custom

ui5-suggestion-item:

type property is removed, use ui5-suggestion-item-custom instead.
description property is removed, use ui5-suggestion-item-custom instead.
icon property is removed, use ui5-suggestion-item-custom instead.
iconEnd property is removed, use ui5-suggestion-item-custom instead.
image property is removed, use ui5-suggestion-item-custom instead.

ui5-suggestion-group-item:

renamed to ui5-suggestion-item-group
text is removed, use headerText instead

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: startsSection property removed from MenuItems

Before:

<ui5-menu> <ui5-menu-item text="Item A"></ui5-menu-item> <ui5-menu-item text="Item B" starts-section></ui5-menu-item> </ui5-menu>

Now:

<ui5-menu> <ui5-menu-item text="Item A"></ui5-menu-item> <ui5-menu-separator></ui5-menu-separator> <ui5-menu-item text="Item B"></ui5-menu-item> </ui5-menu>

2.0.0-rc.6 (2024-06-17)

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 icon and endIcon properties (#9036) (06318cb)
ui5-toolbar: design property added (#9147) (dc3dfe0)

BREAKING CHANGES

ui5-checkbox: wrapping-type property default value has changed from None to Normal. 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 -->

ui5-tag: wrapping-type property default value has changed from None to Normal. 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 -->

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: 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";

2.0.0-rc.5 (2024-06-06)

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 open and close events (#9093) (bf2d0aa)

BREAKING CHANGES

ui5-radio-button: wrapping-type property default value has changed from None to Normal. 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 -->

ui5-link: wrapping-type property default value has changed from None to Normal. 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 -->

2.0.0-rc.4 (2024-05-29)

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-close to close (#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 open property (#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 open property 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: Highlight enum 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>

<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:

<ui5-select menu="selectMenu"></ui5-select>

<ui5-select-menu id="selectMenu"> <ui5-select-menu-option>

custom

</ui5-select-menu-option> </ui5-select-menu> Now use just ui5-select and ui5-option-custom instead: <ui5-select> <ui5-option-custom>

custom

</ui5-option-custom> </ui5-select> Select 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>

<ui5-button icon="employee" end-icon="home">Button</ui5-button>

ui5-toast: The after-close event has been renamed to close. If you previously used it like:
```
toast.addEventListener("after-close", (event) => {
});
```
Now you have to use it like:
```
toast.addEventListener("close", (event) => {
});
```

ui5-*: The features/InputElementsFormSupport.js feature 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:

<ui5-calendar selection-mode="Range"> <ui5-date value="Jan 20, 2021"></ui5-date> <ui5-date value="Jan 30, 2021"></ui5-date> </ui5-calendar>

Now they are declared using a ui5-date-range:

<ui5-calendar selection-mode="Range"> <ui5-date-range start-value="Jan 20, 2021" end-value="Jan 30, 2021"></ui5-date-range> </ui5-calendar> * **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 hideBackdrop is 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 ::backdrop CSS selector


<style>
.transparentBackdrop::backdrop {
  background: transparent;
}
</style>

...

<ui5-popover modal class="transparentBackdrop">

2.0.0-rc.3 (2024-05-10)

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

Icons: make pathData async (#8785) (0549dc9)

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-badge to Tag ui5-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 mode to selectionMode (#8761) (4be1540)
ui5-split-button: remove activeIcon property (#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 show method with open property (#8855) (372d27d), closes #8461

Features

ui5-badge: new property added (#8714) (a60c5ee)
ui5-date-picker: Replace openPicker method with open property (#8749) (d283984)

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.

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() and isOpen() methods. If you previously used openPicker() and closePicker():

const datePicker = document.getElementById("exampleID");
datePicker.openPicker();
datePicker.closePicker();

Now use the open property respectively:

const datePicker = document.getElementById("exampleID");
datePicker.open = true;
datePicker.open = false;

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"
  },
};

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>
```

ui5-icon: The properties ariaHidden , interactive and accessibleRole , previously available in the ui5-icon component, have been removed. They are replaced by a new property named mode that specifies the component's mode. Alongside this update, a new enumeration IconMode, has been introduced to outline the available options for this property:

Image: This is the default setting. It configures the component to internally render role="img". Interactive: Configures the component to internally render role="button". This mode also supports focus and press handling to enhance interactivity. Decorative: In this mode, the component internally renders role="presentation" and aria-hidden="true", making it purely decorative without semantic content or interactivity.

Now, you can set the mode of the ui5-icon as 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>

ui5-li, ui5-list: The accessibleRole property for both ui5-li and ui5-list has been updated from a string type to an enum type. Additionally, the new enums ListItemAccessibleRole and ListAccessibleRole have been introduced for these properties respectively. The available options for the ui5-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>

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-cell

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>

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>

theming: Remove SAP Belize theme
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>

ui5-page: disableScrolling has been renamed, floatingFooter property has been removed and fixedFooter property has been added instead.

ui5-split-button: The activeIcon property ha been remove, as the interaction is considered obsolete by the UX design team. if you previously used active-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:

<ui5-menu header-text="My ui5-menu" busy busy-delay="100"><ui5-menu> <ui5-menu-item text="Open" icon="open-folder" busy busy-delay="100"><ui5-menu-item> now you should use loading and loadingDelay properties:

<ui5-menu header-text="My ui5-menu" loading loading-delay="100"><ui5-menu> <ui5-menu-item text="Open" icon="open-folder" loading loading-delay="100"><ui5-menu-item>

ui5-carousel: "Device#isIE" method has been removed and no longer available

ui5-carousel: 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:

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 ICardHeader interface. 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 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"

ui5-carousel: The size property 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>
```

ui5-carousel: 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>

ui5-carousel: The pageIndicatorStyle no longer exists. If you previously used it like:
```
<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>
```
Now you should use pageIndicatorType instead:
```
<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>
```

ui5-carousel: 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;
  }
}

ui5-carousel: 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.
ui5-carousel: 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>
```

docs: deploy v2 preview
ui5-carousel: Remove soccor icon. Use soccer instead.
ui5-carousel: Remove add-polygone icon. Use add-polygon instead.
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 use ui5-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"

ui5-carousel: 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;
})

ui5-carousel: The property color is renamed to value. 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>
```

ui5-carousel: JavaScript projects may not function properly with the tools package.

ui5-carousel: 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;
});

ui5-carousel: 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";
```

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, use BackgroundDesign instead.

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 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";

ui5-carousel: The size property of the ui5--illustrated-message is renamed to design. If you have previously used the size property:
```
<ui5-illustrated-message size="Dialog">
```
Now use design instead: `html<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-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">

ui5-carousel: The disabled property of the ui5-option is removed. If you have previously used the disabled property:
```
<ui5-option disabled>Option</ui5-option>
```
it will no longer work for the component.

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 of pathData (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 pathData from icons, for example:

import { pathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js";
console.log(pathData); // String containing the SVG path

you 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:

<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. * **ui5-badge:** The `design` property has new default value `Neutral` instead of `Set3`. If you have previously used ```html <ui5-badge></ui5-badge>``` without attributes, to have the same look and feel now you have to set the design property to “Set3”: ```html <ui5-badge design="Set3"></ui5-badge>```

2.0.0-rc.2 (2024-04-18)

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 tooltip property (#8670) (ef64000)
ui5-message-strip: introduce custom colors (#8757) (d30f424)

BREAKING CHANGES

ui5-multi-combobox: The allowCustomValues property have been renamed to noValidation. If you have previously used the allowCustomValues property <ui5-multi-combobox allow-custom-values></ui5-multi-combobox> Now use noValidation instead: <ui5-multi-combobox no-validation></ui5-multi-combobox>

ui5-textarea: The growingMaxLines property have been renamed to growingMaxRows.

2.0.0-rc.1 (2024-04-11)

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

add shadowRootOptions for @customElement decorator (#8703) (7168dc2)
ui5-button: provide focus support for mobile (#8414) (4d9e32f), closes #8178 #8322
ui5-text: introduce Text web component (#8299) (91acaf5), closes #6788
ui5-tree: enable drag and drop (#8477) (4514f57), closes #7562

2.0.0-rc.0 (2024-04-09)

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 busy property of the ui5-list is renamed. If you have previously used the busy, busyDelay properties:
```
<ui5-list busy busy-delay="500"></ui5-list>
```
now you must use loading and loadingDelay properties:
```
<ui5-list loading loading-delay="500"></ui5-list>
```
ui5-progress-indicator: The disabled property of the ui5-progress-indicator is removed. If you have previously used the disabled property, it won't take effect:
```
<ui5-progress-indicator disabled value="60"></ui5-progress-indicator>
```

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 mode property and the ListMode enum have been renamed. If you have previously used the mode property and the ListMode values:
```
<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 selectionMode and Single, Multiple instead: `html<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:
```js
someTab.getTabInsStripDomRef();
someTabSeparator.getTabInsStripDomRef();

Now use:

someTab.getDomRefInStrip();
someTabSeparator.getDomRefInStrip();

"Device#isIE" method has been removed and no longer available

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:

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 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 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"

The size property 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>
```

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>

The pageIndicatorStyle no longer exists. If you previously used it like:

<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>

Now you should use pageIndicatorType instead:

<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>

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>
```

docs: deploy v2 preview
Remove soccor icon. Use soccer instead.
Remove add-polygone icon. Use add-polygon instead.
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 use ui5-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"

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;
})

The property color is renamed to value. 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>
```

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";
```

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, 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";

The size property of the ui5--illustrated-message is renamed to design. If you have previously used the size property:
```
<ui5-illustrated-message size="Dialog">
```
Now use design instead: `html<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-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">

The disabled property of the ui5-option is removed. If you have previously used the disabled property:
```
<ui5-option disabled>Option</ui5-option>
```
it will no longer work for the component.

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)

Features

ui5-carousel: add accessibleName and accessibleNameRef (#8631) (0d0d765)

1.24.0-rc.4 (2024-04-04)

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

ui5-progress-indicator: introduce "bar" CSS part (#8599) (831fad3), closes #6140

1.24.0-rc.3 (2024-03-28)

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)

1.24.0-rc.2 (2024-03-21)

Bug Fixes

ui5-tab: focus() now works if dom ref in strip is not rendered yet (#8425) (d827e0e)

Features

ui5-avatar: update focus handling (#8420) (c66ddd5)
ui5-busy-indicator: added property text-placement (#8471) (a494473)
ui5-tabcontainer, ui5-list: automatically focus dropped element (#8455) (93b074d)

1.24.0-rc.1 (2024-03-15)

Bug Fixes

ui5-multi-combobox: pasting content should not be prevented (#8413) (db0b63c), closes #8275

Features

ui5-li: highlight property added (#8421) (1a3fa61), closes #8317
ui5-side-navigation: add navigation groups (#8261) (8678dc0)
ui5-tabcontainer, ui5-list: add events for reordering items by mouse (#8265) (c4383ea)

1.24.0-rc.0 (2024-03-14)

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

ui5-checkbox: csspart icon added (#8423) (ab97c02), closes #8326
ui5-list: growintButtonText property added (#8349) (3ad5a90), closes #7028

1.23.1 (2024-03-08)

Bug Fixes

ui5-icon: default icon color aligned with specification (#8376) (7915a8c), closes #8375
ui5-progress-indicator: visual fix (#8333) (012fc4d), closes #8306

1.23.1-rc.0 (2024-03-07)

Note: Version bump only for package @ui5/webcomponents

1.23.0 (2024-03-06)

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

ui5-textarea: select and scroll events (#8340) (5565a53)

1.23.0-rc.5 (2024-02-29)

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

ui5-button: add accessible-role api (#8366) (18a5370), closes #7612

1.23.0-rc.4 (2024-02-26)

Bug Fixes

ui5-popup: move popup registry to shared resource (#8338) (8c53a18)
ui5-tab-container: correct inline mode visualization (#8335) (60b5b2c), closes #8274

Features

ui5-radio-button: expose new Css shadow parts (#8347) (eca19da), closes #8105

1.23.0-rc.3 (2024-02-22)

Features

ui5-color-palette: implement mobile view (#8315) (eea8317)
ui5-menu: enable navigation over disabled items (#8312) (fe9d1dc), closes #7096 #8214

1.23.0-rc.2 (2024-02-20)

Features

ui5-li: add tooltip support to list items (#8301) (1bbf381), closes #7372

1.23.0-rc.1 (2024-02-19)

Note: Version bump only for package @ui5/webcomponents

1.23.0-rc.0 (2024-02-15)

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

1.22.1-rc.0 (2024-02-08)

Bug Fixes

cast ariaHasPopup acc attribute to lowercase (#8239) (6692284)
ui5-table: prevent load-more event on initial load (#8240) (3ea5c66)
ui5-tree-item: fix double announcement (#8139) (5af60a2), closes #6878

1.22.0 (2024-02-05)

Bug Fixes

ui5-checkbox: improved key down behavior for readonly state (#8226) (faec0ef), closes #7807
ui5-list: correct load-more marker visibility (#8224) (3d04140)

1.22.0-rc.3 (2024-02-01)

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

add dom shim so importing components in SSR works (#8184) (ca49674)
ui5-date-picker: introduce value-state-change event (#8133) (69143b0), closes #8005
ui5-datetime-picker: replace time part wheelsliders with clocks (#8129) (9041e16)
ui5-toast: enable overstyling (#8170) (3bfdb85), closes #7596

1.22.0-rc.2 (2024-01-25)

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

ui5-combobox, ui5-multi-combobox: clear icon implementation (#8038) (d3ad83b)

1.22.0-rc.1 (2024-01-18)

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

ui5-checkbox: add displayOnly mode (#8111) (c99d0ec)
update tnt/icons to v3.5 (#8098) (745a9fa)

1.22.0-rc.0 (2024-01-11)

Bug Fixes

ui5-busy-indicator: correct appearance in Belize theme (#8054) (f41d505), closes #7901

Features

ui5-badge: add different design types (#7564) (e5895f7)
ui5-side-navigation: Add new overflow behaviour to collapsed mode (#8019) (e5f8edd)

1.21.0 (2024-01-05)

Bug Fixes

ui5-combobox: scroll to item upon keyboard navigation (#8044) (8dc384e), closes #3994

1.21.0-rc.5 (2024-01-04)

Bug Fixes

ui5-combobox: keep picker open on group selection (#8039) (c72433e)
ui5-tree: correct item indentation (#8051) (5e3662f)

Features

ui5-checkbox: add css shadow part to the label (#8046) (0ea504e)

1.21.0-rc.4 (2023-12-28)

Bug Fixes

ui5-table: correct alignment of popin in multiselect mode (#8034) (9a0eab0)

1.21.0-rc.3 (2023-12-21)

Bug Fixes

ui5-menu: fix runtime js error on getElementById call (#8021) (65a73d7), closes #8017
ui5-toolbar: remove unnecessary styles (#7762) (db379bc)
value state message styles in input and combobox components (#7876) (2443b8e)

Features

tools: Optimize build by switching css processing to esbuild (#8008) (b4d411f)
ui5-color-palette-popover: introduce open and opener properties (#7988) (d3bda7e)
ui5-select: introduce readonly state (#7950) (02ea9a4), closes #7727

1.21.0-rc.2 (2023-12-14)

Bug Fixes

ui5-date-time-picker: load initial value correctly (#7967) (e1d5969), closes #7786
ui5-menu: menu item text doesn't overflow submenu arrow (#7991) (353ac1a)
ui5-multi-combobox: improve interaction when having invalid input (#7893) (d63981a), closes #7349 #6968

Features

ui5-input: prevent suggestion-item-select event per suggestion item (#7940) (a265a65)
ui5-tabcontainer: add tabstrip Shadow Part (#7989) (0cbbd16), closes #6035

1.21.0-rc.1 (2023-12-08)

Bug Fixes

base usage from test pages (#7975) (b4c8769)
infra: release commands (#7978) (b0e653c)
ui5-combobox: update picker items while open (#7937) (8f99f8d), closes #7011

1.21.0-rc.0 (2023-12-07)

Bug Fixes

ui5-table-row: fix runtime exception in test env execution (#7953) (e24f294), closes #7787

Features

ui5-split-button: expose active state property for arrow button (#7683) (d6d3705)

1.20.0 (2023-12-04)

Bug Fixes

framework: fix font72 for special characters (#7949) (55665b0), closes #7948
ui5-multi-combobox: adjust open property handling (#7763) (bb2ecfc)

Features

ui5-select: introduce value property (#7865) (8c62d34)

1.20.0-rc.3 (2023-11-30)

Bug Fixes

framework: enable 72Blackfull font-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

cloned property to the slot decorator (#7882) (2f3742b), closes #7681
register custom theme properties (#7750) (c6c04c6)

1.20.0-rc.2 (2023-11-23)

Bug Fixes

ui5-calendar: render the correct length of day names (#7866) (2a31e8d), closes #7831
ui5-switch: align 'off' text in RTL, add compact mode params (#7603) (007e755), closes #7522 #7806

1.20.0-rc.1 (2023-11-16)

Bug Fixes

ui5-list: shift+tab navigation in List (#7728) (399b941)

1.20.0-rc.0 (2023-11-09)

Bug Fixes

ui5-segmented-button: check for items before applying settings (#7792) (7f11274), closes #7788
ui5-time-picker: check value before formatting (#7793) (70deda8), closes #7790

1.19.0 (2023-11-02)

Note: Version bump only for package @ui5/webcomponents

1.19.0-rc.3 (2023-11-02)

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

framework: switch default theme from Quartz Light to Morning Ho… (#7749) (10dadd7)

Reverts

ui5-color-palette-item: revert selected state feature (#7782) (f24ff90)

1.19.0-rc.2 (2023-10-26)

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

1.19.0-rc.1 (2023-10-19)

Bug Fixes

ui5-date-picker: align value state colors with the spec (#7676) (17a5b12)
ui5-step-input: fix z-index of increase/decrease buttons and focus (#7709) (8bb9c4c)
ui5-tabcontainer: update according to latest SAP Horizon design (#7668) (57ff771)

Features

ui5-combobox: add attribute no-typeahead (#7692) (4714835)
ui5-panel: enable custom styling of title (#7688) (9d5a3d1)
ui5-rating-indicator: introduce tooltip property (#7687) (f2668b6)
update @ui5/webcomponents-icons to 5.07 & 4.19 (#7708) (1732304)

1.19.0-rc.0 (2023-10-12)

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

ui5-color-palette-item: add selected state (#7598) (6983f71)

1.18.1-rc.0 (2023-10-05)

Bug Fixes

ui5-calendar: hide secondary type when same as primary (#7650) (6ce7c33)
ui5-label: use correct i18n bundle & make component language aware (#7652) (7b43587)

1.18.0 (2023-10-02)

Note: Version bump only for package @ui5/webcomponents

1.18.0-rc.2 (2023-09-28)

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

ui5-time-picker: mobile input and code optimization (#7549) (50499ac)

1.18.0-rc.1 (2023-09-21)

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 secondaryCalendarType global 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)

1.18.0-rc.0 (2023-09-07)

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

ui5-toast: enable permanent visibility with KBH (#7548) (5f8def0)

1.17.0 (2023-09-01)

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

introduce SelectMenu(Option) components (#7447) (b21db20)
ui5-avatar: functionality for setting custom fallback icon (#7463) (0368aab)
ui5-badge: update visual design (#7501) (208d992)
ui5-toolbar: web component introduced (#7024) (2f329fe)

1.17.0-rc.2 (2023-08-24)

Bug Fixes

ui5-input: apply correct button's box-shadow on hover (#7439) (b77db6b)
ui5-message-strip: enhance storybook samples (#7464) (0283e28)
ui5-multi-combobox: adjust storybook sample (#7441) (52562ec)
ui5-toast: enhance storybook samples (#7451) (9298747)

1.17.0-rc.1 (2023-08-17)

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

framework: scope css variables per runtime and version (#7449) (d3f6c2e)
ui5-menu: make the item click event cancellable (#7360) (18b21bf), closes #5600
ui5-multi-input, ui5-multi-combobox: implement popover keyboard handling (#7368) (3c047b4)

1.17.0-rc.0 (2023-08-10)

Features

ui5-menu: add delay between opening and closing submenu and sub menu items (#7246) (b46eda5)

1.16.0 (2023-08-03)

Note: Version bump only for package @ui5/webcomponents

1.16.0-rc.4 (2023-08-03)

Bug Fixes

ui5-avatar: new interaction behavior (#7374) (e9011fc)
ui5-popup: fix header background and border for Belize theme (#7384) (130848b), closes #7353

Features

framework: support theme dependent custom icon collections (#7341) (33967dd)

1.16.0-rc.3 (2023-07-27)

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

ui5-avatar: add disabled property (#7335) (d84fc61)
ui5-panel: panel sticky header implementation (#7313) (18c0e4f)
ui5-switch: add required property (#7324) (0a01918)
ui5-tokenizer: change indicator's text when there are no visible tokens (#7327) (27f690e)

1.16.0-rc.2 (2023-07-20)

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

ui5-multicombobox: selection-change event is now preventable (#7309) (23c683f)
update @ui5/webcomponents-icons to 5.05 & 4.17 (#7315) (2c9730b), closes #7210

1.16.0-rc.1 (2023-07-13)

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

ui5-tabcontainer: implement latest SAP Horizon design (#7257) (9ee9ec4)

1.16.0-rc.0 (2023-07-06)

Features

ui5-progress-indicator: accessibleName property added (#7231) (ca66fd7)

1.15.0 (2023-06-30)

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

ui5-rating-indicator: add required and accessibleNameRef properties (#7185) (3cb09c6)
ui5-tokenizer: truncate when having 1 token with long text (e9a7580), closes #5229

1.15.0-rc.2 (2023-06-22)

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

ui5-radio-button: update visual design to latest Horizon spec (#7148) (7768cec), closes #7001
ui5-side-navigation: update Horizon theme design (#7186) (819d153), closes #7160

1.15.0-rc.1 (2023-06-15)

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

ui5-li: provide option to set custom aria-setsize (#7187) (8ab1c2d)
ui5-time-picker: Redesign the Time Picker component according to the new design (#6818) (1d910cf)

1.15.0-rc.0 (2023-06-08)

Bug Fixes

ui5-calendar: prevent focus loss during arrow navigation with mouse/touch (#6957) (216f6a7)
ui5-shellbar: improve RTL styling of searchField (#7089) (9373abf), closes #7065

Features

ui5-button: type property added (#7157) (0effdf7)

1.14.0 (2023-06-01)

Bug Fixes

ui5-dialog: add text with instructions for resizing or dragging of dialog fo… (#6989) (74c877b), closes #6659

1.14.0-rc.2 (2023-06-01)

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

1.14.0-rc.1 (2023-05-25)

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

framework: add setThemeRoot public API (#6970) (a0ad904)
ui5-list: selection-change event is now preventable (#7007) (f08638a), closes #6589

1.14.0-rc.0 (2023-05-18)

Bug Fixes

ui5-multi-combobox: delete duplicated tests (#7036) (2b9bf7f)
ui5-textarea: adjust Horizon themes according to the latest specifications (#7012) (a066527)

Features

framework: add ignoreCustomElements public API (#7027) (776f905)
framework: use template literal notation for enum types (#6856) (0de21e8), closes #6636
ui5-table: announce empty cells (#7013) (a884c87), closes #3594

1.13.2 (2023-05-15)

Bug Fixes

ui5-input: apply content-box to all slotted icons with !important (#6948) (de89ea0), closes #6071

1.13.1 (2023-05-11)

Bug Fixes

ui5-tree: rtl styling fixes (#7019) (88a63ee), closes #6892

1.13.0-rc.5 (2023-05-11)

Bug Fixes

ui5-carousel: align arrows relative to the content (#6975) (623d1ec), closes #6954
ui5-date-time-picker: fix test (#7005) (9e07724)
ui5-multi-combobox: prevent exception on mobile device (#6983) (ccaf3c9)

Features

ui5-calendar,ui5-date*picker: add static format (ISO) support for min/max dates (#6955) (a89afbf), closes #6885

1.13.0-rc.4 (2023-05-04)

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

generate TS from HBS templates (#6558) (02611b2)

1.13.0-rc.3 (2023-04-27)

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

1.13.0-rc.2 (2023-04-20)

Bug Fixes

ui5-panel: adjust panel content padding (#6869) (bfa9d06)
ui5-table: correct row height in Safari (#6903) (8ab20d9)

1.13.0-rc.1 (2023-04-13)

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

localization: add timezone support [experimental] (#6857) (aa91fd1)

1.13.0-rc.0 (2023-04-06)

Bug Fixes

ui5-input, ui5-button: align form controls vertically (#6860) (88582d6)

1.12.0 (2023-04-04)

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)

1.12.0-rc.3 (2023-03-30)

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

ui5-button: propagate icon default title to button (#6719) (575039e), closes #5733
ui5-calendar: focus the nearest day when today is out of range (#6801) (e67a442), closes #6750

1.12.0-rc.2 (2023-03-23)

Bug Fixes

inline sources in the .map file so the src folder is not mandatory (#6732) (16771a6)

Reverts

Revert "chore: add missing ui5- prefix to component events in .hbs files" (#6740) (a151e15), closes #6740 #6565

1.12.0-rc.1 (2023-03-16)

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

ui5-datepicker: show only needed pickers based on date format (#6490) (182ebb2)

1.12.0-rc.0 (2023-03-09)

Bug Fixes

ui5-datetime-picker: align styles in footer (#6665) (d58da29), closes #4852
ui5-input, ui5-textarea: remove redundant styles (#6662) (52ff41a)

Features

ui5-switch: make change event preventable (#6603) (953a1d0), closes #5953

1.11.0 (2023-03-06)

Note: Version bump only for package @ui5/webcomponents

1.11.0-rc.4 (2023-03-02)

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)

1.11.0-rc.3 (2023-02-23)

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)

1.11.0-rc.2 (2023-02-16)

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

ui5-input: reflect dynamic changes of labels (#6364) (b75e958)
ui5-segmented-button, ui5-toggle-button: migrated to TypeScript (#6374) (26064db)
ui5-toast: migrate to Typescript (#6506) (402e1f7)

1.11.0-rc.1 (2023-02-09)

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

ui5-avatar-group: migrated to Typescript (#6391) (c5bcfde)
ui5-popover,ui5-dialog: add accessibleRole property (#6221) (b88d214), closes #6090 #5796
ui5-select: new events introduced (#6398) (a0b114d), closes #5836
ui5-tree: migrate to Typescript (#6401) (1762b16)

1.11.0-rc.0 (2023-02-02)

Bug Fixes

ui5-input: prevent setSelectionRange on number input (#6395) (e5a61c7)

1.10.4-rc.0 (2023-01-26)

Bug Fixes

ui5-segmented-button: ignore scoping suffix when checking tag name (#6353) (594fee4)

1.10.3 (2023-01-25)

Note: Version bump only for package @ui5/webcomponents

1.10.2 (2023-01-25)

Note: Version bump only for package ui5-webcomponents

1.10.1 (2023-01-24)

Bug Fixes

ui5-dialog: correct types (#6347) (620bf8d)
ui5-multi-combobox: paste in readonly component prevented (#6325) (9141e5a), closes #6175

1.10.0 (2023-01-20)

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 --ui5select_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 base package (#5982) (bd184d8)

1.9.3 (2022-12-16)

Note: Version bump only for package @ui5/webcomponents

1.9.1 (2022-11-10)

Note: Version bump only for package @ui5/webcomponents

1.9.0 (2022-10-31)

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)

1.8.0 (2022-10-03)

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

main: add support for custom SVG icons (#5865) (d8b7200)
ui5-menu-item: implement additional text (#5867) (bf991b6)
ui5-tree: introduce accessibleName and accessibleNameRef properties (#5804) (2e3452a)

1.7.1 (2022-09-08)

Bug Fixes

ui5-tabcontainer: fixed error when no tabs (#5793) (4aefe17)

1.7.0 (2022-09-02)

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 targetItem in selection-change event (#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 accessibleName property (#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

Revert "fix(ui5-button): adjust icon role" (#5722) (22170f4), closes #5722 #5714

1.6.0 (2022-07-25)

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

ui5-calendar: show months and years from both primary and secon… (#5412) (d5dc7ec)
ui5-panel: remove header when not used (#5513) (73757a4)
ui5-radio-button: add accessibleName property (#5548) (967b441), closes #5516

1.5.0 (2022-07-03)

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)

1.4.0 (2022-05-25)

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)

1.3.1 (2022-04-27)

Note: Version bump only for package @ui5/webcomponents

1.3.0 (2022-04-19)

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)

1.2.4 (2022-03-30)

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

1.2.3 (2022-03-23)

Bug Fixes

ui5-date-picker: remove aria-expanded attribute (#4866) (b62a0e9), closes #4865

1.2.2 (2022-03-22)

Bug Fixes

ui5-li: correct focus handling (#4935) (1fdf415)

Features

ui5-select: add aria-roledescription attribute (#4921) (e4fa811), closes #2910

1.2.1 (2022-03-02)

Bug Fixes

ui5-multi-combobox: Prevent scrolling on page up/down (#4835) (6c85e8d)
ui5-responsive-popover: fix auto close during re-rendering (#4828) (5859ce7), closes #4816
ui5-segmented-button-item: adopt inherited tooltip property (#4843) (b04db63), closes #4840

Features

ui5-multi-combobox, ui5-tokenizer: Full Home/End implementation (#4796) (8d83d33)

1.2.0 (2022-02-28)

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 tooltip property (#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-click event preventable (#4708) (29967f0), closes #4502

1.1.2 (2022-01-26)

Features

ui5-multi-input: Keyboard handling (#4495) (b978f4a)

1.1.1 (2022-01-24)

Bug Fixes

ui5-split-button: fix JS error on empty text content (#4612) (c407fd1), closes #4609
ui5-title: replace custom heading CSS vars with SAP theming-base vars (#4617) (baa02bb)

1.1.0 (2022-01-21)

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 noopener to 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 title attribute handle (#4546) (0c060aa)
ui5-popup: add accessibleNameRef property (#4517) (0a7c1f3)
ui5-radio-button: implement accessibleNameRef property (#4511) (83fdef5)
ui5-rating-indicator: add full keyboard support (#4411) (0e41f41)
ui5-segmented-button: implement accessibleName property (#4378) (e6a8b38)
ui5-tabcontainer: implement overflow functionality (#4403) (a38bbab), closes #2540
ui5-tabcontainer: show separators in overflow (#4507) (b646157)
ui5-tree-item: add indeterminate state (#4397) (80bbc22)

1.0.2 (2021-11-29)

Note: Version bump only for package @ui5/webcomponents

1.0.1 (2021-11-10)

Note: Version bump only for package @ui5/webcomponents

1.0.0 (2021-11-10)

Note: Version bump only for package @ui5/webcomponents

1.0.0-rc.16 (2021-11-09)

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

1.0.0-rc.15 (2021-07-23)

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

ui5-input: remove highlight property (#3350) (6630c2a)

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.

1.0.0-rc.14 (2021-04-01)

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

ui5-avatar-group: new slot overflowButton (#3037) (6d47d68), closes #2912

1.0.0-rc.13 (2021-03-26)

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.

1.0.0-rc.12 (2021-02-18)

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)

1.0.0-rc.11 (2020-12-21)

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)

1.0.0-rc.10 (2020-11-12)

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

1.0.0-rc.9 (2020-10-08)

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)

1.0.0-rc.8 (2020-07-30)

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)

1.0.0-rc.7 (2020-04-30)

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)

1.0.0-rc.6 (2020-03-27)

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-li for items use ui5-multi-combobox-item instead.
ui5-combobox-item: change the tag name from ui5-combobox-item to ui5-cb-item
ui5-tabcontainer: itemSelect is renamed to tabSelect and the item event param is renamed to tab.
ui5-card: the proeprty subtitle has been renamed to subheading
ui5-textarea: The property maxLength has been renamed to maxlengthand the attribute name is changed from max-length to maxlength.

1.0.0-rc.5 (2019-12-02)

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 --save

The import statements should be changed

Before:

@ui5/webcomponents/dist/icons/add.js

After:

@ui5/webcomponents-icons/dist/add.js

ui5-shellbar: move component to new @ui5/webcomponents-fiori package (#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.

ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)

To get the ShellBar's coPilot animated you have to import the @ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js module

ui5-shellbar-item: "src" property renamed to "name" (#928) (8e060d1)

The "src" property was renamed to icon and accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")

ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)

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.

1.0.0-rc.4 (2019-10-11)

Bug Fixes

ui5-badge: fix icon visual issue in ie (#809) (150a100)
update output of create new component script (#826) (0241140)
ui5-button: apply correct font-family: 72 (#825) (21ec559)

1.0.0-rc.3 (2019-10-03)

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.

1.0.0-rc.2 (2019-07-04)

Bug Fixes

popup: remove body styles in onExitDOM (#593) (410b8f6)

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

0.13.1 (2019-06-22)

Note: Version bump only for package @ui5/webcomponents

0.13.0 (2019-06-21)

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

0.12.0 (2019-06-10)

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

ui5-button: remove activeIcon property (#513) (8d8c343)

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

0.11.1 (2019-05-30)

Note: Version bump only for package @ui5/webcomponents

0.11.0 (2019-05-22)

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 (--ui5listitem_background_color) to alter the list items` background.
ui5-panel: the "backgroundDesign" property has been removed, use the corresponding CSS variables (--ui5panel_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".

0.10.1 (2019-04-24)

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.

0.10.0 (2019-04-22)

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

0.9.0 (2019-03-18)

Features

ui5-messagestrip: initial implementation (#80) (cbc9c75)

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

ui5-input: fire input, instead of liveChange (#159) (b8d978a)

BREAKING CHANGES

ui5-input: liveChange event is no longer fired, listen for the input event instead.

0.8.0 (2019-03-01)

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

https://yarn.pm/@ui5/webcomponents

SAP/ui5-webcomponents

@ui5/webcomponents

Use it

$ yarn add @ui5/webcomponents

Try in RunKit · Browse Files

CDNs

bundle.run: bundle.run/@ui5/webcomponents
jsDelivr: cdn.jsdelivr.net/npm/@ui5/webcomponents/
unpkg: unpkg.com/@ui5/webcomponents/

Popularity

GitHub stargazers: 0
Downloads last 30 days: 136.1k
jsDelivr last 30 days: 1.33m
Dependents: 0

Usage

Dependencies @ui5/webcomponents-base, @ui5/webcomponents-icons, @ui5/webcomponents-theming, @ui5/webcomponents-icons-tnt, @ui5/webcomponents-localization, @ui5/webcomponents-icons-business-suite: 6
DevDependencies lit, chromedriver, @ui5/webcomponents-tools: 3
Packages: see package.json

Versions

January 17, 2025: 1.24.15
January 16, 2025: 2.7.0-rc.0
January 13, 2025: 0.0.0-37338d49d

Package detail

readme

UI5 Web Components

What are UI5 Web Components?

Why use web components?

Where can I see them in action?

More Resources

Related Projects

OpenUI5

1. What is UI5/OpenUI5?

2. How do UI5 Web Components relate to OpenUI5?

UI5 Web Components for React

UI5 Web Components for Angular

How to Use

Typescript Support

Is there a CDN I can use?

Browser Support

Project Structure, Development and Build

Requirements

Structure

How to run the project locally:

How to start Website (Docs & Samples):

Production Build

Limitations

Known Issues

Support

Contribute

changelog

Change Log

2.6.2 (2025-01-09)

Bug Fixes

2.6.2-rc.0 (2025-01-09)

Bug Fixes

2.6.1 (2025-01-08)

2.6.0 (2025-01-07)

2.6.0-rc.5 (2025-01-07)

Bug Fixes

2.6.0-rc.4 (2025-01-02)

2.6.0-rc.3 (2024-12-26)

Bug Fixes

Features

2.6.0-rc.2 (2024-12-19)

Bug Fixes

Features

2.6.0-rc.1 (2024-12-16)

Bug Fixes

2.6.0-rc.0 (2024-12-12)

Bug Fixes

Features

2.5.0 (2024-12-05)

2.5.0-rc.3 (2024-12-05)

Bug Fixes

Features

2.5.0-rc.2 (2024-11-28)

Bug Fixes

Features

2.5.0-rc.1 (2024-11-21)

Bug Fixes

Features

2.5.0-rc.0 (2024-11-14)

Bug Fixes

Features

2.4.1-rc.0 (2024-11-07)

Bug Fixes

2.4.0 (2024-11-03)

Bug Fixes

Features

2.4.0-rc.4 (2024-10-31)

Bug Fixes

2.4.0-rc.3 (2024-10-28)

Features

2.4.0-rc.2 (2024-10-24)

Bug Fixes

2.4.0-rc.1 (2024-10-17)

Bug Fixes

Features

2.4.0-rc.0 (2024-10-10)

Bug Fixes

Features

2.3.1-rc.0 (2024-10-03)