@openui5/sap.ui.webc.main 1.117.1 → 1.119.0

package/src/sap/ui/webc/main/thirdparty/popup-utils/PopoverRegistry.js

@@ -1,139 +1,131 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "../Popover", "./OpenedPopupsRegistry"], function (_exports, _PopupUtils, _Popover, _OpenedPopupsRegistry) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports.removeOpenedPopover = _exports.getRegistry = _exports.addOpenedPopover = void 0;
-  let updateInterval;
-  const intervalTimeout = 300;
-  const openedRegistry = [];
-  const repositionPopovers = () => {
-    openedRegistry.forEach(popover => {
-      popover.instance.reposition();
-    });
-  };
-  const closePopoversIfLostFocus = () => {
-    if (document.activeElement.tagName === "IFRAME") {
-      getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));
-    }
-  };
-  const runUpdateInterval = () => {
-    updateInterval = setInterval(() => {
-      repositionPopovers();
-      closePopoversIfLostFocus();
-    }, intervalTimeout);
-  };
-  const stopUpdateInterval = () => {
-    clearInterval(updateInterval);
-  };
-  const attachGlobalScrollHandler = () => {
-    document.body.addEventListener("scroll", repositionPopovers, {
-      capture: true
-    });
-  };
-  const detachGlobalScrollHandler = () => {
-    document.body.removeEventListener("scroll", repositionPopovers, {
-      capture: true
-    });
-  };
-  const attachScrollHandler = popover => {
-    popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, {
-      capture: true
-    });
-  };
-  const detachScrollHandler = popover => {
-    popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers, {
-      capture: true
-    });
-  };
-  const attachGlobalClickHandler = () => {
-    document.addEventListener("mousedown", clickHandler);
-  };
-  const detachGlobalClickHandler = () => {
-    document.removeEventListener("mousedown", clickHandler);
-  };
-  const clickHandler = event => {
-    const openedPopups = (0, _OpenedPopupsRegistry.getOpenedPopups)();
-    if (openedPopups.length === 0) {
-      return;
-    }
-    const isTopPopupPopover = (0, _Popover.instanceOfPopover)(openedPopups[openedPopups.length - 1].instance);
-    if (!isTopPopupPopover) {
-      return;
-    }
-    // loop all open popovers
-    for (let i = openedPopups.length - 1; i !== -1; i--) {
-      const popup = openedPopups[i].instance;
-      // if popup is modal, opener is clicked, popup is dialog skip closing
-      if (popup.isModal || popup.isOpenerClicked(event)) {
-        return;
-      }
-      if ((0, _PopupUtils.isClickInRect)(event, popup.getBoundingClientRect())) {
-        break;
-      }
-      popup.close();
-    }
-  };
-  const addOpenedPopover = instance => {
-    const parentPopovers = getParentPopoversIfNested(instance);
-    (0, _OpenedPopupsRegistry.addOpenedPopup)(instance, parentPopovers);
-    openedRegistry.push({
-      instance,
-      parentPopovers
-    });
-    attachScrollHandler(instance);
-    if (openedRegistry.length === 1) {
-      attachGlobalScrollHandler();
-      attachGlobalClickHandler();
-      runUpdateInterval();
-    }
-  };
-  _exports.addOpenedPopover = addOpenedPopover;
-  const removeOpenedPopover = instance => {
-    const popoversToClose = [instance];
-    for (let i = 0; i < openedRegistry.length; i++) {
-      const indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);
-      if (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {
-        popoversToClose.push(openedRegistry[i].instance);
-      }
-    }
-    for (let i = popoversToClose.length - 1; i >= 0; i--) {
-      for (let j = 0; j < openedRegistry.length; j++) {
-        let indexOfItemToRemove = -1;
-        if (popoversToClose[i] === openedRegistry[j].instance) {
-          indexOfItemToRemove = j;
+sap.ui.define([
+    'exports',
+    'sap/ui/webc/common/thirdparty/base/util/PopupUtils',
+    '../Popover',
+    './OpenedPopupsRegistry'
+], function (_exports, _PopupUtils, _Popover, _OpenedPopupsRegistry) {
+    'use strict';
+    Object.defineProperty(_exports, '__esModule', { value: true });
+    _exports.removeOpenedPopover = _exports.getRegistry = _exports.addOpenedPopover = void 0;
+    let updateInterval;
+    const intervalTimeout = 300;
+    const openedRegistry = [];
+    const repositionPopovers = () => {
+        openedRegistry.forEach(popover => {
+            popover.instance.reposition();
+        });
+    };
+    const closePopoversIfLostFocus = () => {
+        if (document.activeElement.tagName === 'IFRAME') {
+            getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));
         }
-        if (indexOfItemToRemove >= 0) {
-          (0, _OpenedPopupsRegistry.removeOpenedPopup)(openedRegistry[indexOfItemToRemove].instance);
-          detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);
-          const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);
-          itemToClose[0].instance.close(false, true);
+    };
+    const runUpdateInterval = () => {
+        updateInterval = setInterval(() => {
+            repositionPopovers();
+            closePopoversIfLostFocus();
+        }, intervalTimeout);
+    };
+    const stopUpdateInterval = () => {
+        clearInterval(updateInterval);
+    };
+    const attachGlobalScrollHandler = () => {
+        document.body.addEventListener('scroll', repositionPopovers, { capture: true });
+    };
+    const detachGlobalScrollHandler = () => {
+        document.body.removeEventListener('scroll', repositionPopovers, { capture: true });
+    };
+    const attachScrollHandler = popover => {
+        popover && popover.shadowRoot.addEventListener('scroll', repositionPopovers, { capture: true });
+    };
+    const detachScrollHandler = popover => {
+        popover && popover.shadowRoot.removeEventListener('scroll', repositionPopovers, { capture: true });
+    };
+    const attachGlobalClickHandler = () => {
+        document.addEventListener('mousedown', clickHandler);
+    };
+    const detachGlobalClickHandler = () => {
+        document.removeEventListener('mousedown', clickHandler);
+    };
+    const clickHandler = event => {
+        const openedPopups = (0, _OpenedPopupsRegistry.getOpenedPopups)();
+        if (openedPopups.length === 0) {
+            return;
         }
-      }
-    }
-    if (!openedRegistry.length) {
-      detachGlobalScrollHandler();
-      detachGlobalClickHandler();
-      stopUpdateInterval();
-    }
-  };
-  _exports.removeOpenedPopover = removeOpenedPopover;
-  const getRegistry = () => {
-    return openedRegistry;
-  };
-  _exports.getRegistry = getRegistry;
-  const getParentPopoversIfNested = instance => {
-    let currentElement = instance.parentNode;
-    const parentPopovers = [];
-    while (currentElement && currentElement.parentNode) {
-      for (let i = 0; i < openedRegistry.length; i++) {
-        if (currentElement === openedRegistry[i].instance) {
-          parentPopovers.push(currentElement);
+        const isTopPopupPopover = (0, sap.ui.require('sap/ui/webc/main/thirdparty/Popover').instanceOfPopover)(openedPopups[openedPopups.length - 1].instance);
+        if (!isTopPopupPopover) {
+            return;
         }
-      }
-      currentElement = currentElement.parentNode;
-    }
-    return parentPopovers;
-  };
+        for (let i = openedPopups.length - 1; i !== -1; i--) {
+            const popup = openedPopups[i].instance;
+            if (popup.isModal || popup.isOpenerClicked(event)) {
+                return;
+            }
+            if ((0, _PopupUtils.isClickInRect)(event, popup.getBoundingClientRect())) {
+                break;
+            }
+            popup.close();
+        }
+    };
+    const addOpenedPopover = instance => {
+        const parentPopovers = getParentPopoversIfNested(instance);
+        (0, _OpenedPopupsRegistry.addOpenedPopup)(instance, parentPopovers);
+        openedRegistry.push({
+            instance,
+            parentPopovers
+        });
+        attachScrollHandler(instance);
+        if (openedRegistry.length === 1) {
+            attachGlobalScrollHandler();
+            attachGlobalClickHandler();
+            runUpdateInterval();
+        }
+    };
+    _exports.addOpenedPopover = addOpenedPopover;
+    const removeOpenedPopover = instance => {
+        const popoversToClose = [instance];
+        for (let i = 0; i < openedRegistry.length; i++) {
+            const indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);
+            if (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {
+                popoversToClose.push(openedRegistry[i].instance);
+            }
+        }
+        for (let i = popoversToClose.length - 1; i >= 0; i--) {
+            for (let j = 0; j < openedRegistry.length; j++) {
+                let indexOfItemToRemove = -1;
+                if (popoversToClose[i] === openedRegistry[j].instance) {
+                    indexOfItemToRemove = j;
+                }
+                if (indexOfItemToRemove >= 0) {
+                    (0, _OpenedPopupsRegistry.removeOpenedPopup)(openedRegistry[indexOfItemToRemove].instance);
+                    detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);
+                    const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);
+                    itemToClose[0].instance.close(false, true);
+                }
+            }
+        }
+        if (!openedRegistry.length) {
+            detachGlobalScrollHandler();
+            detachGlobalClickHandler();
+            stopUpdateInterval();
+        }
+    };
+    _exports.removeOpenedPopover = removeOpenedPopover;
+    const getRegistry = () => {
+        return openedRegistry;
+    };
+    _exports.getRegistry = getRegistry;
+    const getParentPopoversIfNested = instance => {
+        let currentElement = instance.parentNode;
+        const parentPopovers = [];
+        while (currentElement && currentElement.parentNode) {
+            for (let i = 0; i < openedRegistry.length; i++) {
+                if (currentElement === openedRegistry[i].instance) {
+                    parentPopovers.push(currentElement);
+                }
+            }
+            currentElement = currentElement.parentNode;
+        }
+        return parentPopovers;
+    };
 });

package/ui5.yaml

@@ -48,6 +48,11 @@ customConfiguration:
           "^@ui5\/webcomponents\/dist\/(.*?).js$": "sap/ui/webc/main/thirdparty/$1"
         reverseAliases: # used by the middleware to serve third-party files as UI5 modules
           "^/resources/sap/ui/webc/main/thirdparty/(.*?)$": "@ui5/webcomponents/dist/$1"
+        cyclicDependencies:
+          "sap/ui/webc/main/thirdparty/popup-utils/PopoverRegistry":
+           - "sap/ui/webc/main/thirdparty/Popover"
+          "sap/ui/webc/main/thirdparty/Popover":
+            - "sap/ui/webc/main/thirdparty/popup-utils/PopoverRegistry"
         inputPath: "dist/" # where to find the web components
         inputPathFilters: # relative to the inputPath, can be inclusive or exclusive(!) filters
           - "**/*{.js,.json,.css}"