@ui5/webcomponents-base 0.0.0-6895c16dd → 0.0.0-6cb3eb0db

package/dist/test-resources/specs/UI5ElementLifecycle.js

@@ -1,11 +1,13 @@
 const assert = require("chai").assert;
 
 describe("Lifecycle works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests element creation callbacks", () => {
+	it("Tests element creation callbacks", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const creationCallbacks = ["onBeforeRendering", "onAfterRendering", "onEnterDOM"];
 			const calledCallbacks = [];
 
@@ -22,7 +24,7 @@ describe("Lifecycle works", () => {
 			document.body.appendChild(el);
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 3, "All 3 callbacks called");
@@ -31,9 +33,9 @@ describe("Lifecycle works", () => {
 		assert.strictEqual(res[2], "onEnterDOM", "onEnterDOM called third");
 	});
 
-	it("Tests element invalidation callbacks", () => {
+	it("Tests element invalidation callbacks", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const invalidationCallbacks = ["onBeforeRendering", "onAfterRendering"];
 			const calledCallbacks = [];
 
@@ -54,7 +56,7 @@ describe("Lifecycle works", () => {
 
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 2, "All 2 callbacks called");
@@ -62,9 +64,9 @@ describe("Lifecycle works", () => {
 		assert.strictEqual(res[1], "onAfterRendering", "onAfterRendering called second");
 	});
 
-	it("Tests element destruction callback", () => {
+	it("Tests element destruction callback", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const destructionCallbacks = ["onExitDOM"];
 			const calledCallbacks = [];
 
@@ -86,7 +88,7 @@ describe("Lifecycle works", () => {
 
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 1, "Only 1 callback was called");

package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js

@@ -1,11 +1,13 @@
 const assert = require("chai").assert;
 
 describe("Metadata slot invalidateOnChildChange works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests that changing a monitored property of a child invalidates the parent", () => {
+	it("Tests that changing a monitored property of a child invalidates the parent", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const parent = document.getElementById("parent");
 			const child = document.getElementById("child1");
 
@@ -19,15 +21,15 @@ describe("Metadata slot invalidateOnChildChange works", () => {
 
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(parentInvalidated);
+			done(parentInvalidated);
 		});
 
 		assert.strictEqual(res, true, "Parent invalidated");
 	});
 
-	it("Tests that changing a non-monitored property of a child does not invalidate the parent", () => {
+	it("Tests that changing a non-monitored property of a child does not invalidate the parent", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const parent = document.getElementById("parent");
 			const child = document.getElementById("child1");
 
@@ -41,15 +43,15 @@ describe("Metadata slot invalidateOnChildChange works", () => {
 
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(parentInvalidated);
+			done(parentInvalidated);
 		});
 
 		assert.strictEqual(res, false, "Parent not invalidated");
 	});
 
-	it("Tests that listening for all properties works", () => {
+	it("Tests that listening for all properties works", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const parent = document.getElementById("parent");
 			const child = document.getElementById("child2");
 
@@ -65,7 +67,7 @@ describe("Metadata slot invalidateOnChildChange works", () => {
 
 			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(parentInvalidatedCount);
+			done(parentInvalidatedCount);
 		});
 
 		assert.strictEqual(res, 3, "Parent invalidated 3 times");

package/dist/test-resources/specs/UI5ElementMetadataExt.js

@@ -1,11 +1,13 @@
 const assert = require("chai").assert;
 
 describe("Metadata can be extended", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("When extending metadata, both own and extended entities exist in the resulting metadata", () => {
+	it("When extending metadata, both own and extended entities exist in the resulting metadata", async () => {
 
-		const res = browser.execute( () => {
+		const res = await browser.executeAsync(done => {
 
 			const el = document.getElementById("genExt");
 			const m = el.constructor.getMetadata();
@@ -15,15 +17,15 @@ describe("Metadata can be extended", () => {
 				!!m.getSlots().default &&
 				!!m.getSlots().extSlot;
 
-			return ok;
+			done(ok);
 		});
 
 		assert.strictEqual(res, true, "Metadata properly extended");
 	});
 
-	it("When extending metadata, property defaultValue can be modified", () => {
+	it("When extending metadata, property defaultValue can be modified", async () => {
 
-		const res = browser.execute( () => {
+		const res = await browser.executeAsync(done => {
 
 			const el = document.getElementById("genExt");
 			const m = el.constructor.getMetadata();
@@ -31,7 +33,7 @@ describe("Metadata can be extended", () => {
 			const ok = !!m.getProperties().strProp &&
 				m.getProperties().strProp.defaultValue === "Ext";
 
-			return ok;
+			done(ok);
 		});
 
 		assert.strictEqual(res, true, "Property defaultValue changed");

package/dist/test-resources/specs/UI5ElementPropertyValidation.js

@@ -1,12 +1,14 @@
 const assert = require("chai").assert;
 
 describe("Properties can only have values, restricted to their types", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("String property enforced to string", () => {
-		const el = browser.$("#gen");
-		el.setProperty("strProp", 5);
-		assert.strictEqual(el.getProperty("strProp"), "5", "String property is string");
+	it("String property enforced to string", async () => {
+		const el = await browser.$("#gen");
+		await el.setProperty("strProp", 5);
+		assert.strictEqual(await el.getProperty("strProp"), "5", "String property is string");
 	});
 
 });

package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js

@@ -1,65 +1,67 @@
 const assert = require("chai").assert;
 
 describe("Properties and attributes convert to each other", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests that properties with default values are initialized with the default value", () => {
-		const el = browser.$("#gen");
+	it("Tests that properties with default values are initialized with the default value", async () => {
+		const el = await browser.$("#gen");
 
-		assert.strictEqual(el.getProperty("defaultValueProp"), "Hello", "defaultValueProp is properly initialized");
+		assert.strictEqual(await el.getProperty("defaultValueProp"), "Hello", "defaultValueProp is properly initialized");
 	});
 
-	it("Tests that prop-attr conversion works for string properties", () => {
-		const el = browser.$("#gen");
+	it("Tests that prop-attr conversion works for string properties", async () => {
+		const el = await browser.$("#gen");
 
-		el.setProperty("strProp", "test1");
-		assert.strictEqual(el.getAttribute("str-prop"), "test1", "Attribute affected by property change");
+		await el.setProperty("strProp", "test1");
+		assert.strictEqual(await el.getAttribute("str-prop"), "test1", "Attribute affected by property change");
 
-		el.setAttribute("str-prop", "test2");
-		assert.strictEqual(el.getProperty("strProp"), "test2", "Property affected by attribute change");
+		await el.setAttribute("str-prop", "test2");
+		assert.strictEqual(await el.getProperty("strProp"), "test2", "Property affected by attribute change");
 	});
 
-	it("Tests that prop-attr conversion works for boolean properties", () => {
-		const el = browser.$("#gen");
+	it("Tests that prop-attr conversion works for boolean properties", async () => {
+		const el = await browser.$("#gen");
 
-		el.setProperty("boolProp", true);
-		assert.strictEqual(el.getAttribute("bool-prop"), "", "Attribute affected by property change");
+		await el.setProperty("boolProp", true);
+		assert.strictEqual(await el.getAttribute("bool-prop"), "", "Attribute affected by property change");
 
-		el.setProperty("boolProp", false);
-		assert.strictEqual(el.getAttribute("bool-prop"), null, "Attribute affected by property change");
+		await el.setProperty("boolProp", false);
+		assert.strictEqual(await el.getAttribute("bool-prop"), null, "Attribute affected by property change");
 
-		el.setAttribute("bool-prop", "");
-		assert.strictEqual(el.getProperty("boolProp"), true, "Property affected by attribute change");
+		await el.setAttribute("bool-prop", "");
+		assert.strictEqual(await el.getProperty("boolProp"), true, "Property affected by attribute change");
 
-		el.removeAttribute("bool-prop");
-		assert.strictEqual(el.getProperty("boolProp"), false, "Property affected by attribute change");
+		await el.removeAttribute("bool-prop");
+		assert.strictEqual(await el.getProperty("boolProp"), false, "Property affected by attribute change");
 	});
 
-	it("Tests that object properties have no attributes", () => {
-		const el = browser.$("#gen");
+	it("Tests that object properties have no attributes", async () => {
+		const el = await browser.$("#gen");
 
-		el.setProperty("objectProp", {});
-		assert.strictEqual(el.getAttribute("object-prop"), null, "Attribute not there");
+		await el.setProperty("objectProp", {});
+		assert.strictEqual(await el.getAttribute("object-prop"), null, "Attribute not there");
 	});
 
-	it("Tests that array properties have no attributes", () => {
-		const el = browser.$("#gen");
+	it("Tests that array properties have no attributes", async () => {
+		const el = await browser.$("#gen");
 
-		el.setProperty("multiProp", ["a", "b"]);
-		assert.strictEqual(el.getAttribute("multi-prop"), null, "Attribute not there");
+		await el.setProperty("multiProp", ["a", "b"]);
+		assert.strictEqual(await el.getAttribute("multi-prop"), null, "Attribute not there");
 	});
 
-	it("Tests that noAttribute properties have no attributes", () => {
-		const el = browser.$("#gen");
+	it("Tests that noAttribute properties have no attributes", async () => {
+		const el = await browser.$("#gen");
 
-		el.setProperty("noAttributeProp", "some value");
-		assert.strictEqual(el.getAttribute("no-attribute-prop"), null, "Attribute not there");
+		await el.setProperty("noAttributeProp", "some value");
+		assert.strictEqual(await el.getAttribute("no-attribute-prop"), null, "Attribute not there");
 	});
 
-	it("Tests that properties with default values do not automatically set attributes", () => {
-		const el = browser.$("#gen");
+	it("Tests that properties with default values do not automatically set attributes", async () => {
+		const el = await browser.$("#gen");
 
-		assert.strictEqual(el.getAttribute("default-value-prop"), null, "Attribute not there for defaultValueProp");
+		assert.strictEqual(await el.getAttribute("default-value-prop"), null, "Attribute not there for defaultValueProp");
 	});
 
 });

package/dist/test-resources/specs/UI5ElementShadowDOM.js

@@ -1,20 +1,22 @@
 const assert = require("chai").assert;
 
 describe("The framework can define web components", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests that element's Shadow DOM is rendered if it has a template", () => {
-		const res = browser.execute(() => {
-			return document.getElementById("gen").shadowRoot;
+	it("Tests that element's Shadow DOM is rendered if it has a template", async () => {
+		const res = await browser.executeAsync(done => {
+			done(document.getElementById("gen").shadowRoot);
 		});
 
 		assert.strictEqual(!!res, true, "Shadow root created");
-		assert.strictEqual(browser.$("#gen").shadow$("div>p").isExisting(), true, "Shadow root content created");
+		assert.strictEqual(await browser.$("#gen").shadow$("div>p").isExisting(), true, "Shadow root content created");
 	});
 
-	it("Tests that element's Shadow DOM is not rendered if it has no template", () => {
-		const res = browser.execute(() => {
-			return document.getElementById("noShadow").shadowRoot;
+	it("Tests that element's Shadow DOM is not rendered if it has no template", async () => {
+		const res = await browser.executeAsync(done => {
+			done(document.getElementById("noShadow").shadowRoot);
 		});
 
 		assert.strictEqual(!!res, false, "Shadow root not created");

package/dist/test-resources/specs/UI5ElementSlots.js

@@ -1,10 +1,12 @@
 const assert = require("chai").assert;
 
 describe("Slots work properly", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests that properties exist on the element for each slot", () => {
-		const res = browser.execute(() => {
+	it("Tests that properties exist on the element for each slot", async () => {
+		const res = await browser.executeAsync(done => {
 			const expectedValues = {};
 
 			const el = document.getElementById("withContent");
@@ -15,7 +17,7 @@ describe("Slots work properly", () => {
 			expectedValues.items = el.items.length === 2;
 			expectedValues.named = el.named === undefined;
 
-			return expectedValues;
+			done(expectedValues);
 		});
 
 		assert.strictEqual(res.default, true, "There are elements in the default property");
@@ -25,10 +27,10 @@ describe("Slots work properly", () => {
 		assert.strictEqual(res.named, true, "There is no named property as propertyName changed it to items");
 	});
 
-	it("Tests that individualSlots modifies the slot property of slotted children", () => {
-		assert.strictEqual(browser.$$("#withContent>[slot=individual]").length, 0, "There are no children with slot=individual");
-		assert.strictEqual(browser.$$("#withContent>[slot=individual-1]").length, 1, "The slot of the first child became individual-1");
-		assert.strictEqual(browser.$$("#withContent>[slot=individual-2]").length, 1, "The slot of the second child became individual-2");
+	it("Tests that individualSlots modifies the slot property of slotted children", async () => {
+		assert.strictEqual((await browser.$$("#withContent>[slot=individual]")).length, 0, "There are no children with slot=individual");
+		assert.strictEqual((await browser.$$("#withContent>[slot=individual-1]")).length, 1, "The slot of the first child became individual-1");
+		assert.strictEqual((await browser.$$("#withContent>[slot=individual-2]")).length, 1, "The slot of the second child became individual-2");
 	});
 
 });

package/dist/types/DataType.js

@@ -11,6 +11,18 @@ class DataType {
 	static isValid(value) {
 	}
 
+	static attributeToProperty(attributeValue) {
+		return attributeValue;
+	}
+
+	static propertyToAttribute(propertyValue) {
+		return `${propertyValue}`;
+	}
+
+	static valuesAreEqual(value1, value2) {
+		return value1 === value2;
+	}
+
 	static generateTypeAccessors(types) {
 		Object.keys(types).forEach(type => {
 			Object.defineProperty(this, type, {

package/dist/types/Float.js

@@ -5,6 +5,10 @@ class Float extends DataType {
 		// Assuming that integers are floats as well!
 		return Number(value) === value;
 	}
+
+	static attributeToProperty(attributeValue) {
+		return parseFloat(attributeValue);
+	}
 }
 
 export default Float;

package/dist/types/Integer.js

@@ -4,6 +4,10 @@ class Integer extends DataType {
 	static isValid(value) {
 		return Number.isInteger(value);
 	}
+
+	static attributeToProperty(attributeValue) {
+		return parseInt(attributeValue);
+	}
 }
 
 export default Integer;

package/dist/types/InvisibleMessageMode.js

@@ -0,0 +1,30 @@
+import DataType from "./DataType.js";
+
+/**
+ * Enumeration for different mode behaviors of the <code>InvisibleMessage</code>.
+ * @private
+ */
+const InvisibleMessageModes = {
+
+	/**
+     * Indicates that updates to the region should be presented at the next graceful opportunity,
+     * such as at the end of reading the current sentence, or when the user pauses typing.
+     */
+	Polite: "Polite",
+
+	/**
+     * Indicates that updates to the region have the highest priority and should be presented to the user immediately.
+     */
+	Assertive: "Assertive",
+
+};
+
+class InvisibleMessageMode extends DataType {
+	static isValid(value) {
+		return !!InvisibleMessageModes[value];
+	}
+}
+
+InvisibleMessageMode.generateTypeAccessors(InvisibleMessageModes);
+
+export default InvisibleMessageModes;

package/dist/updateShadowRoot.js

@@ -20,7 +20,7 @@ const updateShadowRoot = (element, forStaticArea = false) => {
 		styleToPrepend = getEffectiveStyle(element.constructor, forStaticArea);
 	}
 
-	element.constructor.render(renderResult, shadowRoot, styleToPrepend, { eventContext: element });
+	element.constructor.render(renderResult, shadowRoot, styleToPrepend, { host: element });
 };
 
 export default updateShadowRoot;

package/dist/util/AriaLabelHelper.js

@@ -1,9 +1,9 @@
 import findNodeOwner from "./findNodeOwner.js";
 
 const getEffectiveAriaLabelText = el => {
-	if (!el.ariaLabelledby) {
-		if (el.ariaLabel) {
-			return el.ariaLabel;
+	if (!el.accessibleNameRef) {
+		if (el.accessibleName) {
+			return el.accessibleName;
 		}
 
 		return undefined;
@@ -19,7 +19,7 @@ const getEffectiveAriaLabelText = el => {
  * @param {String} readyIds (Optional) Defines a string of elements ids. The text of these elements will be returned. If used you should provide either el or ownerDocument
  */
 const getAriaLabelledByTexts = (el, ownerDocument, readyIds = "") => {
-	const ids = (readyIds && readyIds.split(" ")) || el.ariaLabelledby.split(" ");
+	const ids = (readyIds && readyIds.split(" ")) || el.accessibleNameRef.split(" ");
 	const owner = ownerDocument || findNodeOwner(el);
 	let result = "";
 

package/dist/util/FocusableElements.js

@@ -21,6 +21,10 @@ const getLastFocusableElement = async container => {
 	return findFocusableElement(container, false);
 };
 
+const isElemFocusable = el => {
+	return el.hasAttribute("data-ui5-focus-redirect") || !isNodeHidden(el);
+};
+
 const findFocusableElement = async (container, forward) => {
 	let child;
 
@@ -48,7 +52,7 @@ const findFocusableElement = async (container, forward) => {
 			return null;
 		}
 
-		if (child.nodeType === 1 && !isNodeHidden(child) && !isFocusTrap(child)) {
+		if (child.nodeType === 1 && isElemFocusable(child) && !isFocusTrap(child)) {
 			if (isNodeClickable(child)) {
 				return (child && typeof child.focus === "function") ? child : null;
 			}

package/dist/util/HTMLSanitizer.js

@@ -0,0 +1,7 @@
+import sanitizeHTML from "../sap/base/security/sanitizeHTML.js";
+import URLListValidator from "../sap/base/security/URLListValidator.js";
+
+export {
+	URLListValidator,
+	sanitizeHTML,
+};

package/dist/util/InvisibleMessage.js

@@ -0,0 +1,58 @@
+import InvisibleMessageMode from "../types/InvisibleMessageMode.js";
+import getSingletonElementInstance from "./getSingletonElementInstance.js";
+import { attachBoot } from "../Boot.js";
+
+let politeSpan;
+let assertiveSpan;
+
+attachBoot(() => {
+	if (politeSpan && assertiveSpan) {
+		return;
+	}
+
+	const styles = `position: absolute;
+	clip: rect(1px,1px,1px,1px);
+	user-select: none;
+	left: -1000px;
+	top: -1000px;
+	pointer-events: none;`;
+
+	politeSpan = document.createElement("span");
+	assertiveSpan = document.createElement("span");
+
+	politeSpan.classList.add("ui5-invisiblemessage-polite");
+	assertiveSpan.classList.add("ui5-invisiblemessage-assertive");
+
+	politeSpan.setAttribute("aria-live", "polite");
+	assertiveSpan.setAttribute("aria-live", "assertive");
+
+	politeSpan.setAttribute("role", "alert");
+	assertiveSpan.setAttribute("role", "alert");
+
+	politeSpan.style.cssText = styles;
+	assertiveSpan.style.cssText = styles;
+
+	getSingletonElementInstance("ui5-static-area").appendChild(politeSpan);
+	getSingletonElementInstance("ui5-static-area").appendChild(assertiveSpan);
+});
+
+/**
+ * Inserts the string into the respective span, depending on the mode provided.
+ *
+ * @param {string} message String to be announced by the screen reader.
+ * @param {sap.ui.core.InvisibleMessageMode} mode The mode to be inserted in the aria-live attribute.
+ */
+const announce = (message, mode) => {
+	// If no type is presented, fallback to polite announcement.
+	const span = mode === InvisibleMessageMode.Assertive ? assertiveSpan : politeSpan;
+
+	// Set textContent to empty string in order to trigger screen reader's announcement.
+	span.textContent = "";
+	span.textContent = message;
+
+	if (mode !== InvisibleMessageMode.Assertive && mode !== InvisibleMessageMode.Polite) {
+		console.warn(`You have entered an invalid mode. Valid values are: "Polite" and "Assertive". The framework will automatically set the mode to "Polite".`); // eslint-disable-line
+	}
+};
+
+export default announce;

package/dist/util/PopupUtils.js

@@ -0,0 +1,93 @@
+import getSharedResource from "../getSharedResource.js";
+import { getFeature } from "../FeaturesRegistry.js";
+import getActiveElement from "./getActiveElement.js";
+
+const PopupUtilsData = getSharedResource("PopupUtilsData", {});
+PopupUtilsData.currentZIndex = PopupUtilsData.currentZIndex || 100;
+
+const getFocusedElement = () => {
+	const element = getActiveElement();
+	return (element && typeof element.focus === "function") ? element : null;
+};
+
+const isFocusedElementWithinNode = node => {
+	const fe = getFocusedElement();
+
+	if (fe) {
+		return isNodeContainedWithin(node, fe);
+	}
+
+	return false;
+};
+
+const isNodeContainedWithin = (parent, child) => {
+	let currentNode = parent;
+
+	if (currentNode.shadowRoot) {
+		currentNode = Array.from(currentNode.shadowRoot.children).find(n => n.localName !== "style");
+	}
+
+	if (currentNode === child) {
+		return true;
+	}
+
+	const childNodes = currentNode.localName === "slot" ? currentNode.assignedNodes() : currentNode.children;
+
+	if (childNodes) {
+		return Array.from(childNodes).some(n => isNodeContainedWithin(n, child));
+	}
+};
+
+const isPointInRect = (x, y, rect) => {
+	return x >= rect.left && x <= rect.right
+		&& y >= rect.top && y <= rect.bottom;
+};
+
+const isClickInRect = (event, rect) => {
+	let x;
+	let y;
+
+	if (event.touches) {
+		const touch = event.touches[0];
+		x = touch.clientX;
+		y = touch.clientY;
+	} else {
+		x = event.clientX;
+		y = event.clientY;
+	}
+
+	return isPointInRect(x, y, rect);
+};
+
+const getClosedPopupParent = el => {
+	const parent = el.parentElement || (el.getRootNode && el.getRootNode().host);
+
+	if (parent && ((parent.showAt && parent.isUI5Element) || (parent.open && parent.isUI5Element) || parent === document.documentElement)) {
+		return parent;
+	}
+
+	return getClosedPopupParent(parent);
+};
+
+const getNextZIndex = () => {
+	const OpenUI5Support = getFeature("OpenUI5Support");
+	if (OpenUI5Support && OpenUI5Support.isLoaded()) { // use OpenUI5 for getting z-index values, if loaded
+		return OpenUI5Support.getNextZIndex();
+	}
+
+	PopupUtilsData.currentZIndex += 2;
+	return PopupUtilsData.currentZIndex;
+};
+
+const getCurrentZIndex = () => {
+	return PopupUtilsData.currentZIndex;
+};
+
+export {
+	getFocusedElement,
+	isClickInRect,
+	getClosedPopupParent,
+	getNextZIndex,
+	getCurrentZIndex,
+	isFocusedElementWithinNode,
+};