@openui5/sap.ui.webc.common 1.119.0 → 1.120.0

package/THIRDPARTY.txt

@@ -179,7 +179,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js
 
-Component: Unicode Common Locale Data Repository, version: 41
+Component: Unicode Common Locale Data Repository, version: 43
 Copyright: 1991-2014 Unicode, Inc.
 License: Unicode-DFS-2015
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
@@ -334,7 +334,7 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
-Component: Time Zone Database, version: 2022a
+Component: Time Zone Database, version: 2023c
 Copyright: Arthur David Olson, Paul Eggert and other contributors
 License: LicenseRef-tzdata-PublicDomain
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
@@ -416,7 +416,7 @@ Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplore
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -436,13 +436,13 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
-Component: ZXing, version: 0.19.1
+Component: ZXing, version: 0.17.1
 Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -451,7 +451,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.common",
-  "version": "1.119.0",
+  "version": "1.120.0",
   "description": "OpenUI5 UI Library sap.ui.webc.common",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -19,6 +19,6 @@
     "build": "rimraf src/sap/ui/webc/common/thirdparty/ && ui5-webc-prebuild"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.119.0"
+    "@openui5/sap.ui.core": "1.120.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.119.0</version>
+	<version>1.120.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
@@ -27,7 +27,7 @@
 		</jscoverage>
 		<!-- Thirdparty references -->
 		<thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
