v0.23.1

Change Log

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

0.23.1 (2020-08-24)

Features

• ui5-datepicker: introduce required property (#2117) (e282fc8)
• ui5-datepicker: introduce ariaLabel and ariaLabelledby properties (#2126) (e0f93fa)
• ui5-select: introduce required property (#2116) (f66875a)
• ui5-select: introduce ariaLabel and ariaLabelledby properties (#2125) (a58bf49)
• ui5-textarea: introduce ariaLabel and ariaLabelledby properties (#2124) (c005478)
• framework: dynamic custom elements scoping (#2091) (3588542)

Fixes

• ui5-input: fix aria-required announcement (#2114) (0e0de82)
• ui5-input: announce custom valueStateMessage (#2120) (8f8a0d4)
• ui5-popover: fix arrow horizontal position (#2129) (7a1c3eb)
• ui5-dialog: prevent interaction with outside content (#2119) (d6ffa48)
• ui5-textarea: fix aria-required announcement (#2113) (4f35c92)
• ui5-textarea: announce custom valueStateMessage (#2122) (4d27065)
• ui5-toast: avoid overlaying Dialog and Popover (#2118) (1971a54)

Refactoring

• ui5-title: enable font-size customization (#2135) (335e792)

v0.23.0

Change Log

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

0.23.0 (2020-08-17)

New Components

• ui5-multi-input: Introduce new component (#1942) (5d7e7df)

v0.21.11

Change Log

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

0.21.11 (2020-08-10)

Fixes

• ui5-li: scale image properly (#2059)
  (3aadc0e)

• ui5-tabcontainer: fix ARIA posinset and setsize values (#2046)
  (c6fcf69)

• ui5-tabcontainer: implement ACC for overflowed items (#2047)
  (efe03bc)

Features

• tools: process HBS files in nested directories (#2067)
  (13f1d2a)

v1.0.0-rc.8

Change Log

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

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

New Components

• ui5-daterange-picker: Introduce new component (#1785) (4c11286)
• ui5-flexible-column-layout: Introduce new component (#1867) (7a68dd2)
• ui5-li-notification, ui5-li-notification-group: introduce new components (#1576) (ef62f81), closes #1478
• ui5-progress-indicator: Introduce new component (#1887) (e8009c9), closes #1392
• ui5-rating-indicator: Introduce new component (#1729) (a28f201)
• ui5-side-navigation: Introduce new component (#1889) (47b38cc)
• ui5-tree: Introduce new component (#1580) (2dd97cf)

New Themes

• theming: Introduce sap_fiori_3_hcb and sap_fiori_3_hcw themes (#1947) (81afb57)

Bug Fixes

• ui5-avatar: Image URL may now contain special characters (#1828) (3acab5a)
• ui5-avatar: Correct colors are applied for acc themes (#1786) (42f1766)
• ui5-busyindicator: Set bigger opacity for IE (#2010) (ab3f92f), closes #2005
• ui5-button: Align verticaly icon in IE (#1823) (b003f05)
• ui5-busy-indicator: fix double focus issue (#1779) (f7bc0aa)
• ui5-button: Apply aria-expanded to inner button tag (#1781) (df9e4e9)
• ui5-busyindicator: Prevent keyboard events propagation to controls (#1607) (031b6ca)
• ui5-button: Fetermine icon-only ignoring comment nodes (#1679) (ba1ee78)
• ui5-button: Make buttons truncate (#1586) (1044daa)
• 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: Corrected display of items in popover (23fb8b7), closes #1925
• ui5-combobox: Support aria-label/arial-labelledby and fix aria-expanded (#1916) (99a0e81)
• 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-dialog: Fix behaviour on mobile when added to DOM on interaction (#1830) (f95807d)
• 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-file-uploader: Fix JS error thrown in IE (#2023) (61b0205)
• ui5-flexible-column-layout: Fix media breakpoints (#1984) (f17cba3), closes #1972
• ui5-icon: Icon now has a correct role (#1652) (d9933bd)
• ui5-input: Fix input 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 background (#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-input: Announce selected item (#1578) (b28f7c4)
• ui5-label: Fix width for italic labels (#1625) (14a48d1)
• ui5-link: Fix "click twice" issue in Safari (#1799) (#1800) (0f69b84), closes #1796
• ui5-li: Do not announce active list item type ([#1575](...

v0.21.10

Change Log

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

0.21.10 (2020-07-29)

Fixes

• ui5-input: Fix JS error thrown in IE (#2022)
  (48dfd340)

• ui5-input: Suggestions can now be arbitrary list items (#1969)
  (f3b05674)

• ui5-input: Sync width of suggestions popover and input (#1979)
  (adf0d7f4)

• ui5-tabcontainer: Fix accessibility of overflow button (#1978)
  (7b980ef8)

• ui5-tabcontainer: Prevent setting the selected property on ui5-tab internally (#1974)
  (b45c0587)

• framework: Take region into account for i18n assets (#1985)
  (a75c96d3)

• tools: Building third-party packages no longer fails (#1994)
  (afdd5064)

Code Refactoring

• ui5-flexlible-column-layout: Add custom layouts configuration (#1987)
  (bbd5f114)

Features

• ui5-input: Announce suggestions count (#1975)
  (8dfa088)

v0.21.9

Change Log

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

0.21.9 (2020-07-21)

Features

• ui5-input:: Add highlighting (#1943) (673ed8d)

Code Refactoring

• ui5-input:: Add hook for value update on preview (#1956)
  (0934f0c)

• ui5-popover:: Keep popup open if focus is inside (#1937)
  (45cdcc2)

v1.0.0-rc.7

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

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

New Components

• ui5-datetime-picker: introduce new component (#1437) (ef27ca1)
• ui5-duration-picker: introduce new component (#1415) (e38392e)
• ui5-upload-collection: introduce new component (#1316) (54038e4)

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-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)
• framework: enable external themes support (#1463) (b031782)
• framework: register theme variables via CSS file (#1451) (3173fb9)

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: resizing of content is done 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-product-switch-item: fix active state (#1547) (0305da8), closes #1543
• 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-shellbar: check for profile correctly (#1438) (a4f502b)
• ui5-shellbar: do not duplicate popover menu items (#1456) (ae20272)
• ui5-shellbar: enable items keyboard handling (#1473) (185851a)
• ui5-shellbar: fix menuItems cloning (#1457) (f4d2547)
• ui5-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: prevent setting valueState="Error" on empty value (5a3d1b1)
• ui5-upload-collection: ensure event.dataTransfer.types is ...

v1.0.0-rc.6

Change Log

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

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

Features

• ui5-avatar: introduce new component (#1135) (b1c8747):new:

• ui5-combobox: introduce new component (#1123) (ca2fa23):new:

• ui5-carousel: introduce new component (#1159) (5b84d85):new:

• ui5-file-uploader: introduce new component (#1184) (e628dbd):new:

• ui5-segmentedbutton: introduce new component (#1164) (931fbe0):new:

• ui5-timepicker: implement new component (#1172) (56e39bc):new:

• ui5-toast: introduce new component (#1014) (48400cd):new:

• ui5-responsive-popover: introduce new component (#1014) (48400cd):new:

• ui5-cb-item: introduce new component to serve as item of "ui5-combobox" (#1254) (861a19b):new:

• ui5-mcb-item: introduce new component to serve as item of "ui5-multi-combobox" (#1254) (861a19b):new:

• ui5-suggestion-item: introduce new component to serve as suggestion in "ui5-input" (#1336) (786f4e9):new:

• ui5-avatar: add "initials", "imageFitType" and "backgroundColor" properties (#1151) (5d27c7f)

• ui5-datepicker: add "minDate" and "maxDate" properties (#1040) (35b2593)

• ui5-dialog: improve component accessibility (#1288) (ef2886b)

• ui5-input, ui5-select, ui5-combobox, ui5-datepicker, ui5-multi-combobox: open dialog on mobile (#1144) (d7b1179)

• ui5-input: add "valueStateMessage" slot (#1297) (538a79a)

• ui5-input: add "Information" value state (#1261) (77f7293)

• ui5-li: add "Detail" type (#1323) (ac8f8ce)

• ui5-list: add "infinite-scroll" capability (#1220) (756b78b)

• ui5-messagestrip: remove "icon" property and introduce "icon" slot (#1216) (7802ac1)

• ui5-multi-combobox: implement angular two-way data binding (#1363) (33009db)

• ui5-radiobutton: add "wrap" property (#1006) (99dd6c4)

• ui5-shellbar: add "profile" slot (#1222) (9dab18b)

• ui5-shellbar-item: introduce "count" property (#1221) (02ddd0d)

• ui5-static-area-item: implement lazy loading (#1272) (1f76a71)

• ui5-tabcontainer: add "tabLayout" property (#1214) (e79dcc8)

• ui5-table: provide "rowClick" event (#1186) (0ba6fdd)

• ui5-table: introduce "popinChange" event (#1166) (0979963)

• framework: introduce "High Contrast White" theme (#1215) (28ed69a)

• framework: allow the registration of custom themes (#1109) (6a69521)

• framework: fallback to Fiori 3 theme when non-existing theme is set (#1039) (7f89c39)

• framework: create "getLocaleData" API (#1269) (c9253a6)

• framework: enable OpenUI5 integration (#1138) (5527990)

• framework: provide Web Components Polyfill as ES6 import (#1322) (ddc19fa)

• ItemNavigation: add paging behaviour (#1116) (1cb0832)

• ScrollEnablement: enhance implementation to work on desktop (#1374) (2567bea)

• tools: create init package script (#1010) (d93ab87)

• tools: generate JS docs with the create-ui5-script (#987) (f0f5ec5)

Bug Fixes

• ui5-avatar: remove "background-color" when no image set (#1148) (2bd2204)

• ui5-avatar: make styles attribute dependant (#1360) (e2791b0)

• ui5-busyindicator: adjust stylings to latest spec (#1344) (0af6c3d)

• ui5-busyindicator: display dots with size=Large by default (#1315) (743f0b3)

• ui5-busyindicator: improve stylings (#1350) (c3dd3f4)

• ui5-button: prevent icon from shrinking (#1258) (be943ba)

• ui5-card: fix content "box-sizing" (#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: add busy indicator (#1141) (e211227)

• ui5-datepicker: fix calendar he...

v1.0.0-rc.5

Change Log

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

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

Migration guide from v1.0.0-rc.4 to v1.0.0-rc.5

The current release includes several new npm packages, such as @ui5/webcomponents-fiori and @ui5/webcomponents-icons.
To make the transition from v1.0.0-rc.4 to v1.0.0-rc.5 smoother, we prepared this migration guide.

Bug Fixes

• ui5-button: prevents setting 0 height to icons in IE (#902) (20511c6)
• ui5-checkbox: fix layouting in IE (#926) (ffdc271)
• ui5-checkbox: fix truncation in compactSize (#998) (3cdcede)
• ui5-datepicker: fix hover effect (#999) (44d6c27)
• ui5-datepicker: enable setting an empty placeholder (#997) (3eca602)
• ui5-input: correct ACC 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 items default semantic color (#989) (a003189), closes #988
• ui5-tabcontainer: fix overflow items appearance and selection (#988) (8cd2a8b)
• ui5-list: prevent item 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)
• ItemNavigation: fix Item Navigation cycling (#985) (3d46e2d)
• Framework: order slots in state as in Light DOM (#874) (b8efea0), closes #873
• Framework: skip waiting for polyfill in case already loaded (#851) (d5e19f6)
• Framework: trigger DOM mutation observer independent of insertion order (#847) (d7d96ec), closes #839
• JS Doc enable release candidates versions to be displayed as since tags (#983) (3051d76)

Features

• ui5-product-switch: introduce new component within @ui5/webcomponents-fiori package(#971) (4646fcd)
• ui5-input: introduce maxlength property (#976) (c149f5f)
• ui5-label: introduce 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)
• Documentation: introduce new playground app (#751) (fdcddaa)
• Configuration: introduce animationMode configuration (#905) (c90e3b0)
• Framework: render SVG content with lit svg` (#904) (59fead4)
• Framework: introduce navigationMode property (#910) (9c43533)

Code Refactoring

• ui5-button: subscribe event handlers via HBS template
• ui5-shellbar: move component to @ui5/webcomponents-fiori package (#887) (06f1770)
• ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)
• ui5-icon: change "src" property to "name" (#928) (0489673)
• ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)
• ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)
• ui5-shellbar: optimize animated co-pilot SVG size from 15kb to 8kb (#960) (42bd7cd)
• ui5-shellbar-item: rename "src" property to "name" (#928) (8e060d1)

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/icons/add.js

Note: The ui5-icon web component is not affected by this change, it is still in the @ui5/webcomponents package. Only the icons themselves (the icon assets) have been moved.

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

• ui5-shellbar: move component to new @ui5/webcomponents-fiori package (#887) (06f1770)

Now, you have to import the <ui5-shellbar> from the new...

v1.0.0-rc.4

Change Log

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

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

Bug Fixes

• ui5-button: apply correct "font-family: 72" (#825) (21ec559)
• ui5-badge: fix icon visual issue on IE (#809) (150a100)

Code Refactoring

• framework: stop icon fonts loading (#827)(21ec559)
• framework: add components' events info to UI5ElementMetadata(#833)(68c30f4)