@ui5/webcomponents-base 0.0.0-96e98c995 → 0.0.0-97c4a1259

package/src/util/getFastNavigationGroups.ts

@@ -1,63 +0,0 @@
-let groups: Array<HTMLElement> = [];
-
-const isFastNavGroupElemenet = (el: HTMLElement) => {
-	return el.getAttribute("data-sap-ui-fastnavgroup") === "true";
-};
-
-const isElementVisible = (el: HTMLElement) => {
-	const style = window.getComputedStyle(el);
-
-	return style.width !== "0px"
-		&& style.height !== "0px"
-		&& style.opacity !== "0"
-		&& style.display !== "none"
-		&& style.visibility !== "hidden";
-};
-
-const findFastNavigationGroups = (container: HTMLElement, startFromContainer?: boolean) => {
-	let child,
-		assignedElements,
-		index = 0;
-
-	if (!isElementVisible(container)) {
-		return;
-	}
-
-	if (isFastNavGroupElemenet(container)) {
-		groups.push(container);
-	}
-
-	if (container.shadowRoot) {
-		child = container.shadowRoot.firstChild;
-	} else if (container instanceof HTMLSlotElement && container.assignedNodes()) {
-		assignedElements = container.assignedNodes();
-		child = assignedElements[0];
-	} else if (startFromContainer) {
-		child = container;
-	} else {
-		child = container.firstElementChild;
-	}
-
-	while (child) {
-		const originalChild: HTMLElement = child as HTMLElement;
-		if (!child) {
-			return;
-		}
-
-		if (child.nodeType === 1) {
-			findFastNavigationGroups(child as HTMLElement, false);
-		}
-
-		child = assignedElements && assignedElements.length ? assignedElements[++index] : originalChild.nextElementSibling;
-	}
-};
-
-const getFastNavigationGroups = (container: HTMLElement) => {
-	groups = [];
-
-	findFastNavigationGroups(container, true);
-
-	return groups;
-};
-
-export default getFastNavigationGroups;

package/src/util/getFileExtension.ts

@@ -1,21 +0,0 @@
-/**
- * ""                        -> ""
- * "noExtension"             -> ""
- * "file.txt"                -> ".txt"
- * "file.with.many.dots.doc" -> ".doc"
- * ".gitignore"              -> ""
- *
- * @param { string } fileName - the file name
- * @returns { string }
- */
-const getFileExtension = (fileName: string) => {
-	const dotPos = fileName.lastIndexOf(".");
-
-	if (dotPos < 1) {
-		return "";
-	}
-
-	return fileName.slice(dotPos);
-};
-
-export default getFileExtension;

package/src/util/getNormalizedTarget.ts

@@ -1,16 +0,0 @@
-/**
- * Returns the normalized event target in cases when it has shadow root.
- * @param {Object} target The original event target
- * @returns {Object} The normalized target
- */
-const getNormalizedTarget = (target: HTMLElement) => {
-	let element = target;
-
-	if (target.shadowRoot && target.shadowRoot.activeElement) {
-		element = target.shadowRoot.activeElement as HTMLElement;
-	}
-
-	return element;
-};
-
-export default getNormalizedTarget;

package/src/util/getSingletonElementInstance.ts

@@ -1,13 +0,0 @@
-const getSingletonElementInstance = (tag: string, parentElement: HTMLElement = document.body) => {
-	let el = document.querySelector(tag);
-
-	if (el) {
-		return el;
-	}
-
-	el = document.createElement(tag);
-
-	return parentElement.insertBefore(el, parentElement.firstChild);
-};
-
-export default getSingletonElementInstance;

package/src/util/isElementClickable.ts

@@ -1,19 +0,0 @@
-const rClickable = /^(?:a|area)$/i;
-const rFocusable = /^(?:input|select|textarea|button)$/i;
-
-const isElementClickable = (el: HTMLElement): boolean => {
-	if ((el as HTMLButtonElement).disabled) {
-		return false;
-	}
-
-	const tabIndex = el.getAttribute("tabindex");
-	if (tabIndex !== null && tabIndex !== undefined) {
-		return parseInt(tabIndex) >= 0;
-	}
-
-	return rFocusable.test(el.nodeName)
-		|| (rClickable.test(el.nodeName)
-		&& !!(el as HTMLLinkElement).href);
-};
-
-export default isElementClickable;

package/src/util/isElementHidden.ts

@@ -1,9 +0,0 @@
-const isElementHidden = (el: HTMLElement) => {
-	if (el.nodeName === "SLOT") {
-		return false;
-	}
-
-	return (el.offsetWidth <= 0 && el.offsetHeight <= 0) || (el.style && el.style.visibility === "hidden");
-};
-
-export default isElementHidden;

package/src/util/isElementInView.ts

@@ -1,15 +0,0 @@
-/**
- * Determines if the element is within the viewport.
- * @param el {HTMLElement}
- */
-const isElementInView = (el: HTMLElement) => {
-	const rect = el.getBoundingClientRect();
-
-	return (
-		rect.top >= 0 && rect.left >= 0
-			&& rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)
-			&& rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-	);
-};
-
-export default isElementInView;

