Describe the documentation issue

When browsing the documentation, I am actually looking at the latest state in master, however following the steps and installing from npm, I get a specific version that has mismatches from what is in the documentation at the time of looking at it.

It should be possible to look at both the released version documentation as well as the master documentation and be able to switch. The default on the site should be what the released version is.

Is your feature request related to a problem? Please describe.
It would be great to have a web component that provides the possibility to select multiple items from a predefined list. Currently the ui5-select component only supports the selection of one item.

Describe the solution you'd like
I would like to use the ui5-select component to select single or also multiple items. I would think of a new boolean property, which enables/disables the multi-select. If multi-select is enabled the change event has to be adjusted in such a way that you get a list of the selected items.

Describe alternatives you've considered
Instead of a new boolean property, which enables/disables the multi-select functionality, a "mode" property could maybe be introduced in order to support the requested feature.

Additional context
The ui5-list web component already supports single and multiple selection. I would think of a similar functionality for the select.
Please let me know if you have any additional questions/comments regarding my request. :-)

First of all, I would like to express my gratitude for the SAPUI5 web-components. I have the feeling, that this is a great addition to use and I am happy, to use those inside my applications.

Is your feature request related to a problem? Please describe.
I would like to use the ui5-shellbar component as some kind of page header, whereas I would only use the primary-title property (maybe some others) to show the title to the end-user.
Unfortunately, the primary-title has always this dropdown arrow assigned, even if it has no functionality:

Describe the solution you'd like
I would like to have the possibility to "enable" this dropdown functionality. I would think of a new boolean property, which will show/hide it and make the title clickable respectively.

Describe alternatives you've considered
There is no other "page header" component. Therefore the only suitable solution would be to use plain css, which I would like to avoid. Especially, when there is a header component.

Could you please implement a SearchField control as a UI5 Web Component?

Improve the ui5-list selectionChange event
ui5-list selectionChange event to provide the previouslySelected item.

