@openui5/sap.ui.webc.common 1.100.0 → 1.102.1

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollectionsAlias', '../config/Theme'], function (exports, getSharedResource, IconCollectionsAlias, Theme) { 'use strict';
+sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollectionsAlias', '../config/Icons'], function (exports, getSharedResource, IconCollectionsAlias, Icons) { 'use strict';
 
 	const loaders = new Map();
 	const registry = getSharedResource("SVGIcons.registry", new Map());
@@ -34,7 +34,7 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 	};
 	const registerIcon = (name, { pathData, ltr, accData, collection, packageName } = {}) => {
 		if (!collection) {
-			collection = _getDefaultCollection();
+			collection = Icons.getEffectiveDefaultIconCollection();
 		}
 		const key = `${collection}/${name}`;
 		registry.set(key, {
@@ -50,7 +50,7 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 		}
 		let collection;
 		[name, collection] = name.split("/").reverse();
-		collection = collection || _getDefaultCollection();
+		collection = collection || Icons.getEffectiveDefaultIconCollection();
 		collection = _normalizeCollection(collection);
 		name = name.replace("icon-", "");
 		const registryKey = `${collection}/${name}`;
@@ -82,9 +82,6 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 		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];

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/Icons.js

@@ -0,0 +1,28 @@
+sap.ui.define(['exports', './Theme'], function (exports, Theme) { 'use strict';
+
+	const IconCollectionConfiguration = new Map();
+	const setDefaultIconCollection = (theme, collectionName) => {
+		if (collectionName === "horizon") {
+			collectionName = "SAP-icons-v5";
+		}
+		IconCollectionConfiguration.set(theme, collectionName);
+	};
+	const getDefaultIconCollection = theme => {
+		return IconCollectionConfiguration.get(theme);
+	};
+	const getEffectiveDefaultIconCollection = () => {
+		const currentTheme = Theme.getTheme();
+		const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
+		if (currentThemeConfiguration) {
+			return currentThemeConfiguration;
+		}
+		return Theme.isThemeFamily("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
+	};
+
+	exports.getDefaultIconCollection = getDefaultIconCollection;
+	exports.getEffectiveDefaultIconCollection = getEffectiveDefaultIconCollection;
+	exports.setDefaultIconCollection = setDefaultIconCollection;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

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/BusyIndicator.css

@@ -0,0 +1,76 @@
+.busy-indicator-wrapper {
+    position: relative;
+    height: 100%;
+    width: 100%;
+}
+
+.busy-indicator-overlay {
+    display: var(--ui5_web_components_busy_indicator_display);
+    position: absolute;
+    inset: 0;
+    background: var(--ui5_web_components_busy_indicator_background-color);
+    z-index: 99;
+}
+
+.busy-indicator-busy-area {
+    display: var(--ui5_web_components_busy_indicator_display);
+    position: absolute;
+    z-index: 99;
+    inset: 0;
+    justify-content: center;
+    align-items: center;
+    background-color: inherit;
+    flex-direction: column;
+    color: var(--_ui5_busy_indicator_color);
+}
+
+:host([__is-busy]) .busy-indicator-wrapper > :not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]) {
+    --ui5_web_components_busy_indicator_display: none;
+}
+
+.busy-indicator-busy-area:focus {
+    outline: var(--_ui5_busy_indicator_focus_outline);
+    outline-offset: -.125rem;
+}
+
+.busy-indicator-circle {
+    width: 1rem;
+    height: 1rem;
+    display: inline-block;
+    background-color: currentColor;
+    border-radius: 50%;
+}
+
+.circle-animation-0 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+}
+
+.circle-animation-1 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+    animation-delay: 200ms;
+}
+
+.circle-animation-2 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+    animation-delay: 400ms;
+}
+
+.sapUiLocalBusy {
+	--ui5_web_components_busy_indicator_display: none;
+}
+
+@keyframes grow {
+    0%, 50%, 100% {
+        -webkit-transform: scale(0.5);
+        -moz-transform: scale(0.5);
+        -ms-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    25% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1);
+    }
+}

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/features/OpenUI5Enablement.js

