@ui5/webcomponents-base 0.0.0-db2be6526 → 0.0.0-db622d8a8

package/src/features/OpenUI5Support.js

@@ -1,125 +0,0 @@
-import { registerFeature } from "../FeaturesRegistry.js";
-import { setTheme } from "../config/Theme.js";
-import { getCurrentZIndex } from "../util/PopupUtils.js";
-
-const getCore = () => {
-	const sap = window.sap;
-	const core = sap && sap.ui && typeof sap.ui.getCore === "function" && sap.ui.getCore();
-	return core;
-};
-
-const isLoaded = () => {
-	return !!getCore();
-};
-
-const init = () => {
-	const core = getCore();
-	if (!core) {
-		return Promise.resolve();
-	}
-
-	return new Promise(resolve => {
-		core.attachInit(() => {
-			window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData, Popup) => {
-				Popup.setInitialZIndex(getCurrentZIndex());
-				resolve();
-			});
-		});
-	});
-};
-
-const getConfigurationSettingsObject = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const config = core.getConfiguration();
-	const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-
-	return {
-		animationMode: config.getAnimationMode(),
-		language: config.getLanguage(),
-		theme: config.getTheme(),
-		rtl: config.getRTL(),
-		calendarType: config.getCalendarType(),
-		formatSettings: {
-			firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
-		},
-	};
-};
-
-const getLocaleDataObject = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const config = core.getConfiguration();
-	const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-	return LocaleData.getInstance(config.getLocale())._get();
-};
-
-const listenForThemeChange = () => {
-	const core = getCore();
-	const config = core.getConfiguration();
-	core.attachThemeChanged(async () => {
-		await setTheme(config.getTheme());
-	});
-};
-
-const attachListeners = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	listenForThemeChange();
-};
-
-const cssVariablesLoaded = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core"); // more reliable than querySelector early
-	if (!link) {
-		return;
-	}
-
-	return !!link.href.match(/\/css(-|_)variables\.css/);
-};
-
-const getNextZIndex = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const Popup = window.sap.ui.require("sap/ui/core/Popup");
-	return Popup.getNextZIndex();
-};
-
-const setInitialZIndex = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const Popup = window.sap.ui.require("sap/ui/core/Popup");
-	Popup.setInitialZIndex(getCurrentZIndex());
-};
-
-const OpenUI5Support = {
-	isLoaded,
-	init,
-	getConfigurationSettingsObject,
-	getLocaleDataObject,
-	attachListeners,
-	cssVariablesLoaded,
-	getNextZIndex,
-	setInitialZIndex,
-};
-
-registerFeature("OpenUI5Support", OpenUI5Support);

package/src/getSharedResource.js

@@ -1,30 +0,0 @@
-import getSingletonElementInstance from "./util/getSingletonElementInstance.js";
-
-const getSharedResourcesInstance = () => getSingletonElementInstance("ui5-shared-resources", document.head);
-
-/**
- * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
- * The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "head" element of the page.
- *
- * @public
- * @param namespace Unique ID of the resource, may contain "." to denote hierarchy
- * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist
- * @returns {*}
- */
-const getSharedResource = (namespace, initialValue) => {
-	const parts = namespace.split(".");
-	let current = getSharedResourcesInstance();
-
-	for (let i = 0; i < parts.length; i++) {
-		const part = parts[i];
-		const lastPart = i === parts.length - 1;
-		if (!Object.prototype.hasOwnProperty.call(current, part)) {
-			current[part] = lastPart ? initialValue : {};
-		}
-		current = current[part];
-	}
-
-	return current;
-};
-
-export default getSharedResource;

package/src/i18nBundle.js

