@ui5/webcomponents-base 0.0.0-c3dd3f45d → 0.0.0-c41f1b293

package/src/locale/Locale.js

@@ -1,91 +0,0 @@
-const rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;
-
-class Locale {
-	constructor(sLocaleId) {
-		const aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
-		if (aResult === null) {
-			throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);
-		}
-		this.sLocaleId = sLocaleId;
-		this.sLanguage = aResult[1] || null;
-		this.sScript = aResult[2] || null;
-		this.sRegion = aResult[3] || null;
-		this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;
-		this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;
-		this.sPrivateUse = aResult[6] || null;
-		if (this.sLanguage) {
-			this.sLanguage = this.sLanguage.toLowerCase();
-		}
-		if (this.sScript) {
-			this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {
-				return s.toUpperCase();
-			});
-		}
-		if (this.sRegion) {
-			this.sRegion = this.sRegion.toUpperCase();
-		}
-	}
-
-	getLanguage() {
-		return this.sLanguage;
-	}
-
-	getScript() {
-		return this.sScript;
-	}
-
-	getRegion() {
-		return this.sRegion;
-	}
-
-	getVariant() {
-		return this.sVariant;
-	}
-
-	getVariantSubtags() {
-		return this.sVariant ? this.sVariant.split("-") : [];
-	}
-
-	getExtension() {
-		return this.sExtension;
-	}
-
-	getExtensionSubtags() {
-		return this.sExtension ? this.sExtension.slice(2).split("-") : [];
-	}
-
-	getPrivateUse() {
-		return this.sPrivateUse;
-	}
-
-	getPrivateUseSubtags() {
-		return this.sPrivateUse ? this.sPrivateUse.slice(2).split("-") : [];
-	}
-
-	hasPrivateUseSubtag(sSubtag) {
-		return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;
-	}
-
-	toString() {
-		const r = [this.sLanguage];
-
-		if (this.sScript) {
-			r.push(this.sScript);
-		}
-		if (this.sRegion) {
-			r.push(this.sRegion);
-		}
-		if (this.sVariant) {
-			r.push(this.sVariant);
-		}
-		if (this.sExtension) {
-			r.push(this.sExtension);
-		}
-		if (this.sPrivateUse) {
-			r.push(this.sPrivateUse);
-		}
-		return r.join("-");
-	}
-}
-
-export default Locale;

package/src/locale/getLocale.js

@@ -1,31 +0,0 @@
-import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
-import { getLanguage as getConfigLanguage } from "../config/Language.js";
-import Locale from "./Locale.js";
-
-const convertToLocaleOrNull = lang => {
-	try {
-		if (lang && typeof lang === "string") {
-			return new Locale(lang);
-		}
-	} catch (e) {
-		// ignore
-	}
-};
-
-/**
- * Returns the locale based on the parameter or configured language Configuration#getLanguage
- * If no language has been configured - a new locale based on browser language is returned
- */
-const getLocale = lang => {
-	if (lang) {
-		return convertToLocaleOrNull(lang);
-	}
-
-	if (getConfigLanguage()) {
-		return new Locale(getConfigLanguage());
-	}
-
-	return convertToLocaleOrNull(detectNavigatorLanguage());
-};
-
-export default getLocale;

package/src/locale/nextFallbackLocale.js

@@ -1,26 +0,0 @@
-/**
- * Calculates the next fallback locale for the given locale.
- *
- * @param {string} locale Locale string in Java format (underscores) or null
- * @returns {string} Next fallback Locale or "en" if no fallbacks found.
- */
-const nextFallbackLocale = locale => {
-	if (!locale) {
-		return "en";
-	}
-
-	if (locale === "zh_HK") {
-		return "zh_TW";
-	}
-
-	// if there are multiple segments (separated by underscores), remove the last one
-	const p = locale.lastIndexOf("_");
-	if (p >= 0) {
-		return locale.slice(0, p);
-	}
-
-	// for any language but 'en', fallback to 'en' first before falling back to the 'raw' language (empty string)
-	return locale !== "en" ? "en" : "";
-};
-
-export default nextFallbackLocale;

package/src/locale/normalizeLocale.js

