@openui5/sap.ui.webc.common 1.111.1 → 1.112.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.common",
-  "version": "1.111.1",
+  "version": "1.112.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.111.1"
+    "@openui5/sap.ui.core": "1.112.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.111.1</version>
+	<version>1.112.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>
@@ -37,7 +37,7 @@
 				<pattern>sap/ui/webc/common/thirdparty/icons-tnt/*.*</pattern>
 				<pattern>sap/ui/webc/common/thirdparty/icons-business-suite/*.*</pattern>
 			</lib>
-			<lib name="lit-html" displayName="lit-html" npmName="lit-html" version="2.2.2" hash="c4908d4f4bd86a4d71c8c017a0139055" homepage="https://lit-html.polymer-project.org">
+			<lib name="lit-html" displayName="lit-html" npmName="lit-html" version="2.2.2" hash="94bafc7d74b032d0b543afb10cae9b08" homepage="https://lit-html.polymer-project.org">
 				<license url="https://github.com/lit/lit/blob/main/LICENSE" type="BSD-3-Clause"></license>
 				<copyright>Google LLC</copyright>
 				<pattern>sap/ui/webc/common/thirdparty/lit-html/*.*</pattern>

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

@@ -1,3 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
 sap.ui.define([
 	"./thirdparty/base/config/Theme",
 	"./thirdparty/base/config/Language"

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

@@ -1,3 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
 sap.ui.define([
 	"./thirdparty/icons/Assets",
 	"./thirdparty/icons/AllIcons",

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

@@ -106,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.111.1
+		 * @version 1.112.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent

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

@@ -23,7 +23,7 @@ sap.ui.define([
 		 *
 		 * @class
 		 * @author SAP SE
-		 * @version 1.111.1
+		 * @version 1.112.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

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.111.1
+	 * @version 1.112.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -40,14 +40,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.111.1
+	 * @version 1.112.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.ui.webc.common",
-		version: "1.111.1",
+		version: "1.112.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

@@ -9,47 +9,39 @@ sap.ui.define(["exports", "./util/whenDOMReady", "./FontFace", "./SystemCSSVars"
   _FontFace = _interopRequireDefault(_FontFace);
   _SystemCSSVars = _interopRequireDefault(_SystemCSSVars);
   _applyTheme = _interopRequireDefault(_applyTheme);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   let bootPromise;
+
   /**
    * Attach a callback that will be executed on boot
    * @public
    * @param listener
    */
-
   const attachBoot = async listener => {
     await boot();
     listener();
   };
-
   _exports.attachBoot = attachBoot;
