@openui5/sap.ui.webc.main 1.103.0 → 1.105.0

package/src/sap/ui/webc/main/Toast.js

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ToggleButton.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * Clicking or tapping on a <code>sap.ui.webc.main.ToggleButton</code> changes its state to <code>pressed</code>. The button returns to its initial state when the user clicks or taps on it again. By applying additional custom CSS-styling classes, apps can give a different style to any <code>sap.ui.webc.main.ToggleButton</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public
@@ -119,11 +119,11 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the icon to be displayed as graphical element within the component. The SAP-icons font provides numerous options. <br>
+				 * Defines the icon, displayed as graphical element within the component. The SAP-icons font provides numerous options. <br>
 				 * <br>
 				 * Example:
 				 *
-				 * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+				 * See all the available icons within the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
 				 */
 				icon: {
 					type: "string",

package/src/sap/ui/webc/main/Token.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Tree.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TreeItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> <code>sap.ui.webc.main.TreeItem</code> is an abstract element, representing a node in a <code>sap.ui.webc.main.Tree</code>. The tree itself is rendered as a list, and each <code>sap.ui.webc.main.TreeItem</code> is represented by a list item(<code>sap.ui.webc.main.TreeListItem</code>) in that list. Therefore, you should only use <code>sap.ui.webc.main.TreeItem</code> directly in your apps. The <code>sap.ui.webc.main.TreeListItem</code> list item is internal for the list, and not intended for public use.
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/changeHandler/ChangeLinkTarget.js

@@ -12,7 +12,7 @@ sap.ui.define(function () {
 	 *
 	 * @alias sap.ui.webc.main.changeHandler.ChangeLinkTarget
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 */
 	var ChangeLinkTarget = {};
 
@@ -29,8 +29,8 @@ sap.ui.define(function () {
 	 */
 	ChangeLinkTarget.applyChange = function(oChange, oControl, mPropertyBag) {
 		var oModifier = mPropertyBag.modifier;
-		var oChangeDefinition = oChange.getDefinition();
-		var sTarget = oChangeDefinition.content;
+		var oChangeContent = oChange.getContent();
+		var sTarget = oChangeContent;
 		return Promise.resolve()
 			.then(oModifier.getProperty.bind(oModifier, oControl, "target"))
 			.then(function(oProperty) {

package/src/sap/ui/webc/main/designtime/messagebundle_fi.properties

@@ -45,9 +45,9 @@ LINK_DIALOG_CANCEL_BTN=Peruuta
 
 LINK_DIALOG_OK_BTN=OK
 
-LIST_NAME=List
+LIST_NAME=Luettelo
 
-LIST_NAME_PLURAL=Lists
+LIST_NAME_PLURAL=Luettelot
 
 PANEL_NAME=Paneeli
 

package/src/sap/ui/webc/main/library.js

@@ -23,14 +23,14 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.main
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 */
 		var thisLib = sap.ui.getCore().initLibrary({
 			name: "sap.ui.webc.main",
-			version: "1.103.0",
+			version: "1.105.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -129,6 +129,7 @@ sap.ui.define([
 				"sap.ui.webc.main.MenuItem",
 				"sap.ui.webc.main.MessageStrip",
 				"sap.ui.webc.main.MultiComboBox",
+				"sap.ui.webc.main.MultiComboBoxGroupItem",
 				"sap.ui.webc.main.MultiComboBoxItem",
 				"sap.ui.webc.main.MultiInput",
 				"sap.ui.webc.main.Option",
@@ -191,8 +192,8 @@ sap.ui.define([
 					"sap.ui.webc.main.CheckBox": "sap/ui/webc/main/flexibility/CheckBox",
 					"sap.ui.webc.main.CustomListItem": {
 						"hideControl": "default",
-						"moveControls": "default",
-						"unhideControl": "default"
+						"unhideControl": "default",
+						"moveControls": "default"
 					},
 					"sap.ui.webc.main.DatePicker": {
 						"hideControl": "default",

package/src/sap/ui/webc/main/thirdparty/AvatarGroup.js

@@ -158,7 +158,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				if (!item || item.hidden) {
 					item = button;
 				}
-				return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft;
+				return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft - this.offsetLeft;
 			}
 			return button.offsetWidth;
 		}
@@ -254,7 +254,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (isRTL) {
 				return item.offsetParent.offsetWidth - item.offsetLeft - item.offsetWidth;
 			}
-			return item.offsetLeft;
+			return item.offsetLeft - this.offsetLeft;
 		}
 		_overflowItems() {
 			if (this.items.length < 2) {

package/src/sap/ui/webc/main/thirdparty/Badge.js

@@ -1,9 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', './generated/templates/BadgeTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/Badge.css'], function (UI5Element, litRender, i18nBundle, BadgeTemplate_lit, i18nDefaults, Badge_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/isDefaultSlotProvided', './generated/templates/BadgeTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/Badge.css'], function (UI5Element, litRender, i18nBundle, isDefaultSlotProvided, BadgeTemplate_lit, i18nDefaults, Badge_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var isDefaultSlotProvided__default = /*#__PURE__*/_interopDefaultLegacy(isDefaultSlotProvided);
 
 	const metadata = {
 		tag: "ui5-badge",
@@ -51,7 +52,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._iconOnly = this.iconOnly;
 		}
 		get hasText() {
-			return !!this.textContent.trim().length;
+			return isDefaultSlotProvided__default(this);
 		}
 		get hasIcon() {
 			return !!this.icon.length;

package/src/sap/ui/webc/main/thirdparty/Breadcrumbs.js

@@ -39,6 +39,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			"item-click": {
 				detail: {
 					item: { type: HTMLElement },
+					altKey: { type: Boolean	},
+					ctrlKey: { type: Boolean },
+					metaKey: { type: Boolean },
+					shiftKey: { type: Boolean },
 				},
 			},
 		},
@@ -207,14 +211,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			const link = event.target,
 				items = this.getSlottedNodes("items"),
 				item = items.find(x => `${x._id}-link` === link.id);
-			if (!this.fireEvent("item-click", { item }, true)) {
+			if (!this.fireEvent("item-click", { item, ...event.detail }, true)) {
 				event.preventDefault();
 			}
 		}
-		_onLabelPress() {
+		_onLabelPress(event) {
 			const items = this.getSlottedNodes("items"),
 				item = items[items.length - 1];
-			this.fireEvent("item-click", { item });
+			this.fireEvent("item-click", { item, ...event.detail });
 		}
 		_onOverflowListItemSelect(event) {
 			const listItem = event.detail.selectedItems[0],

package/src/sap/ui/webc/main/thirdparty/BusyIndicator.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', './types/BusyIndicatorSize', './Label', './generated/templates/BusyIndicatorTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/BusyIndicator.css'], function (UI5Element, litRender, Device, i18nBundle, Keys, Integer, BusyIndicatorSize, Label, BusyIndicatorTemplate_lit, i18nDefaults, BusyIndicator_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', './types/BusyIndicatorSize', './Label', './generated/templates/BusyIndicatorTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/BusyIndicator.css'], function (UI5Element, litRender, i18nBundle, Keys, Integer, BusyIndicatorSize, Label, BusyIndicatorTemplate_lit, i18nDefaults, BusyIndicator_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -85,7 +85,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return {
 				root: {
 					"ui5-busy-indicator-root": true,
-					"ui5-busy-indicator-root--ie": Device.isIE(),
 				},
 			};
 		}

package/src/sap/ui/webc/main/thirdparty/Button.js

@@ -1,10 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/isLegacyBrowser', 'sap/ui/webc/common/thirdparty/base/Device', './types/ButtonDesign', './generated/templates/ButtonTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/Button.css', './generated/themes/Button.ie11.css'], function (UI5Element, litRender, Keys, AriaLabelHelper, FeaturesRegistry, i18nBundle, isLegacyBrowser, Device, ButtonDesign, ButtonTemplate_lit, Icon, i18nDefaults, Button_css, Button_ie11_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/util/isDefaultSlotProvided', './types/ButtonDesign', './generated/templates/ButtonTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/Button.css'], function (UI5Element, litRender, Keys, AriaLabelHelper, FeaturesRegistry, i18nBundle, Device, isDefaultSlotProvided, ButtonDesign, ButtonTemplate_lit, Icon, i18nDefaults, Button_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
-	var isLegacyBrowser__default = /*#__PURE__*/_interopDefaultLegacy(isLegacyBrowser);
+	var isDefaultSlotProvided__default = /*#__PURE__*/_interopDefaultLegacy(isDefaultSlotProvided);
 
 	let isGlobalHandlerAttached = false;
 	let activeButton = null;
@@ -84,7 +84,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return metadata;
 		}
 		static get styles() {
-			return [Button_css, isLegacyBrowser__default() && Button_ie11_css];
+			return Button_css;
 		}
 		static get render() {
 			return litRender__default;
@@ -106,14 +106,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				document.addEventListener("mouseup", this._deactivate);
 				isGlobalHandlerAttached = true;
 			}
+			const handleTouchStartEvent = event => {
+				event.isMarked = "button";
+				if (this.nonInteractive) {
+					return;
+				}
+				this.active = true;
+			};
 			this._ontouchstart = {
-				handleEvent(event) {
-					event.isMarked = "button";
-					if (this.nonInteractive) {
-						return;
-					}
-					this.active = true;
-				},
+				handleEvent: handleTouchStartEvent,
 				passive: true,
 			};
 		}
@@ -190,11 +191,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get hasButtonType() {
 			return this.design !== ButtonDesign.Default && this.design !== ButtonDesign.Transparent;
 		}
+		get iconRole() {
+			if (!this.icon) {
+				return "";
+			}
+			return this.isIconOnly ? "img" : "presentation";
+		}
 		get isIconOnly() {
-			return !Array.from(this.childNodes).filter(node => {
-				return node.nodeType !== Node.COMMENT_NODE
-				&& (node.nodeType !== Node.TEXT_NODE || node.nodeValue.trim().length !== 0);
-			}).length;
+			return !isDefaultSlotProvided__default(this);
 		}
 		static typeTextMappings() {
 			return {

package/src/sap/ui/webc/main/thirdparty/Calendar.js

@@ -88,7 +88,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			this._nextButtonDisabled = !this._currentPickerDOM._hasNextPage();
 			const yearFormat = DateFormat__default.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
 			const localeData = getCachedLocaleDataInstance__default(getLocale__default());
-			this._headerMonthButtonText = localeData.getMonths("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
+			this._headerMonthButtonText = localeData.getMonthsStandAlone("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
 			if (this._currentPicker === "year") {
 				const rangeStart = new CalendarDate__default(this._calendarDate, this._primaryCalendarType);
 				const rangeEnd = new CalendarDate__default(this._calendarDate, this._primaryCalendarType);

package/src/sap/ui/webc/main/thirdparty/CardHeader.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', './generated/templates/CardHeaderTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/CardHeader.css'], function (UI5Element, litRender, i18nBundle, Keys, Integer, CardHeaderTemplate_lit, Icon, i18nDefaults, CardHeader_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', './generated/templates/CardHeaderTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/CardHeader.css'], function (UI5Element, litRender, i18nBundle, Keys, Integer, CardHeaderTemplate_lit, i18nDefaults, CardHeader_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -64,22 +64,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				"ui5-card-header--active": this.interactive && this._headerActive,
 			};
 		}
-		get ariaHeaderRole() {
-			return this.interactive ? "button" : "heading";
+		get _root() {
+			return this.shadowRoot.querySelector(".ui5-card-header");
 		}
-		get _ariaLevel() {
-			if (this.interactive) {
-				return undefined;
-			}
-			return this.ariaLevel;
-		}
-		get ariaCardHeaderRoleDescription() {
+		get ariaRoleDescription() {
 			return this.interactive ? CardHeader.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_CARD_HEADER);
 		}
+		get ariaRoleFocusableElement() {
+			return this.interactive ? "button" : null;
+		}
 		get ariaCardAvatarLabel() {
 			return CardHeader.i18nBundle.getText(i18nDefaults.AVATAR_TOOLTIP);
 		}
-		get ariaLabelledByHeader() {
+		get ariaLabelledBy() {
 			const labels = [];
 			if (this.titleText) {
 				labels.push(`${this._id}-title`);
@@ -101,20 +98,23 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get hasAction() {
 			return !!this.action.length;
 		}
-		static get dependencies() {
-			return [Icon];
-		}
 		static async onDefine() {
 			CardHeader.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
-		_headerClick(event) {
+		_actionsFocusin() {
+			this._root.classList.add("ui5-card-header-hide-focus");
+		}
+		_actionsFocusout() {
+			this._root.classList.remove("ui5-card-header-hide-focus");
+		}
+		_click(event) {
 			event.stopImmediatePropagation();
-			if (this.interactive && event.target === event.currentTarget) {
+			if (this.interactive && this._root.contains(event.target)) {
 				this.fireEvent("click");
 			}
 		}
-		_headerKeydown(event) {
-			if (!this.interactive || event.target !== event.currentTarget) {
+		_keydown(event) {
+			if (!this.interactive || !this._root.contains(event.target)) {
 				return;
 			}
 			const enter = Keys.isEnter(event);
@@ -128,8 +128,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				event.preventDefault();
 			}
 		}
-		_headerKeyup(event) {
-			if (!this.interactive || event.target !== event.currentTarget) {
+		_keyup(event) {
+			if (!this.interactive || !this._root.contains(event.target)) {
 				return;
 			}
 			const space = Keys.isSpace(event);

package/src/sap/ui/webc/main/thirdparty/Carousel.js

@@ -238,6 +238,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.fireEvent("navigate", { selectedIndex: this._selectedIndex });
 			}
 		}
+		_navButtonClick(event) {
+			if (event.target.hasAttribute("arrow-forward")) {
+				this.navigateRight();
+			} else {
+				this.navigateLeft();
+			}
+			this.focus();
+		}
 		navigateTo(itemIndex) {
 			this._resizing = false;
 			this._selectedIndex = itemIndex;

package/src/sap/ui/webc/main/thirdparty/ColorPalette.js

@@ -41,7 +41,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 		events:  {
 			"item-click": {
-				details: {
+				detail: {
 					color: {
 						type: String,
 					},

package/src/sap/ui/webc/main/thirdparty/ColorPalettePopover.js

@@ -32,7 +32,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 		events:  {
 			"item-click": {
-				details: {
+				detail: {
 					color: {
 						type: String,
 					},

package/src/sap/ui/webc/main/thirdparty/ColorPicker.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/CSSColor', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/common/thirdparty/base/util/ColorConversion', './generated/templates/ColorPickerTemplate.lit', './Input', './Slider', './Label', './generated/themes/ColorPicker.css'], function (UI5Element, Keys, CSSColor, Device, Render, litRender, Integer, Float, ColorConversion, ColorPickerTemplate_lit, Input, Slider, Label, ColorPicker_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/CSSColor', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/ColorConversion', './generated/templates/ColorPickerTemplate.lit', './Input', './Slider', './Label', './generated/i18n/i18n-defaults', './generated/themes/ColorPicker.css'], function (UI5Element, Keys, CSSColor, litRender, Integer, Float, i18nBundle, ColorConversion, ColorPickerTemplate_lit, Input, Slider, Label, i18nDefaults, ColorPicker_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -73,6 +73,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				Label,
 			];
 		}
+		static async onDefine() {
+			ColorPicker.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
+		}
 		constructor() {
 			super();
 			this._selectedCoordinates = {
@@ -94,12 +97,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._setValues();
 			this.style.setProperty("--ui5_Color_Picker_Progress_Container_Color", tempColor);
 		}
-		async onAfterRendering() {
-			if (Device.isIE()) {
-				await Render.renderFinished();
-				this._applySliderStyles();
-			}
-		}
 		_applySliderStyles() {
 			const hueSlider = this.getDomRef().querySelector(".ui5-color-picker-hue-slider").shadowRoot,
 				alphaSlider = this.getDomRef().querySelector(".ui5-color-picker-alpha-slider").shadowRoot;
@@ -351,6 +348,27 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			this._setMainColor(this._hue);
 		}
+		get hueSliderLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_HUE_SLIDER);
+		}
+		get alphaSliderLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_ALPHA_SLIDER);
+		}
+		get hexInputLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_HEX);
+		}
+		get redInputLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_RED);
+		}
+		get greenInputLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_GREEN);
+		}
+		get blueInputLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_BLUE);
+		}
+		get alphaInputLabel() {
+			return ColorPicker.i18nBundle.getText(i18nDefaults.COLORPICKER_ALPHA);
+		}
 		get inputsDisabled() {
 			return this._wrongHEX ? true : undefined;
 		}

package/src/sap/ui/webc/main/thirdparty/ComboBox.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/InvisibleMessage', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/not-editable', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/Keys', './_chunks/ComboBoxFilters', './generated/i18n/i18n-defaults', './generated/templates/ComboBoxTemplate.lit', './generated/templates/ComboBoxPopoverTemplate.lit', './generated/themes/ComboBox.css', './generated/themes/ComboBoxPopover.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css', './ComboBoxItem', './Icon', './Popover', './ResponsivePopover', './List', './BusyIndicator', './Button', './StandardListItem', './ComboBoxGroupItem', './GroupHeaderListItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, notEditable, error, alert, sysEnter2, information, i18nBundle, FeaturesRegistry, Keys, ComboBoxFilters, i18nDefaults, ComboBoxTemplate_lit, ComboBoxPopoverTemplate_lit, ComboBox_css, ComboBoxPopover_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_css, ComboBoxItem, Icon, Popover, ResponsivePopover, List, BusyIndicator, Button, StandardListItem, ComboBoxGroupItem, GroupHeaderListItem) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/InvisibleMessage', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/not-editable', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/Keys', './_chunks/Filters', './generated/i18n/i18n-defaults', './generated/templates/ComboBoxTemplate.lit', './generated/templates/ComboBoxPopoverTemplate.lit', './generated/themes/ComboBox.css', './generated/themes/ComboBoxPopover.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css', './ComboBoxItem', './Icon', './Popover', './ResponsivePopover', './List', './BusyIndicator', './Button', './StandardListItem', './ComboBoxGroupItem', './GroupHeaderListItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, notEditable, error, alert, sysEnter2, information, i18nBundle, FeaturesRegistry, Keys, Filters, i18nDefaults, ComboBoxTemplate_lit, ComboBoxPopoverTemplate_lit, ComboBox_css, ComboBoxPopover_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_css, ComboBoxItem, Icon, Popover, ResponsivePopover, List, BusyIndicator, Button, StandardListItem, ComboBoxGroupItem, GroupHeaderListItem) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -261,7 +261,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_startsWithMatchingItems(str) {
-			return ComboBoxFilters.StartsWith(str, this._filteredItems);
+			return Filters.StartsWith(str, this._filteredItems, "text");
 		}
 		_clearFocus() {
 			this._filteredItems.map(item => {
@@ -399,8 +399,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.handleNavKeyPress(event);
 			}
 			if (Keys.isEnter(event)) {
+				this._fireChangeEvent();
 				if (this.responsivePopover.opened) {
-					this._fireChangeEvent();
 					this._closeRespPopover();
 					this.focused = true;
 				} else if (this.FormSupport) {
@@ -452,7 +452,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_filterItems(str) {
 			const itemsToFilter = this.items.filter(item => !item.isGroupItem);
-			const filteredItems = (ComboBoxFilters.Filters[this.filter] || ComboBoxFilters.StartsWithPerTerm)(str, itemsToFilter);
+			const filteredItems = (Filters.Filters[this.filter] || Filters.StartsWithPerTerm)(str, itemsToFilter, "text");
 			return this.items.filter((item, idx, allItems) => ComboBox._groupItemFilter(item, ++idx, allItems, filteredItems) || filteredItems.indexOf(item) !== -1);
 		}
 		static _groupItemFilter(item, idx, allItems, filteredItems) {
@@ -515,6 +515,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const sameItemSelected = this.value === this._selectedItemText;
 			const sameSelectionPerformed = this.value.toLowerCase() === this.filterValue.toLowerCase();
 			if (sameItemSelected && sameSelectionPerformed) {
+				this._fireChangeEvent();
 				return this._closeRespPopover();
 			}
 			this.value = this._selectedItemText;
@@ -629,6 +630,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			ComboBox.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get styles() {
+			const remSizeInPx = parseInt(getComputedStyle(document.documentElement).fontSize);
 			return {
 				popoverHeader: {
 					"width": `${this.offsetWidth}px`,
@@ -637,6 +639,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"display": this._listWidth === 0 ? "none" : "inline-block",
 					"width": `${this._listWidth}px`,
 				},
+				suggestionsPopover: {
+					"min-width": `${this.offsetWidth}px`,
+					"max-width": (this.offsetWidth / remSizeInPx) > 40 ? `${this.offsetWidth}px` : "40rem",
+				},
 			};
 		}
 		get classes() {

package/src/sap/ui/webc/main/thirdparty/DatePicker.js

@@ -68,7 +68,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 		},
 		events:  {
 			change: {
-				details: {
+				detail: {
 					value: {
 						type: String,
 					},
@@ -78,7 +78,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 				},
 			},
 			input: {
-				details: {
+				detail: {
 					value: {
 						type: String,
 					},
@@ -289,9 +289,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 		get showFooter() {
 			return this.phone;
 		}
-		get _isIE() {
-			return Device.isIE();
-		}
 		get accInfo() {
 			return {
 				"ariaRoledescription": this.dateAriaDescription,

package/src/sap/ui/webc/main/thirdparty/DateTimePicker.js

@@ -166,13 +166,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap
 		_submitClick() {
 			const selectedDate = this.getSelectedDateTime();
 			const value = this.getFormat().format(selectedDate);
-			const valid = this.isValid(value);
 			if (this.value !== value) {
-				this.value = value;
-				this.fireEvent("change", { value: this.value, valid });
-				this.fireEvent("value-changed", { value: this.value, valid });
+				this._updateValueAndFireEvents(value, true, ["change", "value-changed"]);
 			}
-			this._updateValueState();
 			this.closePicker();
 		}
 		_cancelClick() {
@@ -203,9 +199,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap
 		getSelectedDateTime() {
 			const selectedDate = this.getFormat().parse(this._calendarSelectedDates[0]);
 			const selectedTime = this.getFormat().parse(this._timeSelectionValue);
-			selectedDate.setHours(selectedTime.getHours());
-			selectedDate.setMinutes(selectedTime.getMinutes());
-			selectedDate.setSeconds(selectedTime.getSeconds());
+			if (selectedTime) {
+				selectedDate.setHours(selectedTime.getHours());
+				selectedDate.setMinutes(selectedTime.getMinutes());
+				selectedDate.setSeconds(selectedTime.getSeconds());
+			}
 			return selectedDate;
 		}
 	}