@ui5/webcomponents 0.0.0-a3eca7ade → 0.0.0-a8a75c830

package/dist/popup-utils/PopoverRegistry.js

@@ -1,145 +1,140 @@
-import { isClickInRect } from "@ui5/webcomponents-base/dist/util/PopupUtils.js";
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+import getParentElement from "@ui5/webcomponents-base/dist/util/getParentElement.js";
+import { instanceOfPopover } from "../Popover.js";
 import { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from "./OpenedPopupsRegistry.js";
-
-let updateInterval = null;
+let updateInterval;
 const intervalTimeout = 300;
 const openedRegistry = [];
-
-const repositionPopovers = event => {
-	openedRegistry.forEach(popover => {
-		popover.instance.reposition();
-	});
+const repositionPopovers = () => {
+    openedRegistry.forEach(popover => {
+        popover.instance.reposition();
+    });
+};
+const closePopoversIfLostFocus = () => {
+    let activeElement = getActiveElement();
+    if (activeElement.tagName === "IFRAME") {
+        getRegistry().reverse().forEach(popup => {
+            const popover = popup.instance;
+            const opener = popover.getOpenerHTMLElement(popover.opener);
+            while (activeElement) {
+                if (activeElement === opener) {
+                    return;
+                }
+                activeElement = getParentElement(activeElement);
+            }
+            popover.closePopup(false, false, true);
+        });
+    }
+};
+const runUpdateInterval = () => {
+    updateInterval = setInterval(() => {
+        repositionPopovers();
+        closePopoversIfLostFocus();
+    }, intervalTimeout);
+};
+const stopUpdateInterval = () => {
+    clearInterval(updateInterval);
 };
-
 const attachGlobalScrollHandler = () => {
-	document.body.addEventListener("scroll", repositionPopovers, true);
+    document.addEventListener("scroll", repositionPopovers, { capture: true });
 };
-
 const detachGlobalScrollHandler = () => {
-	document.body.removeEventListener("scroll", repositionPopovers, true);
+    document.removeEventListener("scroll", repositionPopovers, { capture: true });
 };
-
-const runUpdateInterval = () => {
-	updateInterval = setInterval(() => {
-		repositionPopovers();
-	}, intervalTimeout);
+const attachScrollHandler = (popover) => {
+    popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, { capture: true });
 };
-
-const stopUpdateInterval = () => {
-	clearInterval(updateInterval);
+const detachScrollHandler = (popover) => {
+    popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers, { capture: true });
 };
-
 const attachGlobalClickHandler = () => {
-	document.addEventListener("mousedown", clickHandler);
+    document.addEventListener("mousedown", clickHandler, { capture: true });
 };
-
 const detachGlobalClickHandler = () => {
-	document.removeEventListener("mousedown", clickHandler);
-};
-
-const clickHandler = event => {
-	const openedPopups = getOpenedPopups();
-	const isTopPopupPopover = openedPopups[openedPopups.length - 1].instance.showAt;
-
-	if (openedPopups.length === 0 || !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 (isClickInRect(event, popup.getBoundingClientRect())) {
-			break;
-		}
-
-		popup.close();
-	}
-};
-
-const attachScrollHandler = popover => {
-	popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, true);
+    document.removeEventListener("mousedown", clickHandler, { capture: true });
 };
-
-const detachScrollHandler = popover => {
-	popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers);
+const clickHandler = (event) => {
+    const openedPopups = getOpenedPopups();
+    if (openedPopups.length === 0) {
+        return;
+    }
+    const isTopPopupPopover = 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 (!instanceOfPopover(popup)) {
+            return;
+        }
+        // if popup is modal, opener is clicked, popup is dialog skip closing
+        if (popup.isModal || popup.isOpenerClicked(event)) {
+            return;
+        }
+        if (popup.isClicked(event)) {
+            return;
+        }
+        popup.closePopup();
+    }
 };
