@openui5/sap.ui.webc.common 1.99.1 → 1.102.0

package/THIRDPARTY.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.39
 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.99.1",
+  "version": "1.102.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.99.1"
+    "@openui5/sap.ui.core": "1.102.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.99.1</version>
+	<version>1.102.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

@@ -106,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.99.1
+		 * @version 1.102.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent
@@ -118,12 +118,25 @@ sap.ui.define([
 			metadata : {
 				stereotype : "webcomponent",
 				"abstract" : true,
-				library : "sap.ui.core"
+				library : "sap.ui.core",
+				properties: {
+					__isBusy: {
+						type: "boolean",
+						visibility: "hidden",
+						defaultValue: false,
+						mapping: {
+							type: "attribute",
+							to: "__is-busy"
+						}
+					}
+				}
 			},
 
 			constructor : function(sId, mSettings) {
 				Control.apply(this, arguments);
 
+				this.__busyIndicatorTimeout = null;
+
 				this.__onInvalidationBound = this.__onInvalidation.bind(this);
 				this.__handleCustomEventBound = this.__handleCustomEvent.bind(this);
 
@@ -146,7 +159,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;
 			}
@@ -274,6 +288,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);
 
@@ -284,6 +302,25 @@ sap.ui.define([
 			}
 		};
 
+		WebComponent.prototype.setBusy = function(bBusy) {
+			var bCurrentBusyState = this.getBusy();
+
+			this.setProperty("busy", bBusy, true);
+
+			if (bCurrentBusyState !== bBusy) {
+				if (bBusy) {
+					this.__busyIndicatorTimeout = setTimeout(function() {
+						this.setProperty("__isBusy", bBusy);
+					}.bind(this), this.getBusyIndicatorDelay());
+				} else {
+					this.setProperty("__isBusy", bBusy);
+					clearTimeout(this.__busyIndicatorTimeout);
+				}
+			}
+
+			return this;
+		};
+
 		/**
 		 * Synchronize user-controlled properties (such as checked, value)
 		 * @param oChangeInfo
@@ -295,7 +332,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
 				}
 			}
 		};
@@ -360,7 +397,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) {
@@ -368,7 +410,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() {
@@ -378,9 +425,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

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.99.1
+		 * @version 1.102.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
@@ -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
@@ -164,6 +194,7 @@ sap.ui.define([
 		WebComponentMetadata.prototype.getPropertiesByMapping = function(sMapping) {
 			var mFiltered = {};
 			var mProperties = this.getAllProperties();
+			var mPrivateProperties = this.getAllPrivateProperties();
 			for (var propName in mProperties) {
 				if (mProperties.hasOwnProperty(propName)) {
 					var propData = mProperties[propName];
@@ -173,6 +204,15 @@ sap.ui.define([
 				}
 			}
 
+			for (var propName in mPrivateProperties) {
+				if (mPrivateProperties.hasOwnProperty(propName)) {
+					var propData = mPrivateProperties[propName];
+					if (propData._sMapping === sMapping) {
+						mFiltered[propName] = propData;
+					}
+				}
+			}
+
 			return mFiltered;
 		};
 

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";
 
 		/**
@@ -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"];
+			var aSkipList = ["id", "data-sap-ui", "style", "class", "__is-busy"];
 			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,7 +198,7 @@ sap.ui.define([
 			for (var sAssocName in oAssociations) {
 				var oAssocData = oAssociations[sAssocName];
 				var vAssocValue = oAssocData.get(oWebComponent);
-				var sPropName = hyphenate(oAssocData._sMapTo); // The name of the property to be set with the association's ID value
+				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);
 				}
@@ -203,11 +208,24 @@ sap.ui.define([
 				}
 
 				if (vAssocValue) { // Only set the property, if the association is set
-					oRm.attr(sPropName, vAssocValue);
+					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

@@ -12,41 +12,23 @@ sap.ui.define([
 		"sap/ui/base/DataType",
 		"./Icons",
 		"./thirdparty/base/features/OpenUI5Support",
+		"./thirdparty/base/features/OpenUI5Enablement",
 		"./thirdparty/base/AssetRegistry",
 		"./thirdparty/base/CustomElementsScope",
-		"./thirdparty/base/CSP"
+		"./thirdparty/base/CSP",
+		"./thirdparty/base/UI5Element"
 	],
-	function(coreLibrary, DataType, Icons, OpenUI5Support, AssetRegistry, CustomElementsScope, CSP) {
+	function(coreLibrary, DataType, Icons, OpenUI5Support, OpenUI5Enablement, AssetRegistry, CustomElementsScope, CSP, UI5Element) {
 
 	"use strict";
 
-	// delegate further initialization of this library to the Core
-	sap.ui.getCore().initLibrary({
-		name : "sap.ui.webc.common",
-		version: "1.99.1",
-		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.99.1
+	 * @version 1.102.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -58,12 +40,29 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.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.102.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");
 
@@ -72,5 +71,7 @@ sap.ui.define([
 	CSP.setPackageCSSRoot("@ui5/webcomponents-base", sap.ui.require.toUrl("sap/ui/webc/common/thirdparty/base/css/"));
 	CSP.setPackageCSSRoot("@ui5/webcomponents-theming", sap.ui.require.toUrl("sap/ui/webc/common/thirdparty/theming/css/"));
 
+	OpenUI5Enablement.enrichBusyIndicatorSettings(UI5Element);
+
 	return thisLib;
 });

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

@@ -1,9 +1,9 @@
-sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './Runtimes', './FeaturesRegistry'], function (exports, EventProvider, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, Runtimes, 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 bootPromise;
-	const eventProvider = new EventProvider();
-	const attachBoot = listener => {
-		eventProvider.attachEvent("boot", listener);
+	const attachBoot = async listener => {
+		await boot();
+		listener();
 	};
 	const boot = async () => {
 		if (bootPromise) {
@@ -23,7 +23,6 @@ sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace'
 			OpenUI5Support && OpenUI5Support.attachListeners();
 			FontFace();
 			SystemCSSVars();
-			await eventProvider.fireEventAsync("boot");
 			resolve();
 		});
 		return bootPromise;

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

@@ -1,56 +1,17 @@
-sap.ui.define(['exports'], function (exports) { 'use strict';
+sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/static', './CustomElementsScopeUtils', './FeaturesRegistry'], function (exports, _static, CustomElementsScopeUtils, FeaturesRegistry) { 'use strict';
 
-	let suf;
-	let rulesObj = {
-		include: [/^ui5-/],
-		exclude: [],
-	};
-	const tagsCache = new Map();
-	const setCustomElementsScopingSuffix = suffix => {
-		if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
-			throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
-		}
-		suf = suffix;
-	};
-	const getCustomElementsScopingSuffix = () => {
-		return suf;
-	};
-	const setCustomElementsScopingRules = rules => {
-		if (!rules || !rules.include) {
-			throw new Error(`"rules" must be an object with at least an "include" property`);
-		}
-		if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
-			throw new Error(`"rules.include" must be an array of regular expressions`);
-		}
-		if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
-			throw new Error(`"rules.exclude" must be an array of regular expressions`);
-		}
-		rules.exclude = rules.exclude || [];
-		rulesObj = rules;
-		tagsCache.clear();
-	};
-	const getCustomElementsScopingRules = () => {
-		return rulesObj;
-	};
-	const shouldScopeCustomElement = tag => {
-		if (!tagsCache.has(tag)) {
-			const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
-			tagsCache.set(tag, result);
-		}
-		return tagsCache.get(tag);
-	};
-	const getEffectiveScopingSuffixForTag = tag => {
-		if (shouldScopeCustomElement(tag)) {
-			return getCustomElementsScopingSuffix();
-		}
-	};
+	FeaturesRegistry.registerFeature("LitStatic", {
+		html: _static.html,
+		svg: _static.svg,
+		unsafeStatic: _static.unsafeStatic,
+	});
 
-	exports.getCustomElementsScopingRules = getCustomElementsScopingRules;
-	exports.getCustomElementsScopingSuffix = getCustomElementsScopingSuffix;
-	exports.getEffectiveScopingSuffixForTag = getEffectiveScopingSuffixForTag;
-	exports.setCustomElementsScopingRules = setCustomElementsScopingRules;
-	exports.setCustomElementsScopingSuffix = setCustomElementsScopingSuffix;
-	exports.shouldScopeCustomElement = shouldScopeCustomElement;
+	exports.getCustomElementsScopingRules = CustomElementsScopeUtils.getCustomElementsScopingRules;
+	exports.getCustomElementsScopingSuffix = CustomElementsScopeUtils.getCustomElementsScopingSuffix;
+	exports.getEffectiveScopingSuffixForTag = CustomElementsScopeUtils.getEffectiveScopingSuffixForTag;
+	exports.setCustomElementsScopingRules = CustomElementsScopeUtils.setCustomElementsScopingRules;
+	exports.setCustomElementsScopingSuffix = CustomElementsScopeUtils.setCustomElementsScopingSuffix;
+	exports.shouldScopeCustomElement = CustomElementsScopeUtils.shouldScopeCustomElement;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

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

@@ -0,0 +1,57 @@
+sap.ui.define(['exports'], function (exports) { 'use strict';
+
+	let suf;
+	let rulesObj = {
+		include: [/^ui5-/],
+		exclude: [],
+	};
+	const tagsCache = new Map();
+	const setCustomElementsScopingSuffix = suffix => {
+		if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
+			throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
+		}
+		suf = suffix;
+	};
+	const getCustomElementsScopingSuffix = () => {
+		return suf;
+	};
+	const setCustomElementsScopingRules = rules => {
+		if (!rules || !rules.include) {
+			throw new Error(`"rules" must be an object with at least an "include" property`);
+		}
+		if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
+			throw new Error(`"rules.include" must be an array of regular expressions`);
+		}
+		if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
+			throw new Error(`"rules.exclude" must be an array of regular expressions`);
+		}
+		rules.exclude = rules.exclude || [];
+		rulesObj = rules;
+		tagsCache.clear();
+	};
+	const getCustomElementsScopingRules = () => {
+		return rulesObj;
+	};
+	const shouldScopeCustomElement = tag => {
+		if (!tagsCache.has(tag)) {
+			const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
+			tagsCache.set(tag, result);
+		}
+		return tagsCache.get(tag);
+	};
+	const getEffectiveScopingSuffixForTag = tag => {
+		if (shouldScopeCustomElement(tag)) {
+			return getCustomElementsScopingSuffix();
+		}
+	};
+
+	exports.getCustomElementsScopingRules = getCustomElementsScopingRules;
+	exports.getCustomElementsScopingSuffix = getCustomElementsScopingSuffix;
+	exports.getEffectiveScopingSuffixForTag = getEffectiveScopingSuffixForTag;
+	exports.setCustomElementsScopingRules = setCustomElementsScopingRules;
+	exports.setCustomElementsScopingSuffix = setCustomElementsScopingSuffix;
+	exports.shouldScopeCustomElement = shouldScopeCustomElement;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

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

@@ -81,7 +81,11 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isIOS = () => {
 		return iOS;
 	};
+	const isAndroid = () => {
+		return android || androidPhone;
+	};
 
+	exports.isAndroid = isAndroid;
 	exports.isChrome = isChrome;
 	exports.isCombi = isCombi;
 	exports.isDesktop = isDesktop;