@openui5/sap.ui.webc.common 1.115.0 → 1.116.0

package/.reuse/dep5

@@ -457,11 +457,6 @@ Comment: these files belong to: UI5 Web Components
 
 # Outside of Libraries:
 
-Files: src/testsuite-utils/src/main/resources/META-INF/less/less.js
-Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
-License: Apache-2.0
-Comment: these files belong to: LESS
-
 Files: lib/jsdoc/ui5/plugin.js
 Copyright:
     2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors

package/THIRDPARTY.txt

@@ -460,19 +460,13 @@ Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
 
 Outside of Libraries:
 
-Component: LESS, version: 1.6.3
-Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
-License: Apache-2.0
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/testsuite-utils/src/main/resources/META-INF/less/less.js
-
 Component: JSDoc 3, version: 3.6.7
 Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.3.0
+Component: SAP Theming Base Content, version: 11.4.2
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 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.115.0",
+  "version": "1.116.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.115.0"
+    "@openui5/sap.ui.core": "1.116.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.115.0</version>
+	<version>1.116.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>

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

@@ -104,7 +104,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.115.0
+		 * @version 1.116.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.115.0
+		 * @version 1.116.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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.115.0
+	 * @version 1.116.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.115.0
+	 * @version 1.116.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
 	 */
 	var thisLib = Library.init({
 		name : "sap.ui.webc.common",
-		version: "1.115.0",
+		version: "1.116.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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "./util/whenDOMReady", "./FontFace", "./SystemCSSVars", "./config/Theme", "./theming/applyTheme", "./Runtimes", "./FeaturesRegistry"], function (_exports, _whenDOMReady, _FontFace, _SystemCSSVars, _Theme, _applyTheme, _Runtimes, _FeaturesRegistry) {
+sap.ui.define(["exports", "./util/whenDOMReady", "./EventProvider", "./FontFace", "./SystemCSSVars", "./config/Theme", "./theming/applyTheme", "./Runtimes", "./FeaturesRegistry", "./theming/ThemeRegistered"], function (_exports, _whenDOMReady, _EventProvider, _FontFace, _SystemCSSVars, _Theme, _applyTheme, _Runtimes, _FeaturesRegistry, _ThemeRegistered) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,52 +6,71 @@ sap.ui.define(["exports", "./util/whenDOMReady", "./FontFace", "./SystemCSSVars"
   });
   _exports.boot = _exports.attachBoot = void 0;
   _whenDOMReady = _interopRequireDefault(_whenDOMReady);
+  _EventProvider = _interopRequireDefault(_EventProvider);
   _FontFace = _interopRequireDefault(_FontFace);
   _SystemCSSVars = _interopRequireDefault(_SystemCSSVars);
   _applyTheme = _interopRequireDefault(_applyTheme);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  let booted = false;
   let bootPromise;
-
+  const eventProvider = new _EventProvider.default();
   /**
-   * Attach a callback that will be executed on boot
+   * Attaches a callback that will be executed after boot finishes.
+   * <b>Note:</b> If the framework already booted, the callback will be immediately executed.
    * @public
-   * @param listener
+   * @param { Function } listener
    */
-  const attachBoot = async listener => {
-    await boot();
+  const attachBoot = listener => {
+    if (!booted) {
+      eventProvider.attachEvent("boot", listener);
+      return;
+    }
     listener();
   };
   _exports.attachBoot = attachBoot;
   const boot = async () => {
-    if (bootPromise) {
+    if (bootPromise !== undefined) {
       return bootPromise;
     }
-
-    /* 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 => {
+    const bootExecutor = async resolve => {
+      if (typeof document === "undefined") {
+        resolve();
+        return;
+      }
+      (0, _ThemeRegistered.attachThemeRegistered)(onThemeRegistered);
       (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();
+      const openUI5Support = (0, _FeaturesRegistry.getFeature)("OpenUI5Support");
+      const isOpenUI5Loaded = openUI5Support ? openUI5Support.isLoaded() : false;
+      const f6Navigation = (0, _FeaturesRegistry.getFeature)("F6Navigation");
+      if (openUI5Support) {
+        await openUI5Support.init();
+      }
+      if (f6Navigation && !isOpenUI5Loaded) {
+        f6Navigation.init();
       }
       await (0, _whenDOMReady.default)();
       await (0, _applyTheme.default)((0, _Theme.getTheme)());
-      OpenUI5Support && OpenUI5Support.attachListeners();
+      openUI5Support && openUI5Support.attachListeners();
       (0, _FontFace.default)();
       (0, _SystemCSSVars.default)();
       resolve();
-    });
-    /* eslint-enable no-alert, no-async-promise-executor */
-
+      booted = true;
+      await eventProvider.fireEventAsync("boot");
+    };
+    bootPromise = new Promise(bootExecutor);
     return bootPromise;
   };
+  /**
+   * Callback, executed after theme properties registration
+   * to apply the newly registered theme.
+   * @private
+   * @param { string } theme
+   */
   _exports.boot = boot;
+  const onThemeRegistered = theme => {
+    const currentTheme = (0, _Theme.getTheme)();
+    if (booted && theme === currentTheme) {
+      (0, _applyTheme.default)(currentTheme);
+    }
+  };
 });

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

@@ -8,9 +8,8 @@ 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
+   * Use this function to provide the path to the directory where the css resources for the given package will be served from.
    *
    * @public
    * @param packageName name of the package that is being configured
@@ -21,9 +20,13 @@ sap.ui.define(["exports"], function (_exports) {
   };
   _exports.setPackageCSSRoot = setPackageCSSRoot;
   const getUrl = (packageName, path) => {
-    return `${roots.get(packageName)}${path}`;
+    const packageCSSRoot = roots.get(packageName);
+    if (!packageCSSRoot) {
+      console.warn(`Root path to the CSS resources ${packageName} not provided - use "setPackageCSSRoot" to provide the root.`); // eslint-disable-line
+      return "";
+    }
+    return `${packageCSSRoot}${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;
@@ -36,7 +39,6 @@ sap.ui.define(["exports"], function (_exports) {
   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.

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

@@ -1,18 +1,17 @@
-sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtimes"], function (_exports, _setToArray, _getSharedResource, _Runtimes) {
+sap.ui.define(["exports", "./getSharedResource", "./Runtimes"], function (_exports, _getSharedResource, _Runtimes) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _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 Failures = new Map();
   let failureTimeout;
-  const UNKNOWN_RUNTIME = "unknown";
+  const UNKNOWN_RUNTIME = -1;
   const registerTag = tag => {
     Definitions.add(tag);
     Tags.set(tag, (0, _Runtimes.getCurrentRuntimeIndex)());
@@ -23,7 +22,7 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
   };
   _exports.isTagRegistered = isTagRegistered;
   const getAllRegisteredTags = () => {
-    return (0, _setToArray.default)(Definitions);
+    return [...Definitions.values()];
   };
   _exports.getAllRegisteredTags = getAllRegisteredTags;
   const recordTagRegistrationFailure = tag => {
@@ -32,12 +31,14 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
       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 (!Failures.has(tagRegRuntimeIndex)) {
+      Failures.set(tagRegRuntimeIndex, new Set());
+    }
+    Failures.get(tagRegRuntimeIndex).add(tag);
     if (!failureTimeout) {
       failureTimeout = setTimeout(() => {
         displayFailedRegistrations();
-        Failures = {};
+        Failures = new Map();
         failureTimeout = undefined;
       }, 1000);
     }
@@ -51,7 +52,7 @@ sap.ui.define(["exports", "./util/setToArray", "./getSharedResource", "./Runtime
     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 => {
+    [...Failures.keys()].forEach(otherRuntimeIndex => {
       let comparison;
       let otherRuntime;
       if (otherRuntimeIndex === UNKNOWN_RUNTIME) {
@@ -72,7 +73,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(", ")}.`;
+      message = `${message}\n\n"${currentRuntime.description}" failed to define ${Failures.get(otherRuntimeIndex).size} tag(s) as they were defined by a runtime of ${compareWord} version "${otherRuntime.description}": ${[...Failures.get(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/CustomElementsScope.js

@@ -4,6 +4,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/lit-html/static", "./Cu
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
+  _exports.LitStatic = void 0;
   Object.defineProperty(_exports, "getCustomElementsScopingRules", {
     enumerable: true,
     get: function () {
@@ -40,9 +41,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/lit-html/static", "./Cu
       return _CustomElementsScopeUtils.shouldScopeCustomElement;
     }
   });
-  (0, _FeaturesRegistry.registerFeature)("LitStatic", {
-    html: _static.html,
-    svg: _static.svg,
-    unsafeStatic: _static.unsafeStatic
-  });
+  class LitStatic {}
+  _exports.LitStatic = LitStatic;
+  LitStatic.html = _static.html;
+  LitStatic.svg = _static.svg;
+  LitStatic.unsafeStatic = _static.unsafeStatic;
+  (0, _FeaturesRegistry.registerFeature)("LitStatic", LitStatic);
 });

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

@@ -11,7 +11,6 @@ sap.ui.define(["exports"], function (_exports) {
     exclude: []
   };
   const tagsCache = new Map(); // true/false means the tag should/should not be cached, undefined means not known yet.
-
   /**
    * Sets the suffix to be used for custom elements scoping, f.e. pass "demo" to get tags such as "ui5-button-demo".
    * Note: by default all tags starting with "ui5-" will be scoped, unless you change this by calling "setCustomElementsScopingRules"
@@ -25,7 +24,6 @@ sap.ui.define(["exports"], function (_exports) {
     }
     suf = suffix;
   };
-
   /**
    * Returns the currently set scoping suffix, or undefined if not set.
    *
@@ -36,7 +34,6 @@ sap.ui.define(["exports"], function (_exports) {
   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$/]);
@@ -61,7 +58,6 @@ sap.ui.define(["exports"], function (_exports) {
     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-/]}.
@@ -73,7 +69,6 @@ sap.ui.define(["exports"], function (_exports) {
   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
@@ -90,7 +85,6 @@ sap.ui.define(["exports"], function (_exports) {
     }
     return tagsCache.get(tag);
   };
-
   /**
    * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
    *

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

@@ -4,57 +4,18 @@ sap.ui.define(["exports"], function (_exports) {
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.unobserveDOMNode = _exports.setDestroyObserverCallback = _exports.setCreateObserverCallback = _exports.observeDOMNode = void 0;
-  const observers = new WeakMap(); // We want just one observer per node, store them here -> DOM nodes are keys
-
-  /**
-   * 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;
-    }
-  };
-
+  _exports.unobserveDOMNode = _exports.observeDOMNode = void 0;
+  const observers = new WeakMap();
   /**
    * @param node
    * @param callback
    * @param options
    */
-  _exports.setDestroyObserverCallback = setDestroyObserverCallback;
   const observeDOMNode = (node, callback, options) => {
-    const observer = _createObserver(node, callback, options);
+    const observer = new MutationObserver(callback);
     observers.set(node, observer);
+    observer.observe(node, options);
   };
-
   /**
    * @param node
    */
@@ -62,7 +23,7 @@ sap.ui.define(["exports"], function (_exports) {
   const unobserveDOMNode = node => {
     const observer = observers.get(node);
     if (observer) {
-      _destroyObserver(observer);
+      observer.disconnect();
       observers.delete(node);
     }
   };