-
-const addOpenedPopover = instance => {
-	const parentPopovers = getParentPopoversIfNested(instance);
-
-	addOpenedPopup(instance, parentPopovers);
-	openedRegistry.push({
-		instance,
-		parentPopovers,
-	});
-
-	attachScrollHandler(instance);
-
-	if (openedRegistry.length === 1) {
-		attachGlobalScrollHandler();
-		attachGlobalClickHandler();
-		runUpdateInterval();
-	}
+const addOpenedPopover = (instance) => {
+    const parentPopovers = getParentPopoversIfNested(instance);
+    addOpenedPopup(instance, parentPopovers);
+    openedRegistry.push({
+        instance,
+        parentPopovers,
+    });
+    attachScrollHandler(instance);
+    if (openedRegistry.length === 1) {
+        attachGlobalScrollHandler();
+        attachGlobalClickHandler();
+        runUpdateInterval();
+    }
 };
-
-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;
-			if (popoversToClose[i] === openedRegistry[j].instance) {
-				indexOfItemToRemove = j;
-			}
-
-			if (indexOfItemToRemove >= 0) {
-				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();
-	}
+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) {
+                removeOpenedPopup(openedRegistry[indexOfItemToRemove].instance);
+                detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);
+                const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);
+                itemToClose[0].instance.closePopup(false, true);
+            }
+        }
+    }
+    if (!openedRegistry.length) {
+        detachGlobalScrollHandler();
+        detachGlobalClickHandler();
+        stopUpdateInterval();
+    }
 };
-
 const getRegistry = () => {
-	return openedRegistry;
+    return openedRegistry;
 };
-
-const getParentPopoversIfNested = instance => {
-	let currentElement = instance.parentNode;
-	const parentPopovers = [];
-
-	while (currentElement.parentNode) {
-		for (let i = 0; i < openedRegistry.length; i++) {
-			if (currentElement && currentElement === openedRegistry[i].instance) {
-				parentPopovers.push(currentElement);
-			}
-		}
-
-		currentElement = currentElement.parentNode;
-	}
-
-	return parentPopovers;
+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;
 };
-
 export { addOpenedPopover, removeOpenedPopover, getRegistry };
+//# sourceMappingURL=PopoverRegistry.js.map

