Change Log

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

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

New components

ui5-avatar-group: introduce new component (#2524) (ae926ee), closes #2409
ui5-bar: introduce new component (#2533) (5c601cd), closes #2434
ui5-calendar: introduce new component. (#2424) (5470e23), closes #1730
ui5-slider: introduce new component (#2349) (2b9008c)
ui5-range-slider: introduce new component (#2310) (9dea3b3)

Bug Fixes

ui5-avatar: fix XS size (#2582) (9661ab8)
ui5-badge: enable letter spacing overwrite (#2493) (cca0d5d), closes #2451
ui5-badge: fix RTL appearance (#2569) (5f6d8fc)
ui5-button: hide icon tooltip (#2566) (1b07955)
ui5-calendar: keyboard navigation in the picker grid now works properly (#2532) (371d12d)
ui5-card: correct aria-labelledBy to card and header (#2577) (2647941), closes #2426
ui5-carousel: add all visible items to tab chain (#2530) (37ee83f), closes #1996
ui5-date-picker: fixing the min and max date in timezones half hour difference (#2544) (766bcc0), closes #2542
ui5-datepicker: keyboard navigation works properly (#2549) (66cd1d7)
ui5-daterange-picker: all tests are now enabled (#2506) (33442e9), closes #2475
ui5-daterange-picker: fix RenderScheduler import (#2476) (13ff13e)
ui5-dialog: apply initial focus after rendering (#2551) (dba0265), closes #2537
ui5-input: aria-required attribute removed (#2552) (7456ab5)
ui5-input: don't render aria-describedby if not neccessary (#2512) (e7dd012)
ui5-li-custom: prevent firing of events (#2462) (3f66c06)
ui5-list: remove focus trap for empty list (#2411) (5f8e0e2)
ui5-popover: correct arrow position on RTL (#2488) (3b81ad8), closes #2387
ui5-select: remove aria-roledescription (#2463) (973a80d), closes #2358
ui5-shellbar: fix overlapping of the search box over icons (#2155) (3597902), closes #2044
ui5-slider: fix input event and tickmarks display (#2508) (0cbc0bd)
ui5-table: improve accessibility (#2534) (e06d6f3)
ui5-textarea: announce required textarea (#2385) (c2baf6b)
ui5-tree: make the height of tree adjustable (#2546) (1fc3180), closes #2545
ui5-upload-collection: fire drop only when files are dropped within dnd overlay (#2527) (455f614)
ui5-wizard: correct phone breakpoint size (#2596) (c98d9ba)
ui5-wizard: fix styling issues (#2547) (65cb42f), closes #2523
build error on MacOS 11 from rollup-plugin-terser (#2515) (0629fac)

Features

framework: Change child-parent invalidation API (#2541) (a1a3f80)
ui5-button: support title attribute (#2492) (7ae9253)
ui5-combobox: аdd two-column layout support (#2503) (679362d), closes #2450
ui5-date-picker: component is now aligned with the specification (#2304) (30d9d2b), closes #2151
ui5-flexible-column-layout: add start/mid/endColumnAccessibleName properties (#2483) (fb0b24c)
ui5-mcb: introduces filter property (#2088) (03cae4b)
ui5-mcb-item: implement stable-dom-ref property (#2418) (6e4a156)
ui5-option: provide stableDomRef (#2366) (50304f5), closes #1718
ui5-popover: implement hide-block-layer property (#2413) (3b2d6de)
ui5-side-navigation: add "header" slot (#2520) (b5c4a92), closes #2518
ui5-side-navigation-item, ui5-side-navigation-sub-item: introduce click event (#2298) (d73ce38)
ui5-table: add "loadMore" capability (#2589) (2e5d5cd)

BREAKING CHANGE

ui5-flexible-column-layout: introduce accessibilityTexts property (#2571) (a634532)

The startColumnAccessibleName, midColumnAccessibleName and endColumnAccessibleName properties have been removed. Use the new accessibilityTexts property to provide these (as keys to the object).

ui5-timeline: move ui5-timeline to fiori package (#2498) (e0a32f4)

Timeline component has been moved to the "fiori" package.

If previously had:

import Timeline from "@ui5/webcomponents/dist/Timeline.js";

you have to change it to:

import Timeline from "@ui5/webcomponents-fiori/dist/Timeline.js";

ui5-notification-action: rename component (#2580) (10a6b92)

If you previously used ui5-notification-overflow-action and had the following import statement:

import "@ui5/webcomponents-fiori/dist/NotificationOverflowAction.js";

now you have to use the ui5-notification-action tag and import the following module:

import "@ui5/webcomponents-fiori/dist/NotificationAction.js";

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

BREAKING CHANGE

icons: refactor(icons): flatten dist directory(#2425) (c84bc8b)

Change the distribution path of all individual icons, which changes all icons' public imports, by bringing the icons' modules one level up.

If you previously had:

import "@ui5/webcomponents-icons/dist/icons/accept.js";

Now you should remove the icons folder:

import "@ui5/webcomponents-icons/dist/accept.js";

New Icons package

icons-tnt: add new TNT icon collection (#2414) (efb0d8e)

New components

ui5-wizard: introduce new component (#2400) (bdec517), closes #2368

Features

framework: add override font-family for glyphs with diacritics (#2402) (5a550b8)
framework: make getStableDomRef search in the static area item (#2363) (a68dfbb)
ui5-checkbox: implement ariaLabelledby property (#2272) (cbf2461)
ui5-daterange-picker: enhance keyboard handling (#2179) (84eb484), closes #1534
ui5-dialog: introduce resizable property (#2301) (8be4048), closes #2082
ui5-link: add aria-label and aria-labelledby support (#2357) (7e65e77), closes #2356

Bug Fixes

framework: fix JS error on setLanguage call (#2328) (f9b9ead)
icons: fix text-formatting icon (#2326) (d69fbcb)
theming: correct inavlid CSS vars (#2427) (3674dbc)
ui5-combobox: allow typing in input on mobile devices (#2412) (7bf44b5), closes #2324
ui5-date-picker: hiding month button when month picker is shown (#2331) (6454e29), closes #2244
ui5-date-picker: update navigation buttons upon typing (#2307) (4f39aa4)
ui5-day-picker: fix color contrast of selected day in HCB (#2378) (ff67141), closes #2372
ui5-dialog: no longer gets clipped in short screen height in IE (#2429) (03c8447), closes #2243
ui5-dialog: texts are no longer blurred in Chromium-based browsers (#2417) (eac514b)
ui5-input: prevent js error when element is removed from DOM (#2405) (0e507eb)
ui5-li: correct truncation behaviour of info text (#2330) (64fef90), closes #2317
ui5-li: fix title update when initially empty (#2362) (682a25c)
ui5-messagestrip: fix close button accessibility (#2352) (2194b16)
ui5-multi-combobox: make focus outline visible (#2431) (cd5fad2), closes #2286
ui5-switch: fix focus border position (#2319) (df6c972)
ui5-tab: expand tab height to tabcontainer height (#2360) (ea47cd3)
ui5-textarea: set italic to placeholder only (#2458) (aeb9316)
components: use locales in date/time components correctly (#2440) (dd87a53)
ui5-multi-combobox: n-more popover in readonly fixed (#2394) (d045ba2), closes #2369
ui5-textarea: fix placeholder font-style (#2340) (1fbb4f5)

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

New components

ui5-multi-input: initial implementation (#1942) (5d7e7df)

Bug Fixes

components: fix setting contentDensity styles (#2094) (9454ab7), closes #2093
components: fix aria-disabled usage (#2056) (bb624ae)
framework: allow "role" as a property name (#2290) (a816cef)
framework: do not create IE styles with disabled (#2284) (5ecc51e)
ui5-badge: update colors to match the spec(#2216) (2ddc4e9), closes #2210
ui5-button: prevent button with icons truncate in ie (#2181) (31ca287)
ui5-calendar: Year text is now right in all timezones (#2209) (3427f35)
ui5-calendar-header: prevent scrolling when month/year picker is selected (#2276) (fac40a8)
ui5-card: apply focus to header properly in IE (#2050) (00760e6), closes #2007
ui5-combobox: allow setting value with javascript (#2253) (0742854)
ui5-date-picker: ensure min and max date are not disabled (#2280) (f0473f0)
ui5-date-picker: select date with SPACE on keyup (#2279) (9d83806), closes #2276 #2268
ui5-daterange-picker: date selection is now correct in all timez… (#2203) (2bca6f1)
ui5-daterange-picker: enable selection of single day (#2157) (66722b2)
ui5-daterange-picker: fix firstDate/lastDate getters values (#2277) (00f5ab5), closes #2221
ui5-daterange-picker: fix icon appearance in IE (#2057) (dba7a2c), closes #2017
ui5-daterange-picker: fix js error when removed from the DOM (#2180) (6cb2a71)
ui5-daterange-picker: show value in input only when first & last… (#2098) (f56cb66)
ui5-datetime-picker: fix scrollbar issue in IE11 (#2154) (306572f)
ui5-duration-picker: fix incorrect data support (#2097) (4bcd797)
ui5-flexible-column-layout: Fix arrow misplacement in IE (#2032) (57be7c2), closes #1998
ui5-input: announce custom valueStateMessage (#2120) (8f8a0d4)
ui5-input: cancel suggestion selection with ESC (#2289) (ef1fb40), closes #2254
ui5-input: deselect suggestion items on input (#2285) (a98c6bd), closes #2256
ui5-input: fix value state msg appearance (#2075) (edfe8ca)
ui5-input: implement aria-required (#2114) (0e0de82)
ui5-input: number input doesn't lose value (#2130) (2c6139d)
ui5-li: correct image size (5c51dc6), closes #2218
ui5-li: correct sizes (2faad25), closes #2218
ui5-li: fix visual deviations from Fiori 3 (#2314) (d430632), closes #2297 #2218
ui5-li: scale image properly (#2059) (3aadc0e)
ui5-li-custom: fix pointer-events inheritance (#2196) (bfb9999)
ui5-messagestrip: close button now has the correct design (#2029) (7f99be5)
ui5-multi-combobox: fix behavior of show all selected button (#2100) (84362e0)
ui5-multi-combobox: fix jumping parent div (#2136) (ad1fbd7)
ui5-multi-combobox: fix width in IE (#2104) (af0785c)
ui5-multiinput: improve valueStateMessage in nMore popover (#2225) (a03f2b3), closes #1086
ui5-popover: fix arrow horizontal position (#2129) (7a1c3eb), closes #2111
ui5-popover: fix js errors if parent is removed from DOM (#2178) (904da0e)
ui5-popup: prevent interaction with the content under the popup (#2119) (d6ffa48)
ui5-popup: restore focus when block layer is clicked (#2123) (c079722)
ui5-popup, ui5-dialog: remove closed instance from openedPopupsRegistry (#2275) (443af29)
ui5-select: fix text color of disabled select in hcb/hcw (#2248) (bc6dfec)
ui5-select: make disabled select not focusable (#2229) (960f927)
ui5-shellbar: remove width limitation of logo (230cd7f), closes #2066
ui5-shellbar-item: update count properly (#2049) (2499c56), closes #2048
ui5-tabcontainer: fix ARIA posinset and setsize values (#2046) (c6fcf69), closes #2035
ui5-tabcontainer: implement ACC for overflowed items (#2047) (efe03bc), closes #2036
ui5-tabcontainer: remove scroll from empty tabs (#2148) (11af57e)
ui5-table-row: announce entire row and columns (#2164) (09863d8), closes #2160
ui5-textarea: add aria-required (#2113) (4f35c92)
ui5-textarea: announce custom valueStateMessage (#2122) (4d27065)

Features

framework: add API to subscribe/unsubscribe for theme loaded (#2303) (c8ffb38)
framework: dynamic custom elements scoping (#2091) (3588542)
framework: Limited support for campact size on IE (#2230) (4128216)
framework: make _property-change publicly available (#2201) (0be4e10)
framework: make addCustomCSS dynamic (#2083) (7b54b9b)
framework: make assets path configurable (#2214) (16c46da)
framework: styles and staticAreaStyles may now be nested arrays (#2058) (bb87e65)
framework: Support custom dynamic asset paths (#2305) (ff245fa)
tools: ES5 build supports dynamic imports (inlined) (#2063) (3fe5cac)
tools: process HBS files in nested directories (#2067) (13f1d2a), closes #2065
ui5-card: add ariaLabel and ariaLabelledby properties (#2127) (7007f8e)
ui5-carousel: implement rtl support (#2086) (f69ffa5)
ui5-combobox: enable handling of arrow down/up keys (974401b), closes #1939
ui5-combobox: implement icon slot (#2139) (8c98e80)
ui5-combobox: implement valueStateMessage slot (#2099) (385bb0b), closes #1086
ui5-combobox: introduces selection-change event (#2090) (43be0f6)
ui5-date-picker: add ariaLabel and ariaLabelledby properties (#2126) (e0f93fa)
ui5-date-picker: add screen reader support (#2224) (e6a0cd8), closes #1279
ui5-date-picker: keyboard handling improvement (#2146) (19afe90), closes #1534
ui5-datepicker: introduce required property (#2117) (e282fc8)
ui5-datetime-picker: improve keyboard handling support (#2137) (0ada41a), closes #1534
ui5-dialog: introduce draggable property (#2269) (93772fb), closes #2082
ui5-duration-picker: implement keyboard handling support (#2095) (7ec3c43), closes #1534
ui5-duration-picker: implement valueStateMessage (#2102) (ed3c393), closes #1086
ui5-file-uploader: implement custom valueStateMessage (#2131) (023e236), closes #1086
ui5-li, ui5-li-tree, ui5-li-custom, ui5-upload-collection-item: implement role property (#2236) (01a1fb0)
ui5-multi-combobox: implement icon slot (#2140) (0fde573)
ui5-multi-combobox: Implement valueStateMessage (#2258) (793a29e), closes #1086
ui5-multi-input: fire value-help-trigger with F4, ALT/OPTION + ARROW_UP/DOWN (#2145) (8c473c3), closes #2143
ui5-multi-input: initial implementation (#1942) (5d7e7df)
ui5-multiinput, ui5-multi-combobox: implement keyboard handling (#2166) (dc2ae6d)
ui5-panel: implement headerAriaLabelledBy property (#2200) (67c4d69)
ui5-select: add ariaLabel and ariaLabelledby properties (#2125) (a58bf49), closes #2107
ui5-select: implеment value state message (4133a42), closes #1086
ui5-select: introduce required property (#2116) (f66875a)
ui5-shellbar: implement root part (#2299) (de2d07f)
ui5-tab-container: implement overflow-button slot (#2192) (e91c200)
ui5-textarea: add ariaLabel and ariaLabelledby properties (#2124) (c005478), closes #2107
ui5-time-picker: improve keyboard handling support (#2092) (20c55ed), closes #1534
ui5-token: provide closeIcon slot (#2193) (d19fa5f)

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

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) (ec14719)
ui5-list: No longer show a dot on IE (#2011) (77cabba)
ui5-list: Fire itemClick after the selection (#1618) (28326c5)
ui5-messagestrip: Add RTL support (#1741) (6172005), closes #1739
ui5-panel: The expand/collapse button is not in the DOM when fixed (#1793) (0b1dc52)
ui5-popover: Close popup when no opener (#1630) (bd46d7b)
ui5-popover: Ensure offset from window borders (#1690) (b673a0c)
ui5-popover: Fix closing order of popovers (#1676) (14add07)
ui5-segmentedbutton: Add RTL support (#1734) (1c6a9bb)
ui5-segmentedbutton: Fix measuring when parent is not displayed (#1657) (d00b0be)
ui5-segmentedbutton: Fix rendering in ie (#1622) (396993e)
ui5-sebmentedbutton: Fix intermittent JS error (#1874) (c44d9aa)
ui5-segmentedbutton: Buttons no longer shrink on click (#2028) (7951adc)
ui5-select: Improve keyboard handling (#1771) (f555180)
ui5-select: Selection now changes instantly (#2031) (88ceb83)
ui5-select: Fix use of ESC leads to wrong selection (#1724) (095d6dc)
ui5-shellbar: Fix profile bg-color (#1945) (a3207e5), closes #1944
ui5-shellbar: Profile is styled correctly on IE (#1807) (4198599)
ui5-shellbar: Fix open popup on notificationClick (#1632) (04b44b4)
ui5-shellbar: Fix search field focus handling (#1636) (c65010b)
ui5-shellbar: Fix search field visual in IE (#1643) (afec3fe)
ui5-table: Fire rowClick for popped in cells as well (#1671) (c48f541)
ui5-table-cell: Fix popin of long texts (#1648) (61ce284)
ui5-table-column: Fix sticky column overlaps dialogs (#1609) (c80130d), closes #1602
ui5-table-row: Do not show the colon when there is no popin text (#1620) (2785daf)
ui5-textarea: Add missing dependency, extract .hbs partial (#1909) (25ed25f)
ui5-textarea: Fix text vertical alignment (#1668) (6790647)
ui5-timepicker: Adjust hours in 12hours format only (#1752) (df0add4), closes #1714
ui5-timepicker: Fix firing "change" event for the same value (#1764) (3a0c7d5)
ui5-timepicker, ui5-duration-picker: Enable width customization (#1669) (9cfcbbf)
ui5-togglebutton: Align icon in IE (#1824) (2d5e84b)
ui5-tabcontainer: aria-controls now points to an existing ID (#1817) (4bd3604)
ui5-tabcontainer: Correct selected text color used for sap_belize (#1876) (41d14f6)
ui5-tabcontainer: Fix accessibility of overflow button (#1978) (a7488cd)
ui5-tabcontainer: Fix box-shadow (#1829) (42998c7)
ui5-tabcontainer: Fix ID duplication (#1789) (511cb40)
ui5-tabcontainer: Fix overflow visibility (#1993) (d6c2cbc)
ui5-tabcontainer: Prevent the tabcontainer from setting the selected property on ui5-tab internally (#1974) (0e8b5ea)
ui5-upload-collection: Set minimum height in no-data mode (#1683) (549148d)
ui5-upload-collection: Provide min-height also when DND mode is on (#1770) (33fa055)
ui5-upload-collection: The component does not get stuck when dropping on the body (#1897) (f236e0d)
ui5-upload-collection-item: Make component responsive (#1579) (47d37c3)
ui5-upload-collection-item: Activate editing with SPACE (#2024) (45de0f2), closes #2003
framework: Allow for empty theme files (#1639) (0cef140)
framework: Fix openui5 css varaibles detection (#1933) (bb5b724), closes #1932
framework: Make renderImmediately sync, fix lifecycle issues (#1929) (9141300)
framework: managedSlots: true always has effect (#1952) (4a1be70)
framework: Take region into account for i18n assets (#1985) (3b614ad)
framework: Allow users to override default language translations (#1716) (4b10f4f)
framework: Slotted children now invalidate parent upon slotchange (#1649) (3ca4ae1)
tools: Remove white spaces from hbs parser (#1613) (ec5a9cf)
tools: Strip whitespaces around < and > (#1623) (0fcda38)
tools: Enables 3 or more levels of inheritance with templates (#1593) (2a426dd)
tools: Building third-party packages no longer fails (#1994) (07aebfa)
tools: Polyfill copied correctly in all scenarios (#1783) (a04f483)
icons: The overflow icon is now centered (#1777) (36d0eca)

Features

ui5-card: Add 'action' slot (#1915) (97c299d)
ui5-carousel: Introduce loadMore event (#1667) (e7af480)
ui5-datepicker: Add property to hide week numbers (#1955) (d11c973), closes #1949
ui5-datepicker: Implement keyboard handling (#1706) (15e915f)
ui5-datepicker: Implement valuestatemessage slot (#1476) (82b3d41)
ui5-datepicker: set value attribute through date object (#1624) (4d7586d)
ui5-duration-picker: Implement hide-hours & hide-minutes propererties (#1604) (0af9b00)
ui5-duration-picker: Implement seconds-step & minutes-step properties (#1603) (37ee069)
ui5-fileuploader: Implementing accessiblity specification (#1585) (76943bc)
ui5-icon: Introduce interactive property (#1592) (b898cd3)
ui5-input: Add highlighting (#1943) (673ed8d)
ui5-input: Add suggestion-item-preview event (#1778) (e7f380e), closes #1768
ui5-input: Add suggestion-scroll event (#1856) (1d20ba8), closes #1846
ui5-input: Announce suggestions count (#1975) (a7d216c)
ui5-input: Implement aria-label (#1782) (a588ffe)
ui5-input: Support 'inactive' suggestions (#1921) (eca3bd6), closes #1919
ui5-input: Support ariaLabelledBy (#1873) (2356cd0)
ui5-li: Support 'Information' infoState (#1997) (401b499)
ui5-list: Support aria-label and aria-labelledby (#1899) (cacf5d8), closes #1886
ui5-multicombobox: Implement latest accessibility spec (#1564) (b0917d5)
ui5-panel: Support aria-label and aria-labelledby (#1910) (8cb7c48)
ui5-popup: Support for aria-label (#1898) (69d8ee4)
ui5-popover: Prevent closing when no opener (#1911) (e7c2518), closes #1768
ui5-popup: Custom popups work with focusable elements in the shadow root (#1844) (a109558)
ui5-select: Implement angular two way data binding (#1583) (f1f3d4f)
ui5-shellbar: Add "logo" slot (#1842) (08fc5f3)
ui5-shellbar: Enable tooltips of custom icons (#1863) (4338d56)
ui5-shellbar: Implement accessibility spec (#1553) (3b7b439)
ui5-suggestion-item: Enable mouseover|out events (#1784) (4359b9a)
ui5-tabcontainer: Add expand/collapse animation (#1617) (0c32950), closes #1540
ui5-table: Allow custom styling (#1627) (232e7f5)
ui5-timepicker: Implement valuestatemessage slot (#1482) (b1d30f3)
ui5-upload-collection-item: Implement keyboard handling (#1702) (37bf177)
framework: Add dynamic language change and on-demand rerendering (#1746) (1b568f2)
framework: CLDR location can now be specified (#1687) (168e505)
framework: Create a global shared resources repo, share SVG Icons (#1869) (7f5a198)
framework: Implement invalidateParent (#1964) (104abcc)
framework: Implement stable DOM Ref functionality (#1868) (cfd4fa3)
framework: Make icons RTL aware (#1833) (29a991f), closes #1831
framework: Support properties message bundles for i18n (#1728) (d78d136)
framework: Support several runtimes simultaneously (#1691) (7a3261c)
tools: Add more commands to package.json (#1908) (b0551b3)
tools: Templates can be imported from node_modules/ (#1860) (6fa5847)

BREAKING CHANGES

components: Rename event names to kebab case (#1692) (af1cfbe)

All event names are renamed from camelCase to kebabCase.

For Example: "selectionChange" becomes "selection-change", "itemClose" becomes "item-close", "afterOpen" becomes "after-open" and so on.

ui5-popover, ui5-dialog: Events don't bubble (#1981) (0ffca82)

If you relied on before-open, before-close, after-open or after-close bubbling and registered event listeners on a parent element, you must register these event listeners on the popup (popover, dialog etc...) instances directly.

ui5-shellbar: Add "logo" slot (#1842) (08fc5f3)

The property "logo" has been removed, use the "logo" slot instead as follows:

<ui5-shellbar>
	<img slot="logo" src="../../../assets/images/sap-logo-svg.svg"/>
</ui5-shellbar>

ui5-date-picker: Rename component (#1801) (d972ec2) Previously called ui5-datepicker, now it is renamed to ui5-date-picker:

<ui5-date-picker></ui5-date-picker>

ui5-time-picker: Rename component (#1802) (fcb2e9e) Previously called ui5-timepicker, now it is renamed to ui5-time-picker:

<ui5-time-picker></ui5-time-picker>

ui5-tabcontainer: Prevent auto selection of ui5-tab (#1974) (0e8b5ea)

Tab Container will no longer automatically select the first tab, if no tab is selected. If you relied on this behavior, you should now explicitly set the selected property on the first tab.

tools: Libraries can now control chromedriver version (#1684) (2da6a34)

If you are a UI5 Web Components third-party library author, you need to add a dev dependency to chromedriver in your project.

For example, if you had previously:

  "devDependencies": {
    "@ui5/webcomponents-tools": "1.0.0-rc.7"
  }

with RC.8 you should change this to:

  "devDependencies": {
    "@ui5/webcomponents-tools": "1.0.0-rc.8",
    "chromedriver": "latest"
  }

Feel free to choose a version that suits your specific use case best, or latest if in doubt.

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

New Components

ui5-datetime-picker: introduce new component (#1437) (ef27ca1)
ui5-duration-picker: initial implementation (#1415) (e38392e)
ui5-upload-collection: implement new webcomponent (#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 array (#1433) (28cc988)
framework: escape quotes in translation texts (#1511) (ee7f300)
framework: allow the creation of components with static area content only (#1450) (b0505ce)
framework: CSS Vars in Static Styles work on IE11 (#1440) (b8ae60e)
framework: reliably re-render lists of DOM nodes (#1519) (9edb5de)
framework: rendering is no longer delayed (#1552) (c26e8aa)
scroll enablement: fix scrolling issue on scroll & mobile (#1557) (e79482a)
scroll enablement: fix scrolling on android devices (#1491) (df19ede)

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 header width in IE (#1205) (2d21ae0)
ui5-datepicker: fix hover "bg-color" when readonly (#1361) (1696cba)
ui5-daypicker: show correct "today" date (#1157) (6fb1dd6)
ui5-dialog: cycle focus within dialog (#1213) (e899708)
ui5-dialog: provide "min-width" on desktop (#1257) (05b208d)
ui5-dialog: stretch content area of dialog #920 (#1167) (894d457)
ui5-dialog: fix JS error when no header text set (#1146) (44e631a)
ui5-icon: remove promise rejection (#1299) (902db58)
ui5-icon: remove unneccessary aria-label attribute (#1284) (9f2e756)
ui5-icon: fix warning to show correct path (#1140) (59c1e02)
ui5-input: fix "border-color" on hover (#1154) (9393b50)
ui5-input: fix JS error when keyboard handling is used (#1301) (85f01d7)
ui5-input: fix JS error on mobile (#1339) (c0ffbac)
ui5-label: fix truncation when "show-colon" is set (#1079) (9e84314)
ui5-li: fix focus outline color when active (#1143) (7c4ee77)
ui5-li: prevent checkbox from shrinking (#1142) (964dbc2)
ui5-li: fix active state on mobile (#1169) (90223f8)|
ui5-link: fix JS error when "href" is undefined (#1373) (a7cf983)
ui5-multi-cbx: open correct popover from show more text (#1371) (68cb73d)
ui5-multi-cbx: display token icon (#1126) (59e5972)
ui5-multi-cbx: remove horizontal scrollbar (#1312) (05175c4)
ui5-popover: sync "z-index" with all popups and dialogs (#1209) (5f8ce93)
ui5-popover: add header and footer to focus cycling (#1298) (0e0344c)
ui5-popover: display API correctly (#1064) (e1b5649)
ui5-responsive-popover: set "z-index" on phone (#1303) (a38b605)
ui5-segmentedbutton: adjust component size (#1225) (1a8f8b0)
ui5-select: fix component baseline alignment (#1075) (37b7891)
ui5-select: prevent selection from cycling (#1066) (d46be1f)
ui5-shellbar: change path in imports for playground (#1008) (bfe36dd)
ui5-shellbar: create CSS vars for active text color for "Belize" and "HCB" (#1107) (06bc58b)
ui5-shellbar: fire "logoClick" on small size (#1192) (b84b9d8)
ui5-shellbar: fix search field behavior (#1264) (2beb1c5)
ui5-shellbar: provide correct target ref when item is in overflow popover (#1334) (7636bb7)
ui5-tabcontainer: apply overflow items styles (#1178) (63ca721)
ui5-tabcontainer: fix tab sizes on compact (#1364) (6a4738e)
ui5-table-row: fix first and "nodata" rows visual (#1156) (991e546)
ui5-tabcontainer: fix tab content overflow and height calculation (#1056) (6b65fa4)
ui5-table: optimize non "popin" table rendering (#1229) (872dcad)
ui5-textarea: apply "border" and "bg-color" to native textarea (#1250) (a804e30)
ui5-textarea: fix "bg-color" in IE (#1210) (c047da7)
ui5-timepicker: fix JS Error and improve user XP(#1362) (f02477b)
ui5-toast: prevent infinite loop (#1320) (1c2a94a)
ui5-toast: keep toast open when hovered (#1294) (2f4fd6e), closes #1292
all components: add missing icons imports (#1319) (6bebdb5)
framework: add OpenUI5 CLDR support (#1207) (6bf40a2)
framework: fix Firefox 74 shadow root bug (#1347) (7cc67a7)
framework: identify StaticArea and StaticAreaElement as UI5Element (#1168) (28f827a)
framework: prevent infinite loop when fetching i18n bundles (#1333) (f605566)
framework: fix travis build (#1212) (7f30cf3)
framework: prevent error when deleting static area item (#1335) (5a99536)
framework: apply size "compact" for StaticArea items (#1204) (c411774)
framework: merge components metadata properly (#1092) (6a29872)
framework: create the font face style tag only once (#1090) (1a09e13)
framework: propagate compact size when ui5-content-density-compact class is set (#1136) (2db62ba)
tools: The init package script now correctly has HCW (#1293) (0c408d2)
playground: deploy all test pages to gh pages (#1034) (ddb8fc2)

Code Refactoring

ui5-card: update API and correct visual (#1145) (6733de9)
ui5-tabcontainer: provide "tabIndex" in "tabSelect" event (d8d4fdb)
ui5-textarea: rename property "maxLength" to "maxlength" (#1068) (b2ee6a3)
project: create "localization" package and deprecate "core" and "utils" packages (#1296) (b5e1337)

BREAKING CHANGES

ui5-busyindicator: change default size of busy dots to Medium.
ui5-icon: src property is removed in favor of name.
ui5-messagestrip: replace icon property with icon slot to allow setting arbitrary content by the user.
ui5-mcb-item: - ui5-multi-combobox no longer accepts ui5-li for items, use ui5-cb-item instead.
ui5-shellbar: profile property is removed in favour of profile slot.
ui5-tabcontainer: itemSelect event is renamed to tabSelect and the item event parameter is renamed to tab.
ui5-card: the property subtitle has been renamed to subheading.
ui5-textarea: the property maxLength has been renamed to maxlength. Also, the attribute name is changed from max-length to maxlength.
framework: configuring of compact size is removed, use the ui5-content-density-compact CSS class to apply compact size.
project: create "localization" package and deprecate "core" and "utils" packages. The "localization" provides date/time and CLDR functionality

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 newly created package as follows:

import @ui5/webcomponents-fiori/dist/ShellBar.js

ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)

Now, the slot accepts a ui5-button, that would be overstyled to match ui5-shellbar viusal design.

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

Now, to get the coPilot animated version, you have to import the following module:

import @ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js`

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

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

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

The "avatar" property has been removed, use the "avatar" slot instead - you can pass an icon(<ui5-icon>) or an image(<img/>).

Before:

<ui5-card avatar="sap-icon://add"></ui5-card>

After:

<ui5-card><ui5-icon name="add" slot="avatar"></ui5-icon></ui5-card>`

and respectively:

<ui5-card avatar="http://url/to/my/image"></ui5-card>`

becomes:

<ui5-card><img src="http://url/to/my/image" slot="avatar"/></ui5-card>`

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)

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

Bug Fixes

ui5-badge: correct component sizing (#733) (f5a4798)
ui5-badge: fix icon size (#729) (f1e1343)
ui5-busyindicator: change z-index not to overlap popover or dialog (#624) (c91c811)
ui5-button: align buttons with and without icons on same line (#796) (8420492)
ui5-button: fix Transparent button border in Fiori 3 & HCB (#789) (bc00f1f)
ui5-checkbox: set default font-size to checkmark (#618) (d3a9197)
ui5-datepicker: date selection works on IE (#623) (5a0b7ad)
ui5-datepicker: icon from datepicker no longer flickers on IE (#723) (80c4f32)
ui5-icon: enable default icon size to be changed (#629) (a44cdc6)
ui5-icon: icon no longer flickers on IE (#722) (964af67)
ui5-input: inputs now support placeholder on IE (#781) (559109d)
ui5-input: use translated text (#783) (1e9a4e6)
ui5-link: fix link hover effect (#803) (46bfaf1)
ui5-multi-combobox: overflow tokens correctly when not enough space (#714) (c67fe0a)
ui5-multi-combobox: enable closing on icon click (#719) (8d98def)
ui5-switch: don't mirror checkmark icon in RTL (#742) (ad2609d)
ui5-tabcontainer: fix selected tab text color in HCB (#805) (3ccf80e)
ui5-table: call resize handler on initial rendering (#625) (c20c85c)
ui5-token: correct visual in RTL/Compact (#804) (71c9caa)
ui5-tokenizer: use i18nbundle instead of resource bundle (#757) (d6668bc)
UI5Element: parent elements properly await for children upgrade (#645) (0e976f8)
CSS Transform: host selector not removed when there is trailing whitespace (#780) (b5d8fde)
doc: fix typos in docs (#680) (f884643)
DOMEventHandler: does not crash in edge cases (#774) (2576883)
FocusHelper: handles SVG's focus method on IE (#721) (52517c4)
InputFormSupport: enable form support for nested input elements (#656) (57adb04)

Code Refactoring

ui5-datepicker: hide week number in Islamic, Buddhist and Japanese calendars (#806) (a5ccb80)
ui5-li: remove background CSS Variable (#802) (9bf57ab)
ui5-multi-combobox: replace validate-input with allow-custom-values (#749) (f501df4)
ui5-panel: update toggle button visual design to Fiori 3 (#794)
ui5-popover: improve layouting, styling and positioning (#779) (1d377ba)
ui5-table: component is now supported on IE 11 (#704)
ui5-table: width property of column is removed (#784) (dedb51e)
ui5-input,ui5-select,ui5-multicombobox,ui5-datepicker: make the components share same CSS for input field styling (#793)
All components CSS: Styles improvements and clean up #632 #646 #647 #648 #650 #657 #658 #659 #660 #662 #664 #667 #669 #670 #671 #673 #674 #678 #684 #686 #687 #688 #700
All Components: adapt CSS for IE 11 and remove all IE11 duplicate CSS (#704)
i18n: make i18n more efficient (#720)
i18n, Theming, CLDR: unify assets handling (#744)
Configuration: make configuration initial only (#638) (86ad25b))

Features

ui5-datepicker: adds public getter dateValue (#726) (1ba3e25)
ui5-datepicker: implement ACC support (#763) (188627e)
ui5-icon: accessibility implementation (#709) (1357c16)
ui5-icon: use SVG icons instead of icon font (#649) (b6352d8)
ui5-list: added new param for selectionChange event (#798) (28c4181)
ui5-select: adds readonly property selectedOption (#718) (5d9a1ac)
ui5-switch: accessibility implementation (#692) (7304a31)
ui5-tabcontainer: update ACC of header and content (#756) (8550365)
ui5-link, ui5-textarea, ui5-input, ui5-checkbox, ui5-button, ui5-badge, ui5-busyindicator, ui5-messagestrip: Improve accessibility of components (#613) (16568c2)
Configuration: add configuration for calendar first day of the week (#627) (9c6df48)
add support for angular two way data binding (#706) (16820e4)
Tooling: add new component script (#747) (171a36f)
docs: maintain documentation for released version (#400) (476f8e2)

BREAKING CHANGES

ui5-popover: stayOpenOnScroll is now removed Popover will no longer close when the browser is scrolled and its parent (opener) is visible in the viewport.
ui5-li: CSS variable --ui5-listitem-background-color is removed, set the desired background directly on the tag.
ui5-table: width property of the ui5-table-column has been removed, use CSS to give width to the columns. <ui5-table-column style="width: 100px">...
ui5-multi-combobox: property validate-input is removed, use the property allow-custom-values, note built in validation is enabled by default.
Theming: Theming.js no longer has getTheme and setTheme methods, use the Configuration.js instead.
i18n, Theming: unify assets handling (#744). Use "@ui5/webcomponents/dist/json-imports/i18n.js", instead of "@ui5/webcomponents/dist/MessageBundleAssets.js" to enable i18n. Use "@ui5/webcomponents/dist/json-imports/Themes.js", instead of import "@ui5/webcomponents/dist/ThemePropertiesProvider.js" to enable theming.

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

Bug Fixes

popup: remove body styles in onExitDOM (#593) (410b8f6)
framework: fix redundant event dispatch (#599) (dc0cda2)

Code Refactoring

ui5-shellbar-item: Rename press event to itemClick (#606) (5bfab39)
ui5-popover, ui5-dialog: remove noHeader property (#615) (6a990a7), closes #615

BREAKING CHANGES

ui5-shellbar-item: ui5-shellbar-item press event is renamed to itemClick
ui5-popover, ui5-dialog: the property noHeader is removed, the presence of header is based on the values of "headerText" property and "header" slot

1.0.0-rc.1 (2019-06-28)

Bug Fixes

ui5-button: fix disable click events when disabled (#586)
ui5-select: prevent scrolling when changing selection with arrows(#588](SAP#588))

Refactoring

all components: remove press event in favour of click (#597](SAP#597))

BREAKING CHANGES

ui5-button: BREAKING CHANGE: ui5-button press event is renamed to click (#597](SAP#597))
ui5-card: headerPress event is renamed to headerClick (#597](SAP#597))
ui5-link: press event is renamed to click (#597](SAP#597))
ui5-list: itemPress event is renamed to itemClick (#597](SAP#597))
ui5-shellbar: notificationsPress event is renamed to notificationsClick (#597](SAP#597))
ui5-shellbar: profilePress event is renamed to profileClick (#597](SAP#597))
ui5-shellbar: productSwitchPress event is renamed to productSwitchClick (#597](SAP#597))
ui5-shellbar: logoPress event is renamed to logoClick (#597](SAP#597))
ui5-shellbar: coPilotPress event is renamed to coPilotClick (#597](SAP#597))
ui5-shellbar: menuItemPress event is renamed to menuItemClick (#597](SAP#597))
ui5-timeline-item: ui5-timeline-item itemNamePress event is renamed to itemNameClick (#597](SAP#597))

0.13.1 (2019-06-22)

Bug Fixes

ui5-table-column: fix default slot rendering (#579)

0.13.0 (2019-06-21)

Bug Fixes

ui5-badge: correct text font (#535) (3da0dd5)
ui5-icon: correct RTL appearance (#569) (591d81a)
ui5-switch: change getters names (#566) (2d94b60)
ui5-tabcontainer: set initial tab index (#545) (0127c2f)
framework: remove custom "falsy" checks from ifDefined (#544) (92a85fa)
framework: fix broken translations (#548) (37b2b07)

Code Refactoring

ui5-button: rename type property to design (#504) (a62b471)
ui5-link: rename type property to design (#505) (3965a00)
ui5-messagestrip: rename hideIcon property to noIcon (#507) (2314fc3)
ui5-popover: hideHeader property renamed to noHeader (#553) (11dc3b1)
ui5-popover: rename hideArrow property to noArrow (#509) (efff863)
ui5-select: change default slot from list items to options (#532) (2e4486b)
ui5-switch: rename type property to graphical (#506) (0040e85)
ui5-title: remove unneeded accessibility role (#573)
ui5-button: remove aria-disabled (#558)
framework: stop calling focusout and focusin by convention (#576)

Features

ui5-card: add "headerInteractive" property (#439) (98f7075)
ui5-label: expose font-weight property on root tag (#534) (88c794a)
ui5-li: add info and infoState properties (#539) (f1d8a85)
ui5-select: add form support(#565) (89e3508)

BREAKING CHANGES

ui5-select: the parameter of the change event is now called "selectedOption"; ui5-select enforces ui5-option as children in the metadata
ui5-select: Use ui5-option instead of ui5-li in ui5-select
ui5-link: property "type" is removed, use property design
ui5-button: property "type" is removed, use property design
ui5-switch: property "type" is removed, use property graphical
ui5-messagestrip: property hideIcon is renamed to noIcon
ui5-popover: property hideIcon is renamed to noArrow
**ui5-popover:**property hideIcon is renamed to noHeader

0.12.0 (2019-06-10)

Bug Fixes

all: hide components when hidden attribute is set (#464) (f7f07d2)
access DOM in connectedCallback instead of constructor (#524) (0f3b8e4)
do not use assignedElements (#432) (c54c812)
ui5-table: fix scrolling on space (#232) (cd63e9a)
ui5-button: bold text in fiori_3 when button is emphasized (#512) (53cdc93)
ui5-button: fix focus outline color of emphasized button (#499) (1e0690c)
ui5-checkbox: fix touchArea size (#448) (8831139)
ui5-li: remove active state onmouseup (#525) (a07880d)
ui5-list: fix list footer font family (#494) (5543d30)
ui5-messagestrip: improve screen reader announcements (#467) (b68443c)
ui5-multi-combobox: docs and API improvements (#438) (c559ac0)
ui5-radiobutton: make readonly radiobuttons not selectable via keyboard (#500) (2261f1c)
ui5-select: fix component clickable area (#462) (9c59de5)
ui5-tabcontainer: remove typo from component template (#446) (e701562)

Code Refactoring

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

Features

i18n: inline English texts if no translation is fetched (#479) (abfb221)
base: implement late validation (#522) (c452d60)
ui5-badge: initial implementation (#521) (8496211)
ui5-busyindicator: initial implementation (#416) (6b6b544)
ui5-busyindicator: introduce active property and simplify usage (#519) (ff59a98)
ui5-li: parameterize listitembase border bottom (#520) (da1c430)
ui5-table: add noDataText for ui5-table without rows (#402) (907d513), closes #389

BREAKING CHANGES

ui5-button: activeIcon property is removed

0.11.1 (2019-05-30)

Note: No code changes.

0.11.0 (2019-05-22)

Bug Fixes

ui5-checkbox: correct default values of the boolean props (#408) (9bdd2c5)
ui5-messagestrip: remove height 100% from element tag (#387) (4b64a9c)
ui5-panel: add missing dependency for ui5-icon (#406) (650bcb0)
fix broken child property observation (#423) (b3e3b3f)
fix API build for composite components (#391) (dcb829b)
prevent dual event dispatching in no conflict mode (#363) (4cbe3de)
update tab container documentation (#370) (7117430), closes #369

Code Refactoring

make custom CSS theme independent (#386) (d6b4ab5)
ui5-datepicker: rename event 'liveChange' to 'input' (#394)
ui5-panel: remove backgroundDesign property (#384)
ui5-panel: remove backgroundDesign property (#383)
ui5-checkbox: rename "readOnly" to "readonly" (#413)
ui5-radiobutton: rename "readOnly" to "readonly" (#413)

Features

ui5-multi-combobox: initial implementation (#379) (115900b)
ui5-list: selectionChange event provides previously selected items (#418) (f0fc8f2)
ui5-shellbar: API improvements (#421) (e0ff36d)
add CSS variables section in API Ref (#399) (e198fa5)
add data-ui5-compact-size attribute to root when compact is set (#382) (cbf00a8)
fetch ui5-datepicker assets from CDN (#420) (1f62dda)
simplify slots usage (e4907b9)

BREAKING CHANGES

ui5-list: the "selectionChange" event param "items" has been renamed to "selectedItems".
ui5-list: the "backgroundDesign" property has been removed, use the corresponding CSS variable (--_ui5_listitem_background_color) to alter the list items` background.
ui5-panel: the "backgroundDesign" property has been removed, use the corresponding CSS variables (--_ui5_panel_background_color) to alter the panel background.
ui5-datepicker: 'liveChange' event has been renamed to 'input'.
ui5-checkbox: property "readOnly" has been renamed to "readonly".
ui5-radiobutton: property "readOnly" has been renamed to "readonly".
the signature of the addCustomCSS method exported by "@ui5/webcomponents-base/Theming.js" is changed from addCustomCSS(tag, theme, css) to addCustomCSS(tag, css)

0.10.1 (2019-04-24)

Bug Fixes

ui5-li: fix styles import extension (#351) (4fae1ff)
ui5-messagestrip: fix layout in ie (#353) (ca5f62c)
switch theme for single imported components (#356) (dcd64a9)
ui5-radiobutton: fix single selection within group (#355) (371fb88)
ui5-select: preselect first item if none is selected (#358) (3d18420)
ui5-togglebutton: add base styles (#352) (f4dee1c)

Code Refactoring

ui5-radiobutton: improve group handling (#348) (4d7d9c3)
ui5-radiobutton: enable radio button form support (#357) (96a0517)

BREAKING CHANGES

ui5-radiobutton: the property "group" is replaced by the "name" property.

0.10.0 (2019-04-22)

Bug Fixes

configuration: fix map literals (#324) (515121f)
docs: fix card sample page (#305) (d91f237)
add missing dependency to jquery-shim in resource bundle (#242) (3c5bd6f)
ui5-button: fix height (#331) (98a2c4e)
ui5-button: fix width in ie11 (#325) (b00ab52)
ui5-button: removes active state after tabbing on an pressed button (#335) (0776e01)
ui5-checkbox: correct setting of aria-readonly (#220) (c1f98a3)
ui5-checkbox: fIx checkbox width in ie11 (d58320b)
ui5-checkbox: fixes issues with focus outline and wrapping (#238) (02bb56e)
ui5-checkbox: remove background from touchable area (#226) (3412ef3)
ui5-li: fix delete list item button height (#221) (a008022)
ui5-li: fix description text in compact mode (#211) (cadf996)
checks navigator language for rtl enabling (#253) (c29d970)
correct constructable stylesheet feature detection (#271) (816e6de)
make fallback script work with multiple variables per line (#252) (298a165)
prevent merging of :host(tag) and tag css rules (#349) (f23085c)
select correctly opens on click (#235) (a4915df)
slots work in Safari (#230) (79445d0)
ui5-li: fix typo (#224) (cb781f1)
ui5-li-custom: enable setting height of the custom content (#311) (76bf9f3)
ui5-link: noreferrer for cross-origin links (#202) (5902704)
ui5-panel: correct inon size on small screens (#213) (a98f544)
ui5-radiobutton: fix focus in ie11 (#327) (b59abd6)
ui5-radiobutton: fix keyboard handling on TAB/SHIFT+TAB (#231) (f2a18cf)
ui5-shellbar: add missing dependency to ui5-popover (#234) (912f434)
ui5-shellbar: pass correct values for events details (#298) (2641ec6)
transform css files to es6 modules (#306) (dbb98c8)
ui5-shellbar: set correct font-family to primary title (#228) (839a66e)
ui5-switch: fix layouting on IE (#223) (1111dbf)
ui5-togglebutton: correct default btn hover and text hover (#332) (280f85d)

Code Refactoring

remove ui5-toolbar (#198) (2e14428)
base: flatten project structure (#227) (0e8e460)
ui5-panel: rename the expand event to toggle (#216) (2608100)
ui5-shellbar: rename press handlers param (#300) (5d1c920)
ui5-tabcontainer: refactor the component (#318) (aa516ff)
ui5-timeline: change timestamp property to subtitleText (#321) (287548e)

Features

adds static method styles to base class (#345) (b61860f)
ui5-select: selection can be changed with arrows while closed (#254) (bb46034)
enable form support and name attribute for inputs (#337) (188d231)
framework-level support for CSS Custom Properties (#196) (291829a)
make css vars fallback script work with embedded vars (#251) (f81c117)
ui5-card: fires headerPress event upon header click (#250) (59b80be)
ui5-panel: make the header clickable (#204) (c5c1786)
ui5-select: select opens with space (#245) (a6c4d29)
provide named exports for some base modules (#347) (2e2439a)
ui5-shellbar: adds logoPress and coPilotPress events (#301) (f221123)
ui5-shellbar: menuItems slot and menuItemPress event (#317) (f24f78b)

BREAKING CHANGES

ui5-timeline: 'timestamp' and 'timeFormat' properties are removed. Instead use subtitle-text property and directly format the text as desired.
the ui5-toolbar component is removed, we recommend using div or similar HTML tag in combination with flex instead.
ui5-panel: the expand event is removed, use the toggle event instead.
ui5-tabcontainer: 'headerMode' property is removed. All Tabs by Fiori guidelines are rendered in inline mode
ui5-tabcontainer: 'headerBackgroundDesign' property is removed
ui5-tabcontainer: 'backgroundDesign' property is removed
ui5-tabcontainer: 'content' property is removed. Instead if you want to use the TabContainer as a filter just use it with 'collapsed' set to true and 'fixed' set to true
ui5-tabcontainer: 'TabContainerDensityMode' is deleted. To set different size modes use ?sap-ui-compactSize=true
ui5-tabcontainer: 'selectedIndex' property is removed. Instead use 'selected' property of the Tab
ui5-tabcontainer: Tab's 'count' property is removed. Instead use the additional-text property
ui5-tabcontainer: Tab's 'design' property is removed
ui5-shellbar: titlePress event is removed and replaced by menuItems slot.
base: All files required from the base now have different path. sap/ui/webcomponents/base/ is removed.

old: @ui5/webcomponents-base/src/sap/ui/webcomponents/base/WebComponent new: @ui5/webcomponents-base/src/WebComponent

0.9.0 (2019-03-18)

Features

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

Bug Fixes

correct calling unexisting method (#157) (0a8c8cd)
correct device detection error on mobile (#143) (857754e)
fix HCB colours for Icon, TextArea and TableCell content (#128) (9fb7dc5)
ui5-datepicker: enable day selection in IE (#162) (18a3c43)
ui5-icon: correct icon graphic vertical alignment in IE (#142) (98be562)
ui5-input: fire change in sync with the native input (#168) (55fa533)
ui5-label: enable text truncation in IE (#136) (ef00170)
fix source maps (#181) (7084c96)
ui5-list: correct backward navigation with SHIFT+TAB (#193) (037409d)

Code Refactoring

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

BREAKING CHANGES

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

NOTABLE CHANGES

The bundle size is reduced by removing unused functionality of core modules and making greater use of tree shaking.

0.8.0 (2019-03-01)

Features

ui5-card: add avatar property (#45) (cdaf549)
ui5-li: add description property (#54) (fe79710)
ui5-select: initial implementation
ui5-shellbar: initial implementation and improvements (#72) (fdc743d)
ui5-switch: initial implementation (#102) (280d35a)
ui5-timeline: initial implementation
load Web Components polyfill on demand (#96) (98b5174)

Bug Fixes

eventing: remove unnecessary tag name check (#16) (3e39a70)
ui5-checkbox: wait for ui5-label definition (#115) (14067bd)
ui5-checkbox: show default cursor over text (#9) (28d5ac0)
ui5-checkbox: fix focus outline appearance in Compact + RTL (#23) (9b18490)
ui5-datepicker: display extreme values correctly (#75) (d1c7259)
ui5-datepicker: fix icon color in pressed state (#63) (a03a51a)
ui5-input: fix slotted icon default size (#105) (0cfe254)
ui5-li: fix height with title and description in Compact (#70) (db17c71)
ui5-popover: fix appearance on ios within iframe (#60) (a62c198)
ui5-popover: fix bottom border radius (#34) (2daefc1)
ui5-radiobutton: fix focus lost upon text click in IE (#24) (7a00caf)
ui5-radiobutton: fix focus outline in Compact & RTL (#18) (9afa81b)
ui5-select: prevent scrolling upon ALt+ArrowDown/Up/F4 (#7) (c22eae1)
ui5-select: fix selection, styling and playground sample (#4) (f0a90b7)
ui5-tabcontainer: wait for ui5-popover definition (#46) (a6f5c2b)
ui5-tabcontainer: click on left arrow correctly scrolls to left in textOnly (#97) (a89de1a)
ui5-textarea: focus outline with character counter (#32) (0900483)
fix broken bundle on Edge #64 (73117c7)
do not modify the HTML tag (#49) (17f30b7)
fix playground theme switch (#62) (5212a87)
fix playground home redirect (#6) (8c87778)
prevent throwing exception if slotted child does not have listenFor (#92) (4ffce64)
unknown slots no longer cause an error (#90) (a033326)

BREAKING CHANGES

any applications that wants to support Edge and/or IE11 should now import the respective browser support module. For details, see the README.md
ui5-tabcontainer: The TabContainer "selected-key" and Tab "key" properties are removed. Use TabContainer "selectedIndex" property (selected-index attribute) to set and get the selected tab.
addCustomCSS is no longer on the Core object. Use Theming instead. #58

NOTABLE CHANGES

The bundle size is reduced by removing unused functionality of core modules and making greater use of tree shaking.

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Change Log

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

New components

Bug Fixes

Features

BREAKING CHANGE

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

BREAKING CHANGE

New Icons package

New components

Features

Bug Fixes

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

New components

Bug Fixes

Features

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

New Components

New Themes

Bug Fixes

Features

BREAKING CHANGES

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

New Components

Features

Bug Fixes

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

Features

Bug Fixes

Code Refactoring

BREAKING CHANGES

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

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

Bug Fixes

Features

Code Refactoring

BREAKING CHANGES

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

Bug Fixes

Code Refactoring

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

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

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

Bug Fixes

Code Refactoring

BREAKING CHANGES

1.0.0-rc.1 (2019-06-28)

Bug Fixes

Refactoring

BREAKING CHANGES

0.13.1 (2019-06-22)

Bug Fixes

0.13.0 (2019-06-21)

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

0.12.0 (2019-06-10)

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

0.11.1 (2019-05-30)

0.11.0 (2019-05-22)

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

0.10.1 (2019-04-24)

Bug Fixes

Code Refactoring