v0.21.9

Change Log

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

0.21.9 (2020-07-21)

Features

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

Code Refactoring

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

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

v1.0.0-rc.7

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

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

New Components

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

Features

• ui5-avatar: implement accessibility spec (#1484) (501740e)
• ui5-busyindicator: implement text property (#1506) (4118c68)
• ui5-button: support aria-labelledby attribute(#1446) (e54111f)
• ui5-carousel: add navigate event (#1454) (c55bcdc)
• ui5-carousel: allow different number of items per page based on component width (#1434) (dec0d4d)
• ui5-combobox: implement accessibility spec (#1560) (3d56b4d)
• ui5-input: implement valueStateMessage with suggestions (#1390) (39068b3)
• ui5-list: implement accessibility spec (#1461) (348bde9)
• ui5-panel: enable configuring the heading level (#1504) (710053b)
• ui5-segmentedbutton: implement accessibility spec (#1475) (ae7b395)
• ui5-select: implement accessibility spec (#1485) (ede3635)
• ui5-tabcontainer: content can be displayed above the tab strip (#1516) (fb38b2c)
• ui5-textarea: add "valueState" property (#1411) (6710038)
• ui5-textarea: add "valueStateMessage" slot (#1419) (d323d51)
• ui5-timeline: implement acc spec (#1471) (27435ee)
• ui5-wheelslider: add cyclic behaviour (#1408) (ac97824)
• ui5-wheelslider: swipe feature implementation (#1470) (3665193)
• framework: enable external themes support (#1463) (b031782)
• framework: register theme variables via CSS file (#1451) (3173fb9)

Bug Fixes

• ui5-busyindicator: fix component placement and appearance in IE (#1505) (0e57d78)
• ui5-button: make aria-label work for ui5-button (#1445) (f0f8964)
• ui5-button: make aria-labelledby work with numeric id (#1500) (ac6e8d2)
• ui5-carousel: resizing of content is done properly (#1402) (0e26906)
• ui5-carousel: hide arrows and dots when single page (#1414) (f6c46be)
• ui5-combobox: translate accessibleName (#1563) (6cd3da8)
• ui5-datepicker: fix the value validation (#1465) (14fe357)
• ui5-datetime-picker: fix AM/PM selection (#1551) (af9ff8a), closes #1530
• ui5-dialog: improve accessibility (#1477) (38ffd25)
• ui5-groupheade-li: fix focus handling (#1544) (b0f180d)
• ui5-information: fix component visual (#1498) (746f907)
• ui5-multi-combobox: fix initial focus on mobile (#1508) (77e6ab6)
• ui5-popover: allow opening if opener is not fully visible (#1448) (a10fde5)
• ui5-popover: set fallback placement when no place to popup (#1467) (cfeed00)
• ui5-popover: show arrow border (#1528) (56e5ba7)
• ui5-product-switch-item: fix active state (#1547) (0305da8), closes #1543
• ui5-responsive-popover: add minimum sizes (#1539) (c4ae309)
• ui5-responsive-popover: implement default close button (#1501) (c6868af)
• ui5-segmentedbutton: button can no longer be clicked when disabled (#1393) (576d769)
• ui5-segmentedbutton: import ui5-togglebutton by default (#1549) (bccf03b)
• ui5-select: prevent scrolling on Space (#1418) (fb500fc)
• ui5-shellbar: check for profile correctly (#1438) (a4f502b)
• ui5-shellbar: do not duplicate popover menu items (#1456) (ae20272)
• ui5-shellbar: enable items keyboard handling (#1473) (185851a)
• ui5-shellbar: fix menuItems cloning (#1457) (f4d2547)
• ui5-tabcontainer: clicking a tab now always works (#1567) (dc60609)
• ui5-textarea: stop showing valueStateMsg in value-state="None" (#1568) (832c34e)
• ui5-timepicker: fix AM/PM selection (#1569) (ad923a2)
• ui5-timepicker: prevent setting valueState="Error" on empty value (5a3d1b1)
• ui5-upload-collection: ensure event.dataTransfer.types is ...

v1.0.0-rc.6

Change Log

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

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

Features

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bug Fixes

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

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

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

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

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

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

• ui5-card: fix content "box-sizing" (#1165) (e463d23)

• ui5-card: update ACC support (#1042) (3253555)

• ui5-carousel: add missing icon imports (#1365) (d6bb698)

• ui5-carousel: add missing import (#1321) (19445d1)

• ui5-checkbox: fix wrapping of a long word (#1007) (2117ecc)

• ui5-combobox: add busy indicator (#1141) (e211227)

• ui5-datepicker: fix calendar he...

v1.0.0-rc.5

Change Log

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

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

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

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

Bug Fixes

• ui5-button: prevents setting 0 height to icons in IE (#902) (20511c6)
• ui5-checkbox: fix layouting in IE (#926) (ffdc271)
• ui5-checkbox: fix truncation in compactSize (#998) (3cdcede)
• ui5-datepicker: fix hover effect (#999) (44d6c27)
• ui5-datepicker: enable setting an empty placeholder (#997) (3eca602)
• ui5-input: correct ACC implementation (#846) (7d547ec)
• ui5-input: fix input pushed downward (#891) (bda9714)
• ui5-multi-combobox: close popover & empty value on selection (#832) (1b3e40d)
• ui5-popover: restrict max content height when overflowing the screen (#908) (6671793)
• ui5-select: remove unsupported method in IE (#919) (f1bceea)
• ui5-tabcontainer: adjust tabs to take 100% of TC height (#895) (6fcf259)
• ui5-tabcontainer: fix overflow items default semantic color (#989) (a003189), closes #988
• ui5-tabcontainer: fix overflow items appearance and selection (#988) (8cd2a8b)
• ui5-list: prevent item navigaion with Left/Right keys(#985) (3d46e2d)
• ui5-table: pressing SPACE works for HTML elements inside ui5-table (#964) (2384236)
• ui5-table: fix JS error when there are less cells than columns (#841) (fd3b690)
• ui5-table: fix row navigation and focus handling (#876) (f69f42c)
• ItemNavigation: fix Item Navigation cycling (#985) (3d46e2d)
• Framework: order slots in state as in Light DOM (#874) (b8efea0), closes #873
• Framework: skip waiting for polyfill in case already loaded (#851) (d5e19f6)
• Framework: trigger DOM mutation observer independent of insertion order (#847) (d7d96ec), closes #839
• JS Doc enable release candidates versions to be displayed as since tags (#983) (3051d76)

Features

• ui5-product-switch: introduce new component within @ui5/webcomponents-fiori package(#971) (4646fcd)
• ui5-input: introduce maxlength property (#976) (c149f5f)
• ui5-label: introduce showColon property (#965) (ae95a8d)
• ui5-multicombobox: implement ACC support (#937) (0a44a92)
• ui5-multicombobox: introduce open property and openChange event (#930) (c0b51f5)
• ui5-panel: improve accessibility (#864) (b133468)
• ui5-textarea: implement input event (#543) (7c5647e)
• Documentation: introduce new playground app (#751) (fdcddaa)
• Configuration: introduce animationMode configuration (#905) (c90e3b0)
• Framework: render SVG content with lit svg` (#904) (59fead4)
• Framework: introduce navigationMode property (#910) (9c43533)

Code Refactoring

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

BREAKING CHANGES

• icons: move all individual icons to a new npm package called @ui5/webcomponents-icons.

You have to install the package

npm i @ui5/webcomponents-icons --save

The import statements should be changed

Before:

@ui5/webcomponents/dist/icons/add.js

After:

@ui5/webcomponents-icons/dist/icons/add.js

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

• ui5-icon: "src" property was renamed to "name".

The "name" poperty accepts icon name (such as "add") instead of icon src (such as "sap-icon://add").
Note: the src property will continue to work until the next release due to the impact of the change, but will produce a warning in the console.

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

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

v1.0.0-rc.4

Change Log

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

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

Bug Fixes

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

Code Refactoring

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

v1.0.0-rc.3

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

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](https://github.com/SAP/ui5-webcomponents/...

v1.0.0-rc.2

Change Log

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

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

Bug Fixes

• ui5-popover, ui5-dialog: 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
• framework: many public module imports have a different path - please consult the documentation for details(PublicModuleImports) (#612)

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
• framework: many public module imports have a different path - please consult the documentation for details(PublicModuleImports) (#612)

v1.0.0-rc.1

Change Log

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

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](#588))

Refactoring

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

BREAKING CHANGES

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

v0.13.1

Change Log

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

0.13.1 (2019-06-22)

Bug Fixes

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

v0.13.0

Change Log

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

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