package/dist/popup-utils/PopoverRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRegistry.js","sourceRoot":"","sources":["../../src/popup-utils/PopoverRegistry.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,uDAAuD,CAAC;AACrF,OAAO,gBAAgB,MAAM,uDAAuD,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAO/F,IAAI,cAAwB,CAAC;AAC7B,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,MAAM,cAAc,GAA6B,EAAE,CAAC;AAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACrC,IAAI,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEvC,IAAI,aAAc,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACvC,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAE5D,OAAO,aAAa,EAAE,CAAC;gBACtB,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;oBAC9B,OAAO;gBACR,CAAC;gBAED,aAAa,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;YACjD,CAAC;YAED,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,kBAAkB,EAAE,CAAC;QAErB,wBAAwB,EAAE,CAAC;IAC5B,CAAC,EAAE,eAAe,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,aAAa,CAAC,cAAc,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACtC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACtC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,UAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAClG,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,UAAW,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACrC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACrC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO;IACR,CAAC;IAED,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE5F,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACxB,OAAO;IACR,CAAC;IAED,yBAAyB;IACzB,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACrD,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEvC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO;QACR,CAAC;QAED,qEAAqE;QACrE,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YACnD,OAAO;QACR,CAAC;QAED,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO;QACR,CAAC;QAED,KAAK,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE;IAC9C,MAAM,cAAc,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAE3D,cAAc,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACzC,cAAc,CAAC,IAAI,CAAC;QACnB,QAAQ;QACR,cAAc;KACd,CAAC,CAAC;IAEH,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE9B,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,yBAAyB,EAAE,CAAC;QAC5B,wBAAwB,EAAE,CAAC;QAC3B,iBAAiB,EAAE,CAAC;IACrB,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,QAAiB,EAAE,EAAE;IACjD,MAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChD,MAAM,sBAAsB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,sBAAsB,GAAG,CAAC,CAAC,EAAE,CAAC;YAChF,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC;IACF,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACtD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC,CAAC;YAC7B,IAAI,eAAe,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACvD,mBAAmB,GAAG,CAAC,CAAC;YACzB,CAAC;YAED,IAAI,mBAAmB,IAAI,CAAC,EAAE,CAAC;gBAC9B,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;gBAChE,mBAAmB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;gBAClE,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;gBAClE,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC5B,yBAAyB,EAAE,CAAC;QAC5B,wBAAwB,EAAE,CAAC;QAC3B,kBAAkB,EAAE,CAAC;IACtB,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,QAAiB,EAAE,EAAE;IACvD,IAAI,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC;IACzC,MAAM,cAAc,GAAmB,EAAE,CAAC;IAE1C,OAAO,cAAc,IAAI,cAAc,CAAC,UAAU,EAAE,CAAC;QACpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChD,IAAI,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACnD,cAAc,CAAC,IAAI,CAAC,cAAyB,CAAC,CAAC;YAChD,CAAC;QACF,CAAC;QAED,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC;IAC5C,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import type { Interval } from \"@ui5/webcomponents-base/dist/types.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport getParentElement from \"@ui5/webcomponents-base/dist/util/getParentElement.js\";\nimport type Popover from \"../Popover.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\n\ntype RegisteredPopover = {\n\tinstance: Popover;\n\tparentPopovers: Array<Popover>;\n}\n\nlet updateInterval: Interval;\nconst intervalTimeout = 300;\nconst openedRegistry: Array<RegisteredPopover> = [];\n\nconst repositionPopovers = () => {\n\topenedRegistry.forEach(popover => {\n\t\tpopover.instance.reposition();\n\t});\n};\n\nconst closePopoversIfLostFocus = () => {\n\tlet activeElement = getActiveElement();\n\n\tif (activeElement!.tagName === \"IFRAME\") {\n\t\tgetRegistry().reverse().forEach(popup => {\n\t\t\tconst popover = popup.instance;\n\t\t\tconst opener = popover.getOpenerHTMLElement(popover.opener);\n\n\t\t\twhile (activeElement) {\n\t\t\t\tif (activeElement === opener) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tactiveElement = getParentElement(activeElement);\n\t\t\t}\n\n\t\t\tpopover.closePopup(false, false, true);\n\t\t});\n\t}\n};\n\nconst runUpdateInterval = () => {\n\tupdateInterval = setInterval(() => {\n\t\trepositionPopovers();\n\n\t\tclosePopoversIfLostFocus();\n\t}, intervalTimeout);\n};\n\nconst stopUpdateInterval = () => {\n\tclearInterval(updateInterval);\n};\n\nconst attachGlobalScrollHandler = () => {\n\tdocument.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachGlobalScrollHandler = () => {\n\tdocument.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachGlobalClickHandler = () => {\n\tdocument.addEventListener(\"mousedown\", clickHandler, { capture: true });\n};\n\nconst detachGlobalClickHandler = () => {\n\tdocument.removeEventListener(\"mousedown\", clickHandler, { capture: true });\n};\n\nconst clickHandler = (event: MouseEvent) => {\n\tconst openedPopups = getOpenedPopups();\n\n\tif (openedPopups.length === 0) {\n\t\treturn;\n\t}\n\n\tconst isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n\n\tif (!isTopPopupPopover) {\n\t\treturn;\n\t}\n\n\t// loop all open popovers\n\tfor (let i = openedPopups.length - 1; i !== -1; i--) {\n\t\tconst popup = openedPopups[i].instance;\n\n\t\tif (!instanceOfPopover(popup)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// if popup is modal, opener is clicked, popup is dialog skip closing\n\t\tif (popup.isModal || popup.isOpenerClicked(event)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (popup.isClicked(event)) {\n\t\t\treturn;\n\t\t}\n\n\t\tpopup.closePopup();\n\t}\n};\n\nconst addOpenedPopover = (instance: Popover) => {\n\tconst parentPopovers = getParentPopoversIfNested(instance);\n\n\taddOpenedPopup(instance, parentPopovers);\n\topenedRegistry.push({\n\t\tinstance,\n\t\tparentPopovers,\n\t});\n\n\tattachScrollHandler(instance);\n\n\tif (openedRegistry.length === 1) {\n\t\tattachGlobalScrollHandler();\n\t\tattachGlobalClickHandler();\n\t\trunUpdateInterval();\n\t}\n};\n\nconst removeOpenedPopover = (instance: Popover) => {\n\tconst popoversToClose = [instance];\n\n\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\tconst indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n\t\tif (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n\t\t\tpopoversToClose.push(openedRegistry[i].instance);\n\t\t}\n\t}\n\n\tfor (let i = popoversToClose.length - 1; i >= 0; i--) {\n\t\tfor (let j = 0; j < openedRegistry.length; j++) {\n\t\t\tlet indexOfItemToRemove = -1;\n\t\t\tif (popoversToClose[i] === openedRegistry[j].instance) {\n\t\t\t\tindexOfItemToRemove = j;\n\t\t\t}\n\n\t\t\tif (indexOfItemToRemove >= 0) {\n\t\t\t\tremoveOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tdetachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tconst itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n\t\t\t\titemToClose[0].instance.closePopup(false, true);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!openedRegistry.length) {\n\t\tdetachGlobalScrollHandler();\n\t\tdetachGlobalClickHandler();\n\t\tstopUpdateInterval();\n\t}\n};\n\nconst getRegistry = () => {\n\treturn openedRegistry;\n};\n\nconst getParentPopoversIfNested = (instance: Popover) => {\n\tlet currentElement = instance.parentNode;\n\tconst parentPopovers: Array<Popover> = [];\n\n\twhile (currentElement && currentElement.parentNode) {\n\t\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\t\tif (currentElement === openedRegistry[i].instance) {\n\t\t\t\tparentPopovers.push(currentElement as Popover);\n\t\t\t}\n\t\t}\n\n\t\tcurrentElement = currentElement.parentNode;\n\t}\n\n\treturn parentPopovers;\n};\n\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n"]}

