@openui5/sap.ui.webc.main 1.100.0 → 1.102.1

package/src/sap/ui/webc/main/flexibility/Dialog.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "headerText",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

package/src/sap/ui/webc/main/flexibility/Label.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "text",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

package/src/sap/ui/webc/main/flexibility/Link.flexibility.js

@@ -0,0 +1,27 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename",
+	"sap/ui/webc/main/changeHandler/ChangeLinkTarget"
+], function (BaseRename,ChangeLinkTarget) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"unhideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "text",
+			translationTextType: "XBUT"
+		}),
+		"changeLinkTarget": {
+			"changeHandler": ChangeLinkTarget,
+			"layers": {
+				"CUSTOMER": false
+			}
+		}
+	};
+});

package/src/sap/ui/webc/main/flexibility/Panel.flexibility.js

@@ -0,0 +1,21 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	'sap/ui/fl/changeHandler/BaseRename'
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"moveControls": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "headerText",
+			translationTextType: "XGRP"
+		}),
+		"unhideControl": "default"
+	};
+}, /* bExport= */ true);

package/src/sap/ui/webc/main/flexibility/Popover.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "headerText",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

package/src/sap/ui/webc/main/flexibility/RadioButton.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "headerText",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

package/src/sap/ui/webc/main/flexibility/ResponsivePopover.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "headerText",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

package/src/sap/ui/webc/main/flexibility/Tab.flexibility.js

@@ -0,0 +1,18 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "text",
+			translationTextType: "XBUT"
+		})
+	};
+});

package/src/sap/ui/webc/main/flexibility/TabContainer.flexibility.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "text",
+			translationTextType: "XBUT"
+		}),
+		"unhideControl": "default"
+	};
+});

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

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/fl/changeHandler/BaseRename"
+], function (BaseRename) {
+	"use strict";
+
+	return {
+		"hideControl": "default",
+		"rename": BaseRename.createRenameChangeHandler({
+			propertyName: "text",
+			translationTextType: "XTIT"
+		}),
+		"unhideControl": "default"
+	};
+});

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