-			<lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.5.0" homepage="https://sap.github.io/ui5-webcomponents/">
+			<lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.18.0" homepage="https://sap.github.io/ui5-webcomponents/">
 				<license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
 				<copyright>SAP</copyright>
 				<pattern>sap/ui/webc/common/thirdparty/base/*.*</pattern>

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

@@ -33,7 +33,7 @@ function(
 	 *
 	 * @extends sap.ui.core.webc.WebComponent
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 * @public
 	 * @since 1.92.0
 	 * @alias sap.ui.webc.common.WebComponent

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

@@ -19,7 +19,7 @@ function(CoreWebComponentMetadata) {
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0 The API might change. It is not intended for productive usage yet!
 	 * @deprecated Since 1.118.0 Use sap.ui.core.webc.WebComponentMetadata instead!

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -41,14 +41,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
 	 */
 	var thisLib = Library.init({
 		name : "sap.ui.webc.common",
-		version: "1.119.0",
+		version: "1.120.0",
 		dependencies : ["sap.ui.core"],
 		noLibraryCSS: true,
 		designtime: "sap/ui/webc/common/designtime/library.designtime",

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

@@ -40,7 +40,7 @@ sap.ui.define(["exports", "./util/whenDOMReady", "./EventProvider", "./FontFace"
       (0, _ThemeRegistered.attachThemeRegistered)(onThemeRegistered);
       (0, _Runtimes.registerCurrentRuntime)();
       const openUI5Support = (0, _FeaturesRegistry.getFeature)("OpenUI5Support");
-      const isOpenUI5Loaded = openUI5Support ? openUI5Support.isLoaded() : false;
+      const isOpenUI5Loaded = openUI5Support ? openUI5Support.isOpenUI5Detected() : false;
       const f6Navigation = (0, _FeaturesRegistry.getFeature)("F6Navigation");
       if (openUI5Support) {
         await openUI5Support.init();

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

@@ -23,6 +23,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/lit-html/static", "./Cu
       return _CustomElementsScopeUtils.getEffectiveScopingSuffixForTag;
     }
   });
+  Object.defineProperty(_exports, "getScopedVarName", {
+    enumerable: true,
+    get: function () {
+      return _CustomElementsScopeUtils.getScopedVarName;
+    }
+  });
   Object.defineProperty(_exports, "setCustomElementsScopingRules", {
     enumerable: true,
     get: function () {

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

@@ -1,10 +1,12 @@
-sap.ui.define(["exports"], function (_exports) {
+sap.ui.define(["exports", "./generated/VersionInfo"], function (_exports, _VersionInfo) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.shouldScopeCustomElement = _exports.setCustomElementsScopingSuffix = _exports.setCustomElementsScopingRules = _exports.getEffectiveScopingSuffixForTag = _exports.getCustomElementsScopingSuffix = _exports.getCustomElementsScopingRules = void 0;
+  _exports.shouldScopeCustomElement = _exports.setCustomElementsScopingSuffix = _exports.setCustomElementsScopingRules = _exports.getScopedVarName = _exports.getEffectiveScopingSuffixForTag = _exports.getCustomElementsScopingSuffix = _exports.getCustomElementsScopingRules = void 0;
+  _VersionInfo = _interopRequireDefault(_VersionInfo);
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   let suf;
   let rulesObj = {
     include: [/^ui5-/],
@@ -98,5 +100,17 @@ sap.ui.define(["exports"], function (_exports) {
       return getCustomElementsScopingSuffix();
     }
   };
+  /**
+   * @public
+   * Used for getting a scoped name for a CSS variable using the same transformation used in the build
+   * @name the name of the css variable as written in the code
+   * @returns a variable name with the current version inserted as available at runtime
+   */
   _exports.getEffectiveScopingSuffixForTag = getEffectiveScopingSuffixForTag;
+  const getScopedVarName = name => {
+    const versionStr = `v${_VersionInfo.default.version.replaceAll(".", "-")}`;
+    const expr = /(--_?ui5)([^,:)\s]+)/g;
+    return name.replaceAll(expr, `$1-${versionStr}$2`);
+  };
+  _exports.getScopedVarName = getScopedVarName;
 });

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

@@ -4,7 +4,7 @@ sap.ui.define(["exports"], function (_exports) {
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.supportsTouch = _exports.isTablet = _exports.isSafari = _exports.isPhone = _exports.isIOS = _exports.isIE = _exports.isFirefox = _exports.isDesktop = _exports.isCombi = _exports.isChrome = _exports.isAndroid = void 0;
+  _exports.supportsTouch = _exports.isTablet = _exports.isSafari = _exports.isPhone = _exports.isMac = _exports.isIOS = _exports.isIE = _exports.isFirefox = _exports.isDesktop = _exports.isCombi = _exports.isChrome = _exports.isAndroid = void 0;
   const isSSR = typeof document === "undefined";
   const internals = {
     get userAgent() {
@@ -55,6 +55,12 @@ sap.ui.define(["exports"], function (_exports) {
       }
       return navigator.platform.indexOf("Win") !== -1;
     },
+    get macOS() {
+      if (isSSR) {
+        return false;
+      }
+      return !!navigator.userAgent.match(/Macintosh|Mac OS X/i);
+    },
     get iOS() {
       if (isSSR) {
         return false;
@@ -176,6 +182,10 @@ sap.ui.define(["exports"], function (_exports) {
     return internals.iOS;
   };
   _exports.isIOS = isIOS;
+  const isMac = () => {
+    return internals.macOS;
+  };
+  _exports.isMac = isMac;
   const isAndroid = () => {
     return internals.android || internals.androidPhone;
   };

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

@@ -11,7 +11,7 @@ sap.ui.define(["exports", "./ManagedStyles", "./FeaturesRegistry", "./generated/
   const insertFontFace = () => {
     const openUI5Support = (0, _FeaturesRegistry.getFeature)("OpenUI5Support");
     // Only set the main font if there is no OpenUI5 support, or there is, but OpenUI5 is not loaded
-    if (!openUI5Support || !openUI5Support.isLoaded()) {
+    if (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {
       insertMainFontFace();
     }
     // Always set the override font - OpenUI5 in CSS Vars mode does not set it, unlike the main font

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

@@ -4,7 +4,7 @@ sap.ui.define(["exports", "./thirdparty/merge", "./FeaturesRegistry", "./generat
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.getTimezone = _exports.getThemeRoot = _exports.getTheme = _exports.getRTL = _exports.getNoConflict = _exports.getLanguage = _exports.getFormatSettings = _exports.getFetchDefaultLanguage = _exports.getCalendarType = _exports.getAnimationMode = void 0;
+  _exports.getTimezone = _exports.getThemeRoot = _exports.getTheme = _exports.getSecondaryCalendarType = _exports.getRTL = _exports.getNoConflict = _exports.getLanguage = _exports.getFormatSettings = _exports.getFetchDefaultLanguage = _exports.getCalendarType = _exports.getAnimationMode = void 0;
   _merge = _interopRequireDefault(_merge);
   _validateThemeRoot = _interopRequireDefault(_validateThemeRoot);
   _AnimationMode = _interopRequireDefault(_AnimationMode);
@@ -18,6 +18,7 @@ sap.ui.define(["exports", "./thirdparty/merge", "./FeaturesRegistry", "./generat
     language: undefined,
     timezone: undefined,
     calendarType: undefined,
+    secondaryCalendarType: undefined,
     noConflict: false,
     formatSettings: {},
     fetchDefaultLanguage: false
@@ -71,11 +72,16 @@ sap.ui.define(["exports", "./thirdparty/merge", "./FeaturesRegistry", "./generat
     initConfiguration();
     return initialConfig.calendarType;
   };
+  _exports.getCalendarType = getCalendarType;
+  const getSecondaryCalendarType = () => {
+    initConfiguration();
+    return initialConfig.secondaryCalendarType;
+  };
   /**
    * Returns the configured IANA timezone ID.
    * @returns { String } the configured IANA timezone ID, e.g. "America/New_York"
    */
-  _exports.getCalendarType = getCalendarType;
+  _exports.getSecondaryCalendarType = getSecondaryCalendarType;
   const getTimezone = () => {
     initConfiguration();
     return initialConfig.timezone;
@@ -150,7 +156,7 @@ sap.ui.define(["exports", "./thirdparty/merge", "./FeaturesRegistry", "./generat
   };
   const applyOpenUI5Configuration = () => {
     const openUI5Support = (0, _FeaturesRegistry.getFeature)("OpenUI5Support");
-    if (!openUI5Support || !openUI5Support.isLoaded()) {
+    if (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {
       return;
     }
     const OpenUI5Config = openUI5Support.getConfigurationSettingsObject();

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

@@ -4,7 +4,7 @@ sap.ui.define(["exports"], function (_exports) {
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.isUpShiftCtrl = _exports.isUpShift = _exports.isUpCtrl = _exports.isUpAlt = _exports.isUp = _exports.isTabPrevious = _exports.isTabNext = _exports.isSpaceShift = _exports.isSpaceCtrl = _exports.isSpace = _exports.isShow = _exports.isShift = _exports.isRightShiftCtrl = _exports.isRightShift = _exports.isRightCtrl = _exports.isRight = _exports.isPlus = _exports.isPageUpShiftCtrl = _exports.isPageUpShift = _exports.isPageUpAlt = _exports.isPageUp = _exports.isPageDownShiftCtrl = _exports.isPageDownShift = _exports.isPageDownAlt = _exports.isPageDown = _exports.isMinus = _exports.isLeftShiftCtrl = _exports.isLeftShift = _exports.isLeftCtrl = _exports.isLeft = _exports.isInsertShift = _exports.isInsertCtrl = _exports.isHomeShift = _exports.isHomeCtrl = _exports.isHome = _exports.isF7 = _exports.isF6Previous = _exports.isF6Next = _exports.isF4Shift = _exports.isF4 = _exports.isEscape = _exports.isEnterShift = _exports.isEnter = _exports.isEndShift = _exports.isEndCtrl = _exports.isEnd = _exports.isDownShiftCtrl = _exports.isDownShift = _exports.isDownCtrl = _exports.isDownAlt = _exports.isDown = _exports.isDeleteShift = _exports.isDelete = _exports.isCtrlV = _exports.isCtrlA = _exports.isBackSpace = void 0;
+  _exports.isUpShiftCtrl = _exports.isUpShift = _exports.isUpCtrl = _exports.isUpAlt = _exports.isUp = _exports.isTabPrevious = _exports.isTabNext = _exports.isSpaceShift = _exports.isSpaceCtrl = _exports.isSpace = _exports.isShow = _exports.isShift = _exports.isRightShiftCtrl = _exports.isRightShift = _exports.isRightCtrl = _exports.isRight = _exports.isPlus = _exports.isPageUpShiftCtrl = _exports.isPageUpShift = _exports.isPageUpAlt = _exports.isPageUp = _exports.isPageDownShiftCtrl = _exports.isPageDownShift = _exports.isPageDownAlt = _exports.isPageDown = _exports.isNumber = _exports.isMinus = _exports.isLeftShiftCtrl = _exports.isLeftShift = _exports.isLeftCtrl = _exports.isLeft = _exports.isKeyP = _exports.isKeyA = _exports.isInsertShift = _exports.isInsertCtrl = _exports.isHomeShift = _exports.isHomeCtrl = _exports.isHome = _exports.isF7 = _exports.isF6Previous = _exports.isF6Next = _exports.isF4Shift = _exports.isF4 = _exports.isEscape = _exports.isEnterShift = _exports.isEnter = _exports.isEndShift = _exports.isEndCtrl = _exports.isEnd = _exports.isDownShiftCtrl = _exports.isDownShift = _exports.isDownCtrl = _exports.isDownAlt = _exports.isDown = _exports.isDeleteShift = _exports.isDelete = _exports.isCtrlV = _exports.isCtrlA = _exports.isColon = _exports.isBackSpace = void 0;
   var KeyCodes;
   (function (KeyCodes) {
     KeyCodes[KeyCodes["BACKSPACE"] = 8] = "BACKSPACE";
@@ -97,7 +97,7 @@ sap.ui.define(["exports"], function (_exports) {
     KeyCodes[KeyCodes["F12"] = 123] = "F12";
     KeyCodes[KeyCodes["NUM_LOCK"] = 144] = "NUM_LOCK";
     KeyCodes[KeyCodes["SCROLL_LOCK"] = 145] = "SCROLL_LOCK";
-    KeyCodes[KeyCodes["OPEN_BRACKET"] = 186] = "OPEN_BRACKET";
+    KeyCodes[KeyCodes["COLON"] = 186] = "COLON";
     KeyCodes[KeyCodes["PLUS"] = 187] = "PLUS";
     KeyCodes[KeyCodes["COMMA"] = 188] = "COMMA";
     KeyCodes[KeyCodes["SLASH"] = 189] = "SLASH";
@@ -232,7 +232,15 @@ sap.ui.define(["exports"], function (_exports) {
   _exports.isCtrlA = isCtrlA;
   const isCtrlV = event => (event.key === "V" || event.key === "v" || event.which === KeyCodes.V) && checkModifierKeys(event, true, false, false);
   _exports.isCtrlV = isCtrlV;
+  const isKeyA = event => (event.key === "A" || event.key === "a" || event.which === KeyCodes.A) && checkModifierKeys(event, false, false, false);
+  _exports.isKeyA = isKeyA;
+  const isKeyP = event => (event.key === "P" || event.key === "p" || event.which === KeyCodes.P) && checkModifierKeys(event, false, false, false);
+  _exports.isKeyP = isKeyP;
   const hasModifierKeys = event => event.shiftKey || event.altKey || getCtrlKey(event);
   const getCtrlKey = event => !!(event.metaKey || event.ctrlKey); // double negation doesn't have effect on boolean but ensures null and undefined are equivalent to false.
   const checkModifierKeys = (event, bCtrlKey, bAltKey, bShiftKey) => event.shiftKey === bShiftKey && event.altKey === bAltKey && getCtrlKey(event) === bCtrlKey;
+  const isNumber = event => (event.key ? "0123456789".indexOf(event.key) !== -1 : event.keyCode >= KeyCodes.DIGIT_0 && event.keyCode <= KeyCodes.DIGIT_9) && checkModifierKeys(event, false, false, false);
+  _exports.isNumber = isNumber;
+  const isColon = event => (event.key ? event.key === ":" : event.keyCode === KeyCodes.COLON) && checkModifierKeys(event, false, false, true);
+  _exports.isColon = isColon;
 });

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead", "./CSP", "./Runtimes"], function (_exports, _createStyleInHead, _createLinkInHead, _CSP, _Runtimes) {
+sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead", "./CSP", "./Device"], function (_exports, _createStyleInHead, _createLinkInHead, _CSP, _Device) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -12,16 +12,13 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
     return value ? `${name}|${value}` : name;
   };
   const createStyle = (data, name, value = "") => {
-    let content = typeof data === "string" ? data : data.content;
-    if (content.includes("[_ui5host]")) {
-      content = content.replaceAll("[_ui5host]", `[_ui5rt${(0, _Runtimes.getCurrentRuntimeIndex)()}]`);
-    }
+    const content = typeof data === "string" ? data : data.content;
     if ((0, _CSP.shouldUseLinks)()) {
       const attributes = {};
       attributes[name] = value;
       const href = (0, _CSP.getUrl)(data.packageName, data.fileName);
       (0, _createLinkInHead.default)(href, attributes);
-    } else if (document.adoptedStyleSheets) {
+    } else if (document.adoptedStyleSheets && !(0, _Device.isSafari)()) {
       const stylesheet = new CSSStyleSheet();
       stylesheet.replaceSync(content);
       stylesheet._ui5StyleId = getStyleId(name, value); // set an id so that we can find the style later
@@ -34,14 +31,11 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
   };
   _exports.createStyle = createStyle;
   const updateStyle = (data, name, value = "") => {
-    let content = typeof data === "string" ? data : data.content;
-    if (content.includes("[_ui5host]")) {
-      content = content.replaceAll("[_ui5host]", `[_ui5rt${(0, _Runtimes.getCurrentRuntimeIndex)()}]`);
-    }
+    const content = typeof data === "string" ? data : data.content;
     if ((0, _CSP.shouldUseLinks)()) {
       const link = document.querySelector(`head>link[${name}="${value}"]`);
       link.href = (0, _CSP.getUrl)(data.packageName, data.fileName);
-    } else if (document.adoptedStyleSheets) {
+    } else if (document.adoptedStyleSheets && !(0, _Device.isSafari)()) {
       const stylesheet = document.adoptedStyleSheets.find(sh => sh._ui5StyleId === getStyleId(name, value));
       if (stylesheet) {
         stylesheet.replaceSync(content || "");
@@ -58,7 +52,7 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
     if ((0, _CSP.shouldUseLinks)()) {
       return !!document.querySelector(`head>link[${name}="${value}"]`);
     }
-    if (document.adoptedStyleSheets) {
+    if (document.adoptedStyleSheets && !(0, _Device.isSafari)()) {
       return !!document.adoptedStyleSheets.find(sh => sh._ui5StyleId === getStyleId(name, value));
     }
     return !!document.querySelector(`head>style[${name}="${value}"]`);
@@ -68,7 +62,7 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
     if ((0, _CSP.shouldUseLinks)()) {
       const linkElement = document.querySelector(`head>link[${name}="${value}"]`);
       linkElement?.parentElement?.removeChild(linkElement);
-    } else if (document.adoptedStyleSheets) {
+    } else if (document.adoptedStyleSheets && !(0, _Device.isSafari)()) {
       document.adoptedStyleSheets = document.adoptedStyleSheets.filter(sh => sh._ui5StyleId !== getStyleId(name, value));
     } else {
       const styleElement = document.querySelector(`head > style[${name}="${value}"]`);

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "./StaticArea", "./updateShadowRoot", "./Render", "./util/getEffectiveContentDensity", "./CustomElementsScopeUtils", "./locale/getEffectiveDir", "./Runtimes"], function (_exports, _StaticArea, _updateShadowRoot, _Render, _getEffectiveContentDensity, _CustomElementsScopeUtils, _getEffectiveDir, _Runtimes) {
+sap.ui.define(["exports", "./StaticArea", "./updateShadowRoot", "./Render", "./util/getEffectiveContentDensity", "./CustomElementsScopeUtils", "./locale/getEffectiveDir"], function (_exports, _StaticArea, _updateShadowRoot, _Render, _getEffectiveContentDensity, _CustomElementsScopeUtils, _getEffectiveDir) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -73,8 +73,6 @@ sap.ui.define(["exports", "./StaticArea", "./updateShadowRoot", "./Render", "./u
       }
     }
     _updateAdditionalAttrs() {
-      this.setAttribute(`_ui5rt${(0, _Runtimes.getCurrentRuntimeIndex)()}`, "");
-      this.setAttribute("_ui5host", "");
       this.setAttribute(pureTagName, "");
       this.setAttribute(popupIntegrationAttr, "");
     }

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "./thirdparty/merge", "./Boot", "./UI5ElementMetadata", "./EventProvider", "./util/getSingletonElementInstance", "./StaticAreaItem", "./updateShadowRoot", "./IgnoreCustomElements", "./Render", "./CustomElementsRegistry", "./DOMObserver", "./config/NoConflict", "./locale/getEffectiveDir", "./util/StringHelper", "./util/isValidPropertyName", "./util/SlotsHelper", "./util/arraysAreEqual", "./locale/RTLAwareRegistry", "./theming/preloadLinks", "./renderer/executeTemplate", "./Runtimes"], function (_exports, _merge, _Boot, _UI5ElementMetadata, _EventProvider, _getSingletonElementInstance, _StaticAreaItem, _updateShadowRoot, _IgnoreCustomElements, _Render, _CustomElementsRegistry, _DOMObserver, _NoConflict, _getEffectiveDir, _StringHelper, _isValidPropertyName, _SlotsHelper, _arraysAreEqual, _RTLAwareRegistry, _preloadLinks, _executeTemplate, _Runtimes) {
+sap.ui.define(["exports", "./thirdparty/merge", "./Boot", "./UI5ElementMetadata", "./EventProvider", "./util/getSingletonElementInstance", "./StaticAreaItem", "./updateShadowRoot", "./IgnoreCustomElements", "./Render", "./CustomElementsRegistry", "./DOMObserver", "./config/NoConflict", "./locale/getEffectiveDir", "./util/StringHelper", "./util/isValidPropertyName", "./util/SlotsHelper", "./util/arraysAreEqual", "./locale/RTLAwareRegistry", "./theming/preloadLinks", "./renderer/executeTemplate"], function (_exports, _merge, _Boot, _UI5ElementMetadata, _EventProvider, _getSingletonElementInstance, _StaticAreaItem, _updateShadowRoot, _IgnoreCustomElements, _Render, _CustomElementsRegistry, _DOMObserver, _NoConflict, _getEffectiveDir, _StringHelper, _isValidPropertyName, _SlotsHelper, _arraysAreEqual, _RTLAwareRegistry, _preloadLinks, _executeTemplate) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -103,8 +103,6 @@ sap.ui.define(["exports", "./thirdparty/merge", "./Boot", "./UI5ElementMetadata"
      */
     async connectedCallback() {
       const ctor = this.constructor;
-      this.setAttribute(`_ui5rt${(0, _Runtimes.getCurrentRuntimeIndex)()}`, "");
-      this.setAttribute("_ui5host", "");
       this.setAttribute(ctor.getMetadata().getPureTag(), "");
       if (ctor.getMetadata().supportsF6FastNavigation()) {
         this.setAttribute("data-sap-ui-fastnavgroup", "true");

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/Icons", "../i18nBundle"], function (_exports, _getSharedResource, _IconCollectionsAlias, _Icons, _i18nBundle) {
+sap.ui.define(["exports", "../getSharedResource", "./util/IconCollectionsAlias", "./util/IconCollectionsByTheme", "./util/getIconCollectionByTheme", "../i18nBundle"], function (_exports, _getSharedResource, _IconCollectionsAlias, _IconCollectionsByTheme, _getIconCollectionByTheme, _i18nBundle) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,7 +6,9 @@ sap.ui.define(["exports", "../getSharedResource", "../assets-meta/IconCollection
   });
   _exports.registerIconLoader = _exports.registerIcon = _exports.getIconDataSync = _exports.getIconData = _exports.getIconAccessibleName = _exports._getRegisteredNames = void 0;
   _getSharedResource = _interopRequireDefault(_getSharedResource);
+  _getIconCollectionByTheme = _interopRequireDefault(_getIconCollectionByTheme);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  const DEFAULT_THEME_FAMILY = "legacy"; // includes sap_belize_* and sap_fiori_*
   const loaders = new Map();
   const registry = (0, _getSharedResource.default)("SVGIcons.registry", new Map());
   const iconCollectionPromises = (0, _getSharedResource.default)("SVGIcons.promises", new Map());
@@ -51,12 +53,9 @@ sap.ui.define(["exports", "../getSharedResource", "../assets-meta/IconCollection
     });
   };
   /**
-   * Processes the full icon name and splits it into - "name", "collection"
-   * to form the proper registry key ("collection/name") under which the icon is registered:
-   *
+   * Processes the full icon name and splits it into - "name", "collection".
    * - removes legacy protocol ("sap-icon://")
    * - resolves aliases (f.e "SAP-icons-TNT/actor" => "tnt/actor")
-   * - determines theme dependant icon collection (f.e "home" => "SAP-icons-v4/home" in Quartz | "SAP-icons-v5/home" in Horizon)
    *
    * @param { string } name
    * @return { object }
@@ -73,29 +72,27 @@ sap.ui.define(["exports", "../getSharedResource", "../assets-meta/IconCollection
     if (collection) {
       collection = (0, _IconCollectionsAlias.getIconCollectionByAlias)(collection);
     }
-    collection = (0, _Icons.getEffectiveIconCollection)(collection);
-    const registryKey = `${collection}/${name}`;
     return {
       name,
-      collection,
-      registryKey
+      collection
     };
   };
-  const getIconDataSync = name => {
+  const getIconDataSync = iconName => {
     const {
-      registryKey
-    } = processName(name);
-    return registry.get(registryKey);
+      name,
+      collection
+    } = processName(iconName);
+    return getRegisteredIconData(collection, name);
   };
   _exports.getIconDataSync = getIconDataSync;
-  const getIconData = async name => {
+  const getIconData = async iconName => {
     const {
-      collection,
-      registryKey
-    } = processName(name);
+      name,
+      collection
+    } = processName(iconName);
     let iconData = ICON_NOT_FOUND;
     try {
-      iconData = await _loadIconCollectionOnce(collection);
+      iconData = await _loadIconCollectionOnce((0, _getIconCollectionByTheme.default)(collection));
     } catch (error) {
       const e = error;
       console.error(e.message); /* eslint-disable-line */
@@ -104,10 +101,26 @@ sap.ui.define(["exports", "../getSharedResource", "../assets-meta/IconCollection
     if (iconData === ICON_NOT_FOUND) {
       return iconData;
     }
-    if (!registry.has(registryKey)) {
-      // not filled by another await. many getters will await on the same loader, but fill only once
+    const registeredIconData = getRegisteredIconData(collection, name);
+    if (registeredIconData) {
+      return registeredIconData;
+    }
+    // not filled by another await. many getters will await on the same loader, but fill only once
+    if (Array.isArray(iconData)) {
+      iconData.forEach(data => {
+        _fillRegistry(data);
+        (0, _IconCollectionsByTheme.registerIconCollectionForTheme)(collection, {
+          [data.themeFamily || DEFAULT_THEME_FAMILY]: data.collection
+        });
+      });
+    } else {
       _fillRegistry(iconData);
     }
+    return getRegisteredIconData(collection, name);
+  };
+  _exports.getIconData = getIconData;
+  const getRegisteredIconData = (collection, name) => {
+    const registryKey = `${(0, _getIconCollectionByTheme.default)(collection)}/${name}`;
     return registry.get(registryKey);
   };
   /**
@@ -117,7 +130,6 @@ sap.ui.define(["exports", "../getSharedResource", "../assets-meta/IconCollection
    * @param { string } name
    * @return { Promise }
    */
-  _exports.getIconData = getIconData;
   const getIconAccessibleName = async name => {
     if (!name) {
       return;

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "../getSharedResource"], function (_exports, _getSharedResource) {
+sap.ui.define(["exports", "../getSharedResource", "../config/Theme"], function (_exports, _getSharedResource, _Theme) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -7,11 +7,56 @@ sap.ui.define(["exports", "../getSharedResource"], function (_exports, _getShare
   _exports.registerIllustrationLoader = _exports.registerIllustration = _exports.getIllustrationDataSync = _exports.getIllustrationData = void 0;
   _getSharedResource = _interopRequireDefault(_getSharedResource);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  var IllustrationCollections;
+  (function (IllustrationCollections) {
+    IllustrationCollections["sap_horizon"] = "V5";
+    IllustrationCollections["sap_horizon_dark"] = "V5";
+    IllustrationCollections["sap_horizon_hcb"] = "V5/HC";
+    IllustrationCollections["sap_horizon_hcw"] = "V5/HC";
+  })(IllustrationCollections || (IllustrationCollections = {}));
+  const FALLBACK_COLLECTION = "V4";
   const loaders = new Map();
   const registry = (0, _getSharedResource.default)("SVGIllustration.registry", new Map());
   const illustrationPromises = (0, _getSharedResource.default)("SVGIllustration.promises", new Map());
+  const getCollection = () => {
+    const theme = (0, _Theme.getTheme)();
+    if (IllustrationCollections[theme]) {
+      return IllustrationCollections[theme];
+    }
+    return FALLBACK_COLLECTION;
+  };
+  /**
+   * Processes the name of the illustration
+   * The name is used to generate the registry key and the loader key
+   * The registry key is used to store and get the illustration data from the registry
+   * The loader key is used to store and get the illustration loader from the loaders map
+   * The function generates the correct registry key and loader key based on whether an loader exists for the illustration
+   * If there is no loader registered for the collection, it falls back to the default collection
+   */
+  const processName = name => {
+    let collection = getCollection();
+    const isTnt = name.startsWith("Tnt");
+    const set = isTnt ? "tnt" : "fiori";
+    let registryKey = `${set}/${collection}/${name}`;
+    let loaderKey = `${collection}/${name}`;
+    if (!loaders.has(loaderKey) && collection !== FALLBACK_COLLECTION) {
+      collection = FALLBACK_COLLECTION;
+      loaderKey = `${collection}/${name}`;
+      registryKey = `${set}/${collection}/${name}`;
+    }
+    if (isTnt) {
+      name = name.replace(/^Tnt/, "");
+      registryKey = `${set}/${collection}/${name}`;
+    }
+    return {
+      registryKey,
+      loaderKey,
+      collection
+    };
+  };
   const registerIllustration = (name, data) => {
-    registry.set(`${data.set}/${name}`, {
+    const collection = data.collection || FALLBACK_COLLECTION;
+    registry.set(`${data.set}/${collection}/${name}`, {
       dialogSvg: data.dialogSvg,
       sceneSvg: data.sceneSvg,
       spotSvg: data.spotSvg,
@@ -24,34 +69,33 @@ sap.ui.define(["exports", "../getSharedResource"], function (_exports, _getShare
     loaders.set(illustrationName, loader);
   };
   _exports.registerIllustrationLoader = registerIllustrationLoader;
-  const _loadIllustrationOnce = async illustrationName => {
-    if (!illustrationPromises.has(illustrationName)) {
-      if (!loaders.has(illustrationName)) {
+  const _loadIllustrationOnce = illustrationName => {
+    const {
+      loaderKey
+    } = processName(illustrationName);
+    if (!illustrationPromises.has(loaderKey)) {
+      if (!loaders.has(loaderKey)) {
         const illustrationPath = illustrationName.startsWith("Tnt") ? `tnt/${illustrationName.replace(/^Tnt/, "")}` : illustrationName;
         throw new Error(`No loader registered for the ${illustrationName} illustration. Probably you forgot to import the "@ui5/webcomponents-fiori/dist/illustrations/${illustrationPath}.js" module. Or you can import the "@ui5/webcomponents-fiori/dist/illustrations/AllIllustrations.js" module that will make all illustrations available, but fetch only the ones used.`);
       }
-      const loadIllustrations = loaders.get(illustrationName);
-      illustrationPromises.set(illustrationName, loadIllustrations(illustrationName));
+      const loadIllustrations = loaders.get(loaderKey);
+      illustrationPromises.set(loaderKey, loadIllustrations(loaderKey));
     }
-    return illustrationPromises.get(illustrationName);
+    return illustrationPromises.get(loaderKey);
   };
   const getIllustrationDataSync = illustrationName => {
-    let set = "fiori";
-    if (illustrationName.startsWith("Tnt")) {
-      set = "tnt";
-      illustrationName = illustrationName.replace(/^Tnt/, "");
-    }
-    return registry.get(`${set}/${illustrationName}`);
+    const {
+      registryKey
+    } = processName(illustrationName);
+    return registry.get(registryKey);
   };
   _exports.getIllustrationDataSync = getIllustrationDataSync;
   const getIllustrationData = async illustrationName => {
-    let set = "fiori";
+    const {
+      registryKey
+    } = processName(illustrationName);
     await _loadIllustrationOnce(illustrationName);
-    if (illustrationName.startsWith("Tnt")) {
-      set = "tnt";
-      illustrationName = illustrationName.replace(/^Tnt/, "");
-    }
-    return registry.get(`${set}/${illustrationName}`);
+    return registry.get(registryKey);
   };
   _exports.getIllustrationData = getIllustrationData;
 });