Releases: SAP/ui5-webcomponents
Releases · SAP/ui5-webcomponents
v2.0.0-rc.5
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-combobox: fix grouping sample (#9085) (2c160d3)
- ui5-date: remove circular dependency (#9137) (9c8d12e)
- ui5-input, ui5-combobox, ui5-multi-combobox: prevent native input autocomplete (#9130) (5d8dbbd)
- ui5-notification-list: improved accessibility (#9070) (5e62d4a)
- 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
- ui5-shellbar: improved samples accessibility (#8847) (7563e7d), closes #8821
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
andclose
events (#9093) (bf2d0aa)
BREAKING CHANGES
- ui5-radio-button:
wrapping-type
property default value has changed fromNone
toNormal
.
Before:
<ui5-radio-button text="Option A with long long text"></ui5-radio-button>
<!-- would truncate the text if there is not enough space -->
Now:
<ui5-radio-button text="Option A with long long text"></ui5-radio-button>
<!-- would let the text wrap if there is not enough space -->
Related to #8461
- ui5-link:
wrapping-type
property default value has changed fromNone
toNormal
.
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 -->
v1.24.4
1.24.4 (2024-05-31)
Bug Fixes
- register runtime in SSR usage (#9013) (#9014) (099e50d), closes #8886
- ui5-*: describe missing dependencies (#9066) (bded2ba)
- ui5-calendar: respect component level calendarType in week calculation (#9043) (8fb9067), closes #6835
- ui5-date-picker: display initial view properly (#8977) (5488f66), closes #8893
- ui5-illustrated-mesasge: update subtitle color (#8986) (f2b91a9), closes #8984
- ui5-multi-input: delete selected value on BACKSPACE (#9051) (ddcde9b), closes #8905
- ui5-popover: fix auto close when click on iframe inside a shadow root (#8968) (39835ba), closes #8959 #7994
- ui5-select: popover scrolls to typed item (#9054) (24c07ac), closes #8987
- ui5-side-navigation-item: "selected" is no longer announced on every focused item (#9037) (880b71c), closes #8790
- ui5-side-navigation-item: click event is no longer fired twice (#8958) (f3e2d88), closes #8692
- ui5-side-navigation: overflow menu items are now displayed (#8948) (#8954) (30a40e3), closes #8242
- ui5-switch: align styles to design (#9097) (2da342f)
v2.0.0-rc.4
2.0.0-rc.4 (2024-05-29)
Bug Fixes
- register runtime in SSR usage (#9013) (54db283)
- ui5-*: Make setAnimationMode() properly change modes (#8965) (9f5d276), closes #8964
- 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-illustrated-mesasge: update subtitle color (#8986) (c9a5120), closes #8984
- 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-notification: implement keyboard navigation spec (#8975) (d68c883)
- 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-item: "selected" is no longer announced on every focused item (#9008) (8cd3f83)
- ui5-side-navigation-item: click event is no longer fired twice (#8944) (0dd36ca)
- 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-shellbar: introducing assistant slot (#8963) (2a8c252), closes #8461 #7887
- ui5-toast: rename event
after-close
toclose
(#8967) (d05839d)
Features
- ui5-*: integrate element internals in input components ([#8685](https:/...
v1.24.3
v1.24.2
v1.24.1
1.24.1 (2024-05-13)
Bug Fixes
- framework: Custom setter works when defined in base class and does not include HTMLElement props (#8793) (9eb7325), closes #8718 #8643
- ui5-calendar, ui5-daterange-picker: align range selection styling with vd specification (#8732) (10fd95e), closes #8585
- ui5-calendar: switch to two column layout on Islamic or Persian secondary calendar type (#8943) (be342e7), closes #8453
- ui5-dialog: state icon no longer shrinks when title is too long (#8851) (06774ea), closes #8762
- ui5-file-uploader: adjust drop area (#8828) (cc7256a), closes #8572
- ui5-illustrated-message: typo in the UnsuccessfulAuth name (#8882) (bedbee1), closes #8873
- ui5-link: remove unnecessary transparent border (#8830) (b0d4dd5), closes #8512
- ui5-menu: adjust active menu item text color (#8782) (0cf06f1), closes #8681
- ui5-multi-combobox: remove value state header on validation reset (#8836) (ae490b6), closes #8586
- ui5-multi-input: focus tokens on BACKSPACE for inputs of type 'Number' and 'Email' (#8897) (1461847), closes #8586
- ui5-multi-input: prevent double value state message on nMore open (#8655) (4f98408), closes #8638 #8586
- ui5-popover: fix popover going out of the viewport (#8865) (e59ac60), closes #8580
- ui5-progress-indicator: removed redundant z-index (#8798) (812163c), closes #8303
- ui5-responsive-popover: fix dialog initial focus (#8859) (58d65bc)
- ui5-select-menu: prevent popover event bubbling (#8802) (897825d), closes #8500
- ui5-select: options are now properly focused (#8741) (4a61819), closes #8308
- ui5-shellbar: assistant icon color fixed (#8746) (ae0e430)
- ui5-side-navigation: import overflow icon (#8861) (6bd9e39), closes #8242
- ui5-side-navigation: replace items and fixedItems union type with SideNavigationItemBase (#8862) (c542aae)
- ui5-split-button: add correct opacity when disabled (#8781) (96f0343), closes #8615
- ui5-step-input: align the input vertically (#8783) (50f63b4), closes #8667
- ui5-step-input: remove value rounding, apply value-state (#8927) (3528a3c), closes #8293
- ui5-time-picker: fix buttons announcements in value help dialog (#8880) (d811a4c), closes #8848
- ui5-toolbar: prevent closing of overflow on interaction (#8936) (184175b), closes #8924
- ui5-tree-item-custom: improved key handling (#8733) (2592f58), closes #7566
- ui5-upload-collection: correct drag and drop text and icon color (#8863) (c208132), closes #8616
v2.0.0-rc.3
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-illustrated-message: typo in the UnsuccessfulAuth name (#8873) (b64d76f)
- ui5-link: remove unnecessary transparent border (aa27032), closes #8512
- ui5-multi-combobox: correct unstable tests (#8867) (b2d004b)
- ui5-multi-combobox: remove value state header on validation reset (#8832) (5cad77b), closes #8674
- ui5-multi-input: focus tokens on BACKSPACE for inputs of type 'Number' and 'Email' (#8866) (7b5645d), closes #8712
- ui5-progress-indicator: removed redundant z-index (#8797) (4763637), closes #8303
- ui5-split-button: restrict height manipulation from outside wrapper (#8780) (691c68e)
- ui5-step-input: remove value rounding, apply value-state (#8293) (0c0aa1d)
- ui5-tabcontainer: avoid multiple selected tabs when there is no explicit selection (#8808) (ae8d969)
- ui5-tab: focus() now works if tab is currently displayed in the overflow (#8796) (52c3ea8)
- ui5-time-picker: fix buttons announcements in value help dialog (#8848) (d5f25fb)
- ui5-toolbar: prevent closing of overflow on interaction (#8924) (9fb21bf)
chore
Code Refactoring
- rename ValueState values (#8864) (ef9304d)
- theming: remove Belize theme (#8519) (990313f), closes #8461
- ui5-*: use unified API to define a11y attributes via
accessibilityAttributes
(#8810) (49d587c) - ui5-badge: change default values of properties (#8601) (6d1df02)
- ui5-badge: rename Badge
ui5-badge
to Tagui5-tag
(#8884) (4b8c1ee) - ui5-carousel: replace items-per-page-s, items-per-page-m, items-per-page-l properties (#8635) (fc8d15a), closes #8494 #8496 #8461 #8497 #8461 #8504 #8509 #8507 #8511 #8501 #8461 #8503 #8461 #8506 #8502 #8524 #8461 #8525 #8461 #8518 #8461 #8526 #8529 #8528 #8531 #8532 #8534 #8163 #8527 #8538 #8521 #8461 #8542 #8461 #8548 #8555 #8559 #8565 #8570 #8558 #8568 #8596 #8192 #8606 #8605 #8600 #8602
- ui5-icon: add mode property (#8834) (446483d)
- ui5-illustrated-message: remove titleLevel property (#8700) (9fe199c)
- 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 ...
v2.0.0-rc.2
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-popover: fix popover going out of the viewport (#8735) (bca8f2a)
- ui5-progress-indicator: hidden value design (#8545) (bf094d3)
- ui5-responsive-popover: fix dialog initial focus (#8774) (27b522f)
- ui5-shellbar: aligned specs (#8694) (c5ec720)
- ui5-shellbar: assistant icon color fixed (#8713) (e501ac8)
- ui5-side-navigation: import overflow icon (#8736) (8bc1bb4)
- ui5-side-navigation: replace items and fixedItems union type with SideNavigationItemBase (#8740) (b589486)
- 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-barcode-scanner-dialog: add support for close and open events (#8753) (1ae2142), closes #8695
- 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 tonoValidation
.
If you have previously used theallowCustomValues
property
<ui5-multi-combobox allow-custom-values></ui5-multi-combobox>
Now use noValidation instead:
<ui5-multi-combobox no-validation></ui5-multi-combobox>
Related to: #8461
- ui5-textarea: The
growingMaxLines
property have been renamed togrowingMaxRows
.
v2.0.0-rc.1
2.0.0-rc.1 (2024-04-11)
Bug Fixes
- framework: decorators stop searching for accessors when reaching HTMLElement (#8718) (dbc48cd)
- 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
v2.0.0-rc.0
2.0.0-rc.0 (2024-04-09)
Bug Fixes
- ui5-flexible-column-layout: improved separators borders (#8639) (367ca80), closes #8307
- 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
- ui5-upload-collection: update ui5-upload-collection Drag and Drop overlay color (#8616) (73f713e)
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
- ui5-upload-collection: remove Delete selection mode (#8607) (926ae75)
Features
- ui5-*: new focus handling for desktop and mobile (#8590) (b6a33e0)
- ui5-checkbox: update focus handling (#8553) (ce28296), closes #8320
BREAKING CHANGES
- ui5-list: The
busy
property of theui5-list
is renamed.
If you have previously used thebusy
,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 theui5-progress-indicator
is removed.
If you have previously used thedisabled
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-upload-collection: The
selectionMode
property no longer accepts "Delete" as value.
If you have previously used it:
<ui5-upload-collection selection-mode="Delete"></ui5-upload-collection>
Now omit it completely and use hide-delete-button
onto the ui5-upload-collection:
<ui5-upload-collection>
<ui5-upload-collection-item hide-delete-button> </ui5-upload-collection-item>
</ui5-upload-collection>
Related to #8461
- ui5-list, ui5-tree, ui5-upload-collection: The
mode
property and theListMode
enum have been renamed.
If you have previously used themode
property and theListMode
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:
<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">
- ui5-tab, ui5-tab-separator: If previously you have used:
someTab.getTabInsStripDomRef();
someTabSeparator.getTabInsStripDomRef();
Now use:
someTab.getDomRefInStrip();
someTabSeparator.getDomRefInStrip();
Related to: #8461
- "Device#isIE" method has been removed and no longer available
Related to #8461
- Removed the
CSP.js
module and the creation of<style>
and<link>
tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
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"
Related to #8461
- 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>
Related to #8461
- The
status
property and its shadow part have been renamed. If you previously used them:
<style>
.cardHeader::part(status) { ... }
</style>
<ui5-card-header status="3 of 10"></ui5-popover>
Now use additionalText
instead:
<style>
.cardHeader::part(additional-text) { ... }
</style>
<ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
Related to #8461
- 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>
Related to #8461
- Removed
UI5Element#render
method in favour ofUI5Element#renderer
. If you previously used "render"
class MyClass extends UI5Element {
static get render() {
return litRenderer;
}
}
start using "renderer"
class MyClass extends UI5Element {
static get renderer() {
return litRenderer;
}
}
- Remove JavaScript template option from @ui5/create-webcomponents-package
Previouslynpm init @ui5/webcomponents-package
used to create JS-based project, however now it will be TypeScript-based project.
If you previously usednpm init @ui5/webcomponents-package --enable-typescript
to create TypeScript-based project, now it's by default, e.gnpm init @ui5/webcomponents-package
and--enable-typescript
is removed. - The
Left
andRight
options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
Now use Start
or End
instead:
<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
Related to https://github....