@@ -17,10 +17,20 @@ sap.ui.define([
 
 		"use strict";
 
-		// delegate further initialization of this library to the Core
-		sap.ui.getCore().initLibrary({
+		/**
+		 * SAPUI5 library with controls based on UI5 Web Components
+		 *
+		 * @namespace
+		 * @alias sap.ui.webc.main
+		 * @author SAP SE
+		 * @version 1.102.1
+		 * @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.100.0",
+			version: "1.102.1",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -35,6 +45,7 @@ sap.ui.define([
 				"sap.ui.webc.main.IInput",
 				"sap.ui.webc.main.IInputSuggestionItem",
 				"sap.ui.webc.main.IListItem",
+				"sap.ui.webc.main.IMenuItem",
 				"sap.ui.webc.main.IMultiComboBoxItem",
 				"sap.ui.webc.main.ISegmentedButtonItem",
 				"sap.ui.webc.main.ISelectOption",
@@ -114,6 +125,8 @@ sap.ui.define([
 				"sap.ui.webc.main.Label",
 				"sap.ui.webc.main.Link",
 				"sap.ui.webc.main.List",
+				"sap.ui.webc.main.Menu",
+				"sap.ui.webc.main.MenuItem",
 				"sap.ui.webc.main.MessageStrip",
 				"sap.ui.webc.main.MultiComboBox",
 				"sap.ui.webc.main.MultiComboBoxItem",
@@ -156,19 +169,42 @@ sap.ui.define([
 			elements: [],
 			extensions: {
 				flChangeHandlers: {
-					"sap.ui.webc.main.Input": {
+					"sap.ui.webc.main.Badge": "sap/ui/webc/main/flexibility/Badge",
+					"sap.ui.webc.main.BusyIndicator": {
 						"hideControl": "default",
 						"unhideControl": "default"
 					},
-					"sap.ui.webc.main.MultiInput": {
+					"sap.ui.webc.main.Button": "sap/ui/webc/main/flexibility/Button",
+					"sap.ui.webc.main.Card": {
+						"hideControl": "default",
+						"unhideControl": "default"
+					},
+					"sap.ui.webc.main.Carousel": {
 						"hideControl": "default",
 						"unhideControl": "default"
 					},
-					"sap.ui.webc.main.Panel": {
+					"sap.ui.webc.main.DatePicker": {
 						"hideControl": "default",
-						"unhideControl": "default",
-						"moveControls": "default"
+						"unhideControl": "default"
 					},
+					"sap.ui.webc.main.DateTimePicker": {
+						"hideControl": "default",
+						"unhideControl": "default"
+					},
+					"sap.ui.webc.main.Dialog": "sap/ui/webc/main/flexibility/Dialog",
+					"sap.ui.webc.main.Input": {
+						"hideControl": "default",
+						"unhideControl": "default"
+					},
+					"sap.ui.webc.main.Label": "sap/ui/webc/main/flexibility/Label",
+					"sap.ui.webc.main.Link": "sap/ui/webc/main/flexibility/Link",
+					"sap.ui.webc.main.MultiInput": {
+						"hideControl": "default",
+						"unhideControl": "default"
+					},
+					"sap.ui.webc.main.Panel": "sap/ui/webc/main/flexibility/Panel",
+					"sap.ui.webc.main.Popover": "sap/ui/webc/main/flexibility/Popover",
+					"sap.ui.webc.main.RadioButton": "sap/ui/webc/main/flexibility/RadioButton",
 					"sap.ui.webc.main.RangeSlider": {
 						"hideControl": "default",
 						"unhideControl": "default"
@@ -177,32 +213,22 @@ sap.ui.define([
 						"hideControl": "default",
 						"unhideControl": "default"
 					},
+					"sap.ui.webc.main.ResponsivePopover": "sap/ui/webc/main/flexibility/ResponsivePopover",
 					"sap.ui.webc.main.Slider": {
 						"hideControl": "default",
 						"unhideControl": "default"
 					},
+					"sap.ui.webc.main.Tab": "sap/ui/webc/main/flexibility/Tab",
+					"sap.ui.webc.main.TabContainer": "sap/ui/webc/main/flexibility/TabContainer",
 					"sap.ui.webc.main.Table": {
 						"hideControl": "default",
 						"unhideControl": "default"
-					}
+					},
+					"sap.ui.webc.main.Title": "sap/ui/webc/main/flexibility/Title"
 				}
 			}
 		});
 
-		/**
-		 * SAPUI5 library with controls based on UI5 Web Components
-		 *
-		 * @namespace
-		 * @alias sap.ui.webc.main
-		 * @author SAP SE
-		 * @version 1.100.0
-		 * @public
-		 * @since 1.92.0
-		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 */
-		var thisLib = sap.ui.webc.main;
-
-
 		/**
 		 * Interface for components that represent an avatar and may be slotted in numerous higher-order components such as <code>ui5-avatar-group</code>
 		 *
@@ -313,6 +339,17 @@ sap.ui.define([
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 
+		/**
+		 * Interface for components that may be slotted inside <code>ui5-menu</code> as items
+		 *
+		 * @name sap.ui.webc.main.IMenuItem
+		 * @interface
+		 * @public
+		 * @since 1.102.0
+		 * @experimental Since 1.102.0 This API is experimental and might change significantly.
+		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
+		 */
+
 		/**
 		 * Interface for components that may be slotted inside a <code>ui5-multi-combobox</code> as items
 		 *
@@ -949,7 +986,7 @@ sap.ui.define([
 
 
 		/**
-		 * Defines the growing mode, used in the <code>ui5-List</code>.
+		 * Defines the growing mode, used in the <code>ui5-list</code>.
 		 *
 		 * @enum {string}
 		 * @public
@@ -957,7 +994,26 @@ sap.ui.define([
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
-		thisLib.ListGrowingMode = {};
+		thisLib.ListGrowingMode = {
+
+			/**
+			 * Component's <code>load-more</code> is fired upon pressing a "More" button. at the bottom.
+			 * @public
+			 */
+			Button: "Button",
+
+			/**
+			 * Component's growing is not enabled.
+			 * @public
+			 */
+			None: "None",
+
+			/**
+			 * Component's <code>load-more</code> is fired upon scroll.
+			 * @public
+			 */
+			Scroll: "Scroll"
+		};
 
 
 		/**
@@ -1395,7 +1451,26 @@ sap.ui.define([
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
-		thisLib.TableGrowingMode = {};
+		thisLib.TableGrowingMode = {
+
+			/**
+			 * Component's <code>load-more</code> is fired upon pressing a "More" button. at the bottom.
+			 * @public
+			 */
+			Button: "Button",
+
+			/**
+			 * Component's growing is not enabled.
+			 * @public
+			 */
+			None: "None",
+
+			/**
+			 * Component's <code>load-more</code> is fired upon scroll.
+			 * @public
+			 */
+			Scroll: "Scroll"
+		};
 
 
 		/**

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

@@ -19,9 +19,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			_iconOnly: {
 				type: Boolean,
 			},
-			active: {
-				type: Boolean,
-			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -53,12 +50,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._hasIcon = this.hasIcon;
 			this._iconOnly = this.iconOnly;
 		}
-		_onmousedown() {
-			this.active = true;
-		}
-		_onmouseup() {
-			this.active = false;
-		}
 		get hasText() {
 			return !!this.textContent.trim().length;
 		}

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

@@ -255,9 +255,27 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 				item._getRealDomRef = () => this.getDomRef().querySelector(`[data-ui5-stable*=${item.stableDomRef}]`);
 			});
 		}
+		_getItemPositionText(position, size) {
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMB_ITEM_POS, position, size);
+		}
+		_getItemAccessibleName(item, position, size) {
+			const positionText = this._getItemPositionText(position, size);
+			let text = "";
+			if (item.accessibleName) {
+				text = `${item.textContent.trim()} ${item.accessibleName} ${positionText}`;
+			} else {
+				text = `${item.textContent.trim()} ${positionText}`;
+			}
+			return text;
+		}
 		getCurrentLocationLabelWrapper() {
 			return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location > span");
 		}
+		get _visibleItems() {
+			return this.getSlottedNodes("items")
+				.slice(this._overflowSize)
+				.filter(i => this._isItemVisible(i));
+		}
 		get _endsWithCurrentLocationLabel() {
 			return this.design === BreadcrumbsDesign.Standard;
 		}
@@ -272,7 +290,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			return "";
 		}
 		get _currentLocationLabel() {
-			return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location ui5-label");
+			return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location [ui5-label]");
 		}
 		get _isDropdownArrowFocused() {
 			return this._dropdownArrowLink._tabIndex === "0";
@@ -286,7 +304,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			return items.length - 1;
 		}
 		get _dropdownArrowLink() {
-			return this.shadowRoot.querySelector(".ui5-breadcrumbs-dropdown-arrow-link-wrapper ui5-link");
+			return this.shadowRoot.querySelector(".ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link]");
 		}
 		get _overflowItemsData() {
 			return this.getSlottedNodes("items")
@@ -295,14 +313,31 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 				.reverse();
 		}
 		get _linksData() {
-			const items = this.getSlottedNodes("items").slice(this._overflowSize);
+			const items = this._visibleItems;
+			const itemsCount = items.length;
 			if (this._endsWithCurrentLocationLabel) {
 				items.pop();
 			}
-			return items.filter(item => this._isItemVisible(item));
+			return items
+				.map((item, index) => {
+					item._accessibleNameText = this._getItemAccessibleName(item, index + 1, itemsCount);
+					return item;
+				});
+		}
+		get _currentLocationAccName() {
+			const items = this._visibleItems;
+			const positionText = this._getItemPositionText(items.length, items.length);
+			const lastItem = items[items.length - 1];
+			if (!lastItem) {
+				return positionText;
+			}
+			if (lastItem.accessibleName) {
+				return `${lastItem.textContent.trim()} ${lastItem.accessibleName} ${positionText}`;
+			}
+			return `${lastItem.textContent.trim()} ${positionText}`;
 		}
 		get _links() {
-			return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper ui5-link"));
+			return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper [ui5-link]"));
 		}
 		get _isOverflowEmpty() {
 			return this._overflowItemsData.length === 0;

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

@@ -106,6 +106,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				document.addEventListener("mouseup", this._deactivate);
 				isGlobalHandlerAttached = true;
 			}
+			this._ontouchstart = {
+				handleEvent(event) {
+					event.isMarked = "button";
+					if (this.nonInteractive) {
+						return;
+					}
+					this.active = true;
+				},
+				passive: true,
+			};
 		}
 		onEnterDOM() {
 			this._isTouch = (Device.isPhone() || Device.isTablet()) && !Device.isCombi();
@@ -124,7 +134,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			event.isMarked = "button";
 			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
-			if (FormSupport) {
+			if (FormSupport && this.submits) {
 				FormSupport.triggerFormSubmit(this);
 			}
 			if (Device.isSafari()) {
@@ -139,13 +149,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.active = true;
 			activeButton = this;
 		}
-		_ontouchstart(event) {
-			event.isMarked = "button";
-			if (this.nonInteractive) {
-				return;
-			}
-			this.active = true;
-		}
 		_ontouchend(event) {
 			this.active = false;
 			if (activeButton) {

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

@@ -109,12 +109,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_headerClick(event) {
 			event.stopImmediatePropagation();
-			if (this.interactive) {
+			if (this.interactive && event.target === event.currentTarget) {
 				this.fireEvent("click");
 			}
 		}
 		_headerKeydown(event) {
-			if (!this.interactive) {
+			if (!this.interactive || event.target !== event.currentTarget) {
 				return;
 			}
 			const enter = Keys.isEnter(event);
@@ -129,7 +129,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_headerKeyup(event) {
-			if (!this.interactive) {
+			if (!this.interactive || event.target !== event.currentTarget) {
 				return;
 			}
 			const space = Keys.isSpace(event);

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

@@ -25,6 +25,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			readonly: {
 				type: Boolean,
 			},
+			required: {
+				type: Boolean,
+			},
 			indeterminate: {
 				type: Boolean,
 			},