-
   const boot = async () => {
     if (bootPromise) {
       return bootPromise;
     }
-    /* eslint-disable no-alert, no-async-promise-executor */
 
+    /* eslint-disable no-alert, no-async-promise-executor */
     /*
     	Note(since we disable eslint rule):
     	If an async executor function throws an error, the error will be lost and won't cause the newly-constructed Promise to reject.
     	This could make it difficult to debug and handle some errors.
     */
-
-
     bootPromise = new Promise(async resolve => {
       (0, _Runtimes.registerCurrentRuntime)();
       const OpenUI5Support = (0, _FeaturesRegistry.getFeature)("OpenUI5Support");
       const F6Navigation = (0, _FeaturesRegistry.getFeature)("F6Navigation");
-
       if (OpenUI5Support) {
         await OpenUI5Support.init();
       } else if (F6Navigation) {
         F6Navigation.init();
       }
-
       await (0, _whenDOMReady.default)();
       await (0, _applyTheme.default)((0, _Theme.getTheme)());
       OpenUI5Support && OpenUI5Support.attachListeners();
@@ -61,6 +53,5 @@ sap.ui.define(["exports", "./util/whenDOMReady", "./FontFace", "./SystemCSSVars"
 
     return bootPromise;
   };
-
   _exports.boot = boot;
 });

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

@@ -8,6 +8,7 @@ sap.ui.define(["exports"], function (_exports) {
   const roots = new Map();
   let useLinks = false;
   let preloadLinks = true;
+
   /**
    * Use this function to provide the path to the directory where the css resources for the given package will be served from
    *
@@ -15,16 +16,14 @@ sap.ui.define(["exports"], function (_exports) {
    * @param packageName name of the package that is being configured
    * @param root path, accessible by the server that will serve the css resources
    */
-
   const setPackageCSSRoot = (packageName, root) => {
     roots.set(packageName, root);
   };
-
   _exports.setPackageCSSRoot = setPackageCSSRoot;
-
   const getUrl = (packageName, path) => {
     return `${roots.get(packageName)}${path}`;
   };
+
   /**
    * Call this function to enable or disable the usage of <link> tags instead of <style> tags to achieve CSP compliance
    * Example: "setUseLinks(true)" will unconditionally use <link> tags for all browsers;
@@ -33,13 +32,11 @@ sap.ui.define(["exports"], function (_exports) {
    * @public
    * @param use whether links will be used
    */
-
-
   _exports.getUrl = getUrl;
-
   const setUseLinks = use => {
     useLinks = use;
   };
+
   /**
    * Call this function to enable or disable the preloading of <link> tags.
    * Note: only taken into account when <link> tags are being used.
@@ -48,25 +45,17 @@ sap.ui.define(["exports"], function (_exports) {
    * @public
    * @param preload
    */
-
-
   _exports.setUseLinks = setUseLinks;
-
   const setPreloadLinks = preload => {
     preloadLinks = preload;
   };
-
   _exports.setPreloadLinks = setPreloadLinks;
-
   const shouldUseLinks = () => {
     return useLinks;
   };
-
   _exports.shouldUseLinks = shouldUseLinks;
-
   const shouldPreloadLinks = () => {
     return preloadLinks;
   };
-
   _exports.shouldPreloadLinks = shouldPreloadLinks;
 });

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

@@ -7,44 +7,33 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
   _exports.registerTag = _exports.recordTagRegistrationFailure = _exports.isTagRegistered = _exports.getAllRegisteredTags = void 0;
   _setToArray = _interopRequireDefault(_setToArray);
   _getSharedResource = _interopRequireDefault(_getSharedResource);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const Tags = (0, _getSharedResource.default)("Tags", new Map());
   const Definitions = new Set();
   let Failures = {};
   let failureTimeout;
   const UNKNOWN_RUNTIME = "unknown";
-
   const registerTag = tag => {
     Definitions.add(tag);
     Tags.set(tag, (0, _Runtimes.getCurrentRuntimeIndex)());
   };
-
   _exports.registerTag = registerTag;
-
   const isTagRegistered = tag => {
     return Definitions.has(tag);
   };
-
   _exports.isTagRegistered = isTagRegistered;
-
   const getAllRegisteredTags = () => {
     return (0, _setToArray.default)(Definitions);
   };
-
   _exports.getAllRegisteredTags = getAllRegisteredTags;
-
   const recordTagRegistrationFailure = tag => {
     let tagRegRuntimeIndex = Tags.get(tag);
-
     if (tagRegRuntimeIndex === undefined) {
       tagRegRuntimeIndex = UNKNOWN_RUNTIME; // If the tag is taken, but not registered in Tags, then a version before 1.1.0 defined it => use the "unknown" key
     }
 
     Failures[tagRegRuntimeIndex] = Failures[tagRegRuntimeIndex] || new Set();
     Failures[tagRegRuntimeIndex].add(tag);
-
     if (!failureTimeout) {
       failureTimeout = setTimeout(() => {
         displayFailedRegistrations();
@@ -53,27 +42,21 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
       }, 1000);
     }
   };
-
   _exports.recordTagRegistrationFailure = recordTagRegistrationFailure;
-
   const displayFailedRegistrations = () => {
     const allRuntimes = (0, _Runtimes.getAllRuntimes)();
     const currentRuntimeIndex = (0, _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) {
         // version < 1.1.0 defined the tag
         comparison = 1; // the current runtime is considered newer
-
         otherRuntime = {
           description: `Older unknown runtime`
         };
@@ -81,9 +64,7 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
         comparison = (0, _Runtimes.compareRuntimes)(currentRuntimeIndex, otherRuntimeIndex);
         otherRuntime = allRuntimes[otherRuntimeIndex];
       }
-
       let compareWord;
-
       if (comparison > 0) {
         compareWord = "an older";
       } else if (comparison < 0) {
@@ -91,9 +72,7 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
       } 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}": ${(0, _setToArray.default)(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 {

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

@@ -19,27 +19,24 @@ sap.ui.define(["exports"], function (_exports) {
    * @public
    * @param suffix The scoping suffix
    */
-
   const setCustomElementsScopingSuffix = suffix => {
     if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
       throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
     }
-
     suf = suffix;
   };
+
   /**
    * Returns the currently set scoping suffix, or undefined if not set.
    *
    * @public
    * @returns {String|undefined}
    */
-
-
   _exports.setCustomElementsScopingSuffix = setCustomElementsScopingSuffix;
-
   const getCustomElementsScopingSuffix = () => {
     return suf;
   };
+
   /**
    * Sets the rules, governing which custom element tags to scope and which not, f.e.
    * setCustomElementsScopingRules({include: [/^ui5-/]}, exclude: [/^ui5-mylib-/, /^ui5-carousel$/]);
@@ -49,27 +46,22 @@ sap.ui.define(["exports"], function (_exports) {
    * @param rules Object with "include" and "exclude" properties, both arrays of regular expressions. Note that "include"
    * rules are applied first and "exclude" rules second.
    */
-
-
   _exports.getCustomElementsScopingSuffix = getCustomElementsScopingSuffix;
-
   const setCustomElementsScopingRules = rules => {
     if (!rules || !rules.include) {
       throw new Error(`"rules" must be an object with at least an "include" property`);
     }
-
     if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
       throw new Error(`"rules.include" must be an array of regular expressions`);
     }
-
     if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
       throw new Error(`"rules.exclude" must be an array of regular expressions`);
     }
-
     rules.exclude = rules.exclude || [];
     rulesObj = rules;
     tagsCache.clear(); // reset the cache upon setting new rules
   };
+
   /**
    * Returns the rules, governing which custom element tags to scope and which not. By default, all elements
    * starting with "ui5-" are scoped. The default rules are: {include: [/^ui5-/]}.
@@ -77,13 +69,11 @@ sap.ui.define(["exports"], function (_exports) {
    * @public
    * @returns {Object}
    */
-
-
   _exports.setCustomElementsScopingRules = setCustomElementsScopingRules;
-
   const getCustomElementsScopingRules = () => {
     return rulesObj;
   };
+
   /**
    * Determines whether custom elements with the given tag should be scoped or not.
    * The tag is first matched against the "include" rules and then against the "exclude" rules and the
@@ -92,18 +82,15 @@ sap.ui.define(["exports"], function (_exports) {
    * @public
    * @param tag
    */
-
-
   _exports.getCustomElementsScopingRules = getCustomElementsScopingRules;
-
   const shouldScopeCustomElement = tag => {
     if (!tagsCache.has(tag)) {
       const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
       tagsCache.set(tag, result);
     }
-
     return tagsCache.get(tag);
   };
+
   /**
    * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
    *
@@ -111,15 +98,11 @@ sap.ui.define(["exports"], function (_exports) {
    * @param tag
    * @returns {String}
    */
-
-
   _exports.shouldScopeCustomElement = shouldScopeCustomElement;
-
   const getEffectiveScopingSuffixForTag = tag => {
     if (shouldScopeCustomElement(tag)) {
       return getCustomElementsScopingSuffix();
     }
   };
-
   _exports.getEffectiveScopingSuffixForTag = getEffectiveScopingSuffixForTag;
 });

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