package/src/util/isElementTabbable.ts

@@ -1,37 +0,0 @@
-import isElementHidden from "./isElementHidden.js";
-
-/**
- * Returns if the HTMLElement is tabbable.
- *
- * @public
- * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)
- * @returns { boolean } true if the element is tabbable or false - if not
- */
-const isElementTabbable = (el: HTMLElement): boolean => {
-	if (!el) {
-		return false;
-	}
-
-	const nodeName = el.nodeName.toLowerCase();
-
-	if (el.hasAttribute("data-sap-no-tab-ref")) {
-		return false;
-	}
-
-	if (isElementHidden(el)) {
-		return false;
-	}
-
-	const tabIndex = el.getAttribute("tabindex");
-	if (tabIndex !== null && tabIndex !== undefined) {
-		return parseInt(tabIndex) >= 0;
-	}
-
-	if (nodeName === "a" || /input|select|textarea|button|object/.test(nodeName)) {
-		return !(el as HTMLLinkElement).disabled;
-	}
-
-	return false;
-};
-
-export default isElementTabbable;

package/src/util/isValidPropertyName.ts

@@ -1,29 +0,0 @@
-// Note: disabled is present in IE so we explicitly allow it here.
-// Others, such as title/hidden, we explicitly override, so valid too
-const allowList = [
-	"disabled",
-	"title",
-	"hidden",
-	"role",
-	"draggable",
-];
-
-/**
- * Checks whether a property name is valid (does not collide with existing DOM API properties)
- *
- * @param name
- * @returns {boolean}
- */
-const isValidPropertyName = (name: string) => {
-	if (allowList.includes(name) || name.startsWith("aria")) {
-		return true;
-	}
-	const classes = [
-		HTMLElement,
-		Element,
-		Node,
-	];
-	return !classes.some(klass => klass.prototype.hasOwnProperty(name)); // eslint-disable-line
-};
-
-export default isValidPropertyName;

package/src/util/whenDOMReady.ts

@@ -1,13 +0,0 @@
-const whenDOMReady = () => {
-	return new Promise<void>(resolve => {
-		if (document.body) {
-			resolve();
-		} else {
-			document.addEventListener("DOMContentLoaded", () => {
-				resolve();
-			});
-		}
-	});
-};
-
-export default whenDOMReady;

package/src/util/willShowContent.ts

@@ -1,7 +0,0 @@
-const willShowContent = (childNodes: Array<Node>) => {
-	return Array.from(childNodes).filter(node => {
-		return node.nodeType !== Node.COMMENT_NODE && (node.nodeType !== Node.TEXT_NODE || (node.nodeValue || "").trim().length !== 0);
-	}).length > 0;
-};
-
-export default willShowContent;

package/src/validateThemeRoot.ts

@@ -1,58 +0,0 @@
-const getMetaTagValue = (metaTagName: string) => {
-	const metaTag = document.querySelector(`META[name="${metaTagName}"]`),
-		metaTagContent = metaTag && metaTag.getAttribute("content");
-
-	return metaTagContent;
-};
-
-const validateThemeOrigin = (origin: string) => {
-	const allowedOrigins = getMetaTagValue("sap-allowedThemeOrigins");
-
-	return allowedOrigins && allowedOrigins.split(",").some(allowedOrigin => {
-		return allowedOrigin === "*" || origin === allowedOrigin.trim();
-	});
-};
-
-const buildCorrectUrl = (oldUrl: string, newOrigin: string) => {
-	const oldUrlPath = new URL(oldUrl).pathname;
-
-	return new URL(oldUrlPath, newOrigin).toString();
-};
-
-const validateThemeRoot = (themeRoot: string) => {
-	let themeRootURL,
-		resultUrl;
-
-	try {
-		themeRootURL = new URL(themeRoot);
-
-		const origin = themeRootURL.origin;
-
-		themeRootURL = themeRootURL.toString();
-
-		if (themeRootURL.startsWith(".") || themeRootURL.startsWith("/")) {
-			// Handle relative url
-			// new URL("/newExmPath", "http://example.com/exmPath") => http://example.com/newExmPath
-			// new URL("./newExmPath", "http://example.com/exmPath") => http://example.com/exmPath/newExmPath
-			// new URL("../newExmPath", "http://example.com/exmPath") => http://example.com/newExmPath
-			resultUrl = new URL(themeRootURL, window.location.href).toString();
-		} else if (origin && validateThemeOrigin(origin)) {
-			// If origin is allowed, use it
-			resultUrl = themeRootURL.toString();
-		} else {
-			// If origin is not allow and the URL is not relative, we have to replace the origin
-			// with current location
-			resultUrl = buildCorrectUrl(themeRootURL, window.location.href);
-		}
-
-		if (!resultUrl.endsWith("/")) {
-			resultUrl = `${resultUrl}/`;
-		}
-
-		return `${resultUrl}UI5/`;
-	} catch (e) {
-		// Catch if URL is not correct
-	}
-};
-
-export default validateThemeRoot;