UI5 Web Components - Theme Base
Provides common theming assets, used by other UI5 Web Components packages, such as main
and fiori
.
This package is intended for UI5 Web Component development and currently provides no app development related public APIs.
Resources
Support
We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents
channel of the OpenUI5 Community Slack.
Contribute
Please check our Contribution Guidelines.
License
Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.
This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.
1.0.0-rc.12 (2021-02-18)
New package
framework: * introduce @ui5/webcomponents-ie11 package (#2686) (1d3b37e)
New Components
Bug Fixes
- ui5-avatar: correct icon color (#2658) (5a85687), closes #2555
- ui5-calendar: Today date is propertly calculated no matter what timezone (#2660) (32dd0ef)
- ui5-checkbox: set "aria-hidden" to inner input (#2828) (d237401), closes #2786
- ui5-checkbox: fix vertical aignment when "wrap" is true (#2747) (9f027f1)
- ui5-combobox: fix behaviour when "Enter: is clicked (a10acc8)
- ui5-combobox: cancel user action when pressing "X" on mobile (#2742) (691c2e4), closes #2449
- ui5-combobox, ui5-multicombobox: center value state text (#2733) (b2c770a), closes #2274
- ui5-date-picker: input type is now conveyed (#2628) (70e3269), closes #2604
- ui5-icon: alignment issue in Safari (#2746) (daa51e7)
- ui5-icon: remove vertical icon flip in RTL (#2645) (0120960), closes #2644
- ui5-icon: ui5-icon i18n works for all packages (#2816) (91e16a1)
- ui5-input: enable centering of text (#2788) (bd1bd6e)
- ui5-input: focus is handled properly (#2670) (2c033aa)
- ui5-input: Obsolete accessibility API removed (#2721) (014c985), closes #2605
- ui5-input: prevent selection of suggestion group item (#2777) (6cc458b), closes #2255
- ui5-input: fix value state message width (#2736) (1e8082d)
- ui5-li-notification: now possible to not have a description (#2744) (ef35f84)
- ui5-li-notification-group: align priority icon (#2584) (ff247f0)
- ui5-list: fix JS error on focusin (#2720) (b36e54e)
- ui5-list: remove busy indicator DOM (#2712) (fe76278)
- ui5-list: show busy indicator over the list (#2684) (ad56eaa)
- ui5-multi-combobox: fix livechange behaviour (#2656) (57820dd)
- ui5-multi-combobox: The initial focus is set on the ui5-dialog (#2702) (aeed733)
- ui5-multi-input: fix appearance in RTL (#2782) (e842f23), closes #2749
- ui5-multicombobox: hide placeholder when tokens are present (#2785) (d769a0d), closes #2261
- ui5-multiinput: hide placeholder when tokens are present (#2789) (679dae3), closes #2261
- ui5-popover: correctly position a popover if dynamically created (#2679) (5a872b0)
- ui5-popover, ui5-dialog: do not render empty headers (#2770) (7f0bd6a), closes #2694
- ui5-popup: correct focus when there is no focusable content (#2583) (bf8caaf)
- ui5-popup: prevent focus on elements below block layer (#2800) (f2f3889), closes #2626
- ui5-popup): fix(ui5-popup: hide block layer if popup is closed (#2799) (6f82e42), closes #2696
- ui5-radiobutton: fix tab order within group (#2783) (d6a7b81), closes #2774
- ui5-select: correct role and screen reader speech out (#2587) (59497ee), closes #2485 #2339 #2142
- ui5-select: fix popover opening (#2687) (53418fb), closes #2682
- ui5-tabcontainer: overflow menu button is added a title (#2639) (943e4ce), closes #2607
- ui5-tree: accessibility improvements (#2671) (849d052), closes #2553
- ui5-upload-collection: wrap noDataText/Desc text (#2674) (c48bfe7), closes #2672
- ui5-upload-collection-item: fix title behaviour on small screens (#2699) (bb7c952)
- ui5-wizard: observe content height changes (#2801) (b4cbc43)
- theming: fix error message log (#2818) (7a0732a)
Features
- ui5-calendar: Add declarative dates support added (#2648) (6602fba)
- ui5-li-notification:* full-fill accessibility spec (#2578) (20de5ae)
- ui5-multi-combobox: support two column layout for items (#2642) (7742590), closes #2637
- ui5-multi-input: Implement accessibility specifications (#2761) (2e7b968)
- ui5-range-slider: focus and keyboard handling implementation (#2620) (8c71ca4)
- ui5-select: add support for disabled select options (#2730) (e903164), closes #2559
- ui5-slider: focus and keyboard handling implementation (#2614) (7b78c16)
- ui5-slider, ui5-range-slider: implement a11y spec (#2714) (cb76cf4), closes #2513
- ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570
- ui5-tree-item: implement info/infoState attributes (#2711) (1f07d50), closes #2633
- ui5-wizard: improve progress navigator responsiveness (#2590) (01cd6f9)
- ui5-calendar: new features for pickers (#2598) (3e684b4)
- framework: introduce dynamic imports for .json assets (#2740) (46e38fb)
- framework: introduce attachDirectionChange function (#2646) (b4f836a)
- framework: implement ItemNavigation cyclic behavior for multiple rows (#2780) (b7ad1ea)
- framework: distrobure icon assets as .svg files (#2657) (5b79982)
BREAKING CHANGES
- framework: introduce dynamic imports for .json assets (#2740) (46e38fb)
The method registerI18nBundle of the @ui5/webcomponents-base/asset-registries/i18n.js module is deprecated in favour of registerI18nLoader.
The framework no longer tries to convert .properties files internally and the PropertiesFormatSupport feature is removed. This has to be done by a custom loader using the @ui5/webcomponents-base/dist/PropertiesFileFormat.js module.
- framework: deprecate RenderScheduler in favor of Render.js (#2728) (bc78857)
RenderScheduler.js
deprecated. The file will be deleted in a future release. If you were using some of its methods, import these methods from the new Render.js
module. For example, if you were using:
import RenderScheduler from "@ui5/webcomponents-base/dist/RenderScheduler.js";
RenderScheduler.renderImmediately(myComponent);
RenderScheduler.renderDeferred(myComponent);
await RenderScheduler.whenFinished();
change to:
import { renderFinished, renderImmediately, renderDeferred } from "@ui5/webcomponents-base/dist/Render.js";
renderImmediately(myComponent);
renderDeferred(myComponent);
await renderFinished();
whenFinished
from RenderScheduler.js
renamed to renderFinished
and now exported by Render.js
. For usage, see the previous example
- framework: create @ui5/webcomponents-ie11 package (#2686) (1d3b37e)
The legacy browser support is now moved to new ie11 package. If you used them before add @ui5/webcomponents-ie11 as a dependency to your project:
npm i @ui5/webcomponents-ie11 --save
or
yarn add @ui5/webcomponents-ie11
Change the following public imports:
import "@ui5/webcomponents-base/dist/features/browsersupport/IE11.js";
to
import "@ui5/webcomponents-ie11/dist/features/IE11.js";
and
import "@ui5/webcomponents-base/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js";
to
import "@ui5/webcomponents-ie11/dist/features/IE11WithWebComponentsPolyfill.js";
The Legacy Edge browser is no longer supported with the ES6 bundle, therefore the following import has been removed:
import "@ui5/webcomponents-base/dist/features/browsersupport/Edge.js";
Legacy Edge is still supported with the ES5 bundle. If your app needs to support Legacy Edge, treat it as IE11 and transpile the code to ES5 as you would for IE11.
- ui5-calendar: Add declarative dates support added (#2648) (6602fba)
The property selectedDates is deprecated for ui5-calendar. Instead of setting selectedDates as an array of UTC timestamps, please provide instances of ui5-date as children of the ui5-calendar. Instead of reading the selectedDates property to find out which dates the user selected, please read the children of the ui5-calendar (instances of ui5-date with value property).
The selection property of ui5-calendar and ui5-daypicker has been renamed to selectionMode.
The property hasMore removed, use growing instead.
The loadMoreText has been renamed to moreText.
The loadMoreSubtext has been renamed to moreSubtext