@ui5/webcomponents-base 1.9.3 → 1.10.0

package/src/renderer/LitRenderer.js

@@ -1,52 +0,0 @@
-import {
-	render,
-	html,
-	svg,
-} from "lit-html";
-import { getFeature } from "../FeaturesRegistry.js";
-
-const effectiveHtml = (...args) => {
-	const LitStatic = getFeature("LitStatic");
-	const fn = LitStatic ? LitStatic.html : html;
-	return fn(...args);
-};
-
-const effectiveSvg = (...args) => {
-	const LitStatic = getFeature("LitStatic");
-	const fn = LitStatic ? LitStatic.svg : svg;
-	return fn(...args);
-};
-
-const litRender = (templateResult, domNode, styleStrOrHrefsArr, forStaticArea, { host } = {}) => {
-	const OpenUI5Enablement = getFeature("OpenUI5Enablement");
-	if (OpenUI5Enablement && !forStaticArea) {
-		templateResult = OpenUI5Enablement.wrapTemplateResultInBusyMarkup(effectiveHtml, host, templateResult);
-	}
-
-	if (typeof styleStrOrHrefsArr === "string") {
-		templateResult = effectiveHtml`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
-	} else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
-		templateResult = effectiveHtml`${styleStrOrHrefsArr.map(href => effectiveHtml`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
-	}
-	render(templateResult, domNode, { host });
-};
-
-const scopeTag = (tag, tags, suffix) => {
-	const LitStatic = getFeature("LitStatic");
-	if (LitStatic) {
-		return LitStatic.unsafeStatic((tags || []).includes(tag) ? `${tag}-${suffix}` : tag);
-	}
-};
-
-export {
-	effectiveHtml as html,
-	effectiveSvg as svg,
-};
-export { scopeTag };
-export { repeat } from "lit-html/directives/repeat.js";
-export { classMap } from "lit-html/directives/class-map.js";
-export { styleMap } from "./directives/style-map.js";
-export { ifDefined } from "lit-html/directives/if-defined.js";
-export { unsafeHTML } from "lit-html/directives/unsafe-html.js";
-
-export default litRender;

package/src/theming/getEffectiveLinksHrefs.js

@@ -1,27 +0,0 @@
-import { getUrl } from "../CSP.js";
-import { getFeature } from "../FeaturesRegistry.js";
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-const getEffectiveLinksHrefs = (ElementClass, forStaticArea = false) => {
-	let stylesData = ElementClass[forStaticArea ? "staticAreaStyles" : "styles"];
-	const OpenUI5Enablement = getFeature("OpenUI5Enablement");
-
-	if (!stylesData) {
-		return;
-	}
-
-	if (!Array.isArray(stylesData)) {
-		stylesData = [stylesData];
-	}
-
-	if (OpenUI5Enablement) {
-		stylesData.push(OpenUI5Enablement.getBusyIndicatorStyles());
-	}
-
-	return flatten(stylesData).filter(data => !!data).map(data => getUrl(data.packageName, data.fileName));
-};
-
-export default getEffectiveLinksHrefs;

package/src/theming/getStylesString.js

@@ -1,15 +0,0 @@
-const getStylesString = styles => {
-	if (Array.isArray(styles)) {
-		return flatten(styles.filter(style => !!style)).map(style => {
-			return typeof style === "string" ? style : style.content;
-		}).join(" ");
-	}
-
-	return typeof styles === "string" ? styles : styles.content;
-};
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-export default getStylesString;

package/src/thirdparty/merge.js

@@ -1,10 +0,0 @@
-import _merge from './_merge.js';
-var fnMerge = function () {
-    var args = [
-        true,
-        false
-    ];
-    args.push.apply(args, arguments);
-    return _merge.apply(null, args);
-};
-export default fnMerge;

package/src/types/AnimationMode.js

@@ -1,7 +0,0 @@
-const AnimationMode = {
-	Full: "full",
-	Basic: "basic",
-	Minimal: "minimal",
-	None: "none",
-};
-export default AnimationMode;

package/src/types/CSSSize.js

@@ -1,20 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * @class
- * CSSSize data type.
- *
- * @extends sap.ui.webcomponents.base.types.DataType
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.CSSSize
- * @public
- * @enum {string}
- */
-class CSSSize extends DataType {
-	static isValid(value) {
-		return /^(auto|inherit|[-+]?(0*|([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%))|calc\(\s*(\(\s*)*[-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)(\s*(\)\s*)*(\s[-+]\s|[*\/])\s*(\(\s*)*([-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)))*\s*(\)\s*)*\))$/.test(value); // eslint-disable-line
-	}
-}
-
-export default CSSSize;

package/src/types/CalendarType.js

@@ -1,59 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different calendar types.
- * @lends sap.ui.webcomponents.base.types.CalendarType.prototype
- * @public
- */
-const CalendarTypes = {
-	/**
-	 * @public
-	 * @type {Gregorian}
-	 */
-	Gregorian: "Gregorian",
-
-	/**
-	 * @public
-	 * @type {Islamic}
-	 */
-	Islamic: "Islamic",
-
-	/**
-	 * @public
-	 * @type {Japanese}
-	 */
-	Japanese: "Japanese",
-
-	/**
-	 * @public
-	 * @type {Buddhist}
-	 */
-	Buddhist: "Buddhist",
-
-	/**
-	 * @public
-	 * @type {Persian}
-	 */
-	Persian: "Persian",
-};
-
-/**
- * @class
- * Different calendar types.
- *
- * @extends sap.ui.webcomponents.base.types.DataType
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.CalendarType
- * @public
- * @enum {string}
- */
-class CalendarType extends DataType {
-	static isValid(value) {
-		return !!CalendarTypes[value];
-	}
-}
-
-CalendarType.generateTypeAccessors(CalendarTypes);
-
-export default CalendarType;

package/src/types/DataType.js

@@ -1,43 +0,0 @@
-/**
- * Base class for all data types.
- *
- * @class
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.DataType
- * @public
- */
-class DataType {
-	/**
-	 * Checks if the value is valid for its data type.
- 	 * @public
-	 * @abstract
-	 * @returns {Boolean}
-	 */
-	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, {
-				get() {
-					return types[type];
-				},
-			});
-		});
-	}
-}
-
-export default DataType;

package/src/types/InvisibleMessageMode.js

@@ -1,46 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Enumeration for different mode behaviors of the <code>InvisibleMessage</code>.
- * @lends sap.ui.webcomponents.base.types.InvisibleMessageMode.prototype
- * @public
- */
-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.
-	 * @public
-	 * @type {Polite}
-     */
-	Polite: "Polite",
-
-	/**
-     * Indicates that updates to the region have the highest priority and should be presented to the user immediately.
-	 * @public
-	 * @type {Assertive}
-     */
-	Assertive: "Assertive",
-
-};
-
-/**
- * @class
- * Different types of InvisibleMessageMode.
- *
- * @extends sap.ui.webcomponents.base.types.DataType
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.InvisibleMessageMode
- * @public
- * @enum {string}
- */
-class InvisibleMessageMode extends DataType {
-	static isValid(value) {
-		return !!InvisibleMessageModes[value];
-	}
-}
-
-InvisibleMessageMode.generateTypeAccessors(InvisibleMessageModes);
-
-export default InvisibleMessageModes;

package/src/types/ItemNavigationBehavior.js

@@ -1,16 +0,0 @@
-/**
- * @private
- * Different behavior for ItemNavigation.
- */
-const ItemNavigationBehavior = {
-	/**
-	* Static behavior: navigations stops at the first or last item.
- 	*/
-	Static: "Static",
-
-	/**
-	* Cycling behavior: navigating past the last item continues with the first and vice versa.
- 	*/
-	Cyclic: "Cyclic",
-};
-export default ItemNavigationBehavior;

package/src/types/NavigationMode.js

@@ -1,7 +0,0 @@
-const NavigationMode = {
-	Auto: "Auto",
-	Vertical: "Vertical",
-	Horizontal: "Horizontal",
-	Paging: "Paging",
-};
-export default NavigationMode;

package/src/types/PopupState.js

@@ -1,57 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different types of PopupStates.
- * @lends sap.ui.webcomponents.base.types.PopupState.prototype
- * @public
- */
-const PopupStates = {
-	/**
-	 * Open and currently not changing states.
-	 * @public
-	 * @type {OPEN}
-	 */
-	OPEN: "OPEN",
-
-	/**
-	 * Closed and currently not changing states.
-	 * @public
-	 * @type {CLOSED}
-	 */
-	CLOSED: "CLOSED",
-
-	/**
-	 * Already left the CLOSED state, is not OPEN yet, but in the process of getting OPEN.
-	 * @public
-	 * @type {OPENING}
-	 */
-	OPENING: "OPENING",
-
-	/**
-	 * Still open, but in the process of going to the CLOSED state.
-	 * @public
-	 * @type {CLOSING}
-	 */
-	CLOSING: "CLOSING",
-};
-
-/**
- * @class
- * Different types of PopupState.
- *
- * @extends sap.ui.webcomponents.base.types.DataType
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.PopupState
- * @public
- * @enum {string}
- */
-class PopupState extends DataType {
-	static isValid(value) {
-		return !!PopupStates[value];
-	}
-}
-
-PopupState.generateTypeAccessors(PopupStates);
-
-export default PopupState;

package/src/types/ValueState.js

@@ -1,64 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different types of ValueStates.
- * @lends sap.ui.webcomponents.base.types.ValueState.prototype
- * @public
- */
-const ValueStates = {
-	/**
-	 *
-	 * @public
-	 * @type {None}
-	 */
-	None: "None",
-
-	/**
-	 *
-	 * @public
-	 * @type {Success}
-	 */
-	Success: "Success",
-
-	/**
-	 *
-	 * @public
-	 * @type {Warning}
-	 */
-	Warning: "Warning",
-
-	/**
-	 *
-	 * @public
-	 * @type {Error}
-	 */
-	Error: "Error",
-
-	/**
-	 *
-	 * @public
-	 * @type {Information}
-	 */
-	Information: "Information",
-};
-
-/**
- * @class
- * Different types of ValueState.
- *
- * @extends sap.ui.webcomponents.base.types.DataType
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.ValueState
- * @public
- * @enum {string}
- */
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generateTypeAccessors(ValueStates);
-
-export default ValueState;

package/src/updateShadowRoot.js

@@ -1,29 +0,0 @@
-import executeTemplate from "./renderer/executeTemplate.js";
-import getConstructableStyle from "./theming/getConstructableStyle.js";
-import getEffectiveStyle from "./theming/getEffectiveStyle.js";
-import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
-import { shouldUseLinks } from "./CSP.js";
-
-/**
- * Updates the shadow root of a UI5Element or its static area item
- * @param element
- * @param forStaticArea
- */
-const updateShadowRoot = (element, forStaticArea = false) => {
-	let styleStrOrHrefsArr;
-	const template = forStaticArea ? "staticAreaTemplate" : "template";
-	const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
-	const renderResult = executeTemplate(element.constructor[template], element);
-
-	if (shouldUseLinks()) {
-		styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
-	} else if (document.adoptedStyleSheets) { // Chrome
-		shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
-	} else { // FF, Safari
-		styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
-	}
-
-	element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
-};
-
-export default updateShadowRoot;

package/src/util/AriaLabelHelper.js

@@ -1,56 +0,0 @@
-const getEffectiveAriaLabelText = el => {
-	if (!el.accessibleNameRef) {
-		if (el.accessibleName) {
-			return el.accessibleName;
-		}
-
-		return undefined;
-	}
-
-	return getAriaLabelledByTexts(el);
-};
-
-/**
- *
- * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
- * @param {Document|HTMLElement} ownerDocument (Optional) Defines the document or element where you want to search for the texts
- * @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.accessibleNameRef.split(" ");
-	const owner = ownerDocument || el.getRootNode();
-	let result = "";
-
-	ids.forEach((elementId, index) => {
-		const element = owner.querySelector(`[id='${elementId}']`);
-		result += `${element ? element.textContent : ""}`;
-
-		if (index < ids.length - 1) {
-			result += " ";
-		}
-	});
-
-	return result;
-};
-
-/**
- * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
- */
-const getAssociatedLabelForTexts = el => {
-	const results = [];
-	const labels = el.getRootNode().querySelectorAll(`[ui5-label][for="${el.id}"],label[for="${el.id}"]`);
-
-	labels.forEach(label => results.push(label.textContent));
-
-	if (results.length) {
-		return results.join(" ");
-	}
-
-	return undefined;
-};
-
-export {
-	getEffectiveAriaLabelText,
-	getAriaLabelledByTexts,
-	getAssociatedLabelForTexts,
-};

package/src/util/FocusableElements.js

@@ -1,79 +0,0 @@
-import isNodeHidden from "./isNodeHidden.js";
-import isNodeClickable from "./isNodeClickable.js";
-
-const isFocusTrap = el => {
-	return el.hasAttribute("data-ui5-focus-trap");
-};
-
-const getFirstFocusableElement = async (container, startFromContainer) => {
-	if (!container || isNodeHidden(container)) {
-		return null;
-	}
-
-	return findFocusableElement(container, true, startFromContainer);
-};
-
-const getLastFocusableElement = async (container, startFromContainer) => {
-	if (!container || isNodeHidden(container)) {
-		return null;
-	}
-
-	return findFocusableElement(container, false, startFromContainer);
-};
-
-const isElemFocusable = el => {
-	return el.hasAttribute("data-ui5-focus-redirect") || !isNodeHidden(el);
-};
-
-const findFocusableElement = async (container, forward, startFromContainer) => {
-	let child;
-
-	if (container.shadowRoot) {
-		child = forward ? container.shadowRoot.firstChild : container.shadowRoot.lastChild;
-	} else if (container.assignedNodes && container.assignedNodes()) {
-		const assignedElements = container.assignedNodes();
-		child = forward ? assignedElements[0] : assignedElements[assignedElements.length - 1];
-	} else if (startFromContainer) {
-		child = container;
-	} else {
-		child = forward ? container.firstElementChild : container.lastElementChild;
-	}
-
-	let focusableDescendant;
-
-	/* eslint-disable no-await-in-loop */
-
-	while (child) {
-		const originalChild = child;
-
-		if (child.isUI5Element) {
-			child = await child.getFocusDomRefAsync();
-		}
-
-		if (!child) {
-			return null;
-		}
-
-		if (child.nodeType === 1 && isElemFocusable(child) && !isFocusTrap(child)) {
-			if (isNodeClickable(child)) {
-				return (child && typeof child.focus === "function") ? child : null;
-			}
-
-			focusableDescendant = await findFocusableElement(child, forward);
-			if (focusableDescendant) {
-				return (focusableDescendant && typeof focusableDescendant.focus === "function") ? focusableDescendant : null;
-			}
-		}
-
-		child = forward ? originalChild.nextSibling : originalChild.previousSibling;
-	}
-
-	/* eslint-enable no-await-in-loop */
-
-	return null;
-};
-
-export {
-	getFirstFocusableElement,
-	getLastFocusableElement,
-};

package/src/util/PopupUtils.js

@@ -1,93 +0,0 @@
-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,
-};