v1.24.3

1.24.3 (2024-05-14)

Bug Fixes

• ui5-cb-item: return the DOM reference of the list item (#8914) (0751448), closes #8872 #8841
• ui5-menu-item: apply scoping to internal Icon (#8751) (62f7a2e)

v1.24.2

Version Bump

• No changes since 1.24.1 - version bump to sync versions between packages in the mono repository.

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

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

Related to: #8461

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

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

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

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

Related to #8461, #7887

• ui5-tabcontainer: Property "fixed" is removed and there is no alternative provided. The TabContainer is no longer expandable/collapsible via use interaction. You can still show the TabContainer collapsed via the "collapsed" property.
• ui5-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 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:

<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 #8461, #7887

• 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 of UI5Element#renderer. If you previously used "render"

class MyClass extends UI5Element {
    static get render() {
        return litRenderer;
    }
}

start using "renderer"

class MyClass extends UI5Element {
    static get renderer() {
        return litRenderer;
    }
}

• Remove JavaScript template option from @ui5/create-webcomponents-package
  Previously npm init @ui5/webcomponents-package used to create JS-based project, however now it will be TypeScript-based project.
  If you previously used npm init @ui5/webcomponents-package --enable-typescript to create TypeScript-based project, now it's by default, e.g npm init @ui5/webcomponents-package and --enable-typescript is removed.
• The Left and Right options option have been renamed. If you previously used them to set the placement or the alignment of the popover:

<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>

Now use Start or End instead:

<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>

Related to https://github....

v1.24.0

1.24.0 (2024-04-04)

Bug Fixes

• framework: fix wrong import in base package module index (#8464) (2dff60f)
• ui5-avatar: revise active state styles (#8474) (3f9430c), closes #8309
• ui5-avatar: correct badge style (#8564) (e3a373d), closes #7564 #8491
• ui5-avatar: fix default size appearance and font-family (#8415) (22826f0)
• ui5-button: fix focus in belize (#8498) (483d942)
• ui5-bar: align sub header style (#8412) (e42a976), closes #8079
• ui5-button: remove bold font of emphasised button in safari and chrome (#8422) (19ca981)
• ui5-carousel: fix paging indicator numbers in right-to-left (RTL) mode (#8543) (c032c0c)
• ui5-date/time-picker, ui5-step-input: prevent text selection (#8397) (220eac4)
• ui5-illustrated-message: fixed infinite resize (#8584) (aa1301b), closes #5852
• ui5-illustrated-message: tnt chart illustrations alignment (#8562) (2ee2ea8)
• ui5-illustrated-message: vertical alignment (#8566) (3141327), closes #8490
• 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-combobox: pasting content should not be prevented (#8413) (db0b63c), closes #8275
• ui5-message-strip: remove aria-live (#8398) (9dc902e), closes #8394
• ui5-multi-input: create token from pasted text on change (#8592) (2072b2e)
• ui5-shellbar: scope internally used icons (#8613) (8419ac5), closes #8609
• ui5-file-uploader: adjust mouse cursor style (#8485) (37a2e0d), closes #7794
• ui5-panel: prevent border cut on horizon themes (#8400) (fc2421f), closes #8369
• ui5-tabcontainer: fix tab selection (#8547) (5eaa835)
• ui5-tab: focus() now works if DOM ref in strip is not rendered yet (#8425) (d827e0e)
• ui5-timeline-item: fix subtitle text overflows when long text provided (#8462) (c938f6d)
• ui5-shellbar: fix volatile test (#8411) (7e6bf4b), closes #8409

Features

• framework: support sr, mk, cnr locales (#8534) (5b410d6), closes #8163
• framework: enable property decorator for property accessors (#8587) (12b6f1a)
• ui5-avatar: update focus handling (#8420) (c66ddd5)
• ui5-barcode-scanner-dialog: add open property (#8316) (8f59d16), closes #8072
• ui5-checkbox: add CSS part icon (#8423) (ab97c02), closes #8326
• ui5-busy-indicator: added property text-placement (#8471) (a494473)
• ui5-li: add highlight property (#8421) (1a3fa61), closes #8317
• ui5-list: growintButtonText property added (#8349) (3ad5a90), closes #7028
• ui5-progress-indicator: introduce bar CSS part (#8599) (831fad3), closes #6140
• ui5-carousel: add accessibleName and accessibleNameRef (#8631) (0d0d765)
• ui5-side-navigation: make items customisable (#8479) (95f6891)
• ui5-side-navigation: add navigation groups (#8261) (8678dc0)
• ui5-tabcontainer, ui5-list: add events for reordering items by mouse (#8265) (c4383ea)

v1.24.0-rc.4

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-illustrated-message: fixed infinite resize (#8584) (aa1301b), closes #5852
• ui5-illustrated-message: tnt chart illustrations alignment (#8562) (2ee2ea8)
• ui5-illustrated-message: vertical alignment (#8566) (3141327), closes #8490
• 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)
• ui5-shellbar: scope internally used icons (#8613) (8419ac5), closes #8609

Features

• enable property decorator for property accessors (#8587) (12b6f1a)
• ui5-progress-indicator: introduce "bar" CSS part (#8599) (831fad3), closes #6140

v1.23.3

1.23.3 (2024-04-04)

Note: Version bump only for package ui5-webcomponents