@openui5/sap.ui.webc.common 1.98.0 → 1.101.0

package/THIRDPARTY.txt

@@ -197,7 +197,7 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.7
+Component: URI.js, version: 1.19.10
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
-Component: lit-html, version: 1.4.1
+Component: lit-html, version: 2.0.1
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.34
+Component: SAP Theming Base Content, version: 11.1.38
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.common",
-  "version": "1.98.0",
+  "version": "1.101.0",
   "description": "OpenUI5 UI Library sap.ui.webc.common",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -16,6 +16,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.98.0"
+    "@openui5/sap.ui.core": "1.101.0"
   }
 }

package/src/sap/ui/webc/common/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.98.0</version>
+	<version>1.101.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
@@ -27,7 +27,7 @@
 		</jscoverage>
 		<!-- Thirdparty references -->
 		<thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
-			<lib name="ui5-web-components" displayName="UI5 Web Components" version="1.0.0-rc.12" homepage="https://sap.github.io/ui5-webcomponents/">
+			<lib name="ui5-web-components" displayName="UI5 Web Components" version="1.1.2" homepage="https://sap.github.io/ui5-webcomponents/">
 				<license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
 				<copyright>SAP</copyright>
 				<pattern>sap/ui/webc/common/thirdparty/base/*.*</pattern>
@@ -37,7 +37,7 @@
 				<pattern>sap/ui/webc/common/thirdparty/icons-tnt/*.*</pattern>
 				<pattern>sap/ui/webc/common/thirdparty/icons-business-suite/*.*</pattern>
 			</lib>
-			<lib name="lit-html" displayName="lit-html" version="1.4.1" homepage="https://lit-html.polymer-project.org">
+			<lib name="lit-html" displayName="lit-html" version="2.0.1" homepage="https://lit-html.polymer-project.org">
 				<license url="https://github.com/lit/lit/blob/main/LICENSE" type="BSD-3-Clause"></license>
 				<copyright>Google LLC</copyright>
 				<pattern>sap/ui/webc/common/thirdparty/lit-html/*.*</pattern>

package/src/sap/ui/webc/common/WebComponent.js

@@ -13,7 +13,8 @@ sap.ui.define([
 		"sap/ui/core/Core",
 		"sap/base/strings/hyphenate",
 		"sap/base/strings/camelize",
-		"sap/ui/core/library"
+		"sap/ui/core/library",
+		"sap/ui/core/LabelEnablement"
 	],
 	function(
 		Control,
@@ -23,7 +24,8 @@ sap.ui.define([
 		Core,
 		hyphenate,
 		camelize,
-		coreLibrary
+		coreLibrary,
+		LabelEnablement
 	) {
 		"use strict";
 
@@ -104,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.101.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent
@@ -144,7 +146,8 @@ sap.ui.define([
 		 * @private
 		 */
 		WebComponent.prototype._setSlot = function(oElement, sAggregationName) {
-			if (oElement) {
+			var aDenyList = ["tooltip", "customData", "layoutData", "dependents", "dragDropConfig"];
+			if (oElement && !aDenyList.includes(sAggregationName)) {
 				var sSlot = this.getMetadata().getAggregationSlot(sAggregationName);
 				oElement.__slot = sSlot;
 			}
@@ -272,6 +275,10 @@ sap.ui.define([
 		WebComponent.prototype.__updateObjectProperties = function(oDomRef) {
 			var oAttrProperties = this.getMetadata().getPropertiesByMapping("attribute");
 			for (var sPropName in oAttrProperties) {
+				if (this.isPropertyInitial(sPropName)) {
+					continue; // do not set properties that were not explicitly set/bound
+				}
+
 				var oPropData = oAttrProperties[sPropName];
 				var vPropValue = oPropData.get(this);
 
@@ -293,7 +300,7 @@ sap.ui.define([
 				var vNewValue = oChangeInfo.newValue;
 				var oPropData = this.getMetadata().getProperty(sPropName);
 				if (oPropData) {
-					oPropData.set(this, vNewValue);
+					this.setProperty(sPropName, vNewValue, true); // must suppress invalidation as this is intended to only sync the managed object state, not to trigger a rerender
 				}
 			}
 		};
@@ -358,7 +365,12 @@ sap.ui.define([
 				return arg;
 			});
 
-			return this.getDomRef()[name].apply(this.getDomRef(), converted);
+			var vResult = this.getDomRef()[name].apply(this.getDomRef(), converted);
+			if (typeof vResult === "object") {
+				vResult = fnConvert(vResult);
+			}
+
+			return vResult;
 		};
 
 		WebComponent.prototype.__callPublicGetter = function(name) {
@@ -366,7 +378,12 @@ sap.ui.define([
 				throw new Error("Getter called before custom element has been created by: " + this.getId());
 			}
 
-			return this.getDomRef()[name];
+			var vResult = this.getDomRef()[name];
+			if (typeof vResult === "object") {
+				vResult = fnConvert(vResult);
+			}
+
+			return vResult;
 		};
 
 		WebComponent.prototype.destroy = function() {
@@ -376,9 +393,18 @@ sap.ui.define([
 				oDomRef.detachInvalidate(this.__onInvalidationBound);
 			}
 
-			return Control.prototype.destroy.call(this, arguments);
+			return Control.prototype.destroy.apply(this, arguments);
 		};
 
+		/**
+		 * Maps the "enabled" property to the "disabled" attribute
+		 * @param bEnabled
+		 * @returns {boolean}
+		 * @private
+		 */
+		WebComponent.prototype._mapEnabled = function(bEnabled) {
+			return !bEnabled;
+		};
 
 		/**
 		 * Maps the "textDirection" property to the "dir" attribute
@@ -394,5 +420,24 @@ sap.ui.define([
 			return sTextDirection.toLowerCase();
 		};
 
+		/**
+		 * Generates a string containing the ID's from the association ariaLabelledBy.
+		 * @param {string[]} aAriaLabelledBy an array of IDs associated with this control
+		 * @returns {string} sAriaLabelledBy
+		 */
+		WebComponent.prototype._getAriaLabelledByForRendering = function (aAriaLabelledBy) {
+			var aFilteredIds = LabelEnablement.getReferencingLabels(this);
+
+			if (Array.isArray(aAriaLabelledBy)) {
+				aAriaLabelledBy.forEach(function (sId) {
+					if (aFilteredIds.indexOf(sId) < 0) {
+						aFilteredIds.unshift(sId);
+					}
+				});
+			}
+
+			return aFilteredIds.join(" ");
+		};
+
 		return WebComponent;
 	});

package/src/sap/ui/webc/common/WebComponentMetadata.js

@@ -6,10 +6,11 @@
 
 // Provides class sap.ui.webc.common.WebComponentMetadata
 sap.ui.define([
-		'sap/ui/core/ElementMetadata',
-		'./WebComponentRenderer'
+		"sap/ui/core/ElementMetadata",
+		"./WebComponentRenderer",
+		"sap/base/strings/camelize"
 	],
-	function(ElementMetadata, WebComponentRenderer) {
+	function(ElementMetadata, WebComponentRenderer, camelize) {
 		"use strict";
 
 		var MAPPING_TYPES = ["attribute", "style", "textContent", "slot", "none"];
@@ -22,7 +23,7 @@ sap.ui.define([
 		 *
 		 * @class
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.101.0
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 The API might change. It is not intended for productive usage yet!
 		 * @alias sap.ui.webc.common.WebComponentMetadata
@@ -74,12 +75,12 @@ sap.ui.define([
 		var OriginalAssociation = ElementMetadata.prototype.metaFactoryAssociation;
 		var WebComponentAssociation = function(oClass, name, info) {
 			OriginalAssociation.apply(this, arguments);
-
 			if (!info.mapping || typeof info.mapping !== "object") {
 				this._sMapping = ""; // For associations, "mapping" must be an object, because "to" is required
 			} else {
 				this._sMapping = "property"; // Associations map only to properties, no matter what is set, it's always "property" mapping
 				this._sMapTo = info.mapping.to; // The property, to which the association is related
+				this._fnMappingFormatter = info.mapping.formatter;
 			}
 		};
 		WebComponentAssociation.prototype = Object.create(OriginalAssociation.prototype);
@@ -156,6 +157,35 @@ sap.ui.define([
 			return oAggregation ? oAggregation._sSlot : undefined;
 		};
 
+		/**
+		 * Determines whether the attribute corresponds to a managed property
+		 * @param sAttr the attribute's name
+		 * @returns {boolean}
+		 */
+		WebComponentMetadata.prototype.isManagedAttribute = function(sAttr) {
+			var mProperties = this.getAllProperties();
+			for (var propName in mProperties) {
+				if (mProperties.hasOwnProperty(propName)) {
+					var propData = mProperties[propName];
+					if (propData._sMapping === "attribute" && (propData._sMapTo === sAttr || camelize(sAttr) === propName)) {
+						return true;
+					}
+				}
+			}
+
+			var mAssociations = this.getAllAssociations();
+			for (var sAssocName in mAssociations) {
+				if (mAssociations.hasOwnProperty(sAssocName)) {
+					var oAssocData = mAssociations[sAssocName];
+					if (oAssocData._sMapping === "property" && oAssocData._sMapTo === camelize(sAttr)) {
+						return true;
+					}
+				}
+			}
+
+			return false;
+		};
+
 		/**
 		 * Returns a map, containing all properties of a certain mapping type
 		 * @param sMapping

package/src/sap/ui/webc/common/WebComponentRenderer.js

@@ -8,10 +8,9 @@
 sap.ui.define([
 		"sap/ui/core/Element",
 		"sap/ui/core/Control",
-		"sap/base/strings/hyphenate",
-		"sap/base/strings/camelize"
+		"sap/base/strings/hyphenate"
 	],
-	function(Element, Control, hyphenate, camelize) {
+	function(Element, Control, hyphenate) {
 		"use strict";
 
 		/**
@@ -26,7 +25,7 @@ sap.ui.define([
 		/**
 		 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 		 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
-		 * @param {sap.ui.core.Control} oWebComponent an object representation of the control that should be rendered
+		 * @param {sap.ui.webc.common.WebComponent} oWebComponent an object representation of the control that should be rendered
 		 */
 		WebComponentRenderer.render = function(oRm, oWebComponent){
 			var sTag = oWebComponent.getMetadata().getTag();
@@ -40,6 +39,8 @@ sap.ui.define([
 			this.renderStyleProperties(oRm, oWebComponent);
 			// Properties, managed by associations
 			this.renderAssociationProperties(oRm, oWebComponent);
+			// Tooltip aggregation
+			this.renderTooltipAggregation(oRm, oWebComponent);
 			// Hook for customization
 			this.customRenderInOpeningTag(oRm, oWebComponent);
 			// Attributes/Styles that the component sets internally
@@ -70,7 +71,12 @@ sap.ui.define([
 		 */
 		WebComponentRenderer.renderAttributeProperties = function(oRm, oWebComponent) {
 			var oAttrProperties = oWebComponent.getMetadata().getPropertiesByMapping("attribute");
+			var aPropsToAlwaysSet = ["enabled"]; // some properties can be initial and still have a non-default value due to side effects (e.g. EnabledPropagator)
 			for (var sPropName in oAttrProperties) {
+				if (oWebComponent.isPropertyInitial(sPropName) && !aPropsToAlwaysSet.includes(sPropName)) {
+					continue; // do not set attributes for properties that were not explicitly set or bound
+				}
+
 				var oPropData = oAttrProperties[sPropName];
 				var vPropValue = oPropData.get(oWebComponent);
 				if (oPropData.type === "object" || typeof vPropValue === "object") {
@@ -108,15 +114,14 @@ sap.ui.define([
 			}
 
 			var aAttributes = oDomRef.getAttributeNames();
-			var mProperties = oWebComponent.getMetadata().getAllProperties();
 			var aSkipList = ["id", "data-sap-ui", "style", "class"];
 			aAttributes.forEach(function(sAttr) {
 				if (aSkipList.indexOf(sAttr) !== -1) {
 					return; // Skip attributes, set by the framework
 				}
-				var sProp = camelize(sAttr);
-				if (mProperties[sProp] !== undefined) {
-					return; // Skip managed attributes/properties
+
+				if (oWebComponent.getMetadata().isManagedAttribute(sAttr)) {
+					return;
 				}
 
 				var sValue = oDomRef.getAttribute(sAttr); // Repeat the value from DOM
@@ -193,14 +198,34 @@ sap.ui.define([
 			for (var sAssocName in oAssociations) {
 				var oAssocData = oAssociations[sAssocName];
 				var vAssocValue = oAssocData.get(oWebComponent);
-				var sPropName = oAssocData._sMapTo; // The name of the property to be set with the association's ID value
-				var sPropValue = typeof vAssocValue === "object" ? vAssocValue.getId() : vAssocValue; // The ID, held by the association
-				if (sPropValue) { // Only set the property, if the association is set
-					oRm.attr(sPropName, sPropValue);
+				var sAttrName = hyphenate(oAssocData._sMapTo); // The name of the attribute to be set with the association's ID value
+				if (oAssocData._fnMappingFormatter) {
+					vAssocValue = oWebComponent[oAssocData._fnMappingFormatter].call(oWebComponent, vAssocValue);
+				}
+
+				if (!oAssocData.multiple && vAssocValue && typeof vAssocValue === "object") {
+					vAssocValue = vAssocValue.getId(); // The value will be the control ID, held by the association
+				}
+
+				if (vAssocValue) { // Only set the property, if the association is set
+					oRm.attr(sAttrName, vAssocValue);
 				}
 			}
 		};
 
+		/**
+		 * Transforms the tooltip aggregation to a tooltip attribute - components that support this attribute will use it
+		 * @private
+		 * @param oRm
+		 * @param oWebComponent
+		 */
+		WebComponentRenderer.renderTooltipAggregation = function(oRm, oWebComponent) {
+			var sTooltipText = oWebComponent.getTooltip_Text();
+			if (sTooltipText) {
+				oRm.attr("tooltip", sTooltipText);
+			}
+		};
+
 		/**
 		 * Renders text inside the component, if it has a property of type textContent
 		 * Normally a single property of this type is expected (such as button text), but if more than one are set, they are all rendered

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

@@ -20,33 +20,13 @@ sap.ui.define([
 
 	"use strict";
 
-	// delegate further initialization of this library to the Core
-	sap.ui.getCore().initLibrary({
-		name : "sap.ui.webc.common",
-		version: "1.98.0",
-		dependencies : ["sap.ui.core"],
-		noLibraryCSS: true,
-		designtime: "sap/ui/webc/common/designtime/library.designtime",
-		interfaces: [
-		],
-		types: [
-		],
-		controls: [
-			"sap.ui.webc.common.WebComponent"
-		],
-		elements: [
-		],
-		extensions: {
-		}
-	});
-
 	/**
 	 * Namespace for UI5 Web Components Retrofit libraries
 	 *
 	 * @namespace
-	 * @alias sap.ui.webc
+	 * @name sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -58,12 +38,29 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
 	 */
-	var thisLib = sap.ui.webc.common;
+	var thisLib = sap.ui.getCore().initLibrary({
+		name : "sap.ui.webc.common",
+		version: "1.101.0",
+		dependencies : ["sap.ui.core"],
+		noLibraryCSS: true,
+		designtime: "sap/ui/webc/common/designtime/library.designtime",
+		interfaces: [
+		],
+		types: [
+		],
+		controls: [
+			"sap.ui.webc.common.WebComponent"
+		],
+		elements: [
+		],
+		extensions: {
+		}
+	});
 
 	CustomElementsScope.setCustomElementsScopingSuffix("ui5");
 

package/src/sap/ui/webc/common/thirdparty/base/Boot.js

@@ -1,25 +1,31 @@
-sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './FeaturesRegistry'], function (exports, EventProvider, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, FeaturesRegistry) { 'use strict';
+sap.ui.define(['exports', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './Runtimes', './FeaturesRegistry'], function (exports, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, Runtimes, FeaturesRegistry) { 'use strict';
 
-	let booted = false;
-	const eventProvider = new EventProvider();
-	const attachBoot = listener => {
-		eventProvider.attachEvent("boot", listener);
+	let bootPromise;
+	const attachBoot = async listener => {
+		await boot();
+		listener();
 	};
 	const boot = async () => {
-		if (booted) {
-			return;
+		if (bootPromise) {
+			return bootPromise;
 		}
-		const OpenUI5Support = FeaturesRegistry.getFeature("OpenUI5Support");
-		if (OpenUI5Support) {
-			await OpenUI5Support.init();
-		}
-		await whenDOMReady();
-		await applyTheme(Theme.getTheme());
-		OpenUI5Support && OpenUI5Support.attachListeners();
-		FontFace();
-		SystemCSSVars();
-		await eventProvider.fireEventAsync("boot");
-		booted = true;
+		bootPromise = new Promise(async resolve => {
+			Runtimes.registerCurrentRuntime();
+			const OpenUI5Support = FeaturesRegistry.getFeature("OpenUI5Support");
+			const F6Navigation = FeaturesRegistry.getFeature("F6Navigation");
+			if (OpenUI5Support) {
+				await OpenUI5Support.init();
+			} else if (F6Navigation) {
+				F6Navigation.init();
+			}
+			await whenDOMReady();
+			await applyTheme(Theme.getTheme());
+			OpenUI5Support && OpenUI5Support.attachListeners();
+			FontFace();
+			SystemCSSVars();
+			resolve();
+		});
+		return bootPromise;
 	};
 
 	exports.attachBoot = attachBoot;

package/src/sap/ui/webc/common/thirdparty/base/CustomElementsRegistry.js

@@ -1,10 +1,13 @@
-sap.ui.define(['exports', './util/setToArray'], function (exports, setToArray) { 'use strict';
+sap.ui.define(['exports', './util/setToArray', './getSharedResource', './Runtimes'], function (exports, setToArray, getSharedResource, Runtimes) { 'use strict';
 
+	const Tags = getSharedResource("Tags", new Map());
 	const Definitions = new Set();
-	const Failures = new Set();
+	let Failures = {};
 	let failureTimeout;
+	const UNKNOWN_RUNTIME = "unknown";
 	const registerTag = tag => {
 		Definitions.add(tag);
+		Tags.set(tag, Runtimes.getCurrentRuntimeIndex());
 	};
 	const isTagRegistered = tag => {
 		return Definitions.has(tag);
@@ -13,17 +16,57 @@ sap.ui.define(['exports', './util/setToArray'], function (exports, setToArray) {
 		return setToArray(Definitions);
 	};
 	const recordTagRegistrationFailure = tag => {
-		Failures.add(tag);
+		let tagRegRuntimeIndex = Tags.get(tag);
+		if (tagRegRuntimeIndex === undefined) {
+			tagRegRuntimeIndex = UNKNOWN_RUNTIME;
+		}
+		Failures[tagRegRuntimeIndex] = Failures[tagRegRuntimeIndex] || new Set();
+		Failures[tagRegRuntimeIndex].add(tag);
 		if (!failureTimeout) {
 			failureTimeout = setTimeout(() => {
 				displayFailedRegistrations();
+				Failures = {};
 				failureTimeout = undefined;
 			}, 1000);
 		}
 	};
 	const displayFailedRegistrations = () => {
-		console.warn(`The following tags have already been defined by a different UI5 Web Components version: ${setToArray(Failures).join(", ")}`);
-		Failures.clear();
+		const allRuntimes = Runtimes.getAllRuntimes();
+		const currentRuntimeIndex = Runtimes.getCurrentRuntimeIndex();
+		const currentRuntime = allRuntimes[currentRuntimeIndex];
+		let message = `Multiple UI5 Web Components instances detected.`;
+		if (allRuntimes.length > 1) {
+			message = `${message}\nLoading order (versions before 1.1.0 not listed): ${allRuntimes.map(runtime => `\n${runtime.description}`).join("")}`;
+		}
+		Object.keys(Failures).forEach(otherRuntimeIndex => {
+			let comparison;
+			let otherRuntime;
+			if (otherRuntimeIndex === UNKNOWN_RUNTIME) {
+				comparison = 1;
+				otherRuntime = {
+					description: `Older unknown runtime`,
+				};
+			} else {
+				comparison = Runtimes.compareRuntimes(currentRuntimeIndex, otherRuntimeIndex);
+				otherRuntime = allRuntimes[otherRuntimeIndex];
+			}
+			let compareWord;
+			if (comparison > 0) {
+				compareWord = "an older";
+			} else if (comparison < 0) {
+				compareWord = "a newer";
+			} else {
+				compareWord = "the same";
+			}
+			message = `${message}\n\n"${currentRuntime.description}" failed to define ${Failures[otherRuntimeIndex].size} tag(s) as they were defined by a runtime of ${compareWord} version "${otherRuntime.description}": ${setToArray(Failures[otherRuntimeIndex]).sort().join(", ")}.`;
+			if (comparison > 0) {
+				message = `${message}\nWARNING! If your code uses features of the above web components, unavailable in ${otherRuntime.description}, it might not work as expected!`;
+			} else {
+				message = `${message}\nSince the above web components were defined by the same or newer version runtime, they should be compatible with your code.`;
+			}
+		});
+		message = `${message}\n\nTo prevent other runtimes from defining tags that you use, consider using scoping or have third-party libraries use scoping: https://github.com/SAP/ui5-webcomponents/blob/master/docs/2-advanced/03-scoping.md.`;
+		console.warn(message);
 	};
 
 	exports.getAllRegisteredTags = getAllRegisteredTags;

package/src/sap/ui/webc/common/thirdparty/base/Device.js

@@ -7,9 +7,10 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const safari = !ie && !chrome && /(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(ua);
 	const webkit = !ie && /webkit/.test(ua);
 	const windows = navigator.platform.indexOf("Win") !== -1;
+	const iOS = navigator.platform.match(/iPhone|iPad|iPod/) || (navigator.userAgent.match(/Mac/) && "ontouchend" in document);
 	const android = !windows && /Android/.test(ua);
 	const androidPhone = android && /(?=android)(?=.*mobile)/i.test(ua);
-	const ipad = /ipad/i.test(ua);
+	const ipad = /ipad/i.test(ua) || (/Macintosh/i.test(ua) && "ontouchend" in document);
 	let windowsVersion;
 	let webkitVersion;
 	let tablet;
@@ -77,11 +78,15 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isCombi = () => {
 		return isTablet() && isDesktop();
 	};
+	const isIOS = () => {
+		return iOS;
+	};
 
 	exports.isChrome = isChrome;
 	exports.isCombi = isCombi;
 	exports.isDesktop = isDesktop;
 	exports.isIE = isIE;
+	exports.isIOS = isIOS;
 	exports.isPhone = isPhone;
 	exports.isSafari = isSafari;
 	exports.isTablet = isTablet;