@@ -1,52 +0,0 @@
-const localeRegEX = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;
-const SAPSupportabilityLocales = /(?:^|-)(saptrc|sappsd)(?:-|$)/i;
-
-/* Map for old language names for a few ISO639 codes. */
-const M_ISO639_NEW_TO_OLD = {
-	"he": "iw",
-	"yi": "ji",
-	"id": "in",
-	"sr": "sh",
-};
-
-/**
- * Normalizes the given locale in BCP-47 syntax.
- * @param {string} locale locale to normalize
- * @returns {string} Normalized locale, "undefined" if the locale can't be normalized or "en" if no locale provided.
- */
-const normalizeLocale = locale => {
-	let m;
-
-	if (!locale) {
-		return "en";
-	}
-
-	if (typeof locale === "string" && (m = localeRegEX.exec(locale.replace(/_/g, "-")))) {/* eslint-disable-line */
-		let language = m[1].toLowerCase();
-		let region = m[3] ? m[3].toUpperCase() : undefined;
-		const script = m[2] ? m[2].toLowerCase() : undefined;
-		const variants = m[4] ? m[4].slice(1) : undefined;
-		const isPrivate = m[6];
-
-		language = M_ISO639_NEW_TO_OLD[language] || language;
-
-		// recognize and convert special SAP supportability locales (overwrites m[]!)
-		if ((isPrivate && (m = SAPSupportabilityLocales.exec(isPrivate))) /* eslint-disable-line */ ||
-			(variants && (m = SAPSupportabilityLocales.exec(variants)))) {/* eslint-disable-line */
-			return `en_US_${m[1].toLowerCase()}`; // for now enforce en_US (agreed with SAP SLS)
-		}
-
-		// Chinese: when no region but a script is specified, use default region for each script
-		if (language === "zh" && !region) {
-			if (script === "hans") {
-				region = "CN";
-			} else if (script === "hant") {
-				region = "TW";
-			}
-		}
-
-		return language + (region ? "_" + region + (variants ? "_" + variants.replace("-", "_") : "") : ""); /* eslint-disable-line */
-	}
-};
-
-export default normalizeLocale;

package/src/renderer/LitRenderer.js

@@ -1,15 +0,0 @@
-import { html, render } from "lit-html/lit-html.js";
-
-const litRender = (templateResult, domNode, styles, { eventContext } = {}) => {
-	if (styles) {
-		templateResult = html`<style>${styles}</style>${templateResult}`;
-	}
-	render(templateResult, domNode, { eventContext });
-};
-
-export { html, svg } from "lit-html/lit-html.js";
-export { repeat } from "lit-html/directives/repeat.js";
-export { classMap } from "lit-html/directives/class-map.js";
-export { styleMap } from "lit-html/directives/style-map.js";
-
-export default litRender;

package/src/renderer/ifDefined.js

@@ -1,21 +0,0 @@
-import {
-	AttributePart,
-	directive,
-	noChange,
-} from "lit-html/lit-html.js";
-
-/*
-	lit-html directive that removes and attribute if it is undefined
-*/
-export default directive(value => part => {
-	if ((value === undefined) && part instanceof AttributePart) {
-		if (value !== part.value) {
-			const name = part.committer.name;
-			part.committer.element.removeAttribute(name);
-		}
-	} else if (part.committer && part.committer.element && part.committer.element.getAttribute(part.committer.name) === value) {
-		part.setValue(noChange);
-	} else {
-		part.setValue(value);
-	}
-});

package/src/theming/CSSVarsPonyfill.js

@@ -1,25 +0,0 @@
-let ponyfillTimer;
-
-const ponyfillNeeded = () => !!window.CSSVarsPonyfill;
-
-const runPonyfill = () => {
-	ponyfillTimer = undefined;
-
-	window.CSSVarsPonyfill.cssVars({
-		rootElement: document.head,
-		include: "style[data-ui5-theme-properties],style[data-ui5-element-styles]",
-		silent: true,
-	});
-};
-
-const schedulePonyfill = () => {
-	if (!ponyfillTimer) {
-		ponyfillTimer = window.setTimeout(runPonyfill, 0);
-	}
-};
-
-export {
-	ponyfillNeeded,
-	runPonyfill,
-	schedulePonyfill,
-};

package/src/theming/CustomStyle.js

@@ -1,19 +0,0 @@
-const customCSSFor = {};
-
-const addCustomCSS = (tag, css, ...rest) => {
-	if (rest.length) {
-		throw new Error("addCustomCSS no longer accepts theme specific CSS. new signature is `addCustomCSS(tag, css)`");
-	}
-
-	if (!customCSSFor[tag]) {
-		customCSSFor[tag] = [];
-	}
-
-	customCSSFor[tag].push(css);
-};
-
-const getCustomCSS = tag => {
-	return customCSSFor[tag] ? customCSSFor[tag].join("") : "";
-};
-
-export { addCustomCSS, getCustomCSS };

