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

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

@@ -7,16 +7,12 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
   _exports.updateStyle = _exports.removeStyle = _exports.hasStyle = _exports.createStyle = _exports.createOrUpdateStyle = void 0;
   _createStyleInHead = _interopRequireDefault(_createStyleInHead);
   _createLinkInHead = _interopRequireDefault(_createLinkInHead);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const getStyleId = (name, value) => {
     return value ? `${name}|${value}` : name;
   };
-
   const createStyle = (data, name, value = "") => {
     const content = typeof data === "string" ? data : data.content;
-
     if ((0, _CSP.shouldUseLinks)()) {
       const attributes = {};
       attributes[name] = value;
@@ -26,7 +22,6 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
       const stylesheet = new CSSStyleSheet();
       stylesheet.replaceSync(content);
       stylesheet._ui5StyleId = getStyleId(name, value); // set an id so that we can find the style later
-
       document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
     } else {
       const attributes = {};
@@ -34,12 +29,9 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
       (0, _createStyleInHead.default)(content, attributes);
     }
   };
-
   _exports.createStyle = createStyle;
-
   const updateStyle = (data, name, value = "") => {
     const content = typeof data === "string" ? data : data.content;
-
     if ((0, _CSP.shouldUseLinks)()) {
       document.querySelector(`head>link[${name}="${value}"]`).href = (0, _CSP.getUrl)(data.packageName, data.fileName);
     } else if (document.adoptedStyleSheets) {
@@ -48,27 +40,20 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
       document.querySelector(`head>style[${name}="${value}"]`).textContent = content || "";
     }
   };
-
   _exports.updateStyle = updateStyle;
-
   const hasStyle = (name, value = "") => {
     if ((0, _CSP.shouldUseLinks)()) {
       return !!document.querySelector(`head>link[${name}="${value}"]`);
     }
-
     if (document.adoptedStyleSheets) {
       return !!document.adoptedStyleSheets.find(sh => sh._ui5StyleId === getStyleId(name, value));
     }
-
     return !!document.querySelector(`head>style[${name}="${value}"]`);
   };
-
   _exports.hasStyle = hasStyle;
-
   const removeStyle = (name, value = "") => {
     if ((0, _CSP.shouldUseLinks)()) {
       const linkElement = document.querySelector(`head>link[${name}="${value}"]`);
-
       if (linkElement) {
         linkElement.parentElement.removeChild(linkElement);
       }
@@ -76,15 +61,12 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
       document.adoptedStyleSheets = document.adoptedStyleSheets.filter(sh => sh._ui5StyleId !== getStyleId(name, value));
     } else {
       const styleElement = document.querySelector(`head > style[${name}="${value}"]`);
-
       if (styleElement) {
         styleElement.parentElement.removeChild(styleElement);
       }
     }
   };
-
   _exports.removeStyle = removeStyle;
-
   const createOrUpdateStyle = (data, name, value = "") => {
     if (hasStyle(name, value)) {
       updateStyle(data, name, value);
@@ -92,6 +74,5 @@ sap.ui.define(["exports", "./util/createStyleInHead", "./util/createLinkInHead",
       createStyle(data, name, value);
     }
   };
-
   _exports.createOrUpdateStyle = createOrUpdateStyle;
 });

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

@@ -6,6 +6,7 @@ sap.ui.define(["exports"], function (_exports) {
   });
   _exports.default = void 0;
   const querySets = {};
+
   /**
    * Initializes a screen width media query range set.
    *
@@ -33,13 +34,13 @@ sap.ui.define(["exports"], function (_exports) {
    * @function
    * @public
    */
-
   const _initRangeSet = (name, borders, names) => {
     querySets[name] = {
       borders,
       names
     };
   };
+
   /**
    * Returns information about the current active range of the range set with the given name.
    *
@@ -55,24 +56,20 @@ sap.ui.define(["exports"], function (_exports) {
    * @function
    * @public
    */
-
-
   const _getCurrentRange = (name, width = window.innerWidth) => {
     const querySet = querySets[name];
     let i = 0;
-
     if (!querySet) {
       return null;
     }
-
     for (; i < querySet.borders.length; i++) {
       if (width < querySet.borders[i]) {
         return querySet.names[i];
       }
     }
-
     return querySet.names[i];
   };
