@openui5/sap.ui.webc.common 1.96.5 → 1.99.0

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

@@ -1,10 +1,9 @@
-sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedResource) { 'use strict';
+sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollectionsAlias', '../config/Theme'], function (exports, getSharedResource, IconCollectionsAlias, Theme) { 'use strict';
 
 	const loaders = new Map();
 	const registry = getSharedResource("SVGIcons.registry", new Map());
 	const iconCollectionPromises = getSharedResource("SVGIcons.promises", new Map());
 	const ICON_NOT_FOUND = "ICON_NOT_FOUND";
-	const DEFAULT_COLLECTION = "SAP-icons";
 	const registerIconBundle = async (collectionName, bundleData) => {
 		throw new Error("This method has been removed. Use `registerIconLoader` instead.");
 	};
@@ -35,7 +34,7 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 	};
 	const registerIcon = (name, { pathData, ltr, accData, collection, packageName } = {}) => {
 		if (!collection) {
-			collection = DEFAULT_COLLECTION;
+			collection = _getDefaultCollection();
 		}
 		const key = `${collection}/${name}`;
 		registry.set(key, {
@@ -51,14 +50,9 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 		}
 		let collection;
 		[name, collection] = name.split("/").reverse();
-		collection = collection || DEFAULT_COLLECTION;
-		if (collection === "SAP-icons-TNT") {
-			collection = "tnt";
-		}
-		if (collection === "BusinessSuiteInAppSymbols") {
-			collection = "business-suite";
-			name = name.replace("icon-", "");
-		}
+		collection = collection || _getDefaultCollection();
+		collection = _normalizeCollection(collection);
+		name = name.replace("icon-", "");
 		const registryKey = `${collection}/${name}`;
 		return { name, collection, registryKey };
 	};
@@ -88,6 +82,15 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 		await getIconData("business-suite/3d");
 		return Array.from(registry.keys());
 	};
