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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.common",
-  "version": "1.98.0",
+  "version": "1.99.0",
   "description": "OpenUI5 UI Library sap.ui.webc.common",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -16,6 +16,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.98.0"
+    "@openui5/sap.ui.core": "1.99.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.98.0</version>
+	<version>1.99.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>

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

@@ -13,7 +13,8 @@ sap.ui.define([
 		"sap/ui/core/Core",
 		"sap/base/strings/hyphenate",
 		"sap/base/strings/camelize",
-		"sap/ui/core/library"
+		"sap/ui/core/library",
+		"sap/ui/core/LabelEnablement"
 	],
 	function(
 		Control,
@@ -23,7 +24,8 @@ sap.ui.define([
 		Core,
 		hyphenate,
 		camelize,
-		coreLibrary
+		coreLibrary,
+		LabelEnablement
 	) {
 		"use strict";
 
@@ -104,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.99.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent
@@ -394,5 +396,24 @@ sap.ui.define([
 			return sTextDirection.toLowerCase();
 		};
 
+		/**
+		 * Generates a string containing the ID's from the association ariaLabelledBy.
+		 * @param {string[]} aAriaLabelledBy an array of IDs associated with this control
+		 * @returns {string} sAriaLabelledBy
+		 */
+		WebComponent.prototype._getAriaLabelledByForRendering = function (aAriaLabelledBy) {
+			var aFilteredIds = LabelEnablement.getReferencingLabels(this);
+
+			if (Array.isArray(aAriaLabelledBy)) {
+				aAriaLabelledBy.forEach(function (sId) {
+					if (aFilteredIds.indexOf(sId) < 0) {
+						aFilteredIds.unshift(sId);
+					}
+				});
+			}
+
+			return aFilteredIds.join(" ");
+		};
+
 		return WebComponent;
 	});

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

@@ -22,7 +22,7 @@ sap.ui.define([
 		 *
 		 * @class
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.99.0
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 The API might change. It is not intended for productive usage yet!
 		 * @alias sap.ui.webc.common.WebComponentMetadata
@@ -74,12 +74,12 @@ sap.ui.define([
 		var OriginalAssociation = ElementMetadata.prototype.metaFactoryAssociation;
 		var WebComponentAssociation = function(oClass, name, info) {
 			OriginalAssociation.apply(this, arguments);
-
 			if (!info.mapping || typeof info.mapping !== "object") {
 				this._sMapping = ""; // For associations, "mapping" must be an object, because "to" is required
 			} else {
 				this._sMapping = "property"; // Associations map only to properties, no matter what is set, it's always "property" mapping
 				this._sMapTo = info.mapping.to; // The property, to which the association is related
+				this._fnMappingFormatter = info.mapping.formatter;
 			}
 		};
 		WebComponentAssociation.prototype = Object.create(OriginalAssociation.prototype);

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

@@ -26,7 +26,7 @@ sap.ui.define([
 		/**
 		 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 		 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
-		 * @param {sap.ui.core.Control} oWebComponent an object representation of the control that should be rendered
+		 * @param {sap.ui.webc.common.WebComponent} oWebComponent an object representation of the control that should be rendered
 		 */
 		WebComponentRenderer.render = function(oRm, oWebComponent){
 			var sTag = oWebComponent.getMetadata().getTag();
@@ -193,10 +193,17 @@ sap.ui.define([
 			for (var sAssocName in oAssociations) {
 				var oAssocData = oAssociations[sAssocName];
 				var vAssocValue = oAssocData.get(oWebComponent);
-				var sPropName = oAssocData._sMapTo; // The name of the property to be set with the association's ID value
-				var sPropValue = typeof vAssocValue === "object" ? vAssocValue.getId() : vAssocValue; // The ID, held by the association
-				if (sPropValue) { // Only set the property, if the association is set
-					oRm.attr(sPropName, sPropValue);
+				var sPropName = hyphenate(oAssocData._sMapTo); // The name of the property to be set with the association's ID value
+				if (oAssocData._fnMappingFormatter) {
+					vAssocValue = oWebComponent[oAssocData._fnMappingFormatter].call(oWebComponent, vAssocValue);
+				}
+
+				if (!oAssocData.multiple && vAssocValue && typeof vAssocValue === "object") {
+					vAssocValue = vAssocValue.getId(); // The value will be the control ID, held by the association
+				}
+
+				if (vAssocValue) { // Only set the property, if the association is set
+					oRm.attr(sPropName, vAssocValue);
 				}
 			}
 		};

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	// delegate further initialization of this library to the Core
 	sap.ui.getCore().initLibrary({
 		name : "sap.ui.webc.common",
-		version: "1.98.0",
+		version: "1.99.0",
 		dependencies : ["sap.ui.core"],
 		noLibraryCSS: true,
 		designtime: "sap/ui/webc/common/designtime/library.designtime",
@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0

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

@@ -1,25 +1,32 @@
-sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './FeaturesRegistry'], function (exports, EventProvider, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, FeaturesRegistry) { 'use strict';
+sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './Runtimes', './FeaturesRegistry'], function (exports, EventProvider, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, Runtimes, FeaturesRegistry) { 'use strict';
 
-	let booted = false;
+	let bootPromise;
 	const eventProvider = new EventProvider();
 	const attachBoot = listener => {
 		eventProvider.attachEvent("boot", listener);
 	};
 	const boot = async () => {
-		if (booted) {
-			return;
+		if (bootPromise) {
+			return bootPromise;
 		}
-		const OpenUI5Support = FeaturesRegistry.getFeature("OpenUI5Support");
-		if (OpenUI5Support) {
-			await OpenUI5Support.init();
-		}
-		await whenDOMReady();
-		await applyTheme(Theme.getTheme());
-		OpenUI5Support && OpenUI5Support.attachListeners();
-		FontFace();
-		SystemCSSVars();
-		await eventProvider.fireEventAsync("boot");
-		booted = true;
+		bootPromise = new Promise(async resolve => {
+			Runtimes.registerCurrentRuntime();
+			const OpenUI5Support = FeaturesRegistry.getFeature("OpenUI5Support");
+			const F6Navigation = FeaturesRegistry.getFeature("F6Navigation");
+			if (OpenUI5Support) {
+				await OpenUI5Support.init();
+			} else if (F6Navigation) {
+				F6Navigation.init();
+			}
+			await whenDOMReady();
+			await applyTheme(Theme.getTheme());
+			OpenUI5Support && OpenUI5Support.attachListeners();
+			FontFace();
+			SystemCSSVars();
+			await eventProvider.fireEventAsync("boot");
+			resolve();
+		});
+		return bootPromise;
 	};
 
 	exports.attachBoot = attachBoot;

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

@@ -1,10 +1,13 @@
-sap.ui.define(['exports', './util/setToArray'], function (exports, setToArray) { 'use strict';
+sap.ui.define(['exports', './util/setToArray', './getSharedResource', './Runtimes'], function (exports, setToArray, getSharedResource, Runtimes) { 'use strict';
 
+	const Tags = getSharedResource("Tags", new Map());
 	const Definitions = new Set();
-	const Failures = new Set();
+	let Failures = {};
 	let failureTimeout;
+	const UNKNOWN_RUNTIME = "unknown";
 	const registerTag = tag => {
 		Definitions.add(tag);
+		Tags.set(tag, Runtimes.getCurrentRuntimeIndex());
 	};
 	const isTagRegistered = tag => {
 		return Definitions.has(tag);
@@ -13,17 +16,57 @@ sap.ui.define(['exports', './util/setToArray'], function (exports, setToArray) {
 		return setToArray(Definitions);
 	};
 	const recordTagRegistrationFailure = tag => {
-		Failures.add(tag);
+		let tagRegRuntimeIndex = Tags.get(tag);
+		if (tagRegRuntimeIndex === undefined) {
+			tagRegRuntimeIndex = UNKNOWN_RUNTIME;
+		}
+		Failures[tagRegRuntimeIndex] = Failures[tagRegRuntimeIndex] || new Set();
+		Failures[tagRegRuntimeIndex].add(tag);
 		if (!failureTimeout) {
 			failureTimeout = setTimeout(() => {
 				displayFailedRegistrations();
+				Failures = {};
 				failureTimeout = undefined;
 			}, 1000);
 		}
 	};
 	const displayFailedRegistrations = () => {
-		console.warn(`The following tags have already been defined by a different UI5 Web Components version: ${setToArray(Failures).join(", ")}`);
-		Failures.clear();
+		const allRuntimes = Runtimes.getAllRuntimes();
+		const currentRuntimeIndex = Runtimes.getCurrentRuntimeIndex();
+		const currentRuntime = allRuntimes[currentRuntimeIndex];
+		let message = `Multiple UI5 Web Components instances detected.`;
+		if (allRuntimes.length > 1) {
+			message = `${message}\nLoading order (versions before 1.1.0 not listed): ${allRuntimes.map(runtime => `\n${runtime.description}`).join("")}`;
+		}
+		Object.keys(Failures).forEach(otherRuntimeIndex => {
+			let comparison;
+			let otherRuntime;
+			if (otherRuntimeIndex === UNKNOWN_RUNTIME) {
+				comparison = 1;
+				otherRuntime = {
+					description: `Older unknown runtime`,
+				};
+			} else {
+				comparison = Runtimes.compareRuntimes(currentRuntimeIndex, otherRuntimeIndex);
+				otherRuntime = allRuntimes[otherRuntimeIndex];
+			}
+			let compareWord;
+			if (comparison > 0) {
+				compareWord = "an older";
+			} else if (comparison < 0) {
+				compareWord = "a newer";
+			} else {
+				compareWord = "the same";
+			}
+			message = `${message}\n\n"${currentRuntime.description}" failed to define ${Failures[otherRuntimeIndex].size} tag(s) as they were defined by a runtime of ${compareWord} version "${otherRuntime.description}": ${setToArray(Failures[otherRuntimeIndex]).sort().join(", ")}.`;
+			if (comparison > 0) {
+				message = `${message}\nWARNING! If your code uses features of the above web components, unavailable in ${otherRuntime.description}, it might not work as expected!`;
+			} else {
+				message = `${message}\nSince the above web components were defined by the same or newer version runtime, they should be compatible with your code.`;
+			}
+		});
+		message = `${message}\n\nTo prevent other runtimes from defining tags that you use, consider using scoping or have third-party libraries use scoping: https://github.com/SAP/ui5-webcomponents/blob/master/docs/2-advanced/03-scoping.md.`;
+		console.warn(message);
 	};
 
 	exports.getAllRegisteredTags = getAllRegisteredTags;

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

@@ -7,9 +7,10 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const safari = !ie && !chrome && /(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(ua);
 	const webkit = !ie && /webkit/.test(ua);
 	const windows = navigator.platform.indexOf("Win") !== -1;
+	const iOS = navigator.platform.match(/iPhone|iPad|iPod/) || (navigator.userAgent.match(/Mac/) && "ontouchend" in document);
 	const android = !windows && /Android/.test(ua);
 	const androidPhone = android && /(?=android)(?=.*mobile)/i.test(ua);
-	const ipad = /ipad/i.test(ua);
+	const ipad = /ipad/i.test(ua) || (/Macintosh/i.test(ua) && "ontouchend" in document);
 	let windowsVersion;
 	let webkitVersion;
 	let tablet;
@@ -77,11 +78,15 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isCombi = () => {
 		return isTablet() && isDesktop();
 	};
+	const isIOS = () => {
+		return iOS;
+	};
 
 	exports.isChrome = isChrome;
 	exports.isCombi = isCombi;
 	exports.isDesktop = isDesktop;
 	exports.isIE = isIE;
+	exports.isIOS = isIOS;
 	exports.isPhone = isPhone;
 	exports.isSafari = isSafari;
 	exports.isTablet = isTablet;

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

@@ -118,14 +118,20 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isDownCtrl = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, true, false, false);
 	const isUpShift = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, false, false, true);
 	const isDownShift = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, false, false, true);
+	const isUpAlt = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, false, true, false);
+	const isDownAlt = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, false, true, false);
 	const isLeftShift = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && checkModifierKeys(event, false, false, true);
 	const isRightShift = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && checkModifierKeys(event, false, false, true);
+	const isLeftShiftCtrl = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && checkModifierKeys(event, true, false, true);
+	const isRightShiftCtrl = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && checkModifierKeys(event, true, false, true);
 	const isUpShiftCtrl = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, true, false, true);
 	const isDownShiftCtrl = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, true, false, true);
 	const isHome = event => (event.key ? event.key === "Home" : event.keyCode === KeyCodes.HOME) && !hasModifierKeys(event);
 	const isEnd = event => (event.key ? event.key === "End" : event.keyCode === KeyCodes.END) && !hasModifierKeys(event);
 	const isHomeCtrl = event => (event.key ? event.key === "Home" : event.keyCode === KeyCodes.HOME) && checkModifierKeys(event, true, false, false);
+	const isHomeShift = event => (event.key ? event.key === "Home" : event.keyCode === KeyCodes.HOME) && checkModifierKeys(event, false, false, true);
 	const isEndCtrl = event => (event.key ? event.key === "End" : event.keyCode === KeyCodes.END) && checkModifierKeys(event, true, false, false);
+	const isEndShift = event => (event.key ? event.key === "End" : event.keyCode === KeyCodes.END) && checkModifierKeys(event, false, false, true);
 	const isEscape = event => (event.key ? event.key === "Escape" || event.key === "Esc" : event.keyCode === KeyCodes.ESCAPE) && !hasModifierKeys(event);
 	const isTabNext = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && !hasModifierKeys(event);
 	const isTabPrevious = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && checkModifierKeys(event,  false,  false,  true);
@@ -151,33 +157,46 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 		return event.key === "F4" && !hasModifierKeys(event);
 	};
 	const isF4Shift = event => (event.key ? event.key === "F4" : event.keyCode === KeyCodes.F4) && checkModifierKeys(event, false, false, true);
+	const isF6Next = event => ((event.key ? event.key === "F6" : event.keyCode === KeyCodes.F6) && checkModifierKeys(event, false, false, false))
+	|| ((event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, true, true, false));
+	const isF6Previous = event => ((event.key ? event.key === "F6" : event.keyCode === KeyCodes.F6) && checkModifierKeys(event, false, false, true))
+	|| ((event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_Up) && checkModifierKeys(event, true, true, false));
 	const isF7 = event => (event.key ? event.key === "F7" : event.keyCode === KeyCodes.F7) && !hasModifierKeys(event);
 	const isShowByArrows = event => {
 		return ((event.key === "ArrowDown" || event.key === "Down") || (event.key === "ArrowUp" || event.key === "Up")) && checkModifierKeys(event,  false,  true,  false);
 	};
+	const isShift = event => event.key === "Shift" || event.keyCode === KeyCodes.SHIFT;
+	const isCtrlA = event => ((event.key === "A" || event.key === "a") || event.which === KeyCodes.A) && checkModifierKeys(event, true, false, false);
 	const hasModifierKeys = event => event.shiftKey || event.altKey || getCtrlKey(event);
 	const getCtrlKey = event => !!(event.metaKey || event.ctrlKey);
 	const checkModifierKeys = (event, bCtrlKey, bAltKey, bShiftKey) => event.shiftKey === bShiftKey && event.altKey === bAltKey && getCtrlKey(event) === bCtrlKey;
 
 	exports.isBackSpace = isBackSpace;
+	exports.isCtrlA = isCtrlA;
 	exports.isDelete = isDelete;
 	exports.isDown = isDown;
+	exports.isDownAlt = isDownAlt;
 	exports.isDownCtrl = isDownCtrl;
 	exports.isDownShift = isDownShift;
 	exports.isDownShiftCtrl = isDownShiftCtrl;
 	exports.isEnd = isEnd;
 	exports.isEndCtrl = isEndCtrl;
+	exports.isEndShift = isEndShift;
 	exports.isEnter = isEnter;
 	exports.isEnterShift = isEnterShift;
 	exports.isEscape = isEscape;
 	exports.isF4 = isF4;
 	exports.isF4Shift = isF4Shift;
+	exports.isF6Next = isF6Next;
+	exports.isF6Previous = isF6Previous;
 	exports.isF7 = isF7;
 	exports.isHome = isHome;
 	exports.isHomeCtrl = isHomeCtrl;
+	exports.isHomeShift = isHomeShift;
 	exports.isLeft = isLeft;
 	exports.isLeftCtrl = isLeftCtrl;
 	exports.isLeftShift = isLeftShift;
+	exports.isLeftShiftCtrl = isLeftShiftCtrl;
 	exports.isMinus = isMinus;
 	exports.isPageDown = isPageDown;
 	exports.isPageDownAlt = isPageDownAlt;
@@ -191,12 +210,15 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.isRight = isRight;
 	exports.isRightCtrl = isRightCtrl;
 	exports.isRightShift = isRightShift;
+	exports.isRightShiftCtrl = isRightShiftCtrl;
+	exports.isShift = isShift;
 	exports.isShow = isShow;
 	exports.isSpace = isSpace;
 	exports.isSpaceShift = isSpaceShift;
 	exports.isTabNext = isTabNext;
 	exports.isTabPrevious = isTabPrevious;
 	exports.isUp = isUp;
+	exports.isUpAlt = isUpAlt;
 	exports.isUpCtrl = isUpCtrl;
 	exports.isUpShift = isUpShift;
 	exports.isUpShiftCtrl = isUpShiftCtrl;

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

@@ -0,0 +1,65 @@
+sap.ui.define(['exports', './generated/VersionInfo', './getSharedResource'], function (exports, VersionInfo, getSharedResource) { 'use strict';
+
+	let currentRuntimeIndex;
+	let currentRuntimeAlias = "";
+	const compareCache = new Map();
+	const Runtimes = getSharedResource("Runtimes", []);
+	const registerCurrentRuntime = () => {
+		if (currentRuntimeIndex === undefined) {
+			currentRuntimeIndex = Runtimes.length;
+			Runtimes.push({
+				...VersionInfo,
+				alias: currentRuntimeAlias,
+				description: `Runtime ${currentRuntimeIndex} - ver ${VersionInfo.version}${currentRuntimeAlias ? ` (${currentRuntimeAlias})` : ""}`,
+			});
+		}
+	};
+	const getCurrentRuntimeIndex = () => {
+		return currentRuntimeIndex;
+	};
+	const compareRuntimes = (index1, index2) => {
+		const cacheIndex = `${index1},${index2}`;
+		if (compareCache.has(cacheIndex)) {
+			return compareCache.get(cacheIndex);
+		}
+		const runtime1 = Runtimes[index1];
+		const runtime2 = Runtimes[index2];
+		if (!runtime1 || !runtime2) {
+			throw new Error("Invalid runtime index supplied");
+		}
+		if (runtime1.isNext || runtime2.isNext) {
+			return runtime1.buildTime - runtime2.buildTime;
+		}
+		const majorDiff = runtime1.major - runtime2.major;
+		if (majorDiff) {
+			return majorDiff;
+		}
+		const minorDiff = runtime1.minor - runtime2.minor;
+		if (minorDiff) {
+			return minorDiff;
+		}
+		const patchDiff = runtime1.patch - runtime2.patch;
+		if (patchDiff) {
+			return patchDiff;
+		}
+		const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" });
+		const result = collator.compare(runtime1.suffix, runtime2.suffix);
+		compareCache.set(cacheIndex, result);
+		return result;
+	};
+	const setRuntimeAlias = alias => {
+		currentRuntimeAlias = alias;
+	};
+	const getAllRuntimes = () => {
+		return Runtimes;
+	};
+
+	exports.compareRuntimes = compareRuntimes;
+	exports.getAllRuntimes = getAllRuntimes;
+	exports.getCurrentRuntimeIndex = getCurrentRuntimeIndex;
+	exports.registerCurrentRuntime = registerCurrentRuntime;
+	exports.setRuntimeAlias = setRuntimeAlias;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

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

@@ -9,6 +9,9 @@ sap.ui.define(['./StaticArea', './updateShadowRoot', './Render', './util/getEffe
 		setOwnerElement(ownerElement) {
 			this.ownerElement = ownerElement;
 			this.classList.add(this.ownerElement._id);
+			if (this.ownerElement.hasAttribute("data-ui5-static-stable")) {
+				this.setAttribute("data-ui5-stable", this.ownerElement.getAttribute("data-ui5-static-stable"));
+			}
 		}
 		update() {
 			if (this._rendered) {

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

@@ -41,6 +41,9 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 		}
 		async connectedCallback() {
 			this.setAttribute(this.constructor.getMetadata().getPureTag(), "");
+			if (this.constructor.getMetadata().supportsF6FastNavigation()) {
+				this.setAttribute("data-sap-ui-fastnavgroup", "true");
+			}
 			const slotsAreManaged = this.constructor.getMetadata().slotsAreManaged();
 			this._inDOM = true;
 			if (slotsAreManaged) {
@@ -142,7 +145,8 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 				}
 				child = this.constructor.getMetadata().constructor.validateSlotValue(child, slotData);
 				if (child.isUI5Element && slotData.invalidateOnChildChange) {
-					child.attachInvalidate(this._getChildChangeListener(slotName));
+					const method = (child.attachInvalidate || child._attachChange).bind(child);
+					method(this._getChildChangeListener(slotName));
 				}
 				if (SlotsHelper.isSlot(child)) {
 					this._attachSlotChange(child, slotName);
@@ -183,7 +187,8 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			const children = this._state[propertyName];
 			children.forEach(child => {
 				if (child && child.isUI5Element) {
-					child.detachInvalidate(this._getChildChangeListener(slotName));
+					const method = (child.detachInvalidate || child._detachChange).bind(child);
+					method(this._getChildChangeListener(slotName));
 				}
 				if (SlotsHelper.isSlot(child)) {
 					this._detachSlotChange(child, slotName);

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

@@ -97,6 +97,9 @@ sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper
 		slotsAreManaged() {
 			return !!this.metadata.managedSlots;
 		}
+		supportsF6FastNavigation() {
+			return !!this.metadata.fastNavigation;
+		}
 		getProperties() {
 			return this.metadata.properties || {};
 		}

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/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/theming/applyTheme.js

@@ -9,8 +9,10 @@ sap.ui.define(['../asset-registries/Themes', '../ManagedStyles', './getThemeDesi
 		if (!isThemeBaseRegistered()) {
 			return;
 		}
-		const cssText = await Themes.getThemeProperties(BASE_THEME_PACKAGE, theme);
-		ManagedStyles.createOrUpdateStyle(cssText, "data-ui5-theme-properties", BASE_THEME_PACKAGE);
+		const cssData = await Themes.getThemeProperties(BASE_THEME_PACKAGE, theme);
+		if (cssData) {
+			ManagedStyles.createOrUpdateStyle(cssData, "data-ui5-theme-properties", BASE_THEME_PACKAGE);
+		}
 	};
 	const deleteThemeBase = () => {
 		ManagedStyles.removeStyle("data-ui5-theme-properties", BASE_THEME_PACKAGE);
@@ -21,8 +23,10 @@ sap.ui.define(['../asset-registries/Themes', '../ManagedStyles', './getThemeDesi
 			if (packageName === BASE_THEME_PACKAGE) {
 				return;
 			}
-			const cssText = await Themes.getThemeProperties(packageName, theme);
-			ManagedStyles.createOrUpdateStyle(cssText, "data-ui5-theme-properties", packageName);
+			const cssData = await Themes.getThemeProperties(packageName, theme);
+			if (cssData) {
+				ManagedStyles.createOrUpdateStyle(cssData, "data-ui5-theme-properties", packageName);
+			}
 		});
 	};
 	const detectExternalTheme = () => {

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

@@ -1,5 +1,6 @@
 sap.ui.define(function () { 'use strict';
 
+	const warnings = new Set();
 	const getThemeMetadata = () => {
 		let el = document.querySelector(".sapThemeMetaData-Base-baseLib") || document.querySelector(".sapThemeMetaData-UI5-sap-ui-core");
 		if (el) {
@@ -8,9 +9,12 @@ sap.ui.define(function () { 'use strict';
 		el = document.createElement("span");
 		el.style.display = "none";
 		el.classList.add("sapThemeMetaData-Base-baseLib");
-		el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
 		document.body.appendChild(el);
-		const metadata = getComputedStyle(el).backgroundImage;
+		let metadata = getComputedStyle(el).backgroundImage;
+		if (metadata === "none") {
+			el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
+			metadata = getComputedStyle(el).backgroundImage;
+		}
 		document.body.removeChild(el);
 		return metadata;
 	};
@@ -23,14 +27,20 @@ sap.ui.define(function () { 'use strict';
 				try {
 					paramsString = decodeURIComponent(paramsString);
 				} catch (ex) {
-					console.warn("Malformed theme metadata string, unable to decodeURIComponent");
+					if (!warnings.has("decode")) {
+						console.warn("Malformed theme metadata string, unable to decodeURIComponent");
+						warnings.add("decode");
+					}
 					return;
 				}
 			}
 			try {
 				return JSON.parse(paramsString);
 			} catch (ex) {
-				console.warn("Malformed theme metadata string, unable to parse JSON");
+				if (!warnings.has("parse")) {
+					console.warn("Malformed theme metadata string, unable to parse JSON");
+					warnings.add("parse");
+				}
 			}
 		}
 	};
@@ -41,7 +51,10 @@ sap.ui.define(function () { 'use strict';
 			themeName = metadata.Path.match(/\.([^.]+)\.css_variables$/)[1];
 			baseThemeName = metadata.Extends[0];
 		} catch (ex) {
-			console.warn("Malformed theme metadata Object", metadata);
+			if (!warnings.has("object")) {
+				console.warn("Malformed theme metadata Object", metadata);
+				warnings.add("object");
+			}
 			return;
 		}
 		return {

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

@@ -3,30 +3,32 @@ sap.ui.define(['exports', './isNodeHidden', './isNodeClickable'], function (expo
 	const isFocusTrap = el => {
 		return el.hasAttribute("data-ui5-focus-trap");
 	};
-	const getFirstFocusableElement = async container => {
+	const getFirstFocusableElement = async (container, startFromContainer) => {
 		if (!container || isNodeHidden(container)) {
 			return null;
 		}
-		return findFocusableElement(container, true);
+		return findFocusableElement(container, true, startFromContainer);
 	};
-	const getLastFocusableElement = async container => {
+	const getLastFocusableElement = async (container, startFromContainer) => {
 		if (!container || isNodeHidden(container)) {
 			return null;
 		}
-		return findFocusableElement(container, false);
+		return findFocusableElement(container, false, startFromContainer);
 	};
 	const isElemFocusable = el => {
 		return el.hasAttribute("data-ui5-focus-redirect") || !isNodeHidden(el);
 	};
-	const findFocusableElement = async (container, forward) => {
+	const findFocusableElement = async (container, forward, startFromContainer) => {
 		let child;
 		if (container.shadowRoot) {
 			child = forward ? container.shadowRoot.firstChild : container.shadowRoot.lastChild;
 		} else if (container.assignedNodes && container.assignedNodes()) {
 			const assignedElements = container.assignedNodes();
 			child = forward ? assignedElements[0] : assignedElements[assignedElements.length - 1];
+		} else if (startFromContainer) {
+			child = container;
 		} else {
-			child = forward ? container.firstChild : container.lastChild;
+			child = forward ? container.firstElementChild : container.lastElementChild;
 		}
 		let focusableDescendant;
 		while (child) {

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

@@ -20,6 +20,9 @@ sap.ui.define(['exports', './isNodeTabbable'], function (exports, isNodeTabbable
 				const children = currentNode.shadowRoot.children;
 				currentNode = Array.from(children).find(node => node.tagName !== "STYLE");
 			}
+			if (!currentNode) {
+				return;
+			}
 			if (isNodeTabbable(currentNode)) {
 				tabbablesNodes.push(currentNode);
 			}

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

@@ -4,7 +4,7 @@ sap.ui.define(function () { 'use strict';
 		if (node.nodeName === "SLOT") {
 			return false;
 		}
-		return (node.offsetWidth <= 0 && node.offsetHeight <= 0) || node.style.visibility === "hidden";
+		return (node.offsetWidth <= 0 && node.offsetHeight <= 0) || (node.style && node.style.visibility === "hidden");
 	};
 
 	return isNodeHidden;

package/src/sap/ui/webc/common/thirdparty/icons/{SAP-icons-e7d3b275.js → SAP-icons-027beaa9.js}

@@ -1650,6 +1650,9 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 				path: "M256 410c20 0 38-18 38-39 0-20-18-38-38-38-21 0-39 18-39 38 0 21 18 39 39 39zm83-166c12-15 19-29 19-52 0-53-51-89-102-89s-103 36-103 89c0 16 13 26 29 26 15 0 25-10 25-26 0-18 18-38 51-38 34 0 52 20 52 38 0 11-3 18-8 23-7 9-37 22-46 28-8 6-32 19-32 39 0 15 16 31 35 26 27-6 20-24 34-32 15-7 34-20 46-32zM256 0c141 0 256 115 256 256S397 512 256 512 0 397 0 256 115 0 256 0zm0 461c112 0 205-92 205-205 0-112-93-205-205-205-113 0-205 93-205 205 0 113 92 205 205 205z",
 				ltr: true
 			},
+			"qr-code": {
+				path: "M205 0c14 0 25 12 25 26v179c0 14-11 26-25 26H26c-14 0-26-12-26-26V26C0 12 12 0 26 0h179zm-26 179V51H51v128h128zm26 103c14 0 25 11 25 25v180c0 14-11 25-25 25H26c-14 0-26-11-26-25V307c0-14 12-25 26-25h179zm-26 179V333H51v128h128zm-77-307c-14 0-25-12-25-26v-25c0-15 11-26 25-26h26c14 0 26 11 26 26v25c0 14-12 26-26 26h-26zm0 281c-14 0-25-11-25-25v-26c0-14 11-25 25-25h26c14 0 26 11 26 25v26c0 14-12 25-26 25h-26zm384-128c15 0 26 12 26 26s-11 26-26 26h-51c-14 0-25-12-25-26v-31h-57c-14 0-26-12-26-26s12-25 26-25h82c14 0 26 11 26 25v31h25zm0-307c15 0 26 12 26 26v179c0 14-11 26-26 26H307c-14 0-25-12-25-26V26c0-14 11-26 25-26h179zm-25 179V51H333v128h128zm25 256c15 0 26 12 26 26v26c0 14-11 25-26 25h-25c-14 0-26-11-26-25v-26c0-14 12-26 26-26h25zm-102 26c14 0 26 11 26 26 0 14-12 25-26 25H282c-14 0-26-11-26-25v-52c0-14 12-25 26-25s25 11 25 25v26h77zm-26-51h-25c-14 0-26-12-26-26v-25c0-15 12-26 26-26h25c15 0 26 11 26 26v25c0 14-11 26-26 26zm26-256c-14 0-26-12-26-26v-25c0-15 12-26 26-26h26c14 0 25 11 25 26v25c0 14-11 26-25 26h-26z"
+			},
 			"radar-chart": {
 				path: "M473.5 131c7 5 13 12 13 23v203c0 10-6 18-13 23l-204 127c-7 5-17 5-27 0l-204-127c-8-5-13-13-13-23V154c0-8 5-18 13-23l204-127c7-5 17-5 27 0zm-41 213V169l-178-112-178 112v175l178 112zm-249-206l51-50c8-8 15-11 23-11 7 0 13 5 18 13l53 89h53c10 0 21 8 23 18 3 10 0 23-7 28l-31 23 36 58c7 13 2 28-8 36l-102 63c-7 5-15 5-23 3-7-3-12-8-15-15l-15-49-46 33c-7 5-15 5-23 3-7-3-12-8-15-15l-51-153c-2-8-2-15 3-23 5-7 12-10 20-10h56l-5-15c-3-10 0-21 5-26zm8 178l30-23-20-63h-38zm109-81l-3-5h-43l10 30zm46 76l-21-33-43 33 10 33zm-79-132l-18-33-15 15 5 18h28z"
 			},

package/src/sap/ui/webc/common/thirdparty/icons/{SAP-icons-253bf13b.js → SAP-icons-340ee996.js}

@@ -1653,6 +1653,9 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
   			path: "M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 99.5-54.5 81.5-81.5 55-100 20-99.5-20T75 437t-55-81.5T0 256t20-100 55-81.5T156.5 20 256 0zm0 480q46 0 87-17.5t71.5-48 48-71.5 17.5-87-17.5-87-48-71.5-71.5-48T256 32t-87 17.5-71.5 48-48 71.5T32 256t17.5 87 48 71.5 71.5 48 87 17.5zm-3-376q43 0 68.5 21.5T347 181q0 22-13 36.5T309 246q-8 9-15 15t-11.5 13.5-6.5 18 0 27.5h-49q0-16 .5-27.5t4.5-21 12-18.5 22-21l21-17q7-5 14-16t7-21q0-15-14.5-29T256 135t-38 14.5-19 37.5h-49q0-14 7.5-29t21-27 32.5-19.5 42-7.5zm3 248q14 0 23 9t9 23q0 13-9 22.5t-23 9.5q-13 0-22.5-9.5T224 384q0-14 9.5-23t22.5-9z",
   			ltr: true
   		},
+  		"qr-code": {
+  			path: "M481 0q14 0 23 9t9 23v98h-32V32h-97V0h97zM33 130H1V32q0-14 9-23t23-9h97v32H33v98zm290 91q-14 0-24.5-10.5T288 186V99q0-14 10.5-24.5T323 64h89q14 0 24.5 10.5T447 99v87q0 14-10.5 24.5T412 221h-89zm-53 21q0 12-8 20t-19 8H129v-28h114V64h27v178zM65 101q0-14 11-24.5T101 66h89q14 0 24.5 10.5T225 101v87q0 14-10.5 24.5T190 223h-89q-14 0-25-10.5T65 188v-87zm255 85q0 3 3 3h89q4 0 4-3V99q0-3-4-3h-89q-3 0-3 3v87zm-127-85q0-3-3-3h-89q-3 0-3 3v87q0 3 3 3h89q3 0 3-3v-87zm-32 59h-32v-32h32v32zm224 0h-32v-32h32v32zm-24 127v-22h-72v-28h72q12 0 19.5 8.5T388 265v22h-27zM68 240h38v32H68v-32zm122 47q15 0 25.5 10t10.5 25v86q0 15-10.5 25.5T190 444h-89q-14 0-24.5-10.5T66 408v-86q0-15 10.5-25t24.5-10h89zm67 1h64v32h-64v-32zm160 0h32v32h-32v-32zm-224 34q0-4-3-4h-89q-3 0-3 4v86q0 4 3 4h89q3 0 3-4v-86zm192 40h-44v22h-28v-22q0-12 8-19.5t20-7.5h44v27zm60 55q0 11-8 19.5t-19 8.5h-65v-28h65v-65h27v65zm-316-65h32v32h-32v-32zm115 43q0-12 8-20t19-8h18v28h-18v53h-27v-53zM33 480h96v32H33q-14 0-23-9t-9-23v-98h32v98zm448-98h32v98q0 14-9 23t-23 9h-97v-32h97v-98z"
+  		},
   		"radar-chart": {
   			path: "M257.5 0l217 138v236l-217 138-219-138V138zm-197 150v212l197 123 195-123V150l-195-123zm11 23q0-11 8-18.5t19-7.5q17 0 24 13h265q6-13 23-13 20 0 28 23 0 13-7 22t-21 9q-11 0-18-7l-258 143q0 11-8 19t-19 8q-12 0-20-7.5t-8-18.5q0-8 4.5-14.5T94.5 313l-6-114q-17-8-17-26zm39 25l7 114q2 0 3.5 1t3.5 2l243-132h-243q-5 11-14 15zm118 93l31 103q6 0 10 4l86-65q0-8 1-14.5t6-10.5l-35-70 20-11 38 73q11 0 17 8t6 19-6.5 19-20.5 8q-6 0-12-3l-87 64q0 13-4.5 23.5T256.5 449q-12 0-20-8.5t-8-19.5q0-13 10-20l-30-100zm-13-137l21-56q-8-8-8-19t7.5-19 20.5-8q11 0 19 8t8 19q0 7-5 15l31 60h-26q-5-10-11.5-24.5T257.5 107l-19 47h-23zm-18 45l3-10h25l-7 19q5 8 5 17 0 14-8 20l3 12-20 11-5-15q-11-1-17.5-9t-6.5-18q0-11 7-19t21-8zm130-10l3 8-20 10-9-18h26z"
   		},

package/src/sap/ui/webc/common/thirdparty/icons/json-imports/Icons.js

@@ -3,9 +3,9 @@ sap.ui.define(['require', 'sap/ui/webc/common/thirdparty/base/asset-registries/I
 	const loadIconsBundle = async (collection) => {
 	    let iconData = null;
 		if (collection === "SAP-icons-v5") {
-			iconData = (await new Promise(function (resolve, reject) { require(['../SAP-icons-e7d3b275'], resolve, reject) })).default;
+			iconData = (await new Promise(function (resolve, reject) { require(['../SAP-icons-027beaa9'], resolve, reject) })).default;
 		} else {
-			iconData = (await new Promise(function (resolve, reject) { require(['../SAP-icons-253bf13b'], resolve, reject) })).default;
+			iconData = (await new Promise(function (resolve, reject) { require(['../SAP-icons-340ee996'], resolve, reject) })).default;
 		}
 	    if (typeof iconData === "string" && iconData.endsWith(".json")) {
 	        throw new Error("[icons] Invalid bundling detected - dynamic JSON imports bundled as URLs. Switch to inlining JSON files from the build or use `import \"@ui5/webcomponents-icons/dist/Assets-static.js\". Check the \"Assets\" documentation for more information.");

package/src/sap/ui/webc/common/thirdparty/icons/qr-code.js

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

package/src/sap/ui/webc/common/thirdparty/icons/v4/qr-code.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "qr-code";
+	const pathData = "M481 0q14 0 23 9t9 23v98h-32V32h-97V0h97zM33 130H1V32q0-14 9-23t23-9h97v32H33v98zm290 91q-14 0-24.5-10.5T288 186V99q0-14 10.5-24.5T323 64h89q14 0 24.5 10.5T447 99v87q0 14-10.5 24.5T412 221h-89zm-53 21q0 12-8 20t-19 8H129v-28h114V64h27v178zM65 101q0-14 11-24.5T101 66h89q14 0 24.5 10.5T225 101v87q0 14-10.5 24.5T190 223h-89q-14 0-25-10.5T65 188v-87zm255 85q0 3 3 3h89q4 0 4-3V99q0-3-4-3h-89q-3 0-3 3v87zm-127-85q0-3-3-3h-89q-3 0-3 3v87q0 3 3 3h89q3 0 3-3v-87zm-32 59h-32v-32h32v32zm224 0h-32v-32h32v32zm-24 127v-22h-72v-28h72q12 0 19.5 8.5T388 265v22h-27zM68 240h38v32H68v-32zm122 47q15 0 25.5 10t10.5 25v86q0 15-10.5 25.5T190 444h-89q-14 0-24.5-10.5T66 408v-86q0-15 10.5-25t24.5-10h89zm67 1h64v32h-64v-32zm160 0h32v32h-32v-32zm-224 34q0-4-3-4h-89q-3 0-3 4v86q0 4 3 4h89q3 0 3-4v-86zm192 40h-44v22h-28v-22q0-12 8-19.5t20-7.5h44v27zm60 55q0 11-8 19.5t-19 8.5h-65v-28h65v-65h27v65zm-316-65h32v32h-32v-32zm115 43q0-12 8-20t19-8h18v28h-18v53h-27v-53zM33 480h96v32H33q-14 0-23-9t-9-23v-98h32v98zm448-98h32v98q0 14-9 23t-23 9h-97v-32h97v-98z";
+	const ltr = false;
+	const collection = "SAP-icons";
+	const packageName = "@ui5/webcomponents-icons";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var pathDataV5 = { pathData };
+
+	return pathDataV5;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons/v5/qr-code.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "qr-code";
+	const pathData = "M205 0c14 0 25 12 25 26v179c0 14-11 26-25 26H26c-14 0-26-12-26-26V26C0 12 12 0 26 0h179zm-26 179V51H51v128h128zm26 103c14 0 25 11 25 25v180c0 14-11 25-25 25H26c-14 0-26-11-26-25V307c0-14 12-25 26-25h179zm-26 179V333H51v128h128zm-77-307c-14 0-25-12-25-26v-25c0-15 11-26 25-26h26c14 0 26 11 26 26v25c0 14-12 26-26 26h-26zm0 281c-14 0-25-11-25-25v-26c0-14 11-25 25-25h26c14 0 26 11 26 25v26c0 14-12 25-26 25h-26zm384-128c15 0 26 12 26 26s-11 26-26 26h-51c-14 0-25-12-25-26v-31h-57c-14 0-26-12-26-26s12-25 26-25h82c14 0 26 11 26 25v31h25zm0-307c15 0 26 12 26 26v179c0 14-11 26-26 26H307c-14 0-25-12-25-26V26c0-14 11-26 25-26h179zm-25 179V51H333v128h128zm25 256c15 0 26 12 26 26v26c0 14-11 25-26 25h-25c-14 0-26-11-26-25v-26c0-14 12-26 26-26h25zm-102 26c14 0 26 11 26 26 0 14-12 25-26 25H282c-14 0-26-11-26-25v-52c0-14 12-25 26-25s25 11 25 25v26h77zm-26-51h-25c-14 0-26-12-26-26v-25c0-15 12-26 26-26h25c15 0 26 11 26 26v25c0 14-11 26-26 26zm26-256c-14 0-26-12-26-26v-25c0-15 12-26 26-26h26c14 0 25 11 25 26v25c0 14-11 26-25 26h-26z";
+	const ltr = false;
+	const collection = "SAP-icons-v5";
+	const packageName = "@ui5/webcomponents-icons";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var pathDataV4 = { pathData };
+
+	return pathDataV4;
+
+});