Motivation
It will make the app developers` life easier in finding which item has been previously selected.

Context
SAP-samples/ui5-webcomponents-sample-vue#14

I would like to override some of the classes. e.g .sapWCSelect
As Chrome decided to remove support of shadow-dom css selectors and /deep/ and ::shadow are not an option.

What would be the best way of styling an ui5-webcomponent?

Describe the bug
Pressed state doesn't get handled properly

To reproduce
Steps to reproduce the behavior:

1. Go to 'https://sap.github.io/ui5-webcomponents/playground/components/Button/'
2. Move the focus into a not pressed button
3. Hold Space down, press TAB

Expected behavior
The Button loses it's pressed state after Tab is pressed

Screencast
If applicable, add screenshots to help explain your problem.
Button keeps pressed state when holding the Space key and then pressing TAB.zip

Context

• UI5 Web Components version: 0.8.0
• OS/Platform: {Win 10/Desktop}
• Browser (if relevant): {Chrome latest}
• Other information: {N/A}

Affected components (ui5-button)

Log output / Any errors in the console

{N/A}

Describe the bug
When a ui5-timeline-item is added to ui5-timeline, we can see the following error in the console:

DateFormat.js:147 Uncaught (in promise) TypeError: sap.ui.getWCCore is not a function
at Function.push../node_modules/@ui5/webcomponents-core/dist/sap/ui/core/format/DateFormat.js.DateFormat.createInstance (DateFormat.js:147)
at Function.push../node_modules/@ui5/webcomponents-core/dist/sap/ui/core/format/DateFormat.js.DateFormat.getDateTimeInstance (DateFormat.js:125)
at calculate (TimelineItemTemplateContext.js:15)

To reproduce
Steps to reproduce the behavior:

1. Add ui5-timeline to your application
2. Add ui5-timeline-item
3. Check your console

Expected behavior
No error is thrown.

Affected components (if known)
ui5-timeline-item(ui5-timeline)

Hi,

I am using Vue JS integration. As soon as I try to use ui5-table-row or ui5-table-cell, it throws below error.
ui5-table-column works ok

My code here

Thank you,
Seyed Ismail.

Describe the bug
The "for" attribute of the label focuses correctly the associated element, but it should correctly point to the inner-most DOM element for the screen reader to work for all components besides the ui5-input

To reproduce

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/Input/
2. Scroll to the section "Input with Label"
3. The label "for" attribute points to the internal input of ui5-input

Expected behavior
It should work for all kinds of input controls besides ui5-input.

Context

• UI5 Web Components version: master

Describe the bug
when generating an external link, the ui5-link component misses "noopener"/"noreferrer" relation attributes between linked documents. More info: https://developers.google.com/web/tools/lighthouse/audits/noopener

Expected behavior
automatically added rel="noopener noreferrer" to all cross-origin links. Important: Only to cross-origin links, otherwise inner-site statistic might be broken.

Describe the bug
To collapse / expand a ui5-panel, it is currently required to click/touch the chevron icon. Clicking the label (header-text) has no effect.

To reproduce
Steps to reproduce the behavior:

1. Try clicking on the panel label on https://sap.github.io/ui5-webcomponents/playground/components/Panel/

Expected behavior
When clicking the label, the panel is toggled the same way as clicking the chevron.

I.e. this should be similar to a radio button, where clicking the label also selects the option.

Hi,

Experimenting with the vue cli and various setups to try and get UI5 webcomponents working. Few questions.

• @ui5/webcomponents/dist/ does not seem to have an index file. Do all elements need to be imported individually?
• import "@ui5/webcomponents/dist/DatePicker" generates a date picker (yay!), but also the following error in the console:

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Trying to register by trying to import DatePicker from ... and a subsequent Vue.use or Vue.component('ui5-datepicker', DatePicker) resulted in:

vue.runtime.esm.js?2b0e:5049 Uncaught TypeError: Class constructor DatePicker cannot be invoked without 'new'

Less related but worth mentioning, when trying this in a TypeScript environment (otherwise same setup), the console also mentioned:

ToolsAPI.js:6 Uncaught TypeError: sap.ui.define is not a function
at ToolsAPI.js:6

.. which, indeed, was not present when expecting the window object.

Is there a basic setup you guys are using, or are these outstanding still in the current version?

The following links lead to 404 (not found). They're probably internal links.

• UI5 Web Components
• UI5 Web Components - Playground and API Reference

The OpenUI5 Community Slack application seems to be broken too.

Describe the bug
Inserting 'Tomorrow' in the Datepicker field does not work all times.

To reproduce
Steps to reproduce the behavior:

1. Go to 'https://sap.github.io/ui5-webcomponents/'
2. Scroll to the section 'Test the UI5 Web Components'
3. Insert 'Tomorrow' and press the Enter key
4. Press CTRL+A to select the contents
5. Insert 'Tomorrow' and press the Enter key

Expected behavior
Tomorrow will be translated into the proper date of tomorrow.

Screencast
My Video does describe the issue

DatePicker is not consistently managing user entry.zip

Context

• UI5 Web Components version : 0.8.0
• OS/Platform: {Windows 10/Desktop}
• Browser (if relevant): {Chrome latest}
• Other information: {N/A}

Affected components (ui5-datepicker)

Log output / Any errors in the console

N/A

Describe the bug
Opening a dialog causes the whole page content behind the overlay to disappear

To reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/p9m5w08q80
2. Click the open button
3. The open button disappears

Expected behavior
the open button should be visible behind the overlay. If the message strip is removed from the page the button stays as expected, so this behaviour is influenced by the message strip shomehow.

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version: 0.10.1
• OS/Platform: MacOS
• Browser (if relevant): Chrome
• Other information: {...}

Affected components
ui5-dialog
ui5-messagestrip

Describe the bug
A clear and concise description of what the bug is.

Pressing Shift + Tab on List Item is throwing an error in the console.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/List/
2. Focus any List Item
3. Tab Shift + Tab
4. Check your console.

Expected behavior
A clear and concise description of what you expected to happen.

No error is thrown.

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version: 0.8.0
• OS/Platform: {MAC}
• Browser (if relevant): {Chrome}

Affected components (if known)
ListItemBase

Log output / Any errors in the console

In the screenshot

Describe the documentation issue
bundlephobia can report on package size, if your package.json has a entry point defined. this package currently does not. See:
https://bundlephobia.com/result?p=@ui5/webcomponents

when working proerly, it will produce something like this:

https://bundlephobia.com/result?p=react-datepicker

Once this is fixed, you can add a badge to the readme that can provide live packagesize info

Are any plans to support a splitter layout in ui5-webcomponents? I'm looking for something in the
lines of sap.ui.layout.ResponsiveSplitter or sap.f.FlexibleColumnLayout from UI5.

Describe the bug
The ui5-datepicker fires "liveChange", while the ui5-input fires "input" event, which is a bit misleading/confusing for app developers and looks inconsistent.

Expected behaviour
To make the events` names consistent.