+	const _getDefaultCollection = () => {
+		return Theme.isTheme("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
+	};
+	const _normalizeCollection = collectionName => {
+		if (IconCollectionsAlias[collectionName]) {
+			return IconCollectionsAlias[collectionName];
+		}
+		return collectionName;
+	};
 
 	exports._getRegisteredNames = _getRegisteredNames;
 	exports.getIconData = getIconData;

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

@@ -2,8 +2,8 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 
 	const registry = getSharedResource("SVGIllustration.registry", new Map());
 	const ILLUSTRATION_NOT_FOUND = "ILLUSTRATION_NOT_FOUND";
-	const registerIllustration = (name, { dialogSvg, sceneSvg, spotSvg, title, subtitle } = {}) => {
-		registry.set(name, {
+	const registerIllustration = (name, { dialogSvg, sceneSvg, spotSvg, set, title, subtitle } = {}) => {
+		registry.set(`${set}/${name}`, {
 			dialogSvg,
 			sceneSvg,
 			spotSvg,
@@ -12,7 +12,12 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 		});
 	};
 	const getIllustrationDataSync = nameProp => {
-		return registry.get(nameProp) || ILLUSTRATION_NOT_FOUND;
+		let set = "fiori";
+		if (nameProp.startsWith("Tnt")) {
+			set = "tnt";
+			nameProp = nameProp.replace(/^Tnt/, "");
+		}
+		return registry.get(`${set}/${nameProp}`) || ILLUSTRATION_NOT_FOUND;
 	};
 
 	exports.getIllustrationDataSync = getIllustrationDataSync;

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

@@ -12,10 +12,13 @@ sap.ui.define(['exports', '../locale/languageChange', '../locale/getLocale', '..
 		"sh": "sr",
 	};
 	const _showAssetsWarningOnce = localeId => {
-		if (!warningShown) {
+		if (warningShown) {
+			return;
+		}
+		{
 			console.warn(`[LocaleData] Supported locale "${localeId}" not configured, import the "Assets.js" module from the webcomponents package you are using.`);
-			warningShown = true;
 		}
+		warningShown = true;
 	};
 	const calcLocale = (language, region, script) => {
 		language = (language && M_ISO639_OLD_TO_NEW[language]) || language;

package/src/sap/ui/webc/common/thirdparty/base/assets-meta/IconCollectionsAlias.js

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	const IconCollectionsAlias = {
+		"SAP-icons-TNT": "tnt",
+		"BusinessSuiteInAppSymbols": "business-suite",
+		"horizon": "SAP-icons-v5",
+	};
+
+	return IconCollectionsAlias;
+
+});

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', '../InitialConfiguration', '../theming/applyTheme'], function (exports, InitialConfiguration, applyTheme) { 'use strict';
+sap.ui.define(['exports', '../InitialConfiguration', '../Render', '../theming/applyTheme'], function (exports, InitialConfiguration, Render, applyTheme) { 'use strict';
 
 	let theme;
 	const getTheme = () => {
@@ -13,9 +13,15 @@ sap.ui.define(['exports', '../InitialConfiguration', '../theming/applyTheme'], f
 		}
 		theme = newTheme;
 		await applyTheme(theme);
+		await Render.reRenderAllUI5Elements({ themeAware: true });
+	};
+	const isTheme = _theme => {
+		const currentTheme = getTheme();
+		return currentTheme === _theme || currentTheme === `${_theme}_exp`;
 	};
 
 	exports.getTheme = getTheme;
+	exports.isTheme = isTheme;
 	exports.setTheme = setTheme;
 
 	Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -0,0 +1,45 @@
+@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");
+}

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

@@ -0,0 +1,32 @@
+/**
+ * Some diacritics are supported by the 72 font:
+ *  * Grave
+ *  * Acute
+ *  * Circumflex
+ *  * Tilde
+ *
+ * However, the following diacritics and the combination of multiple diacritics (including the supported ones) are not supported:
+ *  * Breve
+ *  * Horn
+ *  * Dot below
+ *  * Hook above
+ *
+ *
+ * Override for the characters that aren't covered by the '72' font to other system fonts
+ *
+ * U+0102-0103: A and a with Breve
+ * U+01A0-01A1: O and o with Horn
+ * U+01AF-01B0: U and u with Horn
+ * U+1EA0-1EB7: A and a with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EB8-1EC7: E and e with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EC8-1ECB: I and i with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1ECC-1EE3: O and o with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
+ *
+ */
+@font-face {
+    font-family: '72override';
+    unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+    src: local('Arial'), local('Helvetica'), local('sans-serif');
+}

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

@@ -0,0 +1,17 @@
+:root {
+    --_ui5_content_density:cozy;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+    --_ui5_content_density:compact;
+}
+
+[dir="rtl"] {
+    --_ui5_dir:rtl;
+}
+
+[dir="ltr"] {
+    --_ui5_dir:ltr;
+}

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

@@ -0,0 +1,80 @@
+sap.ui.define(['../FeaturesRegistry', '../Keys', '../util/FocusableElements'], function (FeaturesRegistry, Keys, FocusableElements) { 'use strict';
+
+	class F6Navigation {
+		init() {
+			this.keydownHandler = this._keydownHandler.bind(this);
+			this.attachEventListeners();
+			this.selectedGroup = null;
+			this.groups = [];
+		}
+		attachEventListeners() {
+			document.addEventListener("keydown", this.keydownHandler);
+		}
+		async _keydownHandler(event) {
+			if (Keys.isF6Next(event)) {
+				this.updateGroups();
+				if (this.groups.length < 1) {
+					return;
+				}
+				const nextIndex = this.groups.indexOf(this.selectedGroup);
+				let nextElement = null;
+				if (nextIndex > -1) {
+					if (nextIndex + 1 >= this.groups.length) {
+						nextElement = this.groups[0];
+					} else {
+						nextElement = this.groups[nextIndex + 1];
+					}
+				} else {
+					nextElement = this.groups[0];
+				}
+				const elementToFocus = await FocusableElements.getFirstFocusableElement(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
+				elementToFocus.focus();
+			}
+			if (Keys.isF6Previous(event)) {
+				this.updateGroups();
+				if (this.groups.length < 1) {
+					return;
+				}
+				const nextIndex = this.groups.indexOf(this.selectedGroup);
+				let nextElement = null;
+				if (nextIndex > -1) {
+					if (nextIndex - 1 < 0) {
+						nextElement = this.groups[this.groups.length - 1];
+					} else {
+						const firstFocusable = await FocusableElements.getFirstFocusableElement(this.groups[nextIndex - 1], true);
+						const shouldSkipParent = firstFocusable === await FocusableElements.getFirstFocusableElement(this.groups[nextIndex], true);
+						nextElement = this.groups[shouldSkipParent ? nextIndex - 2 : nextIndex - 1];
+					}
+				} else {
+					nextElement = this.groups[this.groups.length - 1];
+				}
+				const elementToFocus = await FocusableElements.getFirstFocusableElement(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
+				elementToFocus.focus();
+			}
+		}
+		removeEventListeners() {
+			document.removeEventListener("keydown", this.keydownHandler);
+		}
+		updateGroups() {
+			this.setSelectedGroup(document.activeElement);
+			this.setGroups();
+		}
+		setGroups() {
+			this.groups = Array.from(document.querySelectorAll("[data-sap-ui-fastnavgroup='true']")).filter(group => group.clientWidth && window.getComputedStyle(group).visibility !== "hidden");
+		}
+		setSelectedGroup(element) {
+			while (element && element.getAttribute("data-sap-ui-fastnavgroup") !== "true" && element !== document.querySelector("html")) {
+				element = element.parentElement ? element.parentNode : element.parentNode.host;
+			}
+			this.selectedGroup = element;
+		}
+		destroy() {
+			this.removeEventListeners();
+		}
+	}
+	const F6HelperInstance = new F6Navigation();
+	FeaturesRegistry.registerFeature("F6Navigation", F6HelperInstance);
+
+	return F6Navigation;
+
+});

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"]},"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_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 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

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

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

@@ -0,0 +1,11 @@
+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")}`
+	};
+
+	return fontFaceCSS;
+
+});

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

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var overrideFontFaceCSS = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "OverrideFontFace.css",
+		content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`
+	};
+
+	return overrideFontFaceCSS;
+
+});

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

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var systemCSSVars = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "SystemCSSVars.css",
+		content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`
+	};
+
+	return systemCSSVars;
+
+});

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

@@ -1,6 +1,7 @@
 sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], function (exports, i18n, formatMessage) { 'use strict';
 
 	const I18nBundleInstances = new Map();
+	let customGetI18nBundle;
 	class I18nBundle {
 		constructor(packageName) {
 			this.packageName = packageName;
@@ -20,7 +21,7 @@ sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], fu
 			return formatMessage(messageText, params);
 		}
 	}
-	const getI18nBundle = packageName => {
+	const getI18nBundleSync = packageName => {
 		if (I18nBundleInstances.has(packageName)) {
 			return I18nBundleInstances.get(packageName);
 		}
@@ -28,10 +29,20 @@ sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], fu
 		I18nBundleInstances.set(packageName, i18nBundle);
 		return i18nBundle;
 	};
+	const registerCustomI18nBundleGetter = customGet => {
+		customGetI18nBundle = customGet;
+	};
+	const getI18nBundle = async packageName => {
+		if (customGetI18nBundle) {
+			return customGetI18nBundle(packageName);
+		}
+		await i18n.fetchI18nBundle(packageName);
+		return getI18nBundleSync(packageName);
+	};
 
-	exports.fetchI18nBundle = i18n.fetchI18nBundle;
 	exports.registerI18nLoader = i18n.registerI18nLoader;
 	exports.getI18nBundle = getI18nBundle;
+	exports.registerCustomI18nBundleGetter = registerCustomI18nBundleGetter;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

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

@@ -1,29 +1,24 @@
-sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/style-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, _static, repeat, classMap, styleMap, ifDefined, unsafeHtml) { 'use strict';
+sap.ui.define(['exports', '../style-map-3e5a195d', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, styleMap, _static, repeat, classMap, ifDefined, unsafeHtml) { 'use strict';
 
-	/**
-	 * @license
-	 * Copyright 2017 Google LLC
-	 * SPDX-License-Identifier: BSD-3-Clause
-	 */
-	var t,i,s,e;const o=globalThis.trustedTypes,l=o?o.createPolicy("lit-html",{createHTML:t=>t}):void 0,n=`lit$${(Math.random()+"").slice(9)}$`,h="?"+n,r=`<${h}>`,u=document,c=(t="")=>u.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,v=Array.isArray,a=t=>{var i;return v(t)||"function"==typeof(null===(i=t)||void 0===i?void 0:i[Symbol.iterator])},f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,$=/'/g,g=/"/g,y=/^(?:script|style|textarea)$/i,w=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),P=new WeakMap,V=(t,i,s)=>{var e,o;const l=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let n=l._$litPart$;if(void 0===n){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;l._$litPart$=n=new C(i.insertBefore(c(),t),t,void 0,s);}return n.I(t),n},E=u.createTreeWalker(u,129,null,!1),M=(t,i)=>{const s=t.length-1,e=[];let o,h=2===i?"<svg>":"",u=f;for(let i=0;i<s;i++){const s=t[i];let l,c,d=-1,v=0;for(;v<s.length&&(u.lastIndex=v,c=u.exec(s),null!==c);)v=u.lastIndex,u===f?"!--"===c[1]?u=_:void 0!==c[1]?u=m:void 0!==c[2]?(y.test(c[2])&&(o=RegExp("</"+c[2],"g")),u=p):void 0!==c[3]&&(u=p):u===p?">"===c[0]?(u=null!=o?o:f,d=-1):void 0===c[1]?d=-2:(d=u.lastIndex-c[2].length,l=c[1],u=void 0===c[3]?p:'"'===c[3]?g:$):u===g||u===$?u=p:u===_||u===m?u=f:(u=p,o=void 0);const a=u===p&&t[i+1].startsWith("/>")?" ":"";h+=u===f?s+r:d>=0?(e.push(l),s.slice(0,d)+"$lit$"+s.slice(d)+n+a):s+n+(-2===d?(e.push(void 0),i):a);}const c=h+(t[s]||"<?>")+(2===i?"</svg>":"");return [void 0!==l?l.createHTML(c):c,e]};class N{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let l=0,r=0;const u=t.length-1,d=this.parts,[v,a]=M(t,i);if(this.el=N.createElement(v,s),E.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(e=E.nextNode())&&d.length<u;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const i of e.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(n)){const s=a[r++];if(t.push(i),void 0!==s){const t=e.getAttribute(s.toLowerCase()+"$lit$").split(n),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:l,name:i[2],strings:t,ctor:"."===i[1]?I:"?"===i[1]?L:"@"===i[1]?R:H});}else d.push({type:6,index:l});}for(const i of t)e.removeAttribute(i);}if(y.test(e.tagName)){const t=e.textContent.split(n),i=t.length-1;if(i>0){e.textContent=o?o.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],c()),E.nextNode(),d.push({type:2,index:++l});e.append(t[i],c());}}}else if(8===e.nodeType)if(e.data===h)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=e.data.indexOf(n,t+1));)d.push({type:7,index:l}),t+=n.length-1;}l++;}}static createElement(t,i){const s=u.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){var o,l,n,h;if(i===w)return i;let r=void 0!==e?null===(o=s.Σi)||void 0===o?void 0:o[e]:s.Σo;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(l=null==r?void 0:r.O)||void 0===l||l.call(r,!1),void 0===u?r=void 0:(r=new u(t),r.T(t,s,e)),void 0!==e?(null!==(n=(h=s).Σi)&&void 0!==n?n:h.Σi=[])[e]=r:s.Σo=r),void 0!==r&&(i=S(t,r.S(t,i.values),r,e)),i}class k{constructor(t,i){this.l=[],this.N=void 0,this.D=t,this.M=i;}u(t){var i;const{el:{content:s},parts:e}=this.D,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:u).importNode(s,!0);E.currentNode=o;let l=E.nextNode(),n=0,h=0,r=e[0];for(;void 0!==r;){if(n===r.index){let i;2===r.type?i=new C(l,l.nextSibling,this,t):1===r.type?i=new r.ctor(l,r.name,r.strings,this,t):6===r.type&&(i=new z(l,this,t)),this.l.push(i),r=e[++h];}n!==(null==r?void 0:r.index)&&(l=E.nextNode(),n++);}return o}v(t){let i=0;for(const s of this.l)void 0!==s&&(void 0!==s.strings?(s.I(t,s,i),i+=s.strings.length-2):s.I(t[i])),i++;}}class C{constructor(t,i,s,e){this.type=2,this.N=void 0,this.A=t,this.B=i,this.M=s,this.options=e;}setConnected(t){var i;null===(i=this.P)||void 0===i||i.call(this,t);}get parentNode(){return this.A.parentNode}get startNode(){return this.A}get endNode(){return this.B}I(t,i=this){t=S(this,t,i),d(t)?t===A||null==t||""===t?(this.H!==A&&this.R(),this.H=A):t!==this.H&&t!==w&&this.m(t):void 0!==t._$litType$?this._(t):void 0!==t.nodeType?this.$(t):a(t)?this.g(t):this.m(t);}k(t,i=this.B){return this.A.parentNode.insertBefore(t,i)}$(t){this.H!==t&&(this.R(),this.H=this.k(t));}m(t){const i=this.A.nextSibling;null!==i&&3===i.nodeType&&(null===this.B?null===i.nextSibling:i===this.B.previousSibling)?i.data=t:this.$(u.createTextNode(t)),this.H=t;}_(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this.C(t):(void 0===e.el&&(e.el=N.createElement(e.h,this.options)),e);if((null===(i=this.H)||void 0===i?void 0:i.D)===o)this.H.v(s);else {const t=new k(o,this),i=t.u(this.options);t.v(s),this.$(i),this.H=t;}}C(t){let i=P.get(t.strings);return void 0===i&&P.set(t.strings,i=new N(t)),i}g(t){v(this.H)||(this.H=[],this.R());const i=this.H;let s,e=0;for(const o of t)e===i.length?i.push(s=new C(this.k(c()),this.k(c()),this,this.options)):s=i[e],s.I(o),e++;e<i.length&&(this.R(s&&s.B.nextSibling,e),i.length=e);}R(t=this.A.nextSibling,i){var s;for(null===(s=this.P)||void 0===s||s.call(this,!1,!0,i);t&&t!==this.B;){const i=t.nextSibling;t.remove(),t=i;}}}class H{constructor(t,i,s,e,o){this.type=1,this.H=A,this.N=void 0,this.V=void 0,this.element=t,this.name=i,this.M=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this.H=Array(s.length-1).fill(A),this.strings=s):this.H=A;}get tagName(){return this.element.tagName}I(t,i=this,s,e){const o=this.strings;let l=!1;if(void 0===o)t=S(this,t,i,0),l=!d(t)||t!==this.H&&t!==w,l&&(this.H=t);else {const e=t;let n,h;for(t=o[0],n=0;n<o.length-1;n++)h=S(this,e[s+n],i,n),h===w&&(h=this.H[n]),l||(l=!d(h)||h!==this.H[n]),h===A?t=A:t!==A&&(t+=(null!=h?h:"")+o[n+1]),this.H[n]=h;}l&&!e&&this.W(t);}W(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class I extends H{constructor(){super(...arguments),this.type=3;}W(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}W(t){t&&t!==A?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name);}}class R extends H{constructor(){super(...arguments),this.type=5;}I(t,i=this){var s;if((t=null!==(s=S(this,t,i,0))&&void 0!==s?s:A)===w)return;const e=this.H,o=t===A&&e!==A||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,l=t!==A&&(e===A||o);o&&this.element.removeEventListener(this.name,this,e),l&&this.element.addEventListener(this.name,this,t),this.H=t;}handleEvent(t){var i,s;"function"==typeof this.H?this.H.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this.H.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this.N=void 0,this.V=void 0,this.M=i,this.options=s;}I(t){S(this,t);}}null===(i=(t=globalThis).litHtmlPlatformSupport)||void 0===i||i.call(t,N,C),(null!==(s=(e=globalThis).litHtmlVersions)&&void 0!==s?s:e.litHtmlVersions=[]).push("2.0.0-rc.3");
-
-	const litRender = (templateResult, domNode, styles, { host } = {}) => {
-		if (styles) {
-			templateResult = _static.html`<style>${styles}</style>${templateResult}`;
+	const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
+		if (typeof styleStrOrHrefsArr === "string") {
+			templateResult = _static.html`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
+		} else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
+			templateResult = _static.html`${styleStrOrHrefsArr.map(href => _static.html`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
 		}
-		V(templateResult, domNode, { host });
+		styleMap.w(templateResult, domNode, { host });
 	};
 	const scopeTag = (tag, tags, suffix) => {
 		const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
 		return _static.unsafeStatic(resultTag);
 	};
 
+	exports.styleMap = styleMap.styleMap;
 	exports.html = _static.html;
 	exports.svg = _static.svg;
 	exports.unsafeStatic = _static.unsafeStatic;
 	exports.repeat = repeat.repeat;
 	exports.classMap = classMap.classMap;
-	exports.styleMap = styleMap.styleMap;
 	exports.ifDefined = ifDefined.ifDefined;
 	exports.unsafeHTML = unsafeHtml.unsafeHTML;
 	exports.default = litRender;

package/src/sap/ui/webc/common/thirdparty/base/renderer/directives/style-map.js

@@ -0,0 +1,9 @@
+sap.ui.define(['exports', '../../style-map-3e5a195d', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, styleMap, directive) { 'use strict';
+
+
+
+	exports.styleMap = styleMap.styleMap;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

package/src/sap/ui/webc/common/thirdparty/base/style-map-3e5a195d.js

@@ -0,0 +1,68 @@
+sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, directive) { 'use strict';
+
+	/**
+	 * @license
+	 * Copyright 2017 Google LLC
+	 * SPDX-License-Identifier: BSD-3-Clause
+	 */
+	var t;const i=globalThis.trustedTypes,s=i?i.createPolicy("lit-html",{createHTML:t=>t}):void 0,e=`lit$${(Math.random()+"").slice(9)}$`,o="?"+e,n=`<${o}>`,l=document,h=(t="")=>l.createComment(t),r=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,u=t=>{var i;return d(t)||"function"==typeof(null===(i=t)||void 0===i?void 0:i[Symbol.iterator])},c=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,a=/>/g,f=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,_=/'/g,m=/"/g,g=/^(?:script|style|textarea)$/i,b=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),x=new WeakMap,w=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(h(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l},A=l.createTreeWalker(l,129,null,!1),C=(t,i)=>{const o=t.length-1,l=[];let h,r=2===i?"<svg>":"",d=c;for(let i=0;i<o;i++){const s=t[i];let o,u,$=-1,p=0;for(;p<s.length&&(d.lastIndex=p,u=d.exec(s),null!==u);)p=d.lastIndex,d===c?"!--"===u[1]?d=v:void 0!==u[1]?d=a:void 0!==u[2]?(g.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=f):void 0!==u[3]&&(d=f):d===f?">"===u[0]?(d=null!=h?h:c,$=-1):void 0===u[1]?$=-2:($=d.lastIndex-u[2].length,o=u[1],d=void 0===u[3]?f:'"'===u[3]?m:_):d===m||d===_?d=f:d===v||d===a?d=c:(d=f,h=void 0);const y=d===f&&t[i+1].startsWith("/>")?" ":"";r+=d===c?s+n:$>=0?(l.push(o),s.slice(0,$)+"$lit$"+s.slice($)+e+y):s+e+(-2===$?(l.push(void 0),i):y);}const u=r+(t[o]||"<?>")+(2===i?"</svg>":"");return [void 0!==s?s.createHTML(u):u,l]};class P{constructor({strings:t,_$litType$:s},n){let l;this.parts=[];let r=0,d=0;const u=t.length-1,c=this.parts,[v,a]=C(t,s);if(this.el=P.createElement(v,n),A.currentNode=this.el.content,2===s){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(e)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(e),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:r,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S});}else c.push({type:6,index:r});}for(const i of t)l.removeAttribute(i);}if(g.test(l.tagName)){const t=l.textContent.split(e),s=t.length-1;if(s>0){l.textContent=i?i.emptyScript:"";for(let i=0;i<s;i++)l.append(t[i],h()),A.nextNode(),c.push({type:2,index:++r});l.append(t[s],h());}}}else if(8===l.nodeType)if(l.data===o)c.push({type:2,index:r});else {let t=-1;for(;-1!==(t=l.data.indexOf(e,t+1));)c.push({type:7,index:r}),t+=e.length-1;}r++;}}static createElement(t,i){const s=l.createElement("template");return s.innerHTML=t,s}}function V(t,i,s=t,e){var o,n,l,h;if(i===b)return i;let d=void 0!==e?null===(o=s._$Cl)||void 0===o?void 0:o[e]:s._$Cu;const u=r(i)?void 0:i._$litDirective$;return (null==d?void 0:d.constructor)!==u&&(null===(n=null==d?void 0:d._$AO)||void 0===n||n.call(d,!1),void 0===u?d=void 0:(d=new u(t),d._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Cl)&&void 0!==l?l:h._$Cl=[])[e]=d:s._$Cu=d),void 0!==d&&(i=V(t,d._$AS(t,i.values),d,e)),i}class E{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:l).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),h=0,r=0,d=e[0];for(;void 0!==d;){if(h===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.v.push(i),d=e[++r];}h!==(null==d?void 0:d.index)&&(n=A.nextNode(),h++);}return o}m(t){let i=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cg=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=V(this,t,i),r(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==b&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):u(t)?this.M(t):this.$(t);}A(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t));}$(t){this._$AH!==T&&r(this._$AH)?this._$AA.nextSibling.data=t:this.S(l.createTextNode(t)),this._$AH=t;}T(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=P.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.m(s);else {const t=new E(o,this),i=t.p(this.options);t.m(s),this.S(i),this._$AH=t;}}_$AC(t){let i=x.get(t.strings);return void 0===i&&x.set(t.strings,i=new P(t)),i}M(t){d(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.A(h()),this.A(h()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cg=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=T;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=V(this,t,i,0),n=!r(t)||t!==this._$AH&&t!==b,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=V(this,e[s+l],i,l),h===b&&(h=this._$AH[l]),n||(n=!r(h)||h!==this._$AH[l]),h===T?t=T:t!==T&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.k(t);}k(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S{constructor(){super(...arguments),this.type=3;}k(t){this.element[this.name]=t===T?void 0:t;}}class k extends S{constructor(){super(...arguments),this.type=4;}k(t){t&&t!==T?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name);}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=V(this,t,i,0))&&void 0!==s?s:T)===b)return;const e=this._$AH,o=t===T&&e!==T||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==T&&(e===T||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t);}}const R=window.litHtmlPolyfillSupport;null==R||R(P,N),(null!==(t=globalThis.litHtmlVersions)&&void 0!==t?t:globalThis.litHtmlVersions=[]).push("2.0.1");
+
+	/**
+	 * @license
+	 * Copyright 2018 Google LLC
+	 * SPDX-License-Identifier: BSD-3-Clause
+	 */
+	class StyleMapDirective extends directive.Directive {
+		constructor(partInfo) {
+			var _a;
+			super(partInfo);
+			if (partInfo.type !== directive.PartType.ATTRIBUTE ||
+				partInfo.name !== 'style' ||
+				((_a = partInfo.strings) === null || _a === void 0 ? void 0 : _a.length) > 2) {
+				throw new Error('The `styleMap` directive must be used in the `style` attribute ' +
+					'and must be the only part in the attribute.');
+			}
+		}
+		render(styleInfo) {
+			return "";
+		}
+		update(part, [styleInfo]) {
+			const { style } = part.element;
+			if (this._previousStyleProperties === undefined) {
+				this._previousStyleProperties = new Set();
+				for (const name in styleInfo) {
+					this._previousStyleProperties.add(name);
+				}
+			}
+			this._previousStyleProperties.forEach((name) => {
+				if (styleInfo[name] == null) {
+					this._previousStyleProperties.delete(name);
+					if (name.includes('-')) {
+						style.removeProperty(name);
+					}
+					else {
+						style[name] = '';
+					}
+				}
+			});
+			for (const name in styleInfo) {
+				const value = styleInfo[name];
+				if (value != null) {
+					this._previousStyleProperties.add(name);
+					if (name.includes('-')) {
+						style.setProperty(name, value);
+					}
+					else {
+						style[name] = value;
+					}
+				}
+			}
+			return b;
+		}
+	}
+	const styleMap = directive.directive(StyleMapDirective);
+
+	exports.styleMap = styleMap;
+	exports.w = w;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/theming/CustomStyle.js

@@ -1,6 +1,6 @@
-sap.ui.define(['exports', '../Render', '../EventProvider'], function (exports, Render, EventProvider) { 'use strict';
+sap.ui.define(['exports', '../Render', '../getSharedResource', '../EventProvider'], function (exports, Render, getSharedResource, EventProvider) { 'use strict';
 
-	const eventProvider = new EventProvider();
+	const eventProvider = getSharedResource("CustomStyle.eventProvider", new EventProvider());
 	const CUSTOM_CSS_CHANGE = "CustomCSSChange";
 	const attachCustomCSSChange = listener => {
 		eventProvider.attachEvent(CUSTOM_CSS_CHANGE, listener);
@@ -11,13 +11,24 @@ sap.ui.define(['exports', '../Render', '../EventProvider'], function (exports, R
 	const fireCustomCSSChange = tag => {
 		return eventProvider.fireEvent(CUSTOM_CSS_CHANGE, tag);
 	};
-	const customCSSFor = {};
+	const customCSSFor = getSharedResource("CustomStyle.customCSSFor", {});
+	let skipRerender;
+	attachCustomCSSChange(tag => {
+		if (!skipRerender) {
+			Render.reRenderAllUI5Elements({ tag });
+		}
+	});
 	const addCustomCSS = (tag, css) => {
 		if (!customCSSFor[tag]) {
 			customCSSFor[tag] = [];
 		}
 		customCSSFor[tag].push(css);
-		fireCustomCSSChange(tag);
+		skipRerender = true;
+		try {
+			fireCustomCSSChange(tag);
+		} finally {
+			skipRerender = false;
+		}
 		return Render.reRenderAllUI5Elements({ tag });
 	};
 	const getCustomCSS = tag => {