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

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

@@ -10,7 +10,6 @@ sap.ui.define(['exports', './thirdparty/merge', './FeaturesRegistry', './generat
 		noConflict: false,
 		formatSettings: {},
 		fetchDefaultLanguage: false,
-		assetsPath: "",
 	};
 	const getAnimationMode = () => {
 		initConfiguration();
@@ -44,10 +43,6 @@ sap.ui.define(['exports', './thirdparty/merge', './FeaturesRegistry', './generat
 		initConfiguration();
 		return initialConfig.formatSettings;
 	};
-	const getAssetsPath = () => {
-		initConfiguration();
-		return initialConfig.assetsPath;
-	};
 	const booleanMapping = new Map();
 	booleanMapping.set("true", true);
 	booleanMapping.set("false", false);
@@ -81,12 +76,19 @@ sap.ui.define(['exports', './thirdparty/merge', './FeaturesRegistry', './generat
 			applyURLParam(key, value, "sap-ui");
 		});
 	};
+	const normalizeParamValue = (param, value) => {
+		if (param === "theme" && value.includes("@")) {
+			return value.split("@")[0];
+		}
+		return value;
+	};
 	const applyURLParam = (key, value, paramType) => {
 		const lowerCaseValue = value.toLowerCase();
 		const param = key.split(`${paramType}-`)[1];
 		if (booleanMapping.has(value)) {
 			value = booleanMapping.get(lowerCaseValue);
 		}
+		value = normalizeParamValue(param, value);
 		initialConfig[param] = value;
 	};
 	const applyOpenUI5Configuration = () => {
@@ -108,7 +110,6 @@ sap.ui.define(['exports', './thirdparty/merge', './FeaturesRegistry', './generat
 	};
 
 	exports.getAnimationMode = getAnimationMode;
-	exports.getAssetsPath = getAssetsPath;
 	exports.getCalendarType = getCalendarType;
 	exports.getFetchDefaultLanguage = getFetchDefaultLanguage;
 	exports.getFormatSettings = getFormatSettings;

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

@@ -0,0 +1,74 @@
+sap.ui.define(['exports', './util/createStyleInHead', './util/createLinkInHead', './CSP'], function (exports, createStyleInHead, createLinkInHead, CSP) { 'use strict';
+
+	const getStyleId = (name, value) => {
+		return value ? `${name}|${value}` : name;
+	};
+	const createStyle = (data, name, value = "") => {
+		const content = typeof data === "string" ? data : data.content;
+		if (CSP.shouldUseLinks()) {
+			const attributes = {};
+			attributes[name] = value;
+			const href = CSP.getUrl(data.packageName, data.fileName);
+			createLinkInHead(href, attributes);
+		} else if (document.adoptedStyleSheets) {
+			const stylesheet = new CSSStyleSheet();
+			stylesheet.replaceSync(content);
+			stylesheet._ui5StyleId = getStyleId(name, value);
+			document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+		} else {
+			const attributes = {};
+			attributes[name] = value;
+			createStyleInHead(content, attributes);
+		}
+	};
+	const updateStyle = (data, name, value = "") => {
+		const content = typeof data === "string" ? data : data.content;
+		if (CSP.shouldUseLinks()) {
+			document.querySelector(`head>link[${name}="${value}"]`).href = CSP.getUrl(data.packageName, data.fileName);
+		} else if (document.adoptedStyleSheets) {
+			document.adoptedStyleSheets.find(sh => sh._ui5StyleId === getStyleId(name, value)).replaceSync(content || "");
+		} else {
+			document.querySelector(`head>style[${name}="${value}"]`).textContent = content || "";
+		}
+	};
+	const hasStyle = (name, value = "") => {
+		if (CSP.shouldUseLinks()) {
+			return !!document.querySelector(`head>link[${name}="${value}"]`);
+		}
+		if (document.adoptedStyleSheets) {
+			return !!document.adoptedStyleSheets.find(sh => sh._ui5StyleId === getStyleId(name, value));
+		}
+		return !!document.querySelector(`head>style[${name}="${value}"]`);
+	};
+	const removeStyle = (name, value = "") => {
+		if (CSP.shouldUseLinks()) {
+			const linkElement = document.querySelector(`head>link[${name}="${value}"]`);
+			if (linkElement) {
+				linkElement.parentElement.removeChild(linkElement);
+			}
+		} else if (document.adoptedStyleSheets) {
+			document.adoptedStyleSheets = document.adoptedStyleSheets.filter(sh => sh._ui5StyleId !== getStyleId(name, value));
+		} else {
+			const styleElement = document.querySelector(`head > style[${name}="${value}"]`);
+			if (styleElement) {
+				styleElement.parentElement.removeChild(styleElement);
+			}
+		}
+	};
+	const createOrUpdateStyle = (data, name, value = "") => {
+		if (hasStyle(name, value)) {
+			updateStyle(data, name, value);
+		} else {
+			createStyle(data, name, value);
+		}
+	};
+
+	exports.createOrUpdateStyle = createOrUpdateStyle;
+	exports.createStyle = createStyle;
+	exports.hasStyle = hasStyle;
+	exports.removeStyle = removeStyle;
+	exports.updateStyle = updateStyle;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

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

@@ -78,7 +78,8 @@ sap.ui.define(['exports', './EventProvider', './RenderQueue', './CustomElementsR
 			const tag = element.constructor.getMetadata().getTag();
 			const rtlAware = RTLAwareRegistry.isRtlAware(element.constructor);
 			const languageAware = element.constructor.getMetadata().isLanguageAware();
-			if (!filters || (filters.tag === tag) || (filters.rtlAware && rtlAware) || (filters.languageAware && languageAware)) {
+			const themeAware = element.constructor.getMetadata().isThemeAware();
+			if (!filters || (filters.tag === tag) || (filters.rtlAware && rtlAware) || (filters.languageAware && languageAware) || (filters.themeAware && themeAware)) {
 				renderDeferred(element);
 			}
 		});

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

@@ -43,9 +43,6 @@ sap.ui.define(['./StaticArea', './updateShadowRoot', './Render', './util/getEffe
 			await Render.renderFinished();
 			return this.shadowRoot;
 		}
-		getStableDomRef(refName) {
-			return this.shadowRoot.querySelector(`[data-ui5-stable=${refName}]`);
-		}
 		static getTag() {
 			const pureTag = "ui5-static-area-item";
 			const suffix = CustomElementsScope.getEffectiveScopingSuffixForTag(pureTag);

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

@@ -1,29 +1,9 @@
-sap.ui.define(['./util/createStyleInHead'], function (createStyleInHead) { 'use strict';
+sap.ui.define(['./ManagedStyles', './generated/css/SystemCSSVars.css'], function (ManagedStyles, SystemCSSVars_css) { 'use strict';
 
-	const systemCSSVars = `
-	: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;
-	}
-`;
 	const insertSystemCSSVars = () => {
-		if (document.querySelector(`head>style[data-ui5-system-css-vars]`)) {
-			return;
+		if (!ManagedStyles.hasStyle("data-ui5-system-css-vars")) {
+			ManagedStyles.createStyle(SystemCSSVars_css, "data-ui5-system-css-vars");
 		}
-		createStyleInHead(systemCSSVars, { "data-ui5-system-css-vars": "" });
 	};
 
 	return insertSystemCSSVars;

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

@@ -1,4 +1,4 @@
-sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventProvider', './util/getSingletonElementInstance', './StaticAreaItem', './updateShadowRoot', './Render', './CustomElementsRegistry', './DOMObserver', './config/NoConflict', './locale/getEffectiveDir', './types/DataType', './util/StringHelper', './util/isValidPropertyName', './util/isDescendantOf', './util/SlotsHelper', './util/arraysAreEqual', './util/getClassCopy', './locale/RTLAwareRegistry', './isLegacyBrowser'], function (merge, Boot, UI5ElementMetadata, EventProvider, getSingletonElementInstance, StaticAreaItem, updateShadowRoot, Render, CustomElementsRegistry, DOMObserver, NoConflict, getEffectiveDir, DataType, StringHelper, isValidPropertyName, isDescendantOf, SlotsHelper, arraysAreEqual, getClassCopy, RTLAwareRegistry, isLegacyBrowser) { 'use strict';
+sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventProvider', './util/getSingletonElementInstance', './StaticAreaItem', './updateShadowRoot', './Render', './CustomElementsRegistry', './DOMObserver', './config/NoConflict', './locale/getEffectiveDir', './types/DataType', './util/StringHelper', './util/isValidPropertyName', './util/isDescendantOf', './util/SlotsHelper', './util/arraysAreEqual', './util/getClassCopy', './locale/RTLAwareRegistry', './theming/preloadLinks'], function (merge, Boot, UI5ElementMetadata, EventProvider, getSingletonElementInstance, StaticAreaItem, updateShadowRoot, Render, CustomElementsRegistry, DOMObserver, NoConflict, getEffectiveDir, DataType, StringHelper, isValidPropertyName, isDescendantOf, SlotsHelper, arraysAreEqual, getClassCopy, RTLAwareRegistry, preloadLinks) { 'use strict';
 
 	let autoId = 0;
 	const elementTimeouts = new Map();
@@ -320,18 +320,17 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			return this._domRefReadyPromise;
 		}
 		getDomRef() {
+			if (typeof this._getRealDomRef === "function") {
+				return this._getRealDomRef();
+			}
 			if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
 				return;
 			}
-			this._assertShadowRootStructure();
-			return this.shadowRoot.children.length === 1
-				? this.shadowRoot.children[0] : this.shadowRoot.children[1];
-		}
-		_assertShadowRootStructure() {
-			const expectedChildrenCount = document.adoptedStyleSheets || isLegacyBrowser() ? 1 : 2;
-			if (this.shadowRoot.children.length !== expectedChildrenCount) {
+			const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
+			if (children.length !== 1) {
 				console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`);
 			}
+			return children[0];
 		}
 		getFocusDomRef() {
 			const domRef = this.getDomRef();
@@ -344,10 +343,6 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			await this._waitForDomRef();
 			return this.getFocusDomRef();
 		}
-		getStableDomRef(refName) {
-			const staticAreaResult = this.staticAreaItem && this.staticAreaItem.getStableDomRef(refName);
-			return staticAreaResult || this.getDomRef().querySelector(`[data-ui5-stable=${refName}]`);
-		}
 		async focus() {
 			await this._waitForDomRef();
 			const focusDomRef = this.getFocusDomRef();
@@ -537,6 +532,7 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 				this._generateAccessors();
 				CustomElementsRegistry.registerTag(tag);
 				window.customElements.define(tag, this);
+				preloadLinks(this);
 				if (altTag && !customElements.get(altTag)) {
 					CustomElementsRegistry.registerTag(altTag);
 					window.customElements.define(altTag, getClassCopy(this, () => {

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

@@ -105,6 +105,9 @@ sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper
 		}
 		isLanguageAware() {
 			return !!this.metadata.languageAware;
+		}
+		 isThemeAware() {
+			return !!this.metadata.themeAware;
 		}
 		shouldInvalidateOnChildChange(slotName, type, name) {
 			const config = this.getSlots()[slotName].invalidateOnChildChange;

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/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/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 });
+
+});