Context
SAP-samples/ui5-webcomponents-sample-vue#14

Describe the bug
On https://sap.github.io/ui5-webcomponents/playground.html#/components/Popover
When opening the popover, the top corners are rounded and the bottom not:

I assume it might be a design decision to round only top corners, but it doesn't look so because in such scenarios the contrast is normally higher (e.g. 3-5 time bigger border-radius, example — https://i.stack.imgur.com/srHXl.png).

Expected behavior
all 4 corners should be rounded or not, or have an explicit contrast.

Describe the bug
A clear and concise description of what the bug is.
According to the documentation, the events notificationsPress, productSwitchPress, profilePress and titlePress should all have the detail iconRef.
This seems not the be the case at the moment.

Current Content of event.detail:

• titlePress: iconRef ✅
• productSwitchPress: detail
• profilePress: iconRef ✅
• notificationsPress: null

To reproduce
Steps to reproduce the behavior:

1. Open the playground URL: https://sap.github.io/ui5-webcomponents/playground/components/ShellBar/
2. Open the development tools and insert the following snippet:

   var shellbar = document.querySelector('#shellbar');
   shellbar.addEventListener('notificationsPress', (e) => console.log(e.type, e.detail))
   shellbar.addEventListener('productSwitchPress', (e) => console.log(e.type, e.detail))
   shellbar.addEventListener('profilePress', (e) => console.log(e.type, e.detail))
   shellbar.addEventListener('titlePress', (e) => console.log(e.type, e.detail))

