-
Notifications
You must be signed in to change notification settings - Fork 103
Commit cf1a616
authored
![renovate[bot]](https://avatars.githubusercontent.com/in/2740?v=4&size=40){kind=avatar}
chore(deps): update ui5 web components to v2.0.0-rc.5 (patch) (#5920)
[](https://renovatebot.com)
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@ui5/webcomponents](https://togithub.com/SAP/ui5-webcomponents)
([source](https://togithub.com/SAP/ui5-webcomponents/tree/HEAD/packages/main))
| [`2.0.0-rc.3` ->
`2.0.0-rc.5`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents/2.0.0-rc.3/2.0.0-rc.5)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
| [@ui5/webcomponents-base](https://togithub.com/SAP/ui5-webcomponents)
([source](https://togithub.com/SAP/ui5-webcomponents/tree/HEAD/packages/base))
| [`2.0.0-rc.3` ->
`2.0.0-rc.5`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-base/2.0.0-rc.3/2.0.0-rc.5)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
| [@ui5/webcomponents-fiori](https://togithub.com/SAP/ui5-webcomponents)
([source](https://togithub.com/SAP/ui5-webcomponents/tree/HEAD/packages/fiori))
| [`2.0.0-rc.3` ->
`2.0.0-rc.5`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-fiori/2.0.0-rc.3/2.0.0-rc.5)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
| [@ui5/webcomponents-icons](https://togithub.com/SAP/ui5-webcomponents)
([source](https://togithub.com/SAP/ui5-webcomponents/tree/HEAD/packages/icons))
| [`2.0.0-rc.3` ->
`2.0.0-rc.5`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-icons/2.0.0-rc.3/2.0.0-rc.5)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
---
### Release Notes
<details>
<summary>SAP/ui5-webcomponents (@​ui5/webcomponents)</summary>
###
[`v2.0.0-rc.5`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/main/CHANGELOG.md#200-rc5-2024-06-06)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5)
##### Bug Fixes
- **ui5-button:** adjust screen reader announcement order
([#​8997](https://togithub.com/SAP/ui5-webcomponents/issues/8997))
([2d9a16b](https://togithub.com/SAP/ui5-webcomponents/commit/2d9a16b403d9457382eeb5d0d913b463e4c52c6a))
- **ui5-calendar:** adjust accessibility semantics
([#​9102](https://togithub.com/SAP/ui5-webcomponents/issues/9102))
([06891a1](https://togithub.com/SAP/ui5-webcomponents/commit/06891a1369bf3b92e144953e8ddec58b10ef17d8)),
closes
[#​9068](https://togithub.com/SAP/ui5-webcomponents/issues/9068)
[#​9069](https://togithub.com/SAP/ui5-webcomponents/issues/9069)
- **ui5-date:** remove circular dependency
([#​9137](https://togithub.com/SAP/ui5-webcomponents/issues/9137))
([9c8d12e](https://togithub.com/SAP/ui5-webcomponents/commit/9c8d12e79860d2203e1719248b4222101a8d0410))
- **ui5-input, ui5-combobox, ui5-multi-combobox:** prevent native input
autocomplete
([#​9130](https://togithub.com/SAP/ui5-webcomponents/issues/9130))
([5d8dbbd](https://togithub.com/SAP/ui5-webcomponents/commit/5d8dbbdf0129165a11d6f9e44e4458f1c54b8fb7))
- **ui5-option-custom:** show focus outline
([#​9101](https://togithub.com/SAP/ui5-webcomponents/issues/9101))
([bf8366e](https://togithub.com/SAP/ui5-webcomponents/commit/bf8366eb6c8f52e15de249f32cfb8213e016370c))
- **ui5-popup:** initialFocus won't work if 'autofocus' is set
([#​8956](https://togithub.com/SAP/ui5-webcomponents/issues/8956))
([2c9f775](https://togithub.com/SAP/ui5-webcomponents/commit/2c9f7757c9378732c1231651bdc8a39004a22a60))
- **ui5-popup:** remove popup from the tab chain
([#​8955](https://togithub.com/SAP/ui5-webcomponents/issues/8955))
([aedcdb9](https://togithub.com/SAP/ui5-webcomponents/commit/aedcdb934358cebef3d0544c44e6a8a9d437531d)),
closes
[#​9094](https://togithub.com/SAP/ui5-webcomponents/issues/9094)
##### Code Refactoring
- **ui5-link:** wrap text by default
([#​9006](https://togithub.com/SAP/ui5-webcomponents/issues/9006))
([1924b54](https://togithub.com/SAP/ui5-webcomponents/commit/1924b5457f22c428527f8be3fbdd46d9d5d7ffed))
- **ui5-radio-button:** wrap text by default
([#​9117](https://togithub.com/SAP/ui5-webcomponents/issues/9117))
([b8d7bac](https://togithub.com/SAP/ui5-webcomponents/commit/b8d7bac56c783825cf9354e020730e0d6a87a2b4))
##### Features
- **ui5-menu-item:** add endContent slot
([dc3cfde](https://togithub.com/SAP/ui5-webcomponents/commit/dc3cfde6483e9d4200ed9b4c1772872836233842)),
closes
[#​6350](https://togithub.com/SAP/ui5-webcomponents/issues/6350)
- **ui5-select:** introduced 'popover' part
([#​9120](https://togithub.com/SAP/ui5-webcomponents/issues/9120))
([3c03e17](https://togithub.com/SAP/ui5-webcomponents/commit/3c03e17288b58d8a5a5771085ff20a20cbfae783)),
closes
[#​4503](https://togithub.com/SAP/ui5-webcomponents/issues/4503)
- **ui5-time-picker:** introduce `open` and `close` events
([#​9093](https://togithub.com/SAP/ui5-webcomponents/issues/9093))
([bf2d0aa](https://togithub.com/SAP/ui5-webcomponents/commit/bf2d0aaaf3856c61b3a658e57dd581a904c82cbf))
##### BREAKING CHANGES
- **ui5-radio-button:** `wrapping-type` property default value has
changed from `None` to `Normal`.
Before:
```html
<ui5-radio-button text="Option A with long long text"></ui5-radio-button>
<!-- would truncate the text if there is not enough space -->
```
Now:
```html
<ui5-radio-button text="Option A with long long text"></ui5-radio-button>
<!-- would let the text wrap if there is not enough space -->
```
Related to
[https://github.com/SAP/ui5-webcomponents/issues/8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-link:** `wrapping-type` property default value has changed from
`None` to `Normal`.
Before:
```html
<ui5-link>some very very very long link</ui5-link> <!-- would truncate the text if there is not enough space -->
```
Now:
```html
<ui5-link>some very very very long link</ui5-link> <!-- would let the text wrap if there is not enough space -->
```
###
[`v2.0.0-rc.4`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/main/CHANGELOG.md#200-rc4-2024-05-29)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4)
##### Bug Fixes
- **ui5-button:** add keyboard shortcut to cancel the button's action
([c2d9c85](https://togithub.com/SAP/ui5-webcomponents/commit/c2d9c8563ab35dba4a6a062704336df846d7e948)),
closes
[#​6782](https://togithub.com/SAP/ui5-webcomponents/issues/6782)
- **ui5-button:** adjust ui5-button menu button samples to use
open/opener
([974ff8c](https://togithub.com/SAP/ui5-webcomponents/commit/974ff8c4e3582f6a18621100a9fb6ae8b2f47dbd))
- **ui5-button:** remove tabindex from disabled button
([#​8957](https://togithub.com/SAP/ui5-webcomponents/issues/8957))
([041f573](https://togithub.com/SAP/ui5-webcomponents/commit/041f57323fcaeaa6fc5aec7299e673ead6aece0e)),
closes
[#​8852](https://togithub.com/SAP/ui5-webcomponents/issues/8852)
- **ui5-calendar-legend:** align visual design to meet WCAG 2.2
requirements
([0860a3e](https://togithub.com/SAP/ui5-webcomponents/commit/0860a3e53547d9aa9158611b4c6164cd7ded4324))
- **ui5-calendar:** change the show month/year private event names
([#​8960](https://togithub.com/SAP/ui5-webcomponents/issues/8960))
([c981459](https://togithub.com/SAP/ui5-webcomponents/commit/c981459612298ca49eaf1faa688329c04d7462a1)),
closes
[#​8893](https://togithub.com/SAP/ui5-webcomponents/issues/8893)
- **ui5-calendar:** respect component level calendarType in week
calculation
([#​8971](https://togithub.com/SAP/ui5-webcomponents/issues/8971))
([69b8003](https://togithub.com/SAP/ui5-webcomponents/commit/69b8003c93ab724e722a841e1a25bb2236c44110))
- **ui5-calendar:** switch to two column layout on Islamic or Persian
secondary calendar type
([#​8453](https://togithub.com/SAP/ui5-webcomponents/issues/8453))
([1b172eb](https://togithub.com/SAP/ui5-webcomponents/commit/1b172eb3f6bd6f9aa541cce87e1c21036f58ec16))
- **ui5-date-picker:** adjust failing tests
([#​9039](https://togithub.com/SAP/ui5-webcomponents/issues/9039))
([7232039](https://togithub.com/SAP/ui5-webcomponents/commit/72320391a69fa92a27d0b83d1abbd7dfd57d1cde)),
closes
[#​9033](https://togithub.com/SAP/ui5-webcomponents/issues/9033)
[#​9034](https://togithub.com/SAP/ui5-webcomponents/issues/9034)
- **ui5-date-picker:** display initial view properly
([#​8910](https://togithub.com/SAP/ui5-webcomponents/issues/8910))
([e570031](https://togithub.com/SAP/ui5-webcomponents/commit/e570031c7986b4f9005c8628fdd87cac0c7fcd94)),
closes
[#​8893](https://togithub.com/SAP/ui5-webcomponents/issues/8893)
- **ui5-datetime-picker:** change dateformat to datetime instance
([#​9024](https://togithub.com/SAP/ui5-webcomponents/issues/9024))
([e5051ea](https://togithub.com/SAP/ui5-webcomponents/commit/e5051ea70af8c470f53788a7b13a2fb3f8c3f123))
- **ui5-multi-input:** delete selected value on BACKSPACE
([#​8982](https://togithub.com/SAP/ui5-webcomponents/issues/8982))
([d773532](https://togithub.com/SAP/ui5-webcomponents/commit/d773532f5826e98f217768206e1d7bbcd57e7c27))
- **ui5-multiinput:** restore and adjust unit tests
([#​8933](https://togithub.com/SAP/ui5-webcomponents/issues/8933))
([70dc2a6](https://togithub.com/SAP/ui5-webcomponents/commit/70dc2a628c8cf49291d3d19054bda03b3a4f1caf))
- **ui5-notification-list:** fix keyboard issues
([#​9040](https://togithub.com/SAP/ui5-webcomponents/issues/9040))
([f1c0635](https://togithub.com/SAP/ui5-webcomponents/commit/f1c0635d6d2b94e94b7ecc311bb49480db1fae6d))
- **ui5-panel:** fix failing tests
([#​9044](https://togithub.com/SAP/ui5-webcomponents/issues/9044))
([aeb7d42](https://togithub.com/SAP/ui5-webcomponents/commit/aeb7d42d668245332a30242747361cd25af0107c))
- **ui5-popover:** correct placement in RTL direction
([#​9009](https://togithub.com/SAP/ui5-webcomponents/issues/9009))
([36fa85e](https://togithub.com/SAP/ui5-webcomponents/commit/36fa85eb3a33861062aa6b8cfe548c593a7dc6d8))
- **ui5-popover:** fix auto close when click on iframe inside a shadow
root
([#​8961](https://togithub.com/SAP/ui5-webcomponents/issues/8961))
([5c2f5f6](https://togithub.com/SAP/ui5-webcomponents/commit/5c2f5f694b70df68dc512d2e58d2fac49dd552e6))
- **ui5-popover:** fix infinite open/show loop
([#​9055](https://togithub.com/SAP/ui5-webcomponents/issues/9055))
([a142caf](https://togithub.com/SAP/ui5-webcomponents/commit/a142caf730011443e5c3ca7000d5cd8a19e6253e)),
closes
[#​9031](https://togithub.com/SAP/ui5-webcomponents/issues/9031)
- **ui5-popover:** prevent runtime error when opener is outside the
viewport
([#​9017](https://togithub.com/SAP/ui5-webcomponents/issues/9017))
([9212aa8](https://togithub.com/SAP/ui5-webcomponents/commit/9212aa85f38be1282a90d937c05746f2558c02e7))
- **ui5-responsive-popover:** fix initially focused input going out of
the viewport on iPhone
([#​8945](https://togithub.com/SAP/ui5-webcomponents/issues/8945))
([7ff177c](https://togithub.com/SAP/ui5-webcomponents/commit/7ff177cd233bfdc6707499622200702c17043782))
- **ui5-segmented-button-item:** align sizes to spec
([#​8972](https://togithub.com/SAP/ui5-webcomponents/issues/8972))
([0eefe5f](https://togithub.com/SAP/ui5-webcomponents/commit/0eefe5f5d83f0c318445eebf1ea4fff5a8370a63)),
closes
[#​7357](https://togithub.com/SAP/ui5-webcomponents/issues/7357)
- **ui5-select:** popover scrolls to typed item
([#​9053](https://togithub.com/SAP/ui5-webcomponents/issues/9053))
([70bbd7f](https://togithub.com/SAP/ui5-webcomponents/commit/70bbd7f118c8c1a1c331605aa77b231bc2c80901)),
closes
[#​8987](https://togithub.com/SAP/ui5-webcomponents/issues/8987)
- **ui5-side-navigation:** menu in collapsed mode width is not longer
stretched unnecessary
([#​8940](https://togithub.com/SAP/ui5-webcomponents/issues/8940))
([30c0530](https://togithub.com/SAP/ui5-webcomponents/commit/30c053046d1bfbbcb880a5dd10f3f177fdbfbec7))
- **ui5-side-navigation:** overflow menu items are now displayed
([#​8948](https://togithub.com/SAP/ui5-webcomponents/issues/8948))
([bcb3008](https://togithub.com/SAP/ui5-webcomponents/commit/bcb3008187fb0e66d7ddeb6bb048857382d414a2))
- **ui5-tag:** add colors for Quartz high contrast themes for Set 2
([#​8952](https://togithub.com/SAP/ui5-webcomponents/issues/8952))
([92b3cf8](https://togithub.com/SAP/ui5-webcomponents/commit/92b3cf820754cb45053430de5b172e34fa698106))
- **ui5-time-picker:** remove box shadow
([#​8951](https://togithub.com/SAP/ui5-webcomponents/issues/8951))
([7c7170d](https://togithub.com/SAP/ui5-webcomponents/commit/7c7170d4a7d5f7b1f76aa9670baac498b954a425)),
closes
[#​8932](https://togithub.com/SAP/ui5-webcomponents/issues/8932)
##### Code Refactoring
- **ui5-input:** replace openPicker method with public property open
([#​8950](https://togithub.com/SAP/ui5-webcomponents/issues/8950))
([3e2b32e](https://togithub.com/SAP/ui5-webcomponents/commit/3e2b32e9e34812e1258ec8dbcf3b23260b803bb6))
- **ui5-list:** refactored HighlightTypes
([#​9061](https://togithub.com/SAP/ui5-webcomponents/issues/9061))
([2510224](https://togithub.com/SAP/ui5-webcomponents/commit/251022448cc7b74a8cdf0c5bb3e822ddc180faf8)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-option:** make options physical elements
([#​8903](https://togithub.com/SAP/ui5-webcomponents/issues/8903))
([8d6fac7](https://togithub.com/SAP/ui5-webcomponents/commit/8d6fac75151fd3f42f58ec29cc8f27d0383114d2)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
[#​7887](https://togithub.com/SAP/ui5-webcomponents/issues/7887)
- **ui5-popover:** remove hideBackdrop property
([#​8947](https://togithub.com/SAP/ui5-webcomponents/issues/8947))
([f628fbc](https://togithub.com/SAP/ui5-webcomponents/commit/f628fbc8df403344629f4b608512fda38d6ee674)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-popup:** rename after-open and after-close events to 'open' and
'close'
([#​8946](https://togithub.com/SAP/ui5-webcomponents/issues/8946))
([912167d](https://togithub.com/SAP/ui5-webcomponents/commit/912167d18cd5e365a03513defc570da5bf372715)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-toast:** rename event `after-close` to `close`
([#​8967](https://togithub.com/SAP/ui5-webcomponents/issues/8967))
([d05839d](https://togithub.com/SAP/ui5-webcomponents/commit/d05839d9efa1102c11d5790d8049caeb96a9696c))
##### Features
- **ui5-\*:** integrate element internals in input components
([#​8685](https://togithub.com/SAP/ui5-webcomponents/issues/8685))
([c8e68d5](https://togithub.com/SAP/ui5-webcomponents/commit/c8e68d59e51c6ab56328062ac8bce7889b30062d)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-button:** add second (end) icon
([2e97c03](https://togithub.com/SAP/ui5-webcomponents/commit/2e97c03fc8f9d00c7d9bdd8c1ceb63bac13b7e32))
- **ui5-color-palette-item:** introduce selected state
([#​8554](https://togithub.com/SAP/ui5-webcomponents/issues/8554))
([b0f8a30](https://togithub.com/SAP/ui5-webcomponents/commit/b0f8a30dac10f4b1931cf3a7105f7998f2fb4dc7))
- **ui5-combobox:** introduce nested grouping of items
([#​8926](https://togithub.com/SAP/ui5-webcomponents/issues/8926))
([92fe765](https://togithub.com/SAP/ui5-webcomponents/commit/92fe765f87039d210c6fe0ba5d6d3cc3884ba871))
- **ui5-date-range:** introduce new calendar date type
([#​8804](https://togithub.com/SAP/ui5-webcomponents/issues/8804))
([ffe14a5](https://togithub.com/SAP/ui5-webcomponents/commit/ffe14a534ee7a50a58e033c6bbbad5213fe7e14f)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-dynamic-page:** introduce new component
([#​7899](https://togithub.com/SAP/ui5-webcomponents/issues/7899))
([3752ce7](https://togithub.com/SAP/ui5-webcomponents/commit/3752ce701fe915fa0b02ba2b114c40bf3b7d9123))
- **ui5-form:** introduce Form web component
([#​8281](https://togithub.com/SAP/ui5-webcomponents/issues/8281))
([8d72042](https://togithub.com/SAP/ui5-webcomponents/commit/8d720429d9ad416f73f42c08ab9aa0e892e24ddb)),
closes
[#​7854](https://togithub.com/SAP/ui5-webcomponents/issues/7854)
- **ui5-input:** add input type search
([#​8980](https://togithub.com/SAP/ui5-webcomponents/issues/8980))
([410ba3f](https://togithub.com/SAP/ui5-webcomponents/commit/410ba3ff7c49eaa46a8e0c4d756897c42a11aadc)),
closes
[#​7641](https://togithub.com/SAP/ui5-webcomponents/issues/7641)
- **ui5-input:** allow custom icon styling
([#​8881](https://togithub.com/SAP/ui5-webcomponents/issues/8881))
([cf9f1c2](https://togithub.com/SAP/ui5-webcomponents/commit/cf9f1c28c93b9fa6c8663ce24d3c5e6d1ff4cc4e)),
closes
[#​8182](https://togithub.com/SAP/ui5-webcomponents/issues/8182)
[#​6132](https://togithub.com/SAP/ui5-webcomponents/issues/6132)
- **ui5-li-notification:** implement new design
([#​8426](https://togithub.com/SAP/ui5-webcomponents/issues/8426))
([e451cdc](https://togithub.com/SAP/ui5-webcomponents/commit/e451cdc3709553dcb780f637463dc1b29e8f2971))
- **ui5-list,ui5-tree:** make drag\&drop feature public
([#​8904](https://togithub.com/SAP/ui5-webcomponents/issues/8904))
([60b8038](https://togithub.com/SAP/ui5-webcomponents/commit/60b8038b0731bbf5a3222bc757fcc710d213b7d2))
- **ui5-time-picker:** introduce `open` property
([#​9001](https://togithub.com/SAP/ui5-webcomponents/issues/9001))
([1c1cea6](https://togithub.com/SAP/ui5-webcomponents/commit/1c1cea6afd6cca85516dd42a70de12be7554b05e))
- **ui5-toolbar-button:** add second (end) icon
([#​9048](https://togithub.com/SAP/ui5-webcomponents/issues/9048))
([6688814](https://togithub.com/SAP/ui5-webcomponents/commit/6688814c0bea49fe1522deea79a2b754ce8f6f60))
##### 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()` :
```js
const input = document.getElementById("exampleID");
input.openPicker();
```
Now the suggestions popover is opened by setting the `open` property to
true:
```js
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:
```js
import HighlightTypes from "@​ui5/webcomponents-base/dist/types/HighlightTypes.js";
```
Now:
```js
import Highlight from "@​ui5/webcomponents-base/dist/types/Highlight.js";
```
- **ui5-toolbar-button:** iconEnd property is changed from boolean to
string type and now can accept name for second/end icon.
Before:
`<ui5-toolbar-button icon="home" icon-end>Button</ui5-toolbar-button>`
Now:
`<ui5-toolbar-button end-icon="home">Button</ui5-toolbar-button>`
or
`<ui5-toolbar-button icon="employee"
end-icon="home">Button</ui5-toolbar-button>`
- **ui5-option:** The ui5-select-menu and ui5-select-menu-option
components are removed. Custom options can now be created using the
ui5-option-custom, directly placed inside the default slot of the
ui5-select
SelectMenu & SelectMenuOption
Changed item Old New
SelectMenu ui5-select-menu removed
SelectMenuOption ui5-select-menu-option ui5-option-custom
If you have previously used the ui5-select-menu and
ui5-select-menu-option:
<ui5-select menu="selectMenu"></ui5-select>
<ui5-select-menu id="selectMenu">
<ui5-select-menu-option>
<div class="optionContent">custom</div>
</ui5-select-menu-option>
</ui5-select-menu>
Now use just ui5-select and ui5-option-custom instead:
<ui5-select>
<ui5-option-custom>
<div class="optionContent">custom</div>
</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>`
or
`<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:
```ts
toast.addEventListener("after-close", (event) => {
});
```
Now you have to use it like:
```ts
toast.addEventListener("close", (event) => {
});
```
Related to:
[https://github.com/SAP/ui5-webcomponents/issues/8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **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:
```ts
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](https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop)
```
<style>
.transparentBackdrop::backdrop {
background: transparent;
}
</style>
...
<ui5-popover modal class="transparentBackdrop">
```
</details>
<details>
<summary>SAP/ui5-webcomponents
(@​ui5/webcomponents-base)</summary>
###
[`v2.0.0-rc.5`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/base/CHANGELOG.md#200-rc5-2024-06-06)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5)
**Note:** Version bump only for package
[@​ui5/webcomponents-base](https://togithub.com/ui5/webcomponents-base)
###
[`v2.0.0-rc.4`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/base/CHANGELOG.md#200-rc4-2024-05-29)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4)
##### Bug Fixes
- register runtime in SSR usage
([#​9013](https://togithub.com/SAP/ui5-webcomponents/issues/9013))
([54db283](https://togithub.com/SAP/ui5-webcomponents/commit/54db283ac71c8aec34f7ce0fe7ac787838aab021))
- **ui5-\*:** Make setAnimationMode() properly change modes
([#​8965](https://togithub.com/SAP/ui5-webcomponents/issues/8965))
([9f5d276](https://togithub.com/SAP/ui5-webcomponents/commit/9f5d2760a8cfa95ce3212480e28e7b7a6ea2d8a9)),
closes
[#​8964](https://togithub.com/SAP/ui5-webcomponents/issues/8964)
##### Features
- **ui5-\*:** integrate element internals in input components
([#​8685](https://togithub.com/SAP/ui5-webcomponents/issues/8685))
([c8e68d5](https://togithub.com/SAP/ui5-webcomponents/commit/c8e68d59e51c6ab56328062ac8bce7889b30062d)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-li-notification:** implement new design
([#​8426](https://togithub.com/SAP/ui5-webcomponents/issues/8426))
([e451cdc](https://togithub.com/SAP/ui5-webcomponents/commit/e451cdc3709553dcb780f637463dc1b29e8f2971))
- **UI5Element:** invalidateOnChildChange works for slots
([#​9021](https://togithub.com/SAP/ui5-webcomponents/issues/9021))
([ec3ead7](https://togithub.com/SAP/ui5-webcomponents/commit/ec3ead7743993aaad6cb70faff9edf4bae4ef0f9))
##### BREAKING CHANGES
- **ui5-\*:** The `features/InputElementsFormSupport.js` feature has
been deleted and now, form elements works natively in form elements.
</details>
<details>
<summary>SAP/ui5-webcomponents
(@​ui5/webcomponents-fiori)</summary>
###
[`v2.0.0-rc.5`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/fiori/CHANGELOG.md#200-rc5-2024-06-06)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5)
##### Bug Fixes
- **ui5-notification-list:** improved accessibility
([#​9070](https://togithub.com/SAP/ui5-webcomponents/issues/9070))
([5e62d4a](https://togithub.com/SAP/ui5-webcomponents/commit/5e62d4af792d7043f931b0f8f894d36a85f18395))
- **ui5-shellbar:** improved samples accessibility
([#​8847](https://togithub.com/SAP/ui5-webcomponents/issues/8847))
([7563e7d](https://togithub.com/SAP/ui5-webcomponents/commit/7563e7d942d06865d8fcc44d9f4dc1e1d6179e97)),
closes
[#​8821](https://togithub.com/SAP/ui5-webcomponents/issues/8821)
##### Code Refactoring
- **ui5-link:** wrap text by default
([#​9006](https://togithub.com/SAP/ui5-webcomponents/issues/9006))
([1924b54](https://togithub.com/SAP/ui5-webcomponents/commit/1924b5457f22c428527f8be3fbdd46d9d5d7ffed))
##### BREAKING CHANGES
- **ui5-link:** `wrapping-type` property default value has changed from
`None` to `Normal`.
Before:
```html
<ui5-link>some very very very long link</ui5-link> <!-- would truncate the text if there is not enough space -->
```
Now:
```html
<ui5-link>some very very very long link</ui5-link> <!-- would let the text wrap if there is not enough space -->
```
###
[`v2.0.0-rc.4`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/fiori/CHANGELOG.md#200-rc4-2024-05-29)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4)
##### Bug Fixes
- **ui5-illustrated-mesasge:** update subtitle color
([#​8986](https://togithub.com/SAP/ui5-webcomponents/issues/8986))
([c9a5120](https://togithub.com/SAP/ui5-webcomponents/commit/c9a5120912d22980e25adbb042d308fee5201487)),
closes
[#​8984](https://togithub.com/SAP/ui5-webcomponents/issues/8984)
- **ui5-notification-list:** fix keyboard issues
([#​9040](https://togithub.com/SAP/ui5-webcomponents/issues/9040))
([f1c0635](https://togithub.com/SAP/ui5-webcomponents/commit/f1c0635d6d2b94e94b7ecc311bb49480db1fae6d))
- **ui5-notification:** implement keyboard navigation spec
([#​8975](https://togithub.com/SAP/ui5-webcomponents/issues/8975))
([d68c883](https://togithub.com/SAP/ui5-webcomponents/commit/d68c883f527e57f75bdad5a7a421b3ab8e4efbb0))
- **ui5-side-navigation-item:** "selected" is no longer announced on
every focused item
([#​9008](https://togithub.com/SAP/ui5-webcomponents/issues/9008))
([8cd3f83](https://togithub.com/SAP/ui5-webcomponents/commit/8cd3f83e2fcc31d57ebcdd38ee2ceff36150e1d1))
- **ui5-side-navigation-item:** click event is no longer fired twice
([#​8944](https://togithub.com/SAP/ui5-webcomponents/issues/8944))
([0dd36ca](https://togithub.com/SAP/ui5-webcomponents/commit/0dd36ca4b84c3b73fbb9c9cd44cee3d7b6e97d2a))
##### Code Refactoring
- **ui5-popup:** rename after-open and after-close events to 'open' and
'close'
([#​8946](https://togithub.com/SAP/ui5-webcomponents/issues/8946))
([912167d](https://togithub.com/SAP/ui5-webcomponents/commit/912167d18cd5e365a03513defc570da5bf372715)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
- **ui5-shellbar:** introducing assistant slot
([#​8963](https://togithub.com/SAP/ui5-webcomponents/issues/8963))
([2a8c252](https://togithub.com/SAP/ui5-webcomponents/commit/2a8c252ecf67fce81d5ac7b2a7d949c058de9d17)),
closes
[#​8461](https://togithub.com/SAP/ui5-webcomponents/issues/8461)
[#​7887](https://togithub.com/SAP/ui5-webcomponents/issues/7887)
##### Features
- **ui5-dynamic-page:** introduce new component
([#​7899](https://togithub.com/SAP/ui5-webcomponents/issues/7899))
([3752ce7](https://togithub.com/SAP/ui5-webcomponents/commit/3752ce701fe915fa0b02ba2b114c40bf3b7d9123))
- **ui5-li-notification-group:** enhance 'Expand'/'Collapse' tooltip
([#​9042](https://togithub.com/SAP/ui5-webcomponents/issues/9042))
([08b81c7](https://togithub.com/SAP/ui5-webcomponents/commit/08b81c7bd852a50f735ab8621cb3e0de69c25497))
- **ui5-li-notification:** implement new design
([#​8426](https://togithub.com/SAP/ui5-webcomponents/issues/8426))
([e451cdc](https://togithub.com/SAP/ui5-webcomponents/commit/e451cdc3709553dcb780f637463dc1b29e8f2971))
##### BREAKING CHANGES
- **ui5-notification:** Instead of `ui5-list`, `ui5-notification-list`
should be used as a container for `ui5-li-notification-group` and
`ui5-li-notification` components.
Previously the application developers were defining notifications in
this way:
<ui5-list>
<ui5-li-notification-group title-text="Group Title" >
<ui5-li-notification..
To support accessibility, developers should now use the
`ui5-notification-list` as seen below:
<ui5-notification-list>
<ui5-li-notification-group title-text="Group Title" >
<ui5-li-notification..
- **ui5-shellbar:** 1. The `showCoPilot` property of the `ui5-shellbar`
is removed.
If you have previously used the `showCoPilot` property:
```html
<ui5-shellbar show-co-pilot></ui5-shellbar>
```
it will no longer work for the component.
2. The `CoPilotAnimation` feature of the `ui5-shellbar` is removed.
If you have previously used the `CoPilotAnimation` feature:
```js
import CoPilotAnimation from "@​ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js"
```
it will no longer work for the component.
3. The `copilotDomRef` getter of the `ui5-shellbar` is removed.
If you have previously used the `copilotDomRef` public getter:
```js
shellbar.copilotDomRef
```
it will no longer work for the component.
4. The `co-pilot-click` event of the `ui5-shellbar` is removed.
If you have previously used the `co-pilot-click` public event:
```js
shellbar.addEventListener("ui5-co-pilot-click", function(event) {
...
});
```
it will no longer work for the component.
You can achieve similar functionality with the new slot:
HTML:
```html
<ui5-shellbar>
<ui5-toggle-button id="assistant" icon="sap-icon://da" slot="assistant"></ui5-toggle-button>
</ui5-shellbar>
```
JavaScript:
```js
assistant.addEventListener("click", function (event) {
const toggleButton = event.target;
toggleButton.icon = toggleButton.pressed ? "sap-icon://da-2" : "sap-icon://da";
});
```
- **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:
```ts
popup.addEventListener("open", function() {
//...
});
popup.addEventListener("close", function() {
//...
});
```
</details>
<details>
<summary>SAP/ui5-webcomponents
(@​ui5/webcomponents-icons)</summary>
###
[`v2.0.0-rc.5`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/icons/CHANGELOG.md#200-rc5-2024-06-06)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5)
**Note:** Version bump only for package
[@​ui5/webcomponents-icons](https://togithub.com/ui5/webcomponents-icons)
###
[`v2.0.0-rc.4`](https://togithub.com/SAP/ui5-webcomponents/blob/HEAD/packages/icons/CHANGELOG.md#200-rc4-2024-05-29)
[Compare
Source](https://togithub.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4)
**Note:** Version bump only for package
[@​ui5/webcomponents-icons](https://togithub.com/ui5/webcomponents-icons)
</details>
---
### Configuration
📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Enabled.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/SAP/ui5-webcomponents-react).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zOTMuMCIsInVwZGF0ZWRJblZlciI6IjM3LjM5My4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiXX0=-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>](https://renovatebot.com){kind=link}
1 parent f0ca520 commit cf1a616Copy full SHA for cf1a616
File tree
3 files changed
+10
-10
lines changedFilter options
- packages
- base
- main
3 files changed
+10
-10
lines changed+1-1Lines changed: 1 addition & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
30 | 30 | | |
31 | 31 | | |
32 | 32 | | |
33 | | - | |
| 33 | + | |
34 | 34 | | |
35 | 35 | | |
36 | 36 | | |
| |||
+4-4Lines changed: 4 additions & 4 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
63 | 63 | | |
64 | 64 | | |
65 | 65 | | |
66 | | - | |
67 | | - | |
68 | | - | |
69 | | - | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
70 | 70 | | |
71 | 71 | | |
72 | 72 | | |
| |||
+5-5Lines changed: 5 additions & 5 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
6335 | 6335 | | |
6336 | 6336 | | |
6337 | 6337 | | |
6338 | | - | |
| 6338 | + | |
6339 | 6339 | | |
6340 | 6340 | | |
6341 | 6341 | | |
| |||
6383 | 6383 | | |
6384 | 6384 | | |
6385 | 6385 | | |
6386 | | - | |
6387 | | - | |
6388 | | - | |
6389 | | - | |
| 6386 | + | |
| 6387 | + | |
| 6388 | + | |
| 6389 | + | |
6390 | 6390 | | |
6391 | 6391 | | |
6392 | 6392 | | |
| |||
0 commit comments