@@ -1,86 +0,0 @@
-import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from "./asset-registries/i18n.js";
-import formatMessage from "./util/formatMessage.js";
-
-const I18nBundleInstances = new Map();
-
-let customGetI18nBundle;
-
-/**
- * @class
- * @public
- */
-class I18nBundle {
-	constructor(packageName) {
-		this.packageName = packageName;
-	}
-
-	/**
-	 * Returns a text in the currently loaded language
-	 *
-	 * @public
-	 * @param {Object|String} textObj key/defaultText pair or just the key
-	 * @param params Values for the placeholders
-	 * @returns {*}
-	 */
-	getText(textObj, ...params) {
-		if (typeof textObj === "string") {
-			textObj = { key: textObj, defaultText: textObj };
-		}
-
-		if (!textObj || !textObj.key) {
-			return "";
-		}
-
-		const bundle = getI18nBundleData(this.packageName);
-		if (bundle && !bundle[textObj.key]) {
-			console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`); // eslint-disable-line
-		}
-		const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);
-
-		return formatMessage(messageText, params);
-	}
-}
-
-const getI18nBundleSync = packageName => {
-	if (I18nBundleInstances.has(packageName)) {
-		return I18nBundleInstances.get(packageName);
-	}
-
-	const i18nBundle = new I18nBundle(packageName);
-	I18nBundleInstances.set(packageName, i18nBundle);
-	return i18nBundle;
-};
-
-/**
- * Allows developers to provide a custom getI18nBundle implementation
- * If this function is called, the custom implementation will be used for all components and will completely
- * replace the default implementation.
- *
- * @public
- * @param customGet the function to use instead of the standard getI18nBundle implementation
- */
-const registerCustomI18nBundleGetter = customGet => {
-	customGetI18nBundle = customGet;
-};
-
-/**
- * Fetches and returns the I18nBundle instance for the given package
- *
- * @public
- * @param packageName
- * @returns {Promise<I18nBundle>}
- */
-const getI18nBundle = async packageName => {
-	if (customGetI18nBundle) {
-		return customGetI18nBundle(packageName);
-	}
-
-	await fetchI18nBundle(packageName);
-	return getI18nBundleSync(packageName);
-};
-
-export {
-	registerI18nLoader,
-	getI18nBundle,
-	registerCustomI18nBundleGetter,
-};

package/src/isLegacyBrowser.js

@@ -1,3 +0,0 @@
-const isLegacyBrowser = () => !!window.ShadyDOM;
-
-export default isLegacyBrowser;

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/RTLAwareRegistry.js

@@ -1,14 +0,0 @@
-const rtlAwareSet = new Set();
-
-const markAsRtlAware = klass => {
-	rtlAwareSet.add(klass);
-};
-
-const isRtlAware = klass => {
-	return rtlAwareSet.has(klass);
-};
-
-export {
-	markAsRtlAware,
-	isRtlAware,
-};

package/src/locale/applyDirection.js

@@ -1,17 +0,0 @@
-import { reRenderAllUI5Elements } from "../Render.js";
-import { fireDirectionChange } from "./directionChange.js";
-
-/**
- * Re-renders all RTL-aware UI5 Elements.
- * Call this method whenever you change the "dir" property anywhere in your HTML page
- * Example: document.body.dir = "rtl"; applyDirection();
- *
- * @returns {Promise<void>}
- */
-const applyDirection = async () => {
-	const listenersResults = fireDirectionChange();
-	await Promise.all(listenersResults);
-	await reRenderAllUI5Elements({ rtlAware: true });
-};
-
-export default applyDirection;

package/src/locale/directionChange.js

@@ -1,32 +0,0 @@
-import EventProvider from "../EventProvider.js";
-
-const eventProvider = new EventProvider();
-const DIR_CHANGE = "directionChange";
-
-/**
- * Attach a callback that will be executed whenever the application calls the "applyDirection" function
- * @public
- * @param listener
- */
-const attachDirectionChange = listener => {
-	eventProvider.attachEvent(DIR_CHANGE, listener);
-};
-
-/**
- * Detach a callback that was passed with "attachDirectionChange"
- * @public
- * @param listener
- */
-const detachDirectionChange = listener => {
-	eventProvider.detachEvent(DIR_CHANGE, listener);
-};
-
-const fireDirectionChange = () => {
-	return eventProvider.fireEvent(DIR_CHANGE);
-};
-
-export {
-	attachDirectionChange,
-	detachDirectionChange,
-	fireDirectionChange,
-};

package/src/locale/getEffectiveDir.js

@@ -1,28 +0,0 @@
-import { getRTL } from "../config/RTL.js";
-
-const GLOBAL_DIR_CSS_VAR = "--_ui5_dir";
-
-const getEffectiveDir = element => {
-	const doc = window.document;
-	const dirValues = ["ltr", "rtl"]; // exclude "auto" and "" from all calculations
-	const locallyAppliedDir = getComputedStyle(element).getPropertyValue(GLOBAL_DIR_CSS_VAR);
-
-	// In that order, inspect the CSS Var (for modern browsers), the element itself, html and body (for IE fallback)
-	if (dirValues.includes(locallyAppliedDir)) {
-		return locallyAppliedDir;
-	}
-	if (dirValues.includes(element.dir)) {
-		return element.dir;
-	}
-	if (dirValues.includes(doc.documentElement.dir)) {
-		return doc.documentElement.dir;
-	}
-	if (dirValues.includes(doc.body.dir)) {
-		return doc.body.dir;
-	}
-
-	// Finally, check the configuration for explicitly set RTL or language-implied RTL
-	return getRTL() ? "rtl" : undefined;
-};
-
-export default getEffectiveDir;

package/src/locale/getLocale.js

@@ -1,41 +0,0 @@
-import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
-import { getLanguage as getConfigLanguage } from "../config/Language.js";
-import Locale from "./Locale.js";
-
-const cache = new Map();
-
-const getLocaleInstance = lang => {
-	if (!cache.has(lang)) {
-		cache.set(lang, new Locale(lang));
-	}
-
-	return cache.get(lang);
-};
-
-const convertToLocaleOrNull = lang => {
-	try {
-		if (lang && typeof lang === "string") {
-			return getLocaleInstance(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 getLocaleInstance(getConfigLanguage());
-	}
-
-	return convertToLocaleOrNull(detectNavigatorLanguage());
-};
-
-export default getLocale;

package/src/locale/languageChange.js

@@ -1,22 +0,0 @@
-import EventProvider from "../EventProvider.js";
-
-const eventProvider = new EventProvider();
-const LANG_CHANGE = "languageChange";
-
-const attachLanguageChange = listener => {
-	eventProvider.attachEvent(LANG_CHANGE, listener);
-};
-
-const detachLanguageChange = listener => {
-	eventProvider.detachEvent(LANG_CHANGE, listener);
-};
-
-const fireLanguageChange = lang => {
-	return eventProvider.fireEventAsync(LANG_CHANGE, lang);
-};
-
-export {
-	attachLanguageChange,
-	detachLanguageChange,
-	fireLanguageChange,
-};

package/src/locale/nextFallbackLocale.js

@@ -1,28 +0,0 @@
-import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
-
-/**
- * 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 DEFAULT_LOCALE;
-	}
-
-	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 the default, fallback to the default first before falling back to the 'raw' language (empty string)
-	return locale !== DEFAULT_LOCALE ? DEFAULT_LOCALE : "";
-};
-
-export default nextFallbackLocale;

package/src/locale/normalizeLocale.js

@@ -1,54 +0,0 @@
-import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
-
-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 the default locale, if no locale provided.
- */
-const normalizeLocale = locale => {
-	let m;
-
-	if (!locale) {
-		return DEFAULT_LOCALE;
-	}
-
-	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,32 +0,0 @@
-import { render } from "lit-html";
-import {
-	html,
-	svg,
-	unsafeStatic,
-} from "lit-html/static.js";
-
-const litRender = (templateResult, domNode, styles, { host } = {}) => {
-	if (styles) {
-		templateResult = html`<style>${styles}</style>${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/ThemeLoaded.js

@@ -1,22 +0,0 @@
-import EventProvider from "../EventProvider.js";
-
-const eventProvider = new EventProvider();
-const THEME_LOADED = "themeLoaded";
-
-const attachThemeLoaded = listener => {
-	eventProvider.attachEvent(THEME_LOADED, listener);
-};
-
-const detachThemeLoaded = listener => {
-	eventProvider.detachEvent(THEME_LOADED, listener);
-};
-
-const fireThemeLoaded = theme => {
-	return eventProvider.fireEvent(THEME_LOADED, theme);
-};
-
-export {
-	attachThemeLoaded,
-	detachThemeLoaded,
-	fireThemeLoaded,
-};