@openui5/sap.ui.webc.main 1.96.1 → 1.97.1

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -33,11 +33,11 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.TableRow</code> exposes the following CSS Shadow Parts:
 	 * <ul>
 	 *     <li>row - Used to style the native <code>tr</code> element</li>
-	 *     <li>popin-row - Used to style the <code>tr</code> element</li> when a row pops in
+	 *     <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public
@@ -71,9 +71,9 @@ sap.ui.define([
 				 * <ul>
 				 *     <li><code>Active</code></li>
 				 *     <li><code>Inactive</code></li>
-				 *     <ul> <br>
-				 *         <br>
-				 *         <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press, while with type <code>Inactive</code> - will not.
+				 * </ul> <br>
+				 * <br>
+				 * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press, while with type <code>Inactive</code> - will not.
 				 */
 				type: {
 					type: "sap.ui.webc.main.TableRowType",

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -26,7 +26,7 @@ sap.ui.define([
 	 *
 	 * <h3>Overview</h3>
 	 *
-	 * The <code>sap.ui.webc.main.TextArea</code> component provides large spaces for text entries in the form of multiple rows. It has the functionality of the <code>TextField</code> with the additional functionality for multiline texts. <br>
+	 * The <code>sap.ui.webc.main.TextArea</code> component is used to enter multiple lines of text. <br>
 	 * <br>
 	 * When empty, it can hold a placeholder similar to a <code>sap.ui.webc.main.Input</code>. You can define the rows of the <code>sap.ui.webc.main.TextArea</code> and also determine specific behavior when handling long texts.
 	 *
@@ -39,7 +39,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public
@@ -72,7 +72,7 @@ sap.ui.define([
 				/**
 				 * Indicates whether the user can interact with the component or not. <br>
 				 * <br>
-				 * <b>Note:</b> Disabled components cannot be focused and they are out of the tab chain.
+				 * <b>Note:</b> A disabled component is completely noninteractive.
 				 */
 				disabled: {
 					type: "boolean",
@@ -90,7 +90,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the maximum number of lines that the Web Component can grow.
+				 * Defines the maximum number of lines that the component can grow.
 				 */
 				growingMaxLines: {
 					type: "int",
@@ -178,7 +178,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the value of the Web Component.
+				 * Defines the value of the component.
 				 */
 				value: {
 					type: "string",

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -24,11 +24,11 @@ sap.ui.define([
 	 * @extends sap.ui.webc.common.WebComponent
 	 * @class
 	 *
-	 * <h3>Overview</h3> The <code>sap.ui.webc.main.TimePicker</code> component provides an input field with assigned sliders which opens on user action. The <code>sap.ui.webc.main.TimePicker</code> allows users to select a localized time using touch, mouse, or keyboard input. It consists of two parts: the time input field and the sliders.
+	 * <h3>Overview</h3> The <code>sap.ui.webc.main.TimePicker</code> component provides an input field with assigned sliders which are opened on user action. The <code>sap.ui.webc.main.TimePicker</code> allows users to select a localized time using touch, mouse, or keyboard input. It consists of two parts: the time input field and the sliders.
 	 *
 	 * <h3>Usage</h3> The user can enter a time by:
 	 * <ul>
-	 *     <li>Using the sliders that opens in a popup</li>
+	 *     <li>Using the sliders that are displayed in a popup</li>
 	 *     <li>Typing it in directly in the input field</li>
 	 * </ul> <br>
 	 * <br>
@@ -62,7 +62,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.Title</code> component is used to display titles inside a page. It is a simple, large-sized text with explicit header/title semantics.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -44,7 +44,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -30,7 +30,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.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public
@@ -57,7 +57,7 @@ sap.ui.define([
 				 *
 				 * <br>
 				 * <br>
-				 * <b>Note:</b>
+				 * <b>The available values are:</b>
 				 *
 				 *
 				 * <ul>
@@ -75,7 +75,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines whether the component is disabled (default is set to <code>false</code>). A disabled component can't be pressed or focused, and it is not in the tab chain.
+				 * Defines whether the component is disabled. A disabled component can't be pressed or focused, and it is not in the tab chain.
 				 */
 				disabled: {
 					type: "boolean",

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -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.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public
@@ -72,7 +72,7 @@ sap.ui.define([
 			aggregations: {
 
 				/**
-				 * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used. Accepts <code>sap.ui.webc.main.Icon</code>
+				 * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used. Accepts <code>sap.ui.webc.main.Icon</code>.
 				 */
 				closeIcon: {
 					type: "sap.ui.webc.main.IIcon",

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -57,7 +57,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public
@@ -194,6 +194,34 @@ sap.ui.define([
 					}
 				},
 
+				/**
+				 * Fired when the mouse cursor leaves the tree item borders.
+				 */
+				itemMouseout: {
+					parameters: {
+						/**
+						 * the hovered item.
+						 */
+						item: {
+							type: "HTMLElement"
+						}
+					}
+				},
+
+				/**
+				 * Fired when the mouse cursor enters the tree item borders.
+				 */
+				itemMouseover: {
+					parameters: {
+						/**
+						 * the hovered item.
+						 */
+						item: {
+							type: "HTMLElement"
+						}
+					}
+				},
+
 				/**
 				 * Fired when a tree item is expanded or collapsed. <i>Note:</i> You can call <code>preventDefault()</code> on the event object to suppress the event, if needed. This may be handy for example if you want to dynamically load tree items upon the user expanding a node. Even if you prevented the event's default behavior, you can always manually call <code>toggle()</code> on a tree item.
 				 */

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -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.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -9,16 +9,17 @@
  */
 sap.ui.define([
 		"sap/ui/webc/common/library",
+		"sap/ui/webc/common/thirdparty/base/CSP",
 		"./thirdparty/Assets"
 	], // library dependency
-	function() {
+	function(commonLibrary, CSP) {
 
 		"use strict";
 
 		// delegate further initialization of this library to the Core
 		sap.ui.getCore().initLibrary({
 			name: "sap.ui.webc.main",
-			version: "1.96.1",
+			version: "1.97.1",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -93,6 +94,7 @@ sap.ui.define([
 				"sap.ui.webc.main.CheckBox",
 				"sap.ui.webc.main.ColorPalette",
 				"sap.ui.webc.main.ColorPaletteItem",
+				"sap.ui.webc.main.ColorPalettePopover",
 				"sap.ui.webc.main.ColorPicker",
 				"sap.ui.webc.main.ComboBox",
 				"sap.ui.webc.main.ComboBoxGroupItem",
@@ -157,7 +159,7 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.main
 		 * @author SAP SE
-		 * @version 1.96.1
+		 * @version 1.97.1
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
@@ -182,8 +184,8 @@ sap.ui.define([
 		 * @name sap.ui.webc.main.IBreadcrumbsItem
 		 * @interface
 		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 * @since 1.95.0
+		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 
@@ -292,8 +294,8 @@ sap.ui.define([
 		 * @name sap.ui.webc.main.ISegmentedButtonItem
 		 * @interface
 		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 * @since 1.95.0
+		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 
@@ -551,8 +553,8 @@ sap.ui.define([
 		 *
 		 * @enum {string}
 		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 * @since 1.95.0
+		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.BreadcrumbsDesign = {
@@ -576,8 +578,8 @@ sap.ui.define([
 		 *
 		 * @enum {string}
 		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 * @since 1.95.0
+		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.BreadcrumbsSeparatorStyle = {
@@ -1513,6 +1515,8 @@ sap.ui.define([
 			Normal: "Normal"
 		};
 
+		CSP.setPackageCSSRoot("@ui5/webcomponents", sap.ui.require.toUrl("sap/ui/webc/main/thirdparty/css/"));
+
 		return thisLib;
 
-	});
+	});

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/localization/Assets', 'sap/ui/webc/common/thirdparty/theme-base/Assets', 'sap/ui/webc/common/thirdparty/icons/Assets', './generated/json-imports/Themes', './generated/json-imports/i18n'], function (Assets, Assets$1, Assets$2, Themes, i18n) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/localization/Assets', 'sap/ui/webc/common/thirdparty/theming/Assets', 'sap/ui/webc/common/thirdparty/icons/Assets', './generated/json-imports/Themes', './generated/json-imports/i18n'], function (Assets, Assets$1, Assets$2, Themes, i18n) { 'use strict';
 
 
 

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

@@ -67,10 +67,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 	};
 	class Avatar extends UI5Element__default {
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -87,7 +83,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Icon];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Avatar.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get tabindex() {
 			return this._tabIndex || (this.interactive ? "0" : "-1");
@@ -115,17 +111,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (this.accessibleName) {
 				return this.accessibleName;
 			}
-			return this.i18nBundle.getText(i18nDefaults.AVATAR_TOOLTIP) || undefined;
+			return Avatar.i18nBundle.getText(i18nDefaults.AVATAR_TOOLTIP) || undefined;
 		}
 		get hasImage() {
 			this._hasImage = !!this.image.length;
 			return this._hasImage;
 		}
-		_onclick(event) {
-			if (this.interactive) {
-				event.stopPropagation();
-				this.fireEvent("click");
-			}
+		onBeforeRendering() {
+			this._onclick = this.interactive ? this._onClickHandler.bind(this) : undefined;
+		}
+		_onClickHandler(event) {
+			event.stopPropagation();
+			this.fireEvent("click");
 		}
 		_onkeydown(event) {
 			if (!this.interactive) {

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

@@ -77,7 +77,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._colorIndex = 0;
 			this._hiddenItems = 0;
 			this._onResizeHandler = this._onResize.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		static get metadata() {
 			return metadata;
@@ -97,7 +96,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			AvatarGroup.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get hiddenItems() {
 			return this.items.slice(this._hiddenStartIndex);
@@ -111,17 +110,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get _ariaLabelText() {
 			const hiddenItemsCount = this.hiddenItems.length;
 			const typeLabelKey = this._isGroup ? i18nDefaults.AVATAR_GROUP_ARIA_LABEL_GROUP : i18nDefaults.AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL;
-			let text = this.i18nBundle.getText(typeLabelKey);
-			text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, [this._itemsCount - hiddenItemsCount], [hiddenItemsCount])}`;
+			let text = AvatarGroup.i18nBundle.getText(typeLabelKey);
+			text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, this._itemsCount - hiddenItemsCount, hiddenItemsCount)}`;
 			if (this._isGroup) {
-				text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
+				text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
 			} else {
-				text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_MOVE)}`;
+				text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_MOVE)}`;
 			}
 			return text;
 		}
 		get _overflowButtonAriaLabelText() {
-			return this._isGroup ? undefined : this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
+			return this._isGroup ? undefined : AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
 		}
 		get _containerAriaHasPopup() {
 			return this._isGroup ? this._getAriaHasPopup() : undefined;

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

@@ -19,6 +19,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			_iconOnly: {
 				type: Boolean,
 			},
+			active: {
+				type: Boolean,
+			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -31,10 +34,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 	};
 	class Badge extends UI5Element__default {
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -48,12 +47,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return Badge_css;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Badge.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
 			this._hasIcon = this.hasIcon;
 			this._iconOnly = this.iconOnly;
 		}
+		_onmousedown() {
+			this.active = true;
+		}
+		_onmouseup() {
+			this.active = false;
+		}
 		get hasText() {
 			return !!this.textContent.trim().length;
 		}
@@ -64,7 +69,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.hasIcon && !this.hasText;
 		}
 		get badgeDescription() {
-			return this.i18nBundle.getText(i18nDefaults.BADGE_DESCRIPTION);
+			return Badge.i18nBundle.getText(i18nDefaults.BADGE_DESCRIPTION);
 		}
 	}
 	Badge.define();

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

@@ -64,7 +64,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this._initItemNavigation();
 			this._onResizeHandler = this._updateOverflow.bind(this);
 			this._breadcrumbItemWidths = new WeakMap();
@@ -305,13 +304,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			return !!this.responsivePopover && this.responsivePopover.opened;
 		}
 		get _accessibleNameText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_ARIA_LABEL);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_ARIA_LABEL);
 		}
 		get _dropdownArrowAccessibleNameText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_OVERFLOW_ARIA_LABEL);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_OVERFLOW_ARIA_LABEL);
 		}
 		get _cancelButtonText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_CANCEL_BUTTON);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_CANCEL_BUTTON);
 		}
 		static get dependencies() {
 			return [
@@ -324,6 +323,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 				Icon,
 			];
 		}
+		static async onDefine() {
+			Breadcrumbs.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
+		}
 	}
 	Breadcrumbs.define();
 

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

@@ -39,7 +39,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	class BusyIndicator extends UI5Element__default {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this._keydownHandler = this._handleKeydown.bind(this);
 			this._preventEventHandler = this._preventEvent.bind(this);
 		}
@@ -75,10 +74,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Label];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			BusyIndicator.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get ariaTitle() {
-			return this.i18nBundle.getText(i18nDefaults.BUSY_INDICATOR_TITLE);
+			return BusyIndicator.i18nBundle.getText(i18nDefaults.BUSY_INDICATOR_TITLE);
 		}
 		get labelId() {
 			return this.text ? `${this._id}-label` : undefined;

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

@@ -105,10 +105,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				document.addEventListener("mouseup", this._deactivate);
 				isGlobalHandlerAttached = true;
 			}
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onEnterDOM() {
-			this._isTouch = Device.isPhone() || Device.isTablet();
+			this._isTouch = (Device.isPhone() || Device.isTablet()) && !Device.isCombi();
 		}
 		onBeforeRendering() {
 			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
@@ -202,7 +201,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			};
 		}
 		get buttonTypeText() {
-			return this.i18nBundle.getText(Button.typeTextMappings()[this.design]);
+			return Button.i18nBundle.getText(Button.typeTextMappings()[this.design]);
 		}
 		get tabIndexValue() {
 			const tabindex = this.getAttribute("tabindex");
@@ -215,7 +214,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.iconOnly && !this.title;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Button.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Button.define();