package/dist/timepicker-utils/TimeSlider.d.ts

@@ -0,0 +1,15 @@
+type HoursConfiguration = {
+    minHour: number;
+    maxHour: number;
+    isTwelveHoursFormat: boolean;
+};
+type HourType = "hour0_23" | "hour1_24" | "hour0_11" | "hour1_12";
+declare const getHours: (config: HoursConfiguration, max: number | undefined) => string[];
+declare const getMinutes: (max: number | undefined, step: number) => string[];
+declare const getSeconds: (max: number | undefined, step: number) => string[];
+declare const getHoursConfigByFormat: (type: HourType) => HoursConfiguration;
+declare const getTimeControlsByFormat: (formatArray: Array<{
+    type: string;
+}>, hoursConfig: HoursConfiguration) => boolean[];
+export { getHours, getMinutes, getSeconds, getHoursConfigByFormat, getTimeControlsByFormat, };
+export type { HourType, HoursConfiguration, };

package/dist/timepicker-utils/TimeSlider.js

@@ -1,103 +1,91 @@
 const generateTimeItemsArray = (x, step = 1) => {
-	const array = [];
-	for (let i = 0; i < x; i++) {
-		if (i % step === 0) {
-			let tempString = i.toString();
-			if (tempString.length === 1) {
-				tempString = `0${tempString}`;
-			}
-
-			array.push(tempString);
-		}
-	}
-
-	return array;
+    const array = [];
+    for (let i = 0; i < x; i++) {
+        if (i % step === 0) {
+            let tempString = i.toString();
+            if (tempString.length === 1) {
+                tempString = `0${tempString}`;
+            }
+            array.push(tempString);
+        }
+    }
+    return array;
 };
-
 const getHours = (config, max) => {
-	let hoursValueArray = [];
-
-	if (config.isTwelveHoursFormat) {
-		hoursValueArray = generateTimeItemsArray(max || 12, 1);
-	} else {
-		hoursValueArray = generateTimeItemsArray(max || 24, 1);
-	}
-
-	if (config.minHour === 1) {
-		for (let i = 0; i < hoursValueArray.length; i++) {
-			const tempValue = hoursValueArray[i] * 1 + 1;
-
-			if (tempValue.toString().length === 1) {
-				hoursValueArray[i] = `0${tempValue.toString()}`;
-			} else {
-				hoursValueArray[i] = tempValue.toString();
-			}
-		}
-	}
-
-	return hoursValueArray;
+    let hoursValueArray = [];
+    if (config.isTwelveHoursFormat) {
+        hoursValueArray = generateTimeItemsArray(max || 12, 1);
+    }
+    else {
+        hoursValueArray = generateTimeItemsArray(max || 24, 1);
+    }
+    if (config.minHour === 1) {
+        for (let i = 0; i < hoursValueArray.length; i++) {
+            const tempValue = parseInt(hoursValueArray[i]) + 1;
+            if (tempValue.toString().length === 1) {
+                hoursValueArray[i] = `0${tempValue.toString()}`;
+            }
+            else {
+                hoursValueArray[i] = tempValue.toString();
+            }
+        }
+    }
+    return hoursValueArray;
 };
-
 const getMinutes = (max, step) => {
-	return generateTimeItemsArray(max || 60, step);
+    return generateTimeItemsArray(max || 60, step);
 };
-
 const getSeconds = (max, step) => {
-	return generateTimeItemsArray(max || 60, step);
+    return generateTimeItemsArray(max || 60, step);
 };