@@ -0,0 +1,99 @@
+sap.ui.define(['../FeaturesRegistry', '../generated/css/BusyIndicator.css', '../thirdparty/merge', '../Keys'], function (FeaturesRegistry, BusyIndicator_css, merge, Keys) { 'use strict';
+
+	const busyIndicatorMetadata = {
+		properties: {
+			__isBusy: {
+				type: Boolean,
+			},
+		},
+	};
+	const getBusyIndicatorStyles = () => {
+		return BusyIndicator_css;
+	};
+	const wrapTemplateResultInBusyMarkup = (html, host, templateResult) => {
+		if (host.isOpenUI5Component && host.__isBusy) {
+			templateResult = html`
+		<div class="busy-indicator-wrapper">
+			<span tabindex="0" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>
+			${templateResult}
+			<div class="busy-indicator-overlay"></div>
+			<div busy-indicator
+				class="busy-indicator-busy-area"
+				tabindex="0"
+				role="progressbar"
+				@keydown=${host.__suppressFocusBack}
+				aria-valuemin="0"
+				aria-valuemax="100"
+				aria-valuetext="Busy">
+				<div>
+					<div class="busy-indicator-circle circle-animation-0"></div>
+					<div class="busy-indicator-circle circle-animation-1"></div>
+					<div class="busy-indicator-circle circle-animation-2"></div>
+				</div>
+			</div>
+		</div>`;
+		}
+		return templateResult;
+	};
+	const enrichBusyIndicatorMetadata = UI5Element => {
+		UI5Element.metadata = merge(UI5Element.metadata, busyIndicatorMetadata);
+	};
+	const enrichBusyIndicatorMethods = UI5ElementPrototype => {
+		Object.defineProperties(UI5ElementPrototype, {
+			"__redirectFocus": { value: true, writable: true },
+			"__suppressFocusBack": {
+				get() {
+					const that = this;
+					return {
+						handleEvent: e => {
+							if (Keys.isTabPrevious(e)) {
+								const beforeElem = that.shadowRoot.querySelector("[busy-indicator-before-span]");
+								that.__redirectFocus = false;
+								beforeElem.focus();
+								that.__redirectFocus = true;
+							}
+						},
+						capture: true,
+						passive: false,
+					};
+				},
+			},
+			"isOpenUI5Component": { get: () => { return true; } },
+		});
+		UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
+			const busyIndicator = this.shadowRoot.querySelector("[busy-indicator]");
+			if (busyIndicator && this.__redirectFocus) {
+				busyIndicator.focus();
+			}
+		};
+		UI5ElementPrototype.getDomRef = function getDomRef() {
+			if (typeof this._getRealDomRef === "function") {
+				return this._getRealDomRef();
+			}
+			if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
+				return;
+			}
+			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`);
+			}
+			if (this.__isBusy) {
+				return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)");
+			}
+			return children[0];
+		};
+	};
+	const enrichBusyIndicatorSettings = UI5Element => {
+		enrichBusyIndicatorMetadata(UI5Element);
+		enrichBusyIndicatorMethods(UI5Element.prototype);
+	};
+	const OpenUI5Enablement = {
+		enrichBusyIndicatorSettings,
+		wrapTemplateResultInBusyMarkup,
+		getBusyIndicatorStyles,
+	};
+	FeaturesRegistry.registerFeature("OpenUI5Enablement", OpenUI5Enablement);
+
+	return OpenUI5Enablement;
+
+});

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.3.1",
 		major: 1,
-		minor: 1,
-		patch: 2,
+		minor: 3,
+		patch: 1,
 		suffix: "",
 		isNext: false,
-		buildTime: 1646033932,
+		buildTime: 1651645333,
 	};
 
 	return VersionInfo;

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

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var BusyIndicatorStyles = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "BusyIndicator.css",
+		content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`
+	};
+
+	return BusyIndicatorStyles;
+
+});

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/LitRenderer.js

