Skip to content

Latest commit

 

History

History
1462 lines (1065 loc) · 160 KB

CHANGELOG.md

File metadata and controls

1462 lines (1065 loc) · 160 KB

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

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

New components

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

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.

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

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.