Join our webinar on Wednesday, June 26, at 1pm EDTHow Chia Mitigates Risk in the Crypto Industry.Register
Socket
Socket
Sign inDemoInstall

@ui5/webcomponents-base

Package Overview
Dependencies
3
Maintainers
5
Versions
452
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @ui5/webcomponents-base

UI5 Web Components: webcomponents.base


Version published
Maintainers
5
Created

Changelog

Source

2.0.0-rc.6 (2024-06-17)

Bug Fixes

  • framework: set dataTransfer.effectAllowed only for UI5 elements (#9136) (28f6a2d)
  • ui5-barcode-scanner-dialog: properly fire 'close' event (#9193) (db099f1), closes #9177
  • ui5-busy-indicator: add block layer (#9208) (ba4ddb3), closes #9079
  • ui5-button: fix tab chaining in lists (#9148) (9fdf617)
  • ui5-carousel: selected state is added to item (#9184) (ced0f35)
  • ui5-date-picker: adjust unstable tests (#9223) (3b049c8), closes #9033
  • ui5-date-picker: provide accessible name to the popover (#8693) (26dee35), closes #8598
  • ui5-dialog: fix focusing when dialog is open from OpenUI5 dialog (#9183) (d067e13)
  • ui5-file-uploader: apply focus properly from inside of a popover (#9162) (2283e9e), closes #9090
  • ui5-li-notification: enhance accessibility (#9192) (cc34cea), closes #9161
  • ui5-list-item: move styles back from shadow DOM element to :host (#9155) (68cdd20)
  • ui5-list: adjust failing test (#9191) (55e477c), closes #9173
  • ui5-multi-combobox: correct lint error (#9157) (55cd3aa)
  • ui5-notification-list: change host to display:block (#9139) (efb4791)
  • ui5-segmented-button-item: add padding to icon when item is not in icon-only mode (#9180) (a3fd241), closes #9172
  • ui5-shellbar: add tooltip for shellbar items (#9143) (c39c18a)
  • ui5-side-navigation: group name is announced one time by screen … (#9207) (4f18dfd)
  • ui5-special-date: respect format-pattern (#9086) (105c311)
  • ui5-step-input: check for inner input before using value (#9212) (1b9fb61)
  • ui5-tree-item: ensure correct cursor style (#9152) (d196583), closes #9146

Code Refactoring

Features

  • ui5-ai-prompt-input: initial (experimental) implementation (#9078) (9dcdfdb)
  • ui5-grid: implementing new grid component (#8362) (04d291d)
  • ui5-link: introduce icon and endIcon properties (#9036) (06318cb)
  • ui5-toolbar: design property added (#9147) (dc3dfe0)

BREAKING CHANGES

  • ui5-checkbox: wrapping-type property default value has changed from None to Normal. Before:
<ui5-checkbox text=Some very very very very long text"></ui5-checkbox><!-- would truncate the text if there is not enough space -->

Now:

<ui5-checkbox text=Some very very very very long text"></ui5-checkbox> <!-- would let the text wrap if there is not enough space -->

Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887

  • ui5-side-navigation-item: the wholeItemToggleAble poperty of ui5-side-navigation-item is now remomoved. The functionality of clicking the whole item to show/hide the sub items (if present) will be introduced soon with new property name and enhanced accessibility and keyboard handling.
  • ui5-tag: wrapping-type property default value has changed from None to Normal. Before:
<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->

Now:

<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->

Related to https://github.com/SAP/ui5-webcomponents/issues/8461

  • refactor(ui5-tag): fix test texsts

  • refactor(ui5-tag): fix height of the tags to be the same

No matter if the tag is with wrapping-type="None" or wrapping-type="Normal" the height when there is only one line of text should be the same.

  • refactor(ui5-tag): merge adjustments and code review comments

  • refactor(ui5-tag): fix height

  • ui5-li, ui5-li-custom: StandardListItem has been renamed to ListItemStandard, and CustomListItem has been renamed to ListItemCustom. If you previously imported the classes as follows:

import StandardListItem from "@ui5/webcomponents/StandardListItem.js";
import CustomListItem from "@ui5/webcomponents/CustomListItem.js";

now you must change imports to:

import ListItemStandard from "@ui5/webcomponents/ListItemStandard.js";
import ListItemCustom from "@ui5/webcomponents/ListItemCustom.js";

Related to: https://github.com/SAP/ui5-webcomponents/issues/8461

Readme

Source

UI5 icon

UI5 Web Components - Base

npm Package Version

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

Provided APIs for applications

AffectsImportDescription
Configuration@ui5/webcomponents-base/dist/config/Theme.jsSets Theme Configuration
Configuration@ui5/webcomponents-base/dist/config/Language.jsSets Language Configuration
Configuration@ui5/webcomponents-base/dist/config/AnimationMode.jsSets Animation Mode Configuration
Configuration@ui5/webcomponents-base/dist/config/NoConflict.jsSets "NoConflict" Mode Configuration - if enabled all custom events are fired with the ui5- prefix
Framework@ui5/webcomponents-base/dist/features/OpenUI5Support.jsAdds integration with the OpenUI5 framework for resources re-use
Components@ui5/webcomponents-base/dist/features/F6Navigation.jsAdds support for F6 fast group navigation
Componentsimport applyDirection from "@ui5/webcomponents-base/dist/locale/applyDirection.js"Applies direction ("ltr"/"rtl") - re-renders all RTL-aware components
Componentsimport { setCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScope.js"Adds suffix to the tag names of all components
Components@ui5/webcomponents-base/dist/util/InvisibleMessage.jsProvides a way to expose dynamic content changes that can be announced by screen readers

applyDirection.js

  • applyDirection

Boot.js

  • attachBoot

CustomElementsScope.js

  • setCustomElementsScopingSuffix
  • getCustomElementsScopingSuffix
  • setCustomElementsScopingRules
  • getCustomElementsScopingRules

IgnoreCustomElements.js

  • ignoreCustomElements

i18nBundle.js

  • registerI18nLoader
  • getI18nBundle

PropertiesFileFormat.js

  • parseProperties

Render.js

  • renderFinished

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.

Keywords

FAQs

Last updated on 17 Jun 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc