@ui5/webcomponents 2.0.0 → 2.1.0-rc.0

package/src/MultiComboBoxPopover.hbs

@@ -53,7 +53,9 @@
 		{{#if hasValueStateMessage}}
 			<div class="{{classes.popoverValueState}}" style="{{styles.popoverValueStateMessage}}">
 				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{> valueStateMessage}}
+				{{#if open}}
+					{{> valueStateMessage}}
+				{{/if}}
 			</div>
 		{{/if}}
 
@@ -64,7 +66,9 @@
 		{{#if hasValueStateMessage}}
 			<div slot="header" @keydown="{{_onListHeaderKeydown}}" tabindex="0" class="ui5-responsive-popover-header {{classes.popoverValueState}}" style={{styles.popoverValueStateMessage}}>
 				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{> valueStateMessage}}
+				{{#if open}}
+					{{> valueStateMessage}}
+				{{/if}}			
 			</div>
 		{{/if}}
 
@@ -130,7 +134,9 @@
 	>
 		<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
 			<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-			{{> valueStateMessage}}
+			{{#if valueStateOpen}}
+				{{> valueStateMessage}}
+			{{/if}}
 		</div>
 	</ui5-popover>
 {{/if}}
@@ -139,9 +145,7 @@
 	{{#if shouldDisplayDefaultValueStateMessage}}
 		{{valueStateDefaultText}}
 	{{else}}
-		{{#each valueStateMessageText}}
-			{{this}}
-		{{/each}}
+		<slot name="valueStateMessage"></slot>
 	{{/if}}
 {{/inline}}
 

package/src/Tag.hbs

@@ -21,7 +21,7 @@
 	{{/if}}
 	<span class="ui5-hidden-text">{{tagDescription}}</span>
 	{{#if hasText}}
-		<span class="ui5-tag-text"><bdi><slot></slot></bdi></span>
+		<span class="ui5-tag-text"><slot></slot></span>
 	{{/if}}
 {{/inline}}
 

package/src/TextAreaPopover.hbs

@@ -18,9 +18,7 @@
 
 {{#*inline "valueStateMessage"}}
 	{{#if hasCustomValueState}}
-		{{#each valueStateMessageText}}
-			{{this}}
-		{{/each}}
+		<slot name="valueStateMessage"></slot>
 	{{else}}
 		{{valueStateDefaultText}}
 	{{/if}}

package/src/TimePicker.hbs

@@ -8,6 +8,7 @@
 			placeholder="{{_placeholder}}"
 			?disabled="{{disabled}}"
 			?readonly="{{readonly}}"
+			?required="{{required}}"
 			value-state="{{valueState}}"
 			._inputAccInfo="{{accInfo}}"
 			data-sap-focus-ref

package/src/i18n/messagebundle_sv.properties

@@ -101,11 +101,11 @@ DATETIME_DESCRIPTION=Tidpunktsinmatning
 
 DATERANGE_DESCRIPTION=Inmatning av datumintervall
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Välj datum
 
-DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date and Time
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Välj datum och tid
 
-DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date Range
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Välj datumintervall
 
 DELETE=Radera
 
@@ -255,7 +255,7 @@ TIMEPICKER_CANCEL_BUTTON=Avbryt
 
 TIMEPICKER_INPUT_DESCRIPTION=Tidsinmatning
 
-TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Time
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Välj tid
 
 TIMEPICKER_CLOCK_DIAL_LABEL=Urtavla
 
@@ -329,7 +329,7 @@ STEPINPUT_INC_ICON_TITLE=Öka
 
 SPLIT_BUTTON_DESCRIPTION=Delningsknapp
 
-SPLIT_BUTTON_KEYBOARD_HINT=Tryck på blanktecken eller Retur för att initiera standardåtgärd och på Alt + nedåtpil eller F4 för att initiera pilåtgärd
+SPLIT_BUTTON_KEYBOARD_HINT=Tryck på Blanksteg eller Enter för att initiera standardåtgärd och på Alt + nedåtpil eller F4 för att initiera pilåtgärd
 
 MENU_BACK_BUTTON_ARIA_LABEL=Tillbaka
 
@@ -359,8 +359,8 @@ FORM_SELECTABLE_REQUIRED2=Välj ett av dessa alternativ.
 FORM_TEXTFIELD_REQUIRED=Fyll i det här fältet.
 
 TABLE_SELECTION=Urval
-TABLE_ROW_SELECTOR=Row Selector
+TABLE_ROW_SELECTOR=Radväljare
 TABLE_NO_DATA=Inga data
 TABLE_ROW_POPIN=Rad-popin
 TABLE_MORE=Mer
-TABLE_MORE_DESCRIPTION=Load more rows by pressing Enter or Space
+TABLE_MORE_DESCRIPTION=Läs in fler rader genom att trycka på Enter eller Blanksteg

package/src/themes/BusyIndicator.css

@@ -2,6 +2,10 @@
 	display: inline-block;
 }
 
+:host {
+	border-radius: unset;
+}
+
 :host([_is-busy]) {
 	color: var(--_ui5_busy_indicator_color);
 }
@@ -73,6 +77,7 @@
 	position: relative;
 	background-color: inherit;
 	height: inherit;
+	border-radius: inherit;
 }
 
 .ui5-busy-indicator-busy-area {
@@ -87,6 +92,7 @@
 	align-items: center;
 	background-color: inherit;
 	flex-direction: column;
+	border-radius: inherit;
 }
 
 :host(:not(:empty)) .ui5-busy-indicator-busy-area {

package/src/themes/Input.css

@@ -126,6 +126,13 @@
 	padding: var(--_ui5_input_inner_padding_with_icon);
 }
 
+[inner-input][type="search"]::-webkit-search-decoration,
+[inner-input][type="search"]::-webkit-search-cancel-button,
+[inner-input][type="search"]::-webkit-search-results-button,
+[inner-input][type="search"]::-webkit-search-results-decoration { 
+	display: none; 
+}
+
 .ui5-input-value-state-icon {
 	height: 100%;
 	display: var(--_ui5-input-value-state-icon-display);

package/src/themes/Label.css

@@ -52,12 +52,12 @@
 	line-height: 0;
 }
 
-:host([required][show-colon]) .ui5-label-required-colon:after {
-	margin-inline-start: .125rem;
+.ui5-label-text-wrapper {
+	padding-inline-end: 0.075rem; /*1.2px - fix for last letter clipping issue when style is italic*/
 }
 
-bdi {
-	padding-right: 0.075rem; /*1.2px - fix for last letter clipping issue when style is italic*/
+:host([required][show-colon]) .ui5-label-required-colon:after {
+	margin-inline-start: .125rem;
 }
 
 :host([show-colon]) .ui5-label-required-colon {