package/src/theming/ExternalThemePresent.js

@@ -1,12 +0,0 @@
-let externalThemePresent = false;
-
-const setExternalThemePresent = value => {
-	externalThemePresent = value;
-};
-
-const getExternalThemePresent = () => externalThemePresent;
-
-export {
-	getExternalThemePresent,
-	setExternalThemePresent,
-};

package/src/theming/adaptCSSForIE.js

@@ -1,90 +0,0 @@
-const findClosingParenthesisPos = (str, openingParenthesisPos) => {
-	let opened = 1;
-	for (let pos = openingParenthesisPos + 1; pos < str.length; pos++) {
-		const char = str.charAt(pos);
-		if (char === "(") {
-			opened++;
-		} else if (char === ")") {
-			opened--;
-		}
-		if (opened === 0) {
-			return pos;
-		}
-	}
-};
-
-const replaceSelector = (str, selector, selectorStartPos, replacement) => {
-	const charAfterSelectorPos = selectorStartPos + selector.length;
-	const charAfterSelector = str.charAt(charAfterSelectorPos);
-
-	const upToSelector = str.substring(0, selectorStartPos) + replacement;
-	if (charAfterSelector === "(") {
-		const closingParenthesisPos = findClosingParenthesisPos(str, charAfterSelectorPos);
-		return upToSelector + str.substring(charAfterSelectorPos + 1, closingParenthesisPos) + str.substring(closingParenthesisPos + 1);
-	}
-
-	return upToSelector + str.substring(charAfterSelectorPos);
-};
-
-/**
- * :host => ui5-button
- * :host([expr]) => ui5-button[expr]
- * ::slotted(expr) => expr
- * @param str - source string
- * @param selector - :host or ::slotted
- * @param replacement - normally tag name
- * @returns {*}
- */
-const replaceSelectors = (str, selector, replacement) => {
-	let selectorStartPos = str.indexOf(selector);
-	while (selectorStartPos !== -1) {
-		str = replaceSelector(str, selector, selectorStartPos, replacement);
-		selectorStartPos = str.indexOf(selector);
-	}
-	return str;
-};
-
-const adaptLinePart = (line, tag) => {
-	line = line.trim();
-	line = replaceSelectors(line, "::slotted", ``); // first remove all ::slotted() occurrences
-
-	// Host selector - replace it
-	if (line.startsWith(":host")) {
-		return replaceSelector(line, ":host", 0, tag);
-	}
-
-	// Leave out @keyframes and keyframe values (0%, 100%, etc...)
-	// csso shortens '100%' -> 'to', make sure to leave it untouched
-	if (line.match(/^[@0-9]/) || line === "to" || line === "to{") {
-		return line;
-	}
-
-	// IE specific selector (directly written with the tag) - keep it
-	if (line.match(new RegExp(`^${tag}[^a-zA-Z0-9-]`))) {
-		return line;
-	}
-
-	// No host and no tag in the beginning of the selector - prepend the tag
-	return `${tag} ${line}`;
-};
-
-const adaptCSSForIE = (str, tag) => {
-	str = str.replace(/\n/g, ` `);
-	str = str.replace(/([{}])/g, `$1\n`);
-	let result = ``;
-	const lines = str.split(`\n`);
-	lines.forEach(line => {
-		const mustProcess = line.match(/{$/); // Only work on lines that end on {, otherwise just append to result
-		if (mustProcess) {
-			const lineParts = line.split(",");
-			const processedLineParts = lineParts.map(linePart => {
-				return adaptLinePart(linePart, tag);
-			});
-			line = processedLineParts.join(",");
-		}
-		result = `${result}${line}`;
-	});
-	return result;
-};
-
-export default adaptCSSForIE;

package/src/theming/applyTheme.js

@@ -1,19 +0,0 @@
-import { getThemeProperties, getRegisteredPackages } from "../asset-registries/Themes.js";
-import { getExternalThemePresent } from "./ExternalThemePresent.js";
-import createThemePropertiesStyleTag from "./createThemePropertiesStyleTag.js";
-
-const applyTheme = async theme => {
-	let cssText = "";
-
-	const registeredPackages = getRegisteredPackages();
-	if (getExternalThemePresent()) {
-		registeredPackages.delete("@ui5/webcomponents-theme-base");
-	}
-
-	registeredPackages.forEach(async packageName => {
-		cssText = await getThemeProperties(packageName, theme);
-		createThemePropertiesStyleTag(cssText, packageName);
-	});
-};
-
-export default applyTheme;

package/src/theming/createComponentStyleTag.js

@@ -1,32 +0,0 @@
-import createStyleInHead from "../util/createStyleInHead.js";
-import getEffectiveStyle from "./getEffectiveStyle.js";
-import adaptCSSForIE from "./adaptCSSForIE.js";
-import { ponyfillNeeded, schedulePonyfill } from "./CSSVarsPonyfill.js";
-
-const IEStyleSet = new Set();
-
-/**
- * Creates the needed CSS for a web component class in the head tag
- * Note: IE11, Edge
- * @param ElementClass
- */
-const createComponentStyleTag = ElementClass => {
-	const tag = ElementClass.getMetadata().getTag();
-	if (IEStyleSet.has(tag)) {
-		return;
-	}
-
-	let cssContent = getEffectiveStyle(ElementClass);
-	cssContent = adaptCSSForIE(cssContent, tag);
-	createStyleInHead(cssContent, {
-		"data-ui5-element-styles": tag,
-		"disabled": "disabled",
-	});
-	if (ponyfillNeeded()) {
-		schedulePonyfill();
-	}
-
-	IEStyleSet.add(tag);
-};
-
-export default createComponentStyleTag;

package/src/theming/createThemePropertiesStyleTag.js

@@ -1,27 +0,0 @@
-import createStyleInHead from "../util/createStyleInHead.js";
-import { ponyfillNeeded, runPonyfill } from "./CSSVarsPonyfill.js";
-
-/**
- * Creates/updates a style element holding all CSS Custom Properties
- * @param cssText
- * @param packageName
- */
-const createThemePropertiesStyleTag = (cssText, packageName) => {
-	// Needed for all browsers
-	const styleElement = document.head.querySelector(`style[data-ui5-theme-properties="${packageName}"]`);
-	if (styleElement) {
-		styleElement.textContent = cssText || "";	// in case of undefined
-	} else {
-		const attributes = {
-			"data-ui5-theme-properties": packageName,
-		};
-		createStyleInHead(cssText, attributes);
-	}
-
-	// When changing the theme, run the ponyfill immediately
-	if (ponyfillNeeded()) {
-		runPonyfill();
-	}
-};
-
-export default createThemePropertiesStyleTag;

package/src/theming/getConstructableStyle.js

@@ -1,25 +0,0 @@
-import getEffectiveStyle from "./getEffectiveStyle.js";
-
-const constructableStyleMap = new Map();
-
-/**
- * Returns (and caches) a constructable style sheet for a web component class
- * Note: Chrome
- * @param ElementClass
- * @returns {*}
- */
-const getConstructableStyle = ElementClass => {
-	const tagName = ElementClass.getMetadata().getTag();
-	const styleContent = getEffectiveStyle(ElementClass);
-	if (constructableStyleMap.has(tagName)) {
-		return constructableStyleMap.get(tagName);
-	}
-
-	const style = new CSSStyleSheet();
-	style.replaceSync(styleContent);
-
-	constructableStyleMap.set(tagName, style);
-	return style;
-};
-
-export default getConstructableStyle;

package/src/theming/getEffectiveStyle.js

@@ -1,15 +0,0 @@
-import { getCustomCSS } from "./CustomStyle.js";
-
-const getEffectiveStyle = ElementClass => {
-	const tag = ElementClass.getMetadata().getTag();
-	const customStyle = getCustomCSS(tag) || "";
-	let componentStyles = ElementClass.styles;
-
-	if (Array.isArray(componentStyles)) {
-		componentStyles = componentStyles.join(" ");
-	}
-	return `${componentStyles} ${customStyle}`;
-};
-
-
-export default getEffectiveStyle;

package/src/thirdparty/Array.from.js

@@ -1,16 +0,0 @@
-// https://raw.githubusercontent.com/webcomponents/webcomponents-platform/master/webcomponents-platform.js
-/**
- * @license
- * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
- */
-
-if (!Array.from) {
-	Array.from = function (object) {
-		return [].slice.call(object);
-	};
-}

package/src/thirdparty/Array.prototype.fill.js

@@ -1,44 +0,0 @@
-if (!Array.prototype.fill) {
-	Object.defineProperty(Array.prototype, 'fill', {
-		value: function(value) {
-
-			// Steps 1-2.
-			if (this == null) {
-				throw new TypeError('this is null or not defined');
-			}
-
-			var O = Object(this);
-
-			// Steps 3-5.
-			var len = O.length >>> 0;
-
-			// Steps 6-7.
-			var start = arguments[1];
-			var relativeStart = start >> 0;
-
-			// Step 8.
-			var k = relativeStart < 0 ?
-				Math.max(len + relativeStart, 0) :
-				Math.min(relativeStart, len);
-
-			// Steps 9-10.
-			var end = arguments[2];
-			var relativeEnd = end === undefined ?
-				len : end >> 0;
-
-			// Step 11.
-			var final = relativeEnd < 0 ?
-				Math.max(len + relativeEnd, 0) :
-				Math.min(relativeEnd, len);
-
-			// Step 12.
-			while (k < final) {
-				O[k] = value;
-				k++;
-			}
-
-			// Step 13.
-			return O;
-		}
-	});
-}

package/src/thirdparty/Array.prototype.find.js

@@ -1,46 +0,0 @@
-// https://tc39.github.io/ecma262/#sec-array.prototype.find
-if (!Array.prototype.find) {
-	Object.defineProperty(Array.prototype, 'find', {
-		value: function (predicate) {
-			// 1. Let O be ? ToObject(this value).
-			if (this == null) {
-				throw TypeError('"this" is null or not defined');
-			}
-
-			var o = Object(this);
-
-			// 2. Let len be ? ToLength(? Get(O, "length")).
-			var len = o.length >>> 0;
-
-			// 3. If IsCallable(predicate) is false, throw a TypeError exception.
-			if (typeof predicate !== 'function') {
-				throw TypeError('predicate must be a function');
-			}
-
-			// 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-			var thisArg = arguments[1];
-
-			// 5. Let k be 0.
-			var k = 0;
-
-			// 6. Repeat, while k < len
-			while (k < len) {
-				// a. Let Pk be ! ToString(k).
-				// b. Let kValue be ? Get(O, Pk).
-				// c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-				// d. If testResult is true, return kValue.
-				var kValue = o[k];
-				if (predicate.call(thisArg, kValue, k, o)) {
-					return kValue;
-				}
-				// e. Increase k by 1.
-				k++;
-			}
-
-			// 7. Return undefined.
-			return undefined;
-		},
-		configurable: true,
-		writable: true
-	});
-}

package/src/thirdparty/Array.prototype.includes.js

@@ -1,51 +0,0 @@
-// https://tc39.github.io/ecma262/#sec-array.prototype.includes
-if (!Array.prototype.includes) {
-	Object.defineProperty(Array.prototype, 'includes', {
-		value: function(searchElement, fromIndex) {
-
-			if (this == null) {
-				throw new TypeError('"this" is null or not defined');
-			}
-
-			// 1. Let O be ? ToObject(this value).
-			var o = Object(this);
-
-			// 2. Let len be ? ToLength(? Get(O, "length")).
-			var len = o.length >>> 0;
-
-			// 3. If len is 0, return false.
-			if (len === 0) {
-				return false;
-			}
-
-			// 4. Let n be ? ToInteger(fromIndex).
-			//    (If fromIndex is undefined, this step produces the value 0.)
-			var n = fromIndex | 0;
-
-			// 5. If n ≥ 0, then
-			//  a. Let k be n.
-			// 6. Else n < 0,
-			//  a. Let k be len + n.
-			//  b. If k < 0, let k be 0.
-			var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
-
-			function sameValueZero(x, y) {
-				return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));
-			}
-
-			// 7. Repeat, while k < len
-			while (k < len) {
-				// a. Let elementK be the result of ? Get(O, ! ToString(k)).
-				// b. If SameValueZero(searchElement, elementK) is true, return true.
-				if (sameValueZero(o[k], searchElement)) {
-					return true;
-				}
-				// c. Increase k by 1.
-				k++;
-			}
-
-			// 8. Return false
-			return false;
-		}
-	});
-}

package/src/thirdparty/Element.prototype.closest.js

@@ -1,11 +0,0 @@
-if (!Element.prototype.closest) {
-	Element.prototype.closest = function(s) {
-		var el = this;
-		if (!document.documentElement.contains(el)) return null;
-		do {
-			if (el.matches(s)) return el;
-			el = el.parentElement || el.parentNode;
-		} while (el !== null && el.nodeType === 1);
-		return null;
-	};
-}