@ui5/webcomponents-base

UI5 Web Components - Base

Contains the base files for all Web Components, most notably @ui5/webcomponents-base/dist/UI5Element.js.

Provided APIs for applications

Affects	Import	Description
Configuration	@ui5/webcomponents-base/dist/config/Theme.js	Sets Theme Configuration
Configuration	@ui5/webcomponents-base/dist/config/Language.js	Sets Language Configuration
Configuration	@ui5/webcomponents-base/dist/config/AnimationMode.js	Sets Animation Mode Configuration
Configuration	@ui5/webcomponents-base/dist/config/NoConflict.js	Sets "NoConflict" Mode Configuration - if enabled all custom events are fired with the ui5- prefix
Framework	@ui5/webcomponents-base/dist/features/OpenUI5Support.js	Adds integration with the OpenUI5 framework for resources re-use
Components	@ui5/webcomponents-base/dist/features/F6Navigation.js	Adds support for F6 fast group navigation
Components	import applyDirection from "@ui5/webcomponents-base/dist/locale/applyDirection.js"	Applies direction ("ltr"/"rtl") - re-renders all RTL-aware components
Components	import { setCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScope.js"	Adds suffix to the tag names of all components
Components	@ui5/webcomponents-base/dist/util/InvisibleMessage.js	Provides a way to expose dynamic content changes that can be announced by screen readers
CSP compliance	import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"	Sets directory path where the CSS resources for given package will be served from
CSP compliance	import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"	Enables or disables the usage of <link> tags instead of <style> tags
CSP compliance	import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"	Enables or disables the preloading of <link> tags

applyDirection.js

• applyDirection

Boot.js

• attachBoot

CustomElementsScope.js

• setCustomElementsScopingSuffix
• getCustomElementsScopingSuffix
• setCustomElementsScopingRules
• getCustomElementsScopingRules

CSP.js

• setPackageCSSRoot
• setUseLinks
• setPreloadLinks

i18nBundle.js

• registerI18nLoader
• getI18nBundle

PropertiesFileFormat.js

• parseProperties

Render.js

• renderFinished

Resources

• UI5 Web Components - README.md
• UI5 Web Components - Home Page
• UI5 Web Components - Playground and API Reference

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.

Changelog

1.7.0 (2022-09-02)

Bug Fixes

• framework: correctly calculate accessibleNameRef (#5520) (a872c9b), closes #5452
• framework: fix usage of quotes in translated texts (#5655) (3484b74)
• framework: regenarete base styles on change (#5599) (8a4ccdb)
• framework: remove woff files and woff/ttf usage (#5629) (e4175cd)
• ui5-avatar-group: fix width calculations for (non-)Chromium browsers (#5737) (2741705), closes #5643
• ui5-badge: correct imports of horizon Badge CSS files (#5673) (583a63d)
• ui5-bar: adjust resizing behavior (#5678) (b6efba2)
• ui5-breadcrumbs: current location misalignment is fixed (#5585) (b685860)
• ui5-button: adjust icon role (#5714) (5b446f5), closes #5505 #5596 #5687
• ui5-button: announce is now correct when button is icon only with tooltip (#5592) (7703945), closes #5386
• ui5-button: correct calculation of the min width of an icon button (#5701) (005ada0)
• ui5-button: correct text shadow in contrast themes (#5750) (7fb7e4c), closes #5420
• ui5-button: provide tooltip for icon-only buttons (#5734) (d49427f), closes #5687 #5596 #5505
• ui5-calendar: adjust high contrast belize themes (#5756) (4d19f91), closes #5377
• ui5-calendar: adjust the role attribute of the header actions elements (#5723) (3acd9bf), closes #5708
• ui5-calendar: align year and month picker focus to horizon (#5692) (02816a9), closes #5644
• ui5-date-picker: focus out now closes the popup (#5603) (0a7fcac), closes #5532
• ui5-date-picker: remove background whitespace (#5764) (2ad0c44), closes #5640
• ui5-daterange-picker: handle single date value (#5769) (ce8a446)
• ui5-input: additional check added for robustness (#5619) (7275652), closes #5580
• ui5-input: allows changing value in selection change event handler (#5677) (46b175f)
• ui5-input: correction of change event (#5671) (b89f91c)
• ui5-input: fix item selection bugs (#5372) (274efaa)
• ui5-li-notification: align actions' texts to the left (#5706) (f746016), closes #5704
• ui5-link: fix multiple click events (#5642) (74fd5b9)
• ui5-list: remove unexpected spaces between group items (#5726) (d69932c), closes #3869 #5720
• ui5-menu: opening a submenu no longer throws a console error (#5591) (1b5caf7), closes #5582
• ui5-menu: prevent closing sub menu when hovering over icon (#5670) (36cb3d2), closes #5669
• ui5-multi-input: prevented token-delete event firing when readonly (#5613) (c8f4178), closes #5448
• ui5-panel: make heading accessible (#5628) (6f1b250)
• ui5-panel: toggle ui5-panel correctly on Enter key (#5660) (137d8f3)
• ui5-popup: allow synchronous opening of popup from another popup with Enter key (#4975) (1bb87f5), closes #4861
• ui5-select: selected option in dropdown is now read out (#5589) (f8ab6ed)
• ui5-slider, ui5-range-slider: apply correct handle's icon (#5612) (1706174)
• ui5-tabcontainer: update tab strip on tab selection (#5449) (bbc9246), closes #5172 #5116
• ui5-textarea: show exceeded text when maxLength is 0 (#5691) (52db670), closes #5384
• ui5-time-picker: remove ampm translation (#5751) (4943ef9), closes #5181
• ui5-tokenizer: adjust scrolling behavior (#5281) (572ca8d)
• ui5-tree: include targetItem in selection-change event (#5631) (dc73fe2), closes #5430
• ui5-view-settings-dialog: focus correct page on open (#5746) (d7a8e10), closes #5451
• ui5-view-settings-dialog: update setConfirmedSettings param string type from String to Object (#5534) (da16e2c)

Features

• framework: add CSS class to reset scrollbar styles (#5623) (c3f3063)
• framework: support registering SVG icons with multiple paths (#5630) (ce17ca5), closes #5347 #5526
• icons-business-suite: add new icons (#5763) (e4bfc82)
• icons: update to 4.14.0 and 5.0.2 SAP-Icons font (#5605) (d794c0b)
• ui5-avatar: introduce badge support (#5418) (816edf0)
• ui5-carousel: add new CSS Shadow part (#5700) (b60ff3f)
• ui5-dialog: add state property (#5587) (c680e7c)
• ui5-illustrated-message: introduce title slot (#5611) (16ec3a8), closes #5503
• ui5-menu-item: add new accessibleName property (#5727) (51987c8), closes #5514 #5656
• ui5-popover: add new type DOMReference for opener (#5609) (1a4de12)
• ui5-tabcontainer: make tab-select event preventable (#5661) (928f4fc), closes #5116