-
-const getHoursConfigByFormat = type => {
-	const config = {};
-
-	if (type === "hour0_23") {
-		config.minHour = 0;
-		config.maxHour = 23;
-		config.isTwelveHoursFormat = false;
-	} else if (type === "hour1_24") {
-		config.minHour = 1;
-		config.maxHour = 24;
-		config.isTwelveHoursFormat = false;
-	} else if (type === "hour0_11") {
-		config.minHour = 0;
-		config.maxHour = 11;
-		config.isTwelveHoursFormat = true;
-	} else if (type === "hour1_12") {
-		config.minHour = 1;
-		config.maxHour = 12;
-		config.isTwelveHoursFormat = true;
-	}
-
-	return config;
+const getHoursConfigByFormat = (type) => {
+    const config = {
+        minHour: 0,
+        maxHour: 0,
+        isTwelveHoursFormat: false,
+    };
+    if (type === "hour0_23") {
+        config.minHour = 0;
+        config.maxHour = 23;
+        config.isTwelveHoursFormat = false;
+    }
+    else if (type === "hour1_24") {
+        config.minHour = 1;
+        config.maxHour = 24;
+        config.isTwelveHoursFormat = false;
+    }
+    else if (type === "hour0_11") {
+        config.minHour = 0;
+        config.maxHour = 11;
+        config.isTwelveHoursFormat = true;
+    }
+    else if (type === "hour1_12") {
+        config.minHour = 1;
+        config.maxHour = 12;
+        config.isTwelveHoursFormat = true;
+    }
+    return config;
 };
-
 const getTimeControlsByFormat = (formatArray, hoursConfig) => {
-	const timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm
-
-	for (let i = 0; i < formatArray.length; i++) {
-		if (hoursConfig.maxHour !== 0) {
-			timeControls[0] = true;
-		}
-		if (hoursConfig.maxHour !== 0 && hoursConfig.isTwelveHoursFormat) {
-			timeControls[0] = true;
-		}
-		if (formatArray[i].type === "minute") {
-			timeControls[1] = true;
-		}
-		if (formatArray[i].type === "second") {
-			timeControls[2] = true;
-		}
-		if (formatArray[i].type === "amPmMarker") {
-			timeControls[3] = true;
-		}
-	}
-
-	return timeControls;
-};
-
-export {
-	getHours,
-	getMinutes,
-	getSeconds,
-	getHoursConfigByFormat,
-	getTimeControlsByFormat,
+    const timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm
+    for (let i = 0; i < formatArray.length; i++) {
+        if (hoursConfig.maxHour !== 0) {
+            timeControls[0] = true;
+        }
+        if (hoursConfig.maxHour !== 0 && hoursConfig.isTwelveHoursFormat) {
+            timeControls[0] = true;
+        }
+        if (formatArray[i].type === "minute") {
+            timeControls[1] = true;
+        }
+        if (formatArray[i].type === "second") {
+            timeControls[2] = true;
+        }
+        if (formatArray[i].type === "amPmMarker") {
+            timeControls[3] = true;
+        }
+    }
+    return timeControls;
 };
+export { getHours, getMinutes, getSeconds, getHoursConfigByFormat, getTimeControlsByFormat, };
+//# sourceMappingURL=TimeSlider.js.map

package/dist/timepicker-utils/TimeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSlider.js","sourceRoot":"","sources":["../../src/timepicker-utils/TimeSlider.ts"],"names":[],"mappings":"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","sourcesContent":["type HoursConfiguration = {\n\tminHour: number,\n\tmaxHour: number\n\tisTwelveHoursFormat: boolean,\n}\n\ntype HourType = \"hour0_23\" | \"hour1_24\" | \"hour0_11\" | \"hour1_12\";\n\nconst generateTimeItemsArray = (x: number, step = 1) => {\n\tconst array: Array<string> = [];\n\tfor (let i = 0; i < x; i++) {\n\t\tif (i % step === 0) {\n\t\t\tlet tempString = i.toString();\n\t\t\tif (tempString.length === 1) {\n\t\t\t\ttempString = `0${tempString}`;\n\t\t\t}\n\n\t\t\tarray.push(tempString);\n\t\t}\n\t}\n\n\treturn array;\n};\n\nconst getHours = (config: HoursConfiguration, max: number | undefined) => {\n\tlet hoursValueArray = [];\n\n\tif (config.isTwelveHoursFormat) {\n\t\thoursValueArray = generateTimeItemsArray(max || 12, 1);\n\t} else {\n\t\thoursValueArray = generateTimeItemsArray(max || 24, 1);\n\t}\n\n\tif (config.minHour === 1) {\n\t\tfor (let i = 0; i < hoursValueArray.length; i++) {\n\t\t\tconst tempValue = parseInt(hoursValueArray[i]) + 1;\n\n\t\t\tif (tempValue.toString().length === 1) {\n\t\t\t\thoursValueArray[i] = `0${tempValue.toString()}`;\n\t\t\t} else {\n\t\t\t\thoursValueArray[i] = tempValue.toString();\n\t\t\t}\n\t\t}\n\t}\n\n\treturn hoursValueArray;\n};\n\nconst getMinutes = (max: number | undefined, step: number) => {\n\treturn generateTimeItemsArray(max || 60, step);\n};\n\nconst getSeconds = (max: number | undefined, step: number) => {\n\treturn generateTimeItemsArray(max || 60, step);\n};\n\nconst getHoursConfigByFormat = (type: HourType) => {\n\tconst config: HoursConfiguration = {\n\t\tminHour: 0,\n\t\tmaxHour: 0,\n\t\tisTwelveHoursFormat: false,\n\t};\n\n\tif (type === \"hour0_23\") {\n\t\tconfig.minHour = 0;\n\t\tconfig.maxHour = 23;\n\t\tconfig.isTwelveHoursFormat = false;\n\t} else if (type === \"hour1_24\") {\n\t\tconfig.minHour = 1;\n\t\tconfig.maxHour = 24;\n\t\tconfig.isTwelveHoursFormat = false;\n\t} else if (type === \"hour0_11\") {\n\t\tconfig.minHour = 0;\n\t\tconfig.maxHour = 11;\n\t\tconfig.isTwelveHoursFormat = true;\n\t} else if (type === \"hour1_12\") {\n\t\tconfig.minHour = 1;\n\t\tconfig.maxHour = 12;\n\t\tconfig.isTwelveHoursFormat = true;\n\t}\n\n\treturn config;\n};\n\nconst getTimeControlsByFormat = (formatArray: Array<{ type: string }>, hoursConfig: HoursConfiguration) => {\n\tconst timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm\n\n\tfor (let i = 0; i < formatArray.length; i++) {\n\t\tif (hoursConfig.maxHour !== 0) {\n\t\t\ttimeControls[0] = true;\n\t\t}\n\t\tif (hoursConfig.maxHour !== 0 && hoursConfig.isTwelveHoursFormat) {\n\t\t\ttimeControls[0] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"minute\") {\n\t\t\ttimeControls[1] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"second\") {\n\t\t\ttimeControls[2] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"amPmMarker\") {\n\t\t\ttimeControls[3] = true;\n\t\t}\n\t}\n\n\treturn timeControls;\n};\n\nexport {\n\tgetHours,\n\tgetMinutes,\n\tgetSeconds,\n\tgetHoursConfigByFormat,\n\tgetTimeControlsByFormat,\n};\n\nexport type {\n\tHourType,\n\tHoursConfiguration,\n};\n"]}

package/dist/types/AvatarColorScheme.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Different types of AvatarColorScheme.
+ * @public
+ */
+declare enum AvatarColorScheme {
+    /**
+     * @public
+     * @since 2.9.0
+     */
+    Auto = "Auto",
+    /**
+     * @public
+     */
+    Accent1 = "Accent1",
+    /**
+     * @public
+     */
+    Accent2 = "Accent2",
+    /**
+     * @public
+     */
+    Accent3 = "Accent3",
+    /**
+     * @public
+     */
+    Accent4 = "Accent4",
+    /**
+     * @public
+     */
+    Accent5 = "Accent5",
+    /**
+     * @public
+     */
+    Accent6 = "Accent6",
+    /**
+     * @public
+     */
+    Accent7 = "Accent7",
+    /**
+     * @public
+     */
+    Accent8 = "Accent8",
+    /**
+     * @public
+     */
+    Accent9 = "Accent9",
+    /**
+     * @public
+     */
+    Accent10 = "Accent10",
+    /**
+     * @public
+     */
+    Placeholder = "Placeholder",
+    /**
+     * @public
+     */
+    Transparent = "Transparent"
+}
+export default AvatarColorScheme;