@@ -1,28 +1,43 @@
-sap.ui.define(['exports', '../_chunks/style-map', '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';
+sap.ui.define(['exports', '../_chunks/style-map', '../FeaturesRegistry', '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, FeaturesRegistry, repeat, classMap, ifDefined, unsafeHtml) { 'use strict';
 
-	const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
+	const effectiveHtml = (...args) => {
+		const LitStatic = FeaturesRegistry.getFeature("LitStatic");
+		const fn = LitStatic ? LitStatic.html : styleMap.$;
+		return fn(...args);
+	};
+	const effectiveSvg = (...args) => {
+		const LitStatic = FeaturesRegistry.getFeature("LitStatic");
+		const fn = LitStatic ? LitStatic.svg : styleMap.y;
+		return fn(...args);
+	};
+	const litRender = (templateResult, domNode, styleStrOrHrefsArr, forStaticArea, { host } = {}) => {
+		const OpenUI5Enablement = FeaturesRegistry.getFeature("OpenUI5Enablement");
+		if (OpenUI5Enablement && !forStaticArea) {
+			templateResult = OpenUI5Enablement.wrapTemplateResultInBusyMarkup(effectiveHtml, host, templateResult);
+		}
 		if (typeof styleStrOrHrefsArr === "string") {
-			templateResult = _static.html`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
+			templateResult = effectiveHtml`<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}`;
+			templateResult = effectiveHtml`${styleStrOrHrefsArr.map(href => effectiveHtml`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
 		}
-		styleMap.w(templateResult, domNode, { host });
+		styleMap.x(templateResult, domNode, { host });
 	};
 	const scopeTag = (tag, tags, suffix) => {
-		const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
-		return _static.unsafeStatic(resultTag);
+		const LitStatic = FeaturesRegistry.getFeature("LitStatic");
+		if (LitStatic) {
+			return LitStatic.unsafeStatic((tags || []).includes(tag) ? `${tag}-${suffix}` : tag);
+		}
 	};
 
 	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.ifDefined = ifDefined.ifDefined;
 	exports.unsafeHTML = unsafeHtml.unsafeHTML;
 	exports.default = litRender;
+	exports.html = effectiveHtml;
 	exports.scopeTag = scopeTag;
+	exports.svg = effectiveSvg;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

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

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

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

@@ -1,16 +1,20 @@
-sap.ui.define(['../CSP'], function (CSP) { 'use strict';
+sap.ui.define(['../CSP', '../FeaturesRegistry'], function (CSP, FeaturesRegistry) { 'use strict';
 
 	const flatten = arr => {
 		return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
 	};
 	const getEffectiveLinksHrefs = (ElementClass, forStaticArea = false) => {
 		let stylesData = ElementClass[forStaticArea ? "staticAreaStyles" : "styles"];
+		const OpenUI5Enablement = FeaturesRegistry.getFeature("OpenUI5Enablement");
 		if (!stylesData) {
 			return;
 		}
 		if (!Array.isArray(stylesData)) {
 			stylesData = [stylesData];
 		}
+		if (OpenUI5Enablement) {
+			stylesData.push(OpenUI5Enablement.getBusyIndicatorStyles());
+		}
 		return flatten(stylesData).filter(data => !!data).map(data => CSP.getUrl(data.packageName, data.fileName));
 	};
 

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

@@ -1,4 +1,4 @@
-sap.ui.define(['./CustomStyle', './getStylesString'], function (CustomStyle, getStylesString) { 'use strict';
+sap.ui.define(['./CustomStyle', './getStylesString', '../FeaturesRegistry'], function (CustomStyle, getStylesString, FeaturesRegistry) { 'use strict';
 
 	const effectiveStyleMap = new Map();
 	CustomStyle.attachCustomCSSChange(tag => {
@@ -7,8 +7,13 @@ sap.ui.define(['./CustomStyle', './getStylesString'], function (CustomStyle, get
 	const getEffectiveStyle = (ElementClass, forStaticArea = false) => {
 		const tag = ElementClass.getMetadata().getTag();
 		const key = `${tag}_${forStaticArea ? "static" : "normal"}`;
+		const OpenUI5Enablement = FeaturesRegistry.getFeature("OpenUI5Enablement");
 		if (!effectiveStyleMap.has(key)) {
 			let effectiveStyle;
+			let busyIndicatorStyles = "";
+			if (OpenUI5Enablement) {
+				busyIndicatorStyles = getStylesString(OpenUI5Enablement.getBusyIndicatorStyles());
+			}
 			if (forStaticArea) {
 				effectiveStyle = getStylesString(ElementClass.staticAreaStyles);
 			} else {
@@ -16,6 +21,7 @@ sap.ui.define(['./CustomStyle', './getStylesString'], function (CustomStyle, get
 				const builtInStyles = getStylesString(ElementClass.styles);
 				effectiveStyle = `${builtInStyles} ${customStyle}`;
 			}
+			effectiveStyle = `${effectiveStyle} ${busyIndicatorStyles}`;
 			effectiveStyleMap.set(key, effectiveStyle);
 		}
 		return effectiveStyleMap.get(key);

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

@@ -12,7 +12,7 @@ sap.ui.define(['./renderer/executeTemplate', './theming/getConstructableStyle',
 		} else if (!isLegacyBrowser()) {
 			styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
 		}
-		element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, { host: element });
+		element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
 	};
 
 	return updateShadowRoot;

package/src/sap/ui/webc/common/thirdparty/base/util/getNormalizedTarget.js

@@ -0,0 +1,13 @@
+sap.ui.define(function () { 'use strict';
+
+	const getNormalizedTarget = target => {
+		let element = target;
+		if (target.shadowRoot && target.shadowRoot.activeElement) {
+			element = target.shadowRoot.activeElement;
+		}
+		return element;
+	};
+
+	return getNormalizedTarget;
+
+});

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;