@ui5/webcomponents-base 0.0.0-4180fe799 → 0.0.0-4738ea0dc

package/src/renderer/LitRenderer.js

@@ -1,34 +0,0 @@
-import { render } from "lit-html";
-import {
-	html,
-	svg,
-	unsafeStatic,
-} from "lit-html/static.js";
-
-const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
-	if (typeof styleStrOrHrefsArr === "string") {
-		templateResult = html`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
-	} else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
-		templateResult = html`${styleStrOrHrefsArr.map(href => html`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
-	}
-	render(templateResult, domNode, { host });
-};
-
-const scopeTag = (tag, tags, suffix) => {
-	const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
-	return unsafeStatic(resultTag);
-};
-
-export {
-	html,
-	svg,
-	unsafeStatic,
-};
-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/renderer/executeTemplate.js

@@ -1,17 +0,0 @@
-import { getCustomElementsScopingSuffix, shouldScopeCustomElement } from "../CustomElementsScope.js";
-
-/**
- * Runs a component's template with the component's current state, while also scoping HTML
- *
- * @param template - the template to execute
- * @param component - the component
- * @public
- * @returns {*}
- */
-const executeTemplate = (template, component) => {
-	const tagsToScope = component.constructor.getUniqueDependencies().map(dep => dep.getMetadata().getPureTag()).filter(shouldScopeCustomElement);
-	const scope = getCustomElementsScopingSuffix();
-	return template(component, tagsToScope, scope);
-};
-
-export default executeTemplate;

package/src/theming/CustomStyle.js

@@ -1,40 +0,0 @@
-import { reRenderAllUI5Elements } from "../Render.js";
-import EventProvider from "../EventProvider.js";
-
-const eventProvider = new EventProvider();
-const CUSTOM_CSS_CHANGE = "CustomCSSChange";
-
-const attachCustomCSSChange = listener => {
-	eventProvider.attachEvent(CUSTOM_CSS_CHANGE, listener);
-};
-
-const detachCustomCSSChange = listener => {
-	eventProvider.detachEvent(CUSTOM_CSS_CHANGE, listener);
-};
-
-const fireCustomCSSChange = tag => {
-	return eventProvider.fireEvent(CUSTOM_CSS_CHANGE, tag);
-};
-
-const customCSSFor = {};
-
-const addCustomCSS = (tag, css) => {
-	if (!customCSSFor[tag]) {
-		customCSSFor[tag] = [];
-	}
-	customCSSFor[tag].push(css);
-	fireCustomCSSChange(tag);
-
-	return reRenderAllUI5Elements({ tag });
-};
-
-const getCustomCSS = tag => {
-	return customCSSFor[tag] ? customCSSFor[tag].join("") : "";
-};
-
-export {
-	addCustomCSS,
-	getCustomCSS,
-	attachCustomCSSChange,
-	detachCustomCSSChange,
-};

package/src/theming/getEffectiveLinksHrefs.js

@@ -1,20 +0,0 @@
-import { getUrl } from "../CSP.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"];
-	if (!stylesData) {
-		return;
-	}
-
-	if (!Array.isArray(stylesData)) {
-		stylesData = [stylesData];
-	}
-
-	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/theming/getThemeDesignerTheme.js

@@ -1,68 +0,0 @@
-const getThemeMetadata = () => {
-	// Check if the class was already applied, most commonly to the link/style tag with the CSS Variables
-	let el = document.querySelector(".sapThemeMetaData-Base-baseLib") || document.querySelector(".sapThemeMetaData-UI5-sap-ui-core");
-	if (el) {
-		return getComputedStyle(el).backgroundImage;
-	}
-
-	el = document.createElement("span");
-	el.style.display = "none";
-	el.classList.add("sapThemeMetaData-Base-baseLib");
-	el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
-	document.body.appendChild(el);
-	const metadata = getComputedStyle(el).backgroundImage;
-	document.body.removeChild(el);
-
-	return metadata;
-};
-
-const parseThemeMetadata = metadataString => {
-	const params = /\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(metadataString);
-	if (params && params.length >= 2) {
-		let paramsString = params[1];
-		paramsString = paramsString.replace(/\\"/g, `"`);
-		if (paramsString.charAt(0) !== "{" && paramsString.charAt(paramsString.length - 1) !== "}") {
-			try {
-				paramsString = decodeURIComponent(paramsString);
-			} catch (ex) {
-				console.warn("Malformed theme metadata string, unable to decodeURIComponent"); // eslint-disable-line
-				return;
-			}
-		}
-		try {
-			return JSON.parse(paramsString);
-		} catch (ex) {
-			console.warn("Malformed theme metadata string, unable to parse JSON"); // eslint-disable-line
-		}
-	}
-};
-
-const processThemeMetadata = metadata => {
-	let themeName;
-	let baseThemeName;
-
-	try {
-		themeName = metadata.Path.match(/\.([^.]+)\.css_variables$/)[1];
-		baseThemeName = metadata.Extends[0];
-	} catch (ex) {
-		console.warn("Malformed theme metadata Object", metadata); // eslint-disable-line
-		return;
-	}
-
-	return {
-		themeName,
-		baseThemeName,
-	};
-};
-
-const getThemeDesignerTheme = () => {
-	const metadataString = getThemeMetadata();
-	if (!metadataString || metadataString === "none") {
-		return;
-	}
-
-	const metadata = parseThemeMetadata(metadataString);
-	return processThemeMetadata(metadata);
-};
-
-export default getThemeDesignerTheme;

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,9 +0,0 @@
-import DataType from "./DataType.js";
-
-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,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different calendar types.
- */
-const CalendarTypes = {
-	Gregorian: "Gregorian",
-	Islamic: "Islamic",
-	Japanese: "Japanese",
-	Buddhist: "Buddhist",
-	Persian: "Persian",
-};
-
-class CalendarType extends DataType {
-	static isValid(value) {
-		return !!CalendarTypes[value];
-	}
-}
-
-CalendarType.generateTypeAccessors(CalendarTypes);
-
-export default CalendarType;

package/src/types/DataType.js

@@ -1,37 +0,0 @@
-/**
- * Base class for all data types.
- *
- * @class
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.DataType
- * @public
- */
-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, {
-				get() {
-					return types[type];
-				},
-			});
-		});
-	}
-}
-
-export default DataType;