@@ -10,74 +10,61 @@ sap.ui.define(["exports"], function (_exports) {
   /**
    * Default implementation with MutationObserver for browsers with native support
    */
-
   let _createObserver = (node, callback, options) => {
     const observer = new MutationObserver(callback);
     observer.observe(node, options);
     return observer;
   };
+
   /**
    * Default implementation with MutationObserver for browsers with native support
    */
-
-
   let _destroyObserver = observer => {
     observer.disconnect();
   };
+
   /**
    * Allows to create an alternative DOM observer implementation
    * @param createFn
    */
-
-
   const setCreateObserverCallback = createFn => {
     if (typeof createFn === "function") {
       _createObserver = createFn;
     }
   };
+
   /**
    * Allows to create an alternative DOM observer implementation
    * @param destroyFn
    */
-
-
   _exports.setCreateObserverCallback = setCreateObserverCallback;
-
   const setDestroyObserverCallback = destroyFn => {
     if (typeof destroyFn === "function") {
       _destroyObserver = destroyFn;
     }
   };
+
   /**
    * @param node
    * @param callback
    * @param options
    */
-
-
   _exports.setDestroyObserverCallback = setDestroyObserverCallback;
-
   const observeDOMNode = (node, callback, options) => {
     const observer = _createObserver(node, callback, options);
-
     observers.set(node, observer);
   };
+
   /**
    * @param node
    */
-
-
   _exports.observeDOMNode = observeDOMNode;
-
   const unobserveDOMNode = node => {
     const observer = observers.get(node);
-
     if (observer) {
       _destroyObserver(observer);
-
       observers.delete(node);
     }
   };
-
   _exports.unobserveDOMNode = unobserveDOMNode;
 });

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