+
   /**
    * Enumeration containing the names and settings of predefined screen width media query range sets.
    *
@@ -80,8 +77,6 @@ sap.ui.define(["exports"], function (_exports) {
    * @name MediaRange.RANGESETS
    * @public
    */
-
-
   const RANGESETS = {
     /**
      * A 4-step range set (S-M-L-XL).
@@ -99,6 +94,7 @@ sap.ui.define(["exports"], function (_exports) {
      */
     RANGE_4STEPS: "4Step"
   };
+
   /**
    * API for screen width changes.
    *

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

@@ -9,7 +9,6 @@ sap.ui.define(["exports"], function (_exports) {
     if (iConcatOps > 2 && 40 * iConcatOps > s.length) {
       Number(s);
     }
-
     return s;
   } : s => s;
   const rLines = /(?:\r\n|\r|\n|^)[ \t\f]*/;
@@ -21,18 +20,17 @@ sap.ui.define(["exports"], function (_exports) {
     "\\r": "\r",
     "\\t": "\t"
   };
+
   /**
    * Parses a .properties format
    * @param {string} sText the contents a of a .properties file
    * @returns a object with key/value pairs parsed from the .properties file format
    * @public
    */
-
   const parseProperties = sText => {
     const properties = {},
-          aLines = sText.split(rLines);
+      aLines = sText.split(rLines);
     let sLine, rMatcher, sKey, sValue, i, m, iLastIndex, iConcatOps;
-
     const append = s => {
       if (sValue) {
         sValue = `${sValue}${s}`;
@@ -42,11 +40,9 @@ sap.ui.define(["exports"], function (_exports) {
         iConcatOps = 0;
       }
     };
-
     for (i = 0; i < aLines.length; i++) {
       sLine = aLines[i];
       const skipLine = sLine === "" || sLine.charAt(0) === "#" || sLine.charAt(0) === "!";
-
       if (!skipLine) {
         rMatcher = rEscapesOrSeparator;
         iLastIndex = 0;
@@ -54,19 +50,15 @@ sap.ui.define(["exports"], function (_exports) {
         sKey = null;
         sValue = "";
         m = rMatcher.exec(sLine);
-
         while (m !== null) {
           if (iLastIndex < m.index) {
             append(sLine.slice(iLastIndex, m.index));
           }
-
           iLastIndex = rMatcher.lastIndex;
-
           if (m[1]) {
             if (m[1].length !== 6) {
               throw new Error(`Incomplete Unicode Escape '${m[1]}'`);
             }
-
             append(String.fromCharCode(parseInt(m[1].slice(2), 16)));
           } else if (m[2]) {
             append(mEscapes[m[2]] || m[2].slice(1));
@@ -80,26 +72,20 @@ sap.ui.define(["exports"], function (_exports) {
             rMatcher = rEscapes;
             rMatcher.lastIndex = iLastIndex;
           }
-
           m = rMatcher.exec(sLine);
         }
-
         if (iLastIndex < sLine.length) {
           append(sLine.slice(iLastIndex));
         }
-
         if (sKey == null) {
           sKey = sValue;
           sValue = "";
         }
-
         properties[sKey] = flatstr(sValue, sValue ? iConcatOps : 0);
       }
     }
-
     return properties;
   };
-
   var _default = parseProperties;
   _exports.default = _default;
 });

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

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "./EventProvider", "./RenderQueue", "./CustomElementsR
   _exports.renderImmediately = _exports.renderFinished = _exports.renderDeferred = _exports.reRenderAllUI5Elements = _exports.detachBeforeComponentRender = _exports.cancelRender = _exports.attachBeforeComponentRender = void 0;
   _EventProvider = _interopRequireDefault(_EventProvider);
   _RenderQueue = _interopRequireDefault(_RenderQueue);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const registeredElements = new Set();
   const eventProvider = new _EventProvider.default();
   const invalidatedWebComponents = new _RenderQueue.default(); // Queue for invalidated web components
@@ -17,70 +15,66 @@ sap.ui.define(["exports", "./EventProvider", "./RenderQueue", "./CustomElementsR
   let renderTaskPromise, renderTaskPromiseResolve;
   let mutationObserverTimer;
   let queuePromise;
+
   /**
    * Schedules a render task (if not already scheduled) to render the component
    *
    * @param webComponent
    * @returns {Promise}
    */
-
   const renderDeferred = async webComponent => {
     // Enqueue the web component
-    invalidatedWebComponents.add(webComponent); // Schedule a rendering task
+    invalidatedWebComponents.add(webComponent);
 
+    // Schedule a rendering task
     await scheduleRenderTask();
   };
+
   /**
    * Renders a component synchronously and adds it to the registry of rendered components
    *
    * @param webComponent
    */
-
-
   _exports.renderDeferred = renderDeferred;
-
   const renderImmediately = webComponent => {
     eventProvider.fireEvent("beforeComponentRender", webComponent);
     registeredElements.add(webComponent);
-
     webComponent._render();
   };
+
   /**
    * Cancels the rendering of a component, if awaiting to be rendered, and removes it from the registry of rendered components
    *
    * @param webComponent
    */
-
-
   _exports.renderImmediately = renderImmediately;
-
   const cancelRender = webComponent => {
     invalidatedWebComponents.remove(webComponent);
     registeredElements.delete(webComponent);
   };
+
   /**
    * Schedules a rendering task, if not scheduled already
    */
-
-
   _exports.cancelRender = cancelRender;
-
   const scheduleRenderTask = async () => {
     if (!queuePromise) {
       queuePromise = new Promise(resolve => {
         window.requestAnimationFrame(() => {
           // Render all components in the queue
+
           // console.log(`--------------------RENDER TASK START------------------------------`); // eslint-disable-line
-          invalidatedWebComponents.process(renderImmediately); // console.log(`--------------------RENDER TASK END------------------------------`); // eslint-disable-line
-          // Resolve the promise so that callers of renderDeferred can continue
+          invalidatedWebComponents.process(renderImmediately);
+          // console.log(`--------------------RENDER TASK END------------------------------`); // eslint-disable-line
 
+          // Resolve the promise so that callers of renderDeferred can continue
           queuePromise = null;
-          resolve(); // Wait for Mutation observer before the render task is considered finished
+          resolve();
 
+          // Wait for Mutation observer before the render task is considered finished
           if (!mutationObserverTimer) {
             mutationObserverTimer = setTimeout(() => {
               mutationObserverTimer = undefined;
-
               if (invalidatedWebComponents.isEmpty()) {
                 _resolveTaskPromise();
               }
@@ -89,19 +83,16 @@ sap.ui.define(["exports", "./EventProvider", "./RenderQueue", "./CustomElementsR
         });
       });
     }
-
     await queuePromise;
   };
+
   /**
    * return a promise that will be resolved once all invalidated web components are rendered
    */
-
-
   const whenDOMUpdated = () => {
     if (renderTaskPromise) {
       return renderTaskPromise;
     }
-
     renderTaskPromise = new Promise(resolve => {
       renderTaskPromiseResolve = resolve;
       window.requestAnimationFrame(() => {
@@ -113,31 +104,27 @@ sap.ui.define(["exports", "./EventProvider", "./RenderQueue", "./CustomElementsR
     });
     return renderTaskPromise;
   };
-
   const whenAllCustomElementsAreDefined = () => {
     const definedPromises = (0, _CustomElementsRegistry.getAllRegisteredTags)().map(tag => customElements.whenDefined(tag));
     return Promise.all(definedPromises);
   };
-
   const renderFinished = async () => {
     await whenAllCustomElementsAreDefined();
     await whenDOMUpdated();
   };
-
   _exports.renderFinished = renderFinished;
-
   const _resolveTaskPromise = () => {
     if (!invalidatedWebComponents.isEmpty()) {
       // More updates are pending. Resolve will be called again
       return;
     }
-
     if (renderTaskPromiseResolve) {
       renderTaskPromiseResolve();
       renderTaskPromiseResolve = undefined;
       renderTaskPromise = undefined;
     }
   };
+
   /**
    * Re-renders all UI5 Elements on the page, with the option to specify filters to rerender only some components.
    *
@@ -154,33 +141,25 @@ sap.ui.define(["exports", "./EventProvider", "./RenderQueue", "./CustomElementsR
    * @param {Object|undefined} filters - Object with keys that can be "rtlAware" or "languageAware"
    * @returns {Promise<void>}
    */
-
-
   const reRenderAllUI5Elements = async filters => {
     registeredElements.forEach(element => {
       const tag = element.constructor.getMetadata().getTag();
       const rtlAware = (0, _RTLAwareRegistry.isRtlAware)(element.constructor);
       const languageAware = element.constructor.getMetadata().isLanguageAware();
       const themeAware = element.constructor.getMetadata().isThemeAware();
-
       if (!filters || filters.tag === tag || filters.rtlAware && rtlAware || filters.languageAware && languageAware || filters.themeAware && themeAware) {
         renderDeferred(element);
       }
     });
     await renderFinished();
   };
-
   _exports.reRenderAllUI5Elements = reRenderAllUI5Elements;
-
   const attachBeforeComponentRender = listener => {
     eventProvider.attachEvent("beforeComponentRender", listener);
   };
-
   _exports.attachBeforeComponentRender = attachBeforeComponentRender;
-
   const detachBeforeComponentRender = listener => {
     eventProvider.detachEvent("beforeComponentRender", listener);
   };
-
   _exports.detachBeforeComponentRender = detachBeforeComponentRender;
 });

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

@@ -6,11 +6,9 @@ sap.ui.define(["exports"], function (_exports) {
   });
   _exports.default = void 0;
   const MAX_PROCESS_COUNT = 10;
-
   class RenderQueue {
     constructor() {
       this.list = []; // Used to store the web components in order
-
       this.lookup = new Set(); // Used for faster search
     }
 
@@ -18,64 +16,51 @@ sap.ui.define(["exports"], function (_exports) {
       if (this.lookup.has(webComponent)) {
         return;
       }
-
       this.list.push(webComponent);
       this.lookup.add(webComponent);
     }
-
     remove(webComponent) {
       if (!this.lookup.has(webComponent)) {
         return;
       }
-
       this.list = this.list.filter(item => item !== webComponent);
       this.lookup.delete(webComponent);
     }
-
     shift() {
       const webComponent = this.list.shift();
-
       if (webComponent) {
         this.lookup.delete(webComponent);
         return webComponent;
       }
     }
-
     isEmpty() {
       return this.list.length === 0;
     }
-
     isAdded(webComponent) {
       return this.lookup.has(webComponent);
     }
+
     /**
      * Processes the whole queue by executing the callback on each component,
      * while also imposing restrictions on how many times a component may be processed.
      *
      * @param callback - function with one argument (the web component to be processed)
      */
-
-
     process(callback) {
       let webComponent;
       const stats = new Map();
       webComponent = this.shift();
-
       while (webComponent) {
         const timesProcessed = stats.get(webComponent) || 0;
-
         if (timesProcessed > MAX_PROCESS_COUNT) {
           throw new Error(`Web component processed too many times this task, max allowed is: ${MAX_PROCESS_COUNT}`);
         }
-
         callback(webComponent);
         stats.set(webComponent, timesProcessed + 1);
         webComponent = this.shift();
       }
     }
-
   }
-
   var _default = RenderQueue;
   _exports.default = _default;
 });

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

@@ -5,7 +5,6 @@ sap.ui.define(["exports", "./Render"], function (_exports, _Render) {
     value: true
   });
   _exports.default = void 0;
-
   /**
    * @deprecated Use the Render.js module instead
    */
@@ -19,36 +18,29 @@ sap.ui.define(["exports", "./Render"], function (_exports, _Render) {
      */
     static async renderDeferred(webComponent) {
       console.log("RenderScheduler.renderDeferred is deprecated, please use renderDeferred, exported by Render.js instead"); // eslint-disable-line
-
       await (0, _Render.renderDeferred)(webComponent);
     }
+
     /**
      * Renders a component synchronously
      *
      * @param webComponent
      * @deprecated Use renderImmediately from the Render.js module instead
      */
-
-
     static renderImmediately(webComponent) {
       console.log("RenderScheduler.renderImmediately is deprecated, please use renderImmediately, exported by Render.js instead"); // eslint-disable-line
-
       return (0, _Render.renderImmediately)(webComponent);
     }
+
     /**
      * @deprecated Use renderFinished from the Render.js module instead
      * @returns {Promise<void>}
      */
-
-
     static async whenFinished() {
       console.log("RenderScheduler.whenFinished is deprecated, please use renderFinished, exported by Render.js instead"); // eslint-disable-line
-
       await (0, _Render.renderFinished)();
     }
-
   }
-
   var _default = RenderScheduler;
   _exports.default = _default;
 });

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

@@ -7,95 +7,84 @@ sap.ui.define(["exports", "./generated/VersionInfo", "./getSharedResource"], fun
   _exports.setRuntimeAlias = _exports.registerCurrentRuntime = _exports.getCurrentRuntimeIndex = _exports.getAllRuntimes = _exports.compareRuntimes = void 0;
   _VersionInfo = _interopRequireDefault(_VersionInfo);
   _getSharedResource = _interopRequireDefault(_getSharedResource);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   let currentRuntimeIndex;
   let currentRuntimeAlias = "";
   const compareCache = new Map();
+
   /**
    * Central registry where all runtimes register themselves by pushing an object.
    * The index in the registry servers as an ID for the runtime.
    * @type {*}
    */
-
   const Runtimes = (0, _getSharedResource.default)("Runtimes", []);
+
   /**
    * Registers the current runtime in the shared runtimes resource registry
    */
-
   const registerCurrentRuntime = () => {
     if (currentRuntimeIndex === undefined) {
       currentRuntimeIndex = Runtimes.length;
-      Runtimes.push({ ..._VersionInfo.default,
+      Runtimes.push({
+        ..._VersionInfo.default,
         alias: currentRuntimeAlias,
         description: `Runtime ${currentRuntimeIndex} - ver ${_VersionInfo.default.version}${currentRuntimeAlias ? ` (${currentRuntimeAlias})` : ""}`
       });
     }
   };
+
   /**
    * Returns the index of the current runtime's object in the shared runtimes resource registry
    * @returns {*}
    */
-
-
   _exports.registerCurrentRuntime = registerCurrentRuntime;
-
   const getCurrentRuntimeIndex = () => {
     return currentRuntimeIndex;
   };
+
   /**
    * Compares two runtimes and returns 1 if the first is of a bigger version, -1 if the second is of a bigger version, and 0 if equal
    * @param index1 The index of the first runtime to compare
    * @param index2 The index of the second runtime to compare
    * @returns {number}
    */
-
-
   _exports.getCurrentRuntimeIndex = getCurrentRuntimeIndex;
-
   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 any of the two is a next version, bigger buildTime wins
-
+    }
 
+    // If any of the two is a next version, bigger buildTime wins
     if (runtime1.isNext || runtime2.isNext) {
       return runtime1.buildTime - runtime2.buildTime;
-    } // If major versions differ, bigger one wins
-
+    }
 
+    // If major versions differ, bigger one wins
     const majorDiff = runtime1.major - runtime2.major;
-
     if (majorDiff) {
       return majorDiff;
-    } // If minor versions differ, bigger one wins
-
+    }
 
+    // If minor versions differ, bigger one wins
     const minorDiff = runtime1.minor - runtime2.minor;
-
     if (minorDiff) {
       return minorDiff;
-    } // If patch versions differ, bigger one wins
-
+    }
 
+    // If patch versions differ, bigger one wins
     const patchDiff = runtime1.patch - runtime2.patch;
-
     if (patchDiff) {
       return patchDiff;
-    } // Bigger suffix wins, f.e. rc10 > rc9
-    // Important: suffix is alphanumeric, must use natural compare
-
+    }
 
+    // Bigger suffix wins, f.e. rc10 > rc9
+    // Important: suffix is alphanumeric, must use natural compare
     const collator = new Intl.Collator(undefined, {
       numeric: true,
       sensitivity: "base"
@@ -104,23 +93,18 @@ sap.ui.define(["exports", "./generated/VersionInfo", "./getSharedResource"], fun
     compareCache.set(cacheIndex, result);
     return result;
   };
+
   /**
    * Set an alias for the the current app/library/microfrontend which will appear in debug messages and console warnings
    * @param alias
    */
-
-
   _exports.compareRuntimes = compareRuntimes;
-
   const setRuntimeAlias = alias => {
     currentRuntimeAlias = alias;
   };
-
   _exports.setRuntimeAlias = setRuntimeAlias;
-
   const getAllRuntimes = () => {
     return Runtimes;
   };
-
   _exports.getAllRuntimes = getAllRuntimes;
 });