package/src/types/Float.js

@@ -1,14 +0,0 @@
-import DataType from "./DataType.js";
-
-class Float extends DataType {
-	static isValid(value) {
-		// Assuming that integers are floats as well!
-		return Number(value) === value;
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseFloat(attributeValue);
-	}
-}
-
-export default Float;

package/src/types/Integer.js

@@ -1,13 +0,0 @@
-import DataType from "./DataType.js";
-
-class Integer extends DataType {
-	static isValid(value) {
-		return Number.isInteger(value);
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseInt(attributeValue);
-	}
-}
-
-export default Integer;

package/src/types/InvisibleMessageMode.js

@@ -1,30 +0,0 @@
-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/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,37 +0,0 @@
-import DataType from "./DataType.js";
-
-const PopupStates = {
-	/**
-	 * Open and currently not changing states.
-	 * @public
-	 */
-	OPEN: "OPEN",
-
-	/**
-	 * Closed and currently not changing states.
-	 * @public
-	 */
-	CLOSED: "CLOSED",
-
-	/**
-	 * Already left the CLOSED state, is not OPEN yet, but in the process of getting OPEN.
-	 * @public
-	 */
-	OPENING: "OPENING",
-
-	/**
-	 * Still open, but in the process of going to the CLOSED state.
-	 * @public
-	 */
-	CLOSING: "CLOSING",
-};
-
-class PopupState extends DataType {
-	static isValid(value) {
-		return !!PopupStates[value];
-	}
-}
-
-PopupState.generateTypeAccessors(PopupStates);
-
-export default PopupState;

package/src/types/ValueState.js

@@ -1,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different states.
- */
-const ValueStates = {
-	None: "None",
-	Success: "Success",
-	Warning: "Warning",
-	Error: "Error",
-	Information: "Information",
-};
-
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generateTypeAccessors(ValueStates);
-
-export default ValueState;

package/src/updateShadowRoot.js

@@ -1,30 +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 isLegacyBrowser from "./isLegacyBrowser.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 if (!isLegacyBrowser()) { // FF, Safari
-		styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
-	}
-
-	element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, { host: element });
-};
-
-export default updateShadowRoot;

package/src/util/AriaLabelHelper.js

@@ -1,41 +0,0 @@
-import findNodeOwner from "./findNodeOwner.js";
-
-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 {HTMLElement} ownerDocument (Optional) Defines the HTMLElement(might document or custom element) where the 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 || findNodeOwner(el);
-	let result = "";
-
-	ids.forEach((elementId, index) => {
-		const element = owner.querySelector(`[id='${elementId}']`);
-		result += `${element ? element.textContent : ""}`;
-
-		if (index < ids.length - 1) {
-			result += " ";
-		}
-	});
-
-	return result;
-};
-
-export {
-	getEffectiveAriaLabelText,
-	getAriaLabelledByTexts,
-};

package/src/util/Caret.js

@@ -1,45 +0,0 @@
-/**
- * Returns the caret (cursor) position of the specified text field (field).
- * Return value range is 0-field.value.length.
- */
-const getCaretPosition = field => {
-	// Initialize
-	let caretPos = 0;
-
-	// IE Support
-	if (document.selection) {
-		// Set focus on the element
-		field.focus();
-
-		// To get cursor position, get empty selection range
-		const selection = document.selection.createRange();
-
-		// Move selection start to 0 position
-		selection.moveStart("character", -field.value.length);
-
-		// The caret position is selection length
-		caretPos = selection.text.length;
-	} else if (field.selectionStart || field.selectionStart === "0") { // Firefox support
-		caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
-	}
-
-	return caretPos;
-};
-
-const setCaretPosition = (field, caretPos) => {
-	if (field.createTextRange) {
-		const range = field.createTextRange();
-		range.move("character", caretPos);
-		range.select();
-	} else if (field.selectionStart) {
-		field.focus();
-		field.setSelectionRange(caretPos, caretPos);
-	} else {
-		field.focus();
-	}
-};
-
-export {
-	getCaretPosition,
-	setCaretPosition,
-};