@openui5/sap.ui.webc.common 1.100.0 → 1.101.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.36-SNAPSHOT
+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.100.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.100.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.100.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

@@ -106,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.100.0
+		 * @version 1.101.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent
@@ -300,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
 				}
 			}
 		};
@@ -365,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) {
@@ -373,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() {
@@ -383,7 +393,7 @@ sap.ui.define([
 				oDomRef.detachInvalidate(this.__onInvalidationBound);
 			}
 
-			return Control.prototype.destroy.call(this, arguments);
+			return Control.prototype.destroy.apply(this, arguments);
 		};
 
 		/**

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

@@ -23,7 +23,7 @@ sap.ui.define([
 		 *
 		 * @class
 		 * @author SAP SE
-		 * @version 1.100.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

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

@@ -71,8 +71,9 @@ 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)) {
+				if (oWebComponent.isPropertyInitial(sPropName) && !aPropsToAlwaysSet.includes(sPropName)) {
 					continue; // do not set attributes for properties that were not explicitly set or bound
 				}
 

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.100.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.100.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.100.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/Keys.js

@@ -108,6 +108,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isEnterShift = event => (event.key ? event.key === "Enter" : event.keyCode === KeyCodes.ENTER) && checkModifierKeys(event, false, false, true);
 	const isSpace = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && !hasModifierKeys(event);
 	const isSpaceShift = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && checkModifierKeys(event, false, false, true);
+	const isSpaceCtrl = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && checkModifierKeys(event, true, false, false);
 	const isLeft = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && !hasModifierKeys(event);
 	const isRight = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && !hasModifierKeys(event);
 	const isUp = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && !hasModifierKeys(event);
@@ -137,6 +138,9 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isTabPrevious = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && checkModifierKeys(event,  false,  false,  true);
 	const isBackSpace = event => (event.key ? event.key === "Backspace" : event.keyCode === KeyCodes.BACKSPACE) && !hasModifierKeys(event);
 	const isDelete = event => (event.key ? event.key === "Delete" : event.keyCode === KeyCodes.DELETE) && !hasModifierKeys(event);
+	const isDeleteShift = event => (event.key ? event.key === "Delete" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, false, false, true);
+	const isInsertShift = event => (event.key ? event.key === "Insert" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, false, false, true);
+	const isInsertCtrl = event => (event.key ? event.key === "Insert" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, true, false, false);
 	const isPageUp = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && !hasModifierKeys(event);
 	const isPageDown = event => (event.key ? event.key === "PageDown" : event.keyCode === KeyCodes.PAGE_DOWN) && !hasModifierKeys(event);
 	const isPageUpShift = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && checkModifierKeys(event, false, false, true);
@@ -167,13 +171,16 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	};
 	const isShift = event => event.key === "Shift" || event.keyCode === KeyCodes.SHIFT;
 	const isCtrlA = event => ((event.key === "A" || event.key === "a") || event.which === KeyCodes.A) && checkModifierKeys(event, true, false, false);
+	const isCtrlV = event => ((event.key === "V" || event.key === "v") || event.which === KeyCodes.V) && checkModifierKeys(event, true, false, false);
 	const hasModifierKeys = event => event.shiftKey || event.altKey || getCtrlKey(event);
 	const getCtrlKey = event => !!(event.metaKey || event.ctrlKey);
 	const checkModifierKeys = (event, bCtrlKey, bAltKey, bShiftKey) => event.shiftKey === bShiftKey && event.altKey === bAltKey && getCtrlKey(event) === bCtrlKey;
 
 	exports.isBackSpace = isBackSpace;
 	exports.isCtrlA = isCtrlA;
+	exports.isCtrlV = isCtrlV;
 	exports.isDelete = isDelete;
+	exports.isDeleteShift = isDeleteShift;
 	exports.isDown = isDown;
 	exports.isDownAlt = isDownAlt;
 	exports.isDownCtrl = isDownCtrl;
@@ -193,6 +200,8 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.isHome = isHome;
 	exports.isHomeCtrl = isHomeCtrl;
 	exports.isHomeShift = isHomeShift;
+	exports.isInsertCtrl = isInsertCtrl;
+	exports.isInsertShift = isInsertShift;
 	exports.isLeft = isLeft;
 	exports.isLeftCtrl = isLeftCtrl;
 	exports.isLeftShift = isLeftShift;
@@ -214,6 +223,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.isShift = isShift;
 	exports.isShow = isShow;
 	exports.isSpace = isSpace;
+	exports.isSpaceCtrl = isSpaceCtrl;
 	exports.isSpaceShift = isSpaceShift;
 	exports.isTabNext = isTabNext;
 	exports.isTabPrevious = isTabPrevious;

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/Icons.js

@@ -83,7 +83,7 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 		return Array.from(registry.keys());
 	};
 	const _getDefaultCollection = () => {
-		return Theme.isTheme("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
+		return Theme.isThemeFamily("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
 	};
 	const _normalizeCollection = collectionName => {
 		if (IconCollectionsAlias[collectionName]) {

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/LocaleData.js

@@ -9,7 +9,6 @@ sap.ui.define(['exports', '../locale/languageChange', '../locale/getLocale', '..
 		"iw": "he",
 		"ji": "yi",
 		"in": "id",
-		"sh": "sr",
 	};
 	const _showAssetsWarningOnce = localeId => {
 		if (warningShown) {
@@ -32,6 +31,10 @@ sap.ui.define(['exports', '../locale/languageChange', '../locale/getLocale', '..
 				region = "TW";
 			}
 		}
+		if (language === "sh" || (language === "sr" && script === "Latn")) {
+			language = "sr";
+			region = "Latn";
+		}
 		let localeId = `${language}_${region}`;
 		if (AssetParameters.SUPPORTED_LOCALES.includes(localeId)) {
 			if (loaders.has(localeId)) {

package/src/sap/ui/webc/common/thirdparty/base/config/Theme.js

@@ -19,9 +19,13 @@ sap.ui.define(['exports', '../InitialConfiguration', '../Render', '../theming/ap
 		const currentTheme = getTheme();
 		return currentTheme === _theme || currentTheme === `${_theme}_exp`;
 	};
+	const isThemeFamily = _theme => {
+		return getTheme().startsWith(_theme);
+	};
 
 	exports.getTheme = getTheme;
 	exports.isTheme = isTheme;
+	exports.isThemeFamily = isThemeFamily;
 	exports.setTheme = setTheme;
 
 	Object.defineProperty(exports, '__esModule', { value: true });

package/src/sap/ui/webc/common/thirdparty/base/css/FontFace.css

@@ -35,6 +35,36 @@
     url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");
 }
 
+@font-face {
+    font-family: '72-Bold';
+    font-style: normal;
+    src: local('72-Bold'),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Boldfull';
+    font-style: normal;
+    src: url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),
+         url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Light';
+    font-style: normal;
+    src: local('72-Light'),
+        url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2"),
+        url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Lightfull';
+    font-style: normal;
+    src: url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff?ui5-webcomponents) format("woff");
+}
+
 @font-face {
     font-family: "72Black";
     font-style: bold;

package/src/sap/ui/webc/common/thirdparty/base/features/F6Navigation.js

@@ -11,6 +11,7 @@ sap.ui.define(['../FeaturesRegistry', '../Keys', '../util/FocusableElements'], f
 			document.addEventListener("keydown", this.keydownHandler);
 		}
 		async _keydownHandler(event) {
+			event.preventDefault();
 			if (Keys.isF6Next(event)) {
 				this.updateGroups();
 				if (this.groups.length < 1) {

package/src/sap/ui/webc/common/thirdparty/base/generated/AssetParameters.js

@@ -1,6 +1,6 @@
 sap.ui.define(['exports'], function (exports) { 'use strict';
 
-	const assetParameters = {"themes":{"default":"sap_fiori_3","all":["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_exp"]},"languages":{"default":"en","all":["ar","bg","ca","cs","cy","da","de","el","en","en_GB","en_US_sappsd","en_US_saprigi","en_US_saptrc","es","es_MX","et","fi","fr","fr_CA","hi","hr","hu","in","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt_PT","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]},"locales":{"default":"en","all":["ar","ar_EG","ar_SA","bg","ca","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}};
+	const assetParameters = {"themes":{"default":"sap_fiori_3","all":["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_dark","sap_horizon_hcb","sap_horizon_hcw","sap_horizon_exp"]},"languages":{"default":"en","all":["ar","bg","ca","cs","cy","da","de","el","en","en_GB","en_US_sappsd","en_US_saprigi","en_US_saptrc","es","es_MX","et","fi","fr","fr_CA","hi","hr","hu","in","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt_PT","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]},"locales":{"default":"en","all":["ar","ar_EG","ar_SA","bg","ca","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sr_Latn","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}};
 	const DEFAULT_THEME = assetParameters.themes.default;
 	const DEFAULT_LANGUAGE = assetParameters.languages.default;
 	const DEFAULT_LOCALE = assetParameters.locales.default;

package/src/sap/ui/webc/common/thirdparty/base/generated/VersionInfo.js

@@ -1,13 +1,13 @@
 sap.ui.define(function () { 'use strict';
 
 	const VersionInfo = {
-		version: "1.1.2",
+		version: "1.2.3",
 		major: 1,
-		minor: 1,
-		patch: 2,
+		minor: 2,
+		patch: 3,
 		suffix: "",
 		isNext: false,
-		buildTime: 1646033932,
+		buildTime: 1648451137,
 	};
 
 	return VersionInfo;

package/src/sap/ui/webc/common/thirdparty/base/generated/css/FontFace.css.js

@@ -3,7 +3,7 @@ sap.ui.define(function () { 'use strict';
 	var fontFaceCSS = {
 		packageName: "@ui5/webcomponents-base",
 		fileName: "FontFace.css",
-		content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2"),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff?ui5-webcomponents) format("woff")}`
+		content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2"),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff?ui5-webcomponents) format("woff")}`
 	};
 
 	return fontFaceCSS;

package/src/sap/ui/webc/common/thirdparty/base/renderer/executeTemplate.js

@@ -1,10 +1,18 @@
 sap.ui.define(['../CustomElementsScope'], function (CustomElementsScope) { 'use strict';
 
 	const executeTemplate = (template, component) => {
-		const tagsToScope = component.constructor.getUniqueDependencies().map(dep => dep.getMetadata().getPureTag()).filter(CustomElementsScope.shouldScopeCustomElement);
+		const tagsToScope = getTagsToScope(component);
 		const scope = CustomElementsScope.getCustomElementsScopingSuffix();
 		return template(component, tagsToScope, scope);
 	};
+	const getTagsToScope = component => {
+		const componentTag = component.constructor.getMetadata().getPureTag();
+		const tagsToScope = component.constructor.getUniqueDependencies().map(dep => dep.getMetadata().getPureTag()).filter(CustomElementsScope.shouldScopeCustomElement);
+		if (CustomElementsScope.shouldScopeCustomElement(componentTag)) {
+			tagsToScope.push(componentTag);
+		}
+		return tagsToScope;
+	};
 
 	return executeTemplate;
 

package/src/sap/ui/webc/common/thirdparty/icons/Chart-Tree-Map.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/Chart-Tree-Map', './v4/Chart-Tree-Map'], function (Theme, ChartTreeMap$2, ChartTreeMap$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? ChartTreeMap$1 : ChartTreeMap$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? ChartTreeMap$1 : ChartTreeMap$2;
 	var ChartTreeMap = { pathData };
 
 	return ChartTreeMap;

package/src/sap/ui/webc/common/thirdparty/icons/Netweaver-business-client.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/Netweaver-business-client', './v4/Netweaver-business-client'], function (Theme, NetweaverBusinessClient$2, NetweaverBusinessClient$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? NetweaverBusinessClient$1 : NetweaverBusinessClient$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? NetweaverBusinessClient$1 : NetweaverBusinessClient$2;
 	var NetweaverBusinessClient = { pathData };
 
 	return NetweaverBusinessClient;

package/src/sap/ui/webc/common/thirdparty/icons/accelerated.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/accelerated', './v4/accelerated'], function (Theme, accelerated$2, accelerated$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? accelerated$1 : accelerated$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? accelerated$1 : accelerated$2;
 	var accelerated = { pathData };
 
 	return accelerated;

package/src/sap/ui/webc/common/thirdparty/icons/accept.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/accept', './v4/accept'], function (Theme, accept$2, accept$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? accept$1 : accept$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? accept$1 : accept$2;
 	var accept = { pathData };
 
 	return accept;

package/src/sap/ui/webc/common/thirdparty/icons/accidental-leave.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/accidental-leave', './v4/accidental-leave'], function (Theme, accidentalLeave$2, accidentalLeave$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? accidentalLeave$1 : accidentalLeave$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? accidentalLeave$1 : accidentalLeave$2;
 	var accidentalLeave = { pathData };
 
 	return accidentalLeave;

package/src/sap/ui/webc/common/thirdparty/icons/account.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/account', './v4/account'], function (Theme, account$2, account$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? account$1 : account$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? account$1 : account$2;
 	var account = { pathData };
 
 	return account;

package/src/sap/ui/webc/common/thirdparty/icons/accounting-document-verification.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/accounting-document-verification', './v4/accounting-document-verification'], function (Theme, accountingDocumentVerification$2, accountingDocumentVerification$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? accountingDocumentVerification$1 : accountingDocumentVerification$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? accountingDocumentVerification$1 : accountingDocumentVerification$2;
 	var accountingDocumentVerification = { pathData };
 
 	return accountingDocumentVerification;

package/src/sap/ui/webc/common/thirdparty/icons/action-settings.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/action-settings', './v4/action-settings'], function (Theme, actionSettings$2, actionSettings$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? actionSettings$1 : actionSettings$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? actionSettings$1 : actionSettings$2;
 	var actionSettings = { pathData };
 
 	return actionSettings;

package/src/sap/ui/webc/common/thirdparty/icons/action.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/action', './v4/action'], function (Theme, action$2, action$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? action$1 : action$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? action$1 : action$2;
 	var action = { pathData };
 
 	return action;

package/src/sap/ui/webc/common/thirdparty/icons/activate.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activate', './v4/activate'], function (Theme, activate$2, activate$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activate$1 : activate$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activate$1 : activate$2;
 	var activate = { pathData };
 
 	return activate;

package/src/sap/ui/webc/common/thirdparty/icons/activities.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activities', './v4/activities'], function (Theme, activities$2, activities$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activities$1 : activities$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activities$1 : activities$2;
 	var activities = { pathData };
 
 	return activities;

package/src/sap/ui/webc/common/thirdparty/icons/activity-2.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activity-2', './v4/activity-2'], function (Theme, activity2$2, activity2$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activity2$1 : activity2$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activity2$1 : activity2$2;
 	var activity2 = { pathData };
 
 	return activity2;

package/src/sap/ui/webc/common/thirdparty/icons/activity-assigned-to-goal.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activity-assigned-to-goal', './v4/activity-assigned-to-goal'], function (Theme, activityAssignedToGoal$2, activityAssignedToGoal$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activityAssignedToGoal$1 : activityAssignedToGoal$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activityAssignedToGoal$1 : activityAssignedToGoal$2;
 	var activityAssignedToGoal = { pathData };
 
 	return activityAssignedToGoal;

package/src/sap/ui/webc/common/thirdparty/icons/activity-individual.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activity-individual', './v4/activity-individual'], function (Theme, activityIndividual$2, activityIndividual$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activityIndividual$1 : activityIndividual$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activityIndividual$1 : activityIndividual$2;
 	var activityIndividual = { pathData };
 
 	return activityIndividual;

package/src/sap/ui/webc/common/thirdparty/icons/activity-items.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/activity-items', './v4/activity-items'], function (Theme, activityItems$2, activityItems$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? activityItems$1 : activityItems$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? activityItems$1 : activityItems$2;
 	var activityItems = { pathData };
 
 	return activityItems;

package/src/sap/ui/webc/common/thirdparty/icons/add-activity-2.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/add-activity-2', './v4/add-activity-2'], function (Theme, addActivity2$2, addActivity2$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? addActivity2$1 : addActivity2$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? addActivity2$1 : addActivity2$2;
 	var addActivity2 = { pathData };
 
 	return addActivity2;

package/src/sap/ui/webc/common/thirdparty/icons/add-activity.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/add-activity', './v4/add-activity'], function (Theme, addActivity$2, addActivity$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? addActivity$1 : addActivity$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? addActivity$1 : addActivity$2;
 	var addActivity = { pathData };
 
 	return addActivity;

package/src/sap/ui/webc/common/thirdparty/icons/add-contact.js

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/config/Theme', './v5/add-contact', './v4/add-contact'], function (Theme, addContact$2, addContact$1) { 'use strict';
 
-	const pathData = Theme.isTheme("sap_horizon") ? addContact$1 : addContact$2;
+	const pathData = Theme.isThemeFamily("sap_horizon") ? addContact$1 : addContact$2;
 	var addContact = { pathData };
 
 	return addContact;