3. Click on the respective icons in the first Shell bar and look at the console output:

   productSwitchPress {detail: ui5-icon#__el26-item4..sapWCShellBarIconButton.sapWCShellBarIconProductSwitch}
   profilePress {iconRef: div#__el26-item-3..sapWCShellBarImageButton.sapWCShellBarIconButton}
   notificationsPress null
   titlePress {iconRef: button.sapWCShellBarMenuButton}

Expected behavior
A clear and concise description of what you expected to happen.
I would expect all details to contain iconRef

Context

• UI5 Web Components version: 0.9.0
• OS/Platform: macOS 10.14.4
• Browser (if relevant): Chrome 73.0.3683.86
• Other information: {...}

Affected components (if known)
ui5-shellbar

Describe the bug
In my React application Panel would not display until I imported the DatePicker even though
no DatePicker was displayed

Please find stacktrace below.

To reproduce

1. clone react example project https://github.com/SAP/ui5-webcomponents-sample-react
2. in the App.js remove the DatePicker reference so as the DatePicker import
3. Yarn start => the Panel won't show
4. Import back the DatePicker => the Panel shows up

Expected behavior
Panel should display even without importing the DatePicker

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version 9
• OS/Platform: MAcOs
• Browser (if relevant): Chrome
• Other information: {...}

Affected components (if known)

Log output / Any errors in the console
Uncaught TypeError: ui_thirdparty_jquery__WEBPACK_IMPORTED_MODULE_0_.default.extend is not a function
at Object.push../node_modules/@ui5/webcomponents-core/dist/sap/base/util/LoaderExtensions.js.LoaderExtensions.loadResource (LoaderExtensions.js:56)
at Function.push../node_modules/@ui5/webcomponents-core/dist/sap/base/util/Properties.js.Properties.create (Properties.js:154)
at tryToLoadNextProperties (ResourceBundle.js:282)
at loadNextPropertiesSync (ResourceBundle.js:244)
at new ResourceBundle (ResourceBundle.js:126)
at Function.push../node_modules/@ui5/webcomponents-core/dist/sap/base/i18n/ResourceBundle.js.ResourceBundle.create (ResourceBundle.js:310)
at getResourceBundle (ResourceBundle.js:113)
at new Panel (Panel.js:225)
at Function.define (WebComponent.js:589)
at Function._callee$ (Panel.js:306)
at tryCatch (runtime.js:63)
at Generator.invoke [as _invoke] (runtime.js:282)
at Generator.prototype.(:3001/anonymous function) [as next] (http://localhost:3001/static/js/1.chunk.js:52949:21)
at asyncGeneratorStep (asyncToGenerator.js:3)
at _next (asyncToGenerator.js:25)

Describe the bug
The selected and type properties are missing in StandardListItem properties section,
although StandardListItem inherits them. This is because the component is part of the List API and at the time the List API is generated, the StandardListItem API calculation is not completed - the base properties are not yet merged.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/List/
2. Scroll to the StandardListItem API Reference
3. The properties "type" and "selected" are missing

Expected behavior
The api should be generated and displayed correctly for all public properties, including inherited ones.

Affected components (if known)
ui5-li

Describe the bug
When using the TabContainer within an Angular application and version 0.10, the TabContainer is not loading.

To reproduce
Steps to reproduce the behavior:

1. Import TabContainer dependency
2. Place TabContainer example from playground into application
3. TabContainer is not loading, error thrown in console

Context

• UI5 Web Components version: 0.10
• OS/Platform: OSX
• Browser (if relevant): Chrome

Affected components
TabContainer in version 0.10 (previous version 0.9 works fine)

Log output / Any errors in the console

Is your feature request related to a problem? Please describe.
DatePicker control adopts a similar API as a standard HTMLInputElement, with attribute value as a string with inputed date following format provided by format-pattern.

Problem is that we often need a Date object instead of a string, as each locale has a particular format, so, string will force us to verify current locale and parse it into an object.

Describe the solution you'd like
A method such as getDateValue in the control, which will return a Date object instead of string.

Describe alternatives you've considered
If that solution is problematic, providing getFormat as part of official API should be helpful, at least.

Additional context
Version: 0.7.0

Describe the bug
The key attribute is no longer used, list events provide the whole list item element as a parameter, but the samples still show using the key attribute.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/List/

Describe the bug
accessibility issue on this page — https://sap.github.io/ui5-webcomponents/playground.html#/components/Input

Under the title "Input with Label": when clicking on the label "Secret Code" the focus appears on the "Name" field. So, both labels reference to the same field:

Expected behavior
the focus should appear in "Secret Code" field, not in the neighbour field.

Describe the bug
When the screen witdh is small, the height of the outline of the panel icon is too small instead of rectangular.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/Panel/
2. Resize the browser window to be very small (400 px works)
3. Click the panel icon to show the outline

Expected behavior
The icon outline should be rectangular

Screenshots

Context

• UI5 Web Components version: master
• OS/Platform: MacOS
• Browser: Chrome
• Other information: no

Affected components
ui5-icon (seen in ui5-panel)

Log output / Any errors in the console
none

A little feedback
I am impressed by UI5 Web Components and advertise them heavily as "the future is here" in my work environment. Keep up the good work!

My idea/ suggestion
At work we use two different styles of web apps. For highly interactive applications we build SPAs (currently with OpenUI5 or Angular). For small, more workflow based applications we use classic server side rendering as you could do it e.g. with express in node.js. The latter style is well described by the ROCA pattern: https://roca-style.org/

Using UI5 Web Components for SPAs is straightforward and very well demonstrated by the three example Todo apps (good job!). However, we'd love to use at least a subset of UI5 Web Components also for server-side generated pages.

When working with server-side generated pages you exchange data between client and server using classic HTML forms since most of the modern action-based server frameworks support automatic data binding for form data.

After doing some reading I understand that a Web Component need to explicitly support HTML forms. This is usually done by a more or less ugly hack using a hidden form element.

From an API perspective I could imagine to enable HTML form support explicitly:

<form>
  Name: <ui5-input value="Input" insideForm="true"></ui5-input>
  <ui5-button type="Default" insideForm="true">Submit</ui5-button>
</form>

My attribute name insideForm is of course up for discussion ;-)

What do you think?

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Are there any plans to add a component like the "classic" SAPUI5 OverflowToolbar? This would help us e.g. building an ObjectPageLayout on top of the ui5-webcomponents.

Describe the solution you'd like
A clear and concise description of what you want to happen.
I would like to have an Overflow Toolbar like in SAPUI5: https://sapui5.hana.ondemand.com/#/entity/sap.m.OverflowToolbar

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
none

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
I have a fiori-launchpad, and develop some page based on UI5 technology. Now some partner build his webcomponents using ui5 webcomponents, and plug his webcomponents into my fiori app page.
It works, however, when my fiori app is changed to another theme. The look and feel of partner's webcomponents is not changed.
I guess it is because the fiori app doesn't communication with the ui5 webcomponents to sync the theme.

Describe the solution you'd like
I hope fiori page can raise theme change event using browser standard event emitter, and all ui5 webcomponents listen to the event and change its theme accordingly.

Describe alternatives you've considered
Or ui5 webcomponents to provide a API to change its theme. Partner's webcomponent can listen to the theme change event, and invoke the ui5 webcomponents's API later on.

Additional context

In the table component, I'm missing the ability to set a specific text when there is no data to be loaded. Like in the UI5 we have the property noDataText for the component sap.m.Table or others like it. The current behavior is letting an empty table, that might not clarify what is going on to the user.

I've tried also to use only one ui5-table-row with a ui5-table-cell inside it and change its colspan and other properties to fill all header spaces I have in my table. But it does not work, It does not render right the table component.

So I want to rise this to you and discuss what would be the best approach to this issue.

Describe the bug
A clear and concise description of what the bug is.

Description text of Standard List Item is cut in compact mode.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/List/
2. Change the Content Density to Compact
3. Check out the first example

Expected behavior
A clear and concise description of what you expected to happen.

Description text is not cut off.

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version
• OS/Platform: {MAC}
• Browser (if relevant): {Chrome}

Affected components (if known)
StandardListItem

I am missing a "jsfiddle" example which I can take as a blueprint for my own in-browser tests without using npm at all.

Turns out that there is a good-enough solution using unpkg.com:
https://jsfiddle.net/jognum9a/

See here for the orignal stack overflow question:
https://stackoverflow.com/questions/55340816/jsfiddle-code-sample-for-ui5-web-components-using-unpkg-com-to-avoid-dependency

I can imagine such an example to be an good opener for the web page.

Describe the bug
On https://sap.github.io/ui5-webcomponents/playground.html#/components/TextArea
in one instance of component the focus border seems to be correct, in another instance on the same page the focus border has unexpected margin from the bottom:

Expected behavior
the focus border should be consistent between two instances of the same component.

Describe the bug
A clear and concise description of what the bug is.

The Text Only Tab Container has an incorrect scrolling behaviour in the overflow mode.
If you click on the right icon the container scrolls to the right.
If you click in the left icon, the container scrolls to the right too.

This is only happening for the Text Only mode, in the Basic TabContainer example it is working as expected.

I could reproduce this error in my local project too, so I would guess it is more a issue with the component itself than with the playground.

To reproduce
Steps to reproduce the behavior:

1. Open the playground
2. Make the screen width smaller to activate the overflow mode
3. Click on the overflow icons on both the Basic and the Text Only example
4. Basic TabContainer is working fine, Text Only Tab Container has the described issue

Expected behavior
A clear and concise description of what you expected to happen.
After clicking the left icon I expect the container to scroll to the left.

Context

• UI5 Web Components version: 0.7.0
• OS/Platform: MacOS Mojave 10.14.3
• Browser (if relevant): Chrome 72.0.3626.119

Affected components (if known)
TabContainer

Describe the bug
js error is thrown, when removing DatePicker`s "value" attribute

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/DatePicker/
2. Select random date within the first datepicker in the sample section
3. Inspect the element and remove the "value" attribute via $0.removeAttrbite("value")
4. Observe the error in the console

Context
The reference vue app, where the issue is found:
SAP-samples/ui5-webcomponents-sample-vue#14

Affected components (if known)
ui5-datepicker

Log output / Any errors in the console

Uncaught TypeError: Cannot read property 'trim' of null

Describe the bug
Im using ui5-webcomponents on our enterprise application, using LitElement/Polymer as base.

Using <ui5-link> inside a <ui5-li> informing a href, target, no link is rendered. The style of active is added, almost everything is happening as expected, except the link.

<ui5-li id="test" type="Active" icon="sap-icon://navigation-right-arrow" icon-end>
    <ui5-link href="/test" target="_self">test</ui5-link>
</ui5-li>

To reproduce
Use a <ui5-link> inside a <ui5-li>.

Expected behavior
I expected to have browsers URL changed, but this does not happen. If this is correct, pardon me for my bug report.

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version: 0.8.0
• OS/Platform: macOS mojave
• Browser: Chrome

Affected components (if known)

<ui5-link>

Describe the bug
A clear and concise description of what the bug is.

When dynamically changing the StandardListItems of a Select and in addition setting the selected prop this error occurs. Also the text inside the Select does not update with the selected prop.

To reproduce
Steps to reproduce the behavior:

• have a select which items are coming via ...map( i => StandardListItem)
• change array to map over by state-update
• again set selected prop for each StandardListItem

Expected behavior
A clear and concise description of what you expected to happen.

• Select renders correct StandardListItems and set selected if provided

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version
• OS/Platform: {...}
• Browser (if relevant): {...}
• Other information: {...}

Affected components (if known)

Select, StandardListItem
Log output / Any errors in the console

{...}

Is your feature request related to a problem? Please describe.

I would like to use the Card Web Component as a navigation trigger to another page. When hovering the header, there is also visual feedback (background gets darker), but there is no event fired.

Describe the solution you'd like

I would like to have an event headerPress (or any other name you prefer) that is fired when the header section of the Card gets pressed.

Describe alternatives you've considered

None.

Additional context
Add any other context or screenshots about the feature request here.

Describe the bug
I have an angular app which currently uses the DatePicker and TabContainer webcomponents and added the IE11 browsersupport import before.

When I open the app in IE11 I get a blank page and an error in the console.

Syntax Error
vendor.bundle.js

When I jump to the code line of the error I can see an arrow function from the Configuration.jsfile of the ui5 web components base package.
Since arrow functions were introduced in ES6 I think Internet Explorer can’t handle the code. Should base-component be compiled to ES5?

I also tested with the ui5-webcomponents-sample-angular. It has the Edge browser support import but crashes when I change it to the IE11 browser support (then the whole app stops working, even in chrome)

Expected behavior
The page should work as in chrome / firefox.

Context

• 0.8.0
• IE11

Affected components (if known)
This is the file where IE11 throws an error
https://github.com/SAP/ui5-webcomponents/blob/master/packages/base/src/sap/ui/webcomponents/base/Configuration.js#L14

Thanks for your support!

Describe the documentation issue
Configuration issues in the playground, that can be seen in IE only.

Description of the issue

• Setting Compact only - sets RTL as well, but should not.
• Once you switch to Compact, you can`t switch back to Cozy.

Are there any plans to support the BusyIndicator? Like the current one sap.m.BusyIndicator so when something is loading we can show this to the user.

Describe the bug
A clear and concise description of what the bug is.
When used within a TabContainer, the Input Component does not accept the SPACE and this keystroke is ignored.

To reproduce
Steps to reproduce the behavior:

1. Render a ui5-input in a ui5-tab:

   <ui5-tabcontainer selected-index="0">
    <ui5-tab text="Tab 1">
        <ui5-input value="Input" />
    </ui5-tab>
   </ui5-tabcontainer>

2. Select the input field and start typing. The space key is ignored.

Expected behavior
A clear and concise description of what you expected to happen.
I would expect that the Input accepts all keystrokes.

Screenshots
If applicable, add screenshots to help explain your problem.

Context

• UI5 Web Components version: 0.9.0
• OS/Platform: macOS 10.14.4
• Browser (if relevant): Chrome 73.0.3683.103

Affected components (if known)
ui5-input in combination with ui5-tabcontainer/ui5-tab

Describe the documentation issue
Component samples in IE such as Button, Checkbox, RadioButton have styling issues.

Description of the issue
Those components samples are expanded to full width, which does not look good.

Describe the bug
I want to create a custom element extending lit-element.
Within this element I want to use <ui5-button/>.
Unfortunately my initial import for the button fails:

import('@ui5/webcomponents/dist/Button');

Log output / Any errors in the console

Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8081/node_modules/@ui5/webcomponents/dist/Button.js

Failed to load module script: The server responded with a non-JavaScript MIME type of "application/json". Strict MIME type checking is enforced for module scripts per HTML spec.

Root cause seem to be the import calls for json files in Button.js,
e.g. import belize from './themes/sap_belize/Button.json';

To reproduce

import { LitElement, html } from 'lit-element';
import('@ui5/webcomponents/dist/Button');
export class MyElement extends LitElement {
  render() {
    return html`
      <ui5-button>Hello world!</ui5-button>
    `;
  }
}
customElements.define('my-element', MyElement);

Expected behavior
import call should just work as expected

Context

• UI5 Web Components version: 0.7.0
• Browser: Chrome 72.0.3626.109
• Other information: polymer-cli 1.9.6, lit-element 2.0.1

Affected components
all

Describe the bug
The CSS height of the custom element in the ui5-custom-li "content" slot is not applied.

To reproduce
Steps to reproduce the behavior:

1. Define ui5-li-custom
2. Provide custom DIV element to the "content" slot
3. Set random height via CSS

Expected behavior
The height is applied properly to the DIV element

Affected components (if known)
ui5-custom-li

Describe the bug
unexpected behaviour of the calendar component on critical values:

• on big values the components shows nothing:

• on small values the component shows strange year format:

Expected behavior
The component should work properly with any specified date OR limit min/max possible dates accordingly (see calendar implementation e.g. in Outlook).

Describe the bug
When using no-conflict for the press event, a ui5-press event is dispatched as expected, but the press event is also dispatched.

Expected behavior
If I provide a no-conflict for an event, the assumption is that there is other framework or future browser functionality that provides some functionality with the original event name (example: hammer js fires a press). If the app has a press handler for the hammerjs usage, getting an event from the ui5 webcomponent is wrong.

additional difficulties
The original event names are used in the templates, and the event names are decided at build time. This means all components using events of other components they embed should also use the no-conflict event name as the orignal one will stop being fired.