@@ -15,125 +15,92 @@ sap.ui.define(["exports"], function (_exports) {
   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) || /Macintosh/i.test(ua) && "ontouchend" in document; // With iOS 13 the string 'iPad' was removed from the user agent string through a browser setting, which is applied on all sites by default:
+  const ipad = /ipad/i.test(ua) || /Macintosh/i.test(ua) && "ontouchend" in document;
+  // With iOS 13 the string 'iPad' was removed from the user agent string through a browser setting, which is applied on all sites by default:
   // "Request Desktop Website -> All websites" (for more infos see: https://forums.developer.apple.com/thread/119186).
   // Therefore the OS is detected as MACINTOSH instead of iOS and the device is a tablet if the Device.support.touch is true.
 
   let windowsVersion;
   let webkitVersion;
   let tablet;
-
   const isWindows8OrAbove = () => {
     if (!windows) {
       return false;
     }
-
     if (windowsVersion === undefined) {
       const matches = ua.match(/Windows NT (\d+).(\d)/);
       windowsVersion = matches ? parseFloat(matches[1]) : 0;
     }
-
     return windowsVersion >= 8;
   };
-
   const isWebkit537OrAbove = () => {
     if (!webkit) {
       return false;
     }
-
     if (webkitVersion === undefined) {
       const matches = ua.match(/(webkit)[ /]([\w.]+)/);
       webkitVersion = matches ? parseFloat(matches[1]) : 0;
     }
-
     return webkitVersion >= 537.10;
   };
-
   const detectTablet = () => {
     if (tablet !== undefined) {
       return;
     }
-
     if (ipad) {
       tablet = true;
       return;
     }
-
     if (touch) {
       if (isWindows8OrAbove()) {
         tablet = true;
         return;
       }
-
       if (chrome && android) {
         tablet = !/Mobile Safari\/[.0-9]+/.test(ua);
         return;
       }
-
       let densityFactor = window.devicePixelRatio ? window.devicePixelRatio : 1; // may be undefined in Windows Phone devices
-
       if (android && isWebkit537OrAbove()) {
         densityFactor = 1;
       }
-
       tablet = Math.min(window.screen.width / densityFactor, window.screen.height / densityFactor) >= 600;
       return;
     }
-
     tablet = ie && ua.indexOf("Touch") !== -1 || android && !androidPhone;
   };
-
   const supportsTouch = () => touch;
-
   _exports.supportsTouch = supportsTouch;
-
   const isIE = () => ie;
-
   _exports.isIE = isIE;
-
   const isSafari = () => safari;
-
   _exports.isSafari = isSafari;
-
   const isChrome = () => chrome;
-
   _exports.isChrome = isChrome;
-
   const isTablet = () => {
     detectTablet();
     return (touch || isWindows8OrAbove()) && tablet;
   };
-
   _exports.isTablet = isTablet;
-
   const isPhone = () => {
     detectTablet();
     return touch && !tablet;
   };
-
   _exports.isPhone = isPhone;
-
   const isDesktop = () => {
     return !isTablet() && !isPhone() || isWindows8OrAbove();
   };
-
   _exports.isDesktop = isDesktop;
-
   const isCombi = () => {
     return isTablet() && isDesktop();
   };
-
   _exports.isCombi = isCombi;
-
   const isIOS = () => {
     return iOS;
   };
-
   _exports.isIOS = isIOS;
-
   const isAndroid = () => {
     return android || androidPhone;
   };
-
   _exports.isAndroid = isAndroid;
 });