@ui5/webcomponents-base 0.0.0-323968e1b → 0.0.0-354b6d238

package/src/asset-registries/i18n.js

@@ -1,75 +0,0 @@
-import "../shims/jquery-shim.js";
-import "../shims/Core-shim.js";
-import { getLanguage } from "../LocaleProvider.js";
-import { fetchJsonOnce } from "../util/FetchHelper.js";
-import { normalizeLocale, nextFallbackLocale } from "../util/normalizeLocale.js";
-
-const bundleData = new Map();
-const bundleURLs = new Map();
-
-/**
- * Sets a map with texts and ID the are related to.
- * @param {string} packageName package ID that the i18n bundle will be related to
- * @param {Object} data an object with string locales as keys and text translataions as values
- * @public
- */
-const setI18nBundleData = (packageName, data) => {
-	bundleData.set(packageName, data);
-};
-
-const getI18nBundleData = packageName => {
-	return bundleData.get(packageName);
-};
-
-/**
- * Registers a map of locale/url information, to be used by the <code>fetchI18nBundle</code> method.
- * @param {string} packageName package ID that the i18n bundle will be related to
- * @param {Object} bundle an object with string locales as keys and the URLs of where the corresponding locale can be fetched from, f.e {"en": "path/en.json", ...}
- * @public
- */
-const registerI18nBundle = (packageName, bundle) => {
-	bundleURLs.set(packageName, bundle);
-};
-
-/**
- * This method preforms the asynchronous task of fetching the actual text resources. It will fetch
- * each text resource over the network once (even for multiple calls to the same method).
- * It should be fully finished before the i18nBundle class is created in the webcomponents.
- * This method uses the bundle URLs that are populated by the <code>registerI18nBundle</code> method.
- * To simplify the usage, the synchronization of both methods happens internally for the same <code>bundleId</code>
- * @param {packageName} packageName the NPM package name
- * @public
- */
-const fetchI18nBundle = async packageName => {
-	const bundlesForPackage = bundleURLs.get(packageName);
-
-	if (!bundlesForPackage) {
-		console.warn(`Message bundle assets are not configured. Falling back to English texts.`, /* eslint-disable-line */
-		` You need to import ${packageName}/dist/Assets.js with a build tool that supports JSON imports.`); /* eslint-disable-line */
-		return;
-	}
-
-	const language = getLanguage();
-
-	let localeId = normalizeLocale(language);
-	while (!bundlesForPackage[localeId]) {
-		localeId = nextFallbackLocale(localeId);
-	}
-
-	const bundleURL = bundlesForPackage[localeId];
-
-	if (typeof bundleURL === "object") { // inlined from build
-		setI18nBundleData(packageName, bundleURL);
-		return bundleURL;
-	}
-
-	const data = await fetchJsonOnce(bundleURL);
-	setI18nBundleData(packageName, data);
-};
-
-export {
-	fetchI18nBundle,
-	registerI18nBundle,
-	setI18nBundleData,
-	getI18nBundleData,
-};

package/src/boot.js

@@ -1,25 +0,0 @@
-import whenDOMReady from "./util/whenDOMReady.js";
-import insertFontFace from "./FontFace.js";
-import { getTheme } from "./config/Theme.js";
-import { _applyTheme } from "./Theming.js";
-import whenPolyfillLoaded from "./compatibility/whenPolyfillLoaded.js";
-
-let bootPromise;
-
-const boot = () => {
-	if (bootPromise) {
-		return bootPromise;
-	}
-
-	bootPromise = new Promise(async resolve => {
-		await whenDOMReady();
-		await _applyTheme(getTheme());
-		insertFontFace();
-		await whenPolyfillLoaded();
-		resolve();
-	});
-
-	return bootPromise;
-};
-
-export default boot;

package/src/compatibility/DOMObserver.js

@@ -1,62 +0,0 @@
-// Shorthands
-const w = window;
-
-// Map of observer objects per dom node
-const observers = new WeakMap();
-
-/**
- * Implements universal DOM node observation methods.
- */
-class DOMObserver {
-	constructor() {
-		throw new Error("Static class");
-	}
-
-	/**
-	 * This function abstracts out mutation observer usage inside shadow DOM.
-	 * For native shadow DOM the native mutation observer is used.
-	 * When the polyfill is used, the observeChildren ShadyDOM method is used instead.
-	 *
-	 * @throws Exception
-	 * Note: does not allow several mutation observers per node. If there is a valid use-case, this behavior can be changed.
-	 *
-	 * @param node
-	 * @param callback
-	 * @param options - Only used for the native mutation observer
-	 */
-	static observeDOMNode(node, callback, options) {
-		let observerObject = observers.get(node);
-		if (observerObject) {
-			throw new Error("A mutation/ShadyDOM observer is already assigned to this node.");
-		}
-
-		if (w.ShadyDOM) {
-			observerObject = w.ShadyDOM.observeChildren(node, callback);
-		} else {
-			observerObject = new MutationObserver(callback);
-			observerObject.observe(node, options);
-		}
-
-		observers.set(node, observerObject);
-	}
-
-	/**
-	 * De-registers the mutation observer, depending on its type
-	 * @param node
-	 */
-	static unobserveDOMNode(node) {
-		const observerObject = observers.get(node);
-		if (!observerObject) {
-			return;
-		}
-
-		if (observerObject instanceof MutationObserver) {
-			observerObject.disconnect();
-		} else {
-			w.ShadyDOM.unobserveChildren(observerObject);
-		}
-		observers.delete(node);
-	}
-}
-
-export default DOMObserver;

package/src/compatibility/patchNodeValue.js

@@ -1,24 +0,0 @@
-const patchNodeValue = () => {
-	if (!window.ShadyDOM) {
-		return;
-	}
-	const nativeNodeValue = Object.getOwnPropertyDescriptor(Node.prototype, "nodeValue");
-	Object.defineProperty(Node.prototype, "nodeValue", {
-		get() {
-			return nativeNodeValue.get.apply(this);
-		},
-		set(text) {
-			nativeNodeValue.set.apply(this, arguments); // eslint-disable-line
-
-			// Call manually the mutation observer callback
-			const parentElement = this.parentNode;
-			if (parentElement instanceof HTMLElement && parentElement.isUI5Element) {
-				parentElement._processChildren();
-			}
-		},
-	});
-};
-
-patchNodeValue();
-
-export default {};

package/src/compatibility/whenPolyfillLoaded.js

@@ -1,26 +0,0 @@
-let polyfillLoadedPromise;
-
-const whenPolyfillLoaded = () => {
-	if (polyfillLoadedPromise) {
-		return polyfillLoadedPromise;
-	}
-
-	polyfillLoadedPromise = new Promise(resolve => {
-		if (window.WebComponents
-			&& !window.WebComponents.ready
-			&& window.WebComponents.waitFor) {
-			// the polyfill loader is present
-			window.WebComponents.waitFor(() => {
-				// the polyfills are loaded, safe to execute code depending on their APIs
-				resolve();
-			});
-		} else {
-			// polyfill loader missing, modern browsers only
-			resolve();
-		}
-	});
-
-	return polyfillLoadedPromise;
-};
-
-export default whenPolyfillLoaded;

package/src/config/AnimationMode.js

@@ -1,9 +0,0 @@
-import { getAnimationMode as getConfiguredAnimationMode } from "../InitialConfiguration.js";
-
-const animationMode = getConfiguredAnimationMode();
-
-const getAnimationMode = () => {
-	return animationMode;
-};
-
-export { getAnimationMode }; // eslint-disable-line

package/src/config/CalendarType.js

@@ -1,18 +0,0 @@
-import CalendarType from "@ui5/webcomponents-utils/dist/sap/ui/core/CalendarType.js";
-import { getCalendarType as getConfiguredCalendarType } from "../InitialConfiguration.js";
-
-const calendarType = getConfiguredCalendarType();
-
-const getCalendarType = () => {
-	if (calendarType) {
-		const type = Object.keys(CalendarType).find(calType => calType === calendarType);
-
-		if (type) {
-			return type;
-		}
-	}
-
-	return CalendarType.Gregorian;
-};
-
-export { getCalendarType }; // eslint-disable-line

package/src/config/FormatSettings.js

@@ -1,9 +0,0 @@
-import { getFormatSettings } from "../InitialConfiguration.js";
-
-const formatSettings = getFormatSettings();
-
-const getFirstDayOfWeek = () => {
-	return formatSettings.firstDayOfWeek;
-};
-
-export { getFirstDayOfWeek }; // eslint-disable-line

package/src/config/Language.js

@@ -1,9 +0,0 @@
-import { getLanguage as getConfiguredLanguage } from "../InitialConfiguration.js";
-
-const language = getConfiguredLanguage();
-
-const getLanguage = () => {
-	return language;
-};
-
-export { getLanguage }; // eslint-disable-line

package/src/config/NoConflict.js

@@ -1,44 +0,0 @@
-import { getNoConflict as getConfiguredNoConflict } from "../InitialConfiguration.js";
-
-// Fire these events even with noConflict: true
-const excludeList = [
-	"value-changed",
-];
-
-const shouldFireOriginalEvent = eventName => {
-	return excludeList.includes(eventName);
-};
-
-let noConflict = getConfiguredNoConflict();
-
-const shouldNotFireOriginalEvent = eventName => {
-	return !(noConflict.events && noConflict.events.includes && noConflict.events.includes(eventName));
-};
-
-const getNoConflict = () => {
-	return noConflict;
-};
-
-const skipOriginalEvent = eventName => {
-	// Always fire these events
-	if (shouldFireOriginalEvent(eventName)) {
-		return false;
-	}
-
-	// Read from the configuration
-	if (noConflict === true) {
-		return true;
-	}
-
-	return !shouldNotFireOriginalEvent(eventName);
-};
-
-const setNoConflict = noConflictData => {
-	noConflict = noConflictData;
-};
-
-export {
-	getNoConflict,
-	setNoConflict,
-	skipOriginalEvent,
-};

package/src/config/RTL.js

@@ -1,31 +0,0 @@
-import { getRTL as getConfiguredRTL } from "../InitialConfiguration.js";
-import { getLanguage } from "./Language.js";
-import getDesigntimePropertyAsArray from "../util/getDesigntimePropertyAsArray.js";
-import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
-
-const M_ISO639_OLD_TO_NEW = {
-	"iw": "he",
-	"ji": "yi",
-	"in": "id",
-	"sh": "sr",
-};
-
-const A_RTL_LOCALES = getDesigntimePropertyAsArray("$cldr-rtl-locales:ar,fa,he$") || [];
-
-const impliesRTL = language => {
-	language = (language && M_ISO639_OLD_TO_NEW[language]) || language;
-
-	return A_RTL_LOCALES.indexOf(language) >= 0;
-};
-
-const getRTL = () => {
-	const configurationRTL = getConfiguredRTL();
-
-	if (configurationRTL !== null) {
-		return !!configurationRTL;
-	}
-
-	return impliesRTL(getLanguage() || detectNavigatorLanguage());
-};
-
-export { getRTL }; // eslint-disable-line

package/src/config/Theme.js

@@ -1,24 +0,0 @@
-import { getTheme as getConfiguredTheme } from "../InitialConfiguration.js";
-import { _applyTheme } from "../Theming.js";
-
-let theme = getConfiguredTheme();
-
-const getTheme = () => {
-	return theme;
-};
-
-const setTheme = async newTheme => {
-	if (theme === newTheme) {
-		return;
-	}
-
-	theme = newTheme;
-
-	// Update CSS Custom Properties
-	await _applyTheme(theme);
-};
-
-export {
-	getTheme,
-	setTheme,
-};

package/src/dates/CalendarDate.js

@@ -1,203 +0,0 @@
-import UniversalDate from "@ui5/webcomponents-utils/dist/sap/ui/core/date/UniversalDate.js";
-
-class CalendarDate {
-	constructor() {
-		let aArgs = arguments, // eslint-disable-line
-			oJSDate,
-			oNow,
-			sCalendarType;
-
-		switch (aArgs.length) {
-		case 0: // defaults to the current date
-			oNow = new Date();
-			return this.constructor(oNow.getFullYear(), oNow.getMonth(), oNow.getDate());
-
-		case 1: // CalendarDate
-		case 2: // CalendarDate, sCalendarType
-			if (!(aArgs[0] instanceof CalendarDate)) {
-				throw new Error("Invalid arguments: the first argument must be of type sap.ui.unified.calendar.CalendarDate.");
-			}
-			sCalendarType = aArgs[1] ? aArgs[1] : aArgs[0]._oUDate.sCalendarType;
-			// Use source.valueOf() (returns the same point of time regardless calendar type) instead of
-			// source's getters to avoid non-gregorian Year, Month and Date may be used to construct a Gregorian date
-			oJSDate = new Date(aArgs[0].valueOf());
-
-			// Make this date really local. Now getters are safe.
-			oJSDate.setFullYear(oJSDate.getUTCFullYear(), oJSDate.getUTCMonth(), oJSDate.getUTCDate());
-			oJSDate.setHours(oJSDate.getUTCHours(), oJSDate.getUTCMinutes(), oJSDate.getUTCSeconds(), oJSDate.getUTCMilliseconds());
-
-			this._oUDate = createUniversalUTCDate(oJSDate, sCalendarType);
-			break;
-
-		case 3: // year, month, date
-		case 4: // year, month, date, sCalendarType
-			checkNumericLike(aArgs[0], `Invalid year: ${aArgs[0]}`);
-			checkNumericLike(aArgs[1], `Invalid month: ${aArgs[1]}`);
-			checkNumericLike(aArgs[2], `Invalid date: ${aArgs[2]}`);
-
-			oJSDate = new Date(0, 0, 1);
-			oJSDate.setFullYear(aArgs[0], aArgs[1], aArgs[2]); // 2 digits year is not supported. If so, it is considered as full year as well.
-
-			if (aArgs[3]) {
-				sCalendarType = aArgs[3];
-			}
-			this._oUDate = createUniversalUTCDate(oJSDate, sCalendarType);
-			break;
-
-		default:
-			throw new Error(`${"Invalid arguments. Accepted arguments are: 1) oCalendarDate, (optional)calendarType"
-				+ "or 2) year, month, date, (optional) calendarType"}${aArgs}`);
-		}
-	}
-
-	getYear() {
-		return this._oUDate.getUTCFullYear();
-	}
-
-	setYear(year) {
-		checkNumericLike(year, `Invalid year: ${year}`);
-		this._oUDate.setUTCFullYear(year);
-		return this;
-	}
-
-	getMonth() {
-		return this._oUDate.getUTCMonth();
-	}
-
-	setMonth(month) {
-		checkNumericLike(month, `Invalid month: ${month}`);
-		this._oUDate.setUTCMonth(month);
-		return this;
-	}
-
-	getDate() {
-		return this._oUDate.getUTCDate();
-	}
-
-	setDate(date) {
-		checkNumericLike(date, `Invalid date: ${date}`);
-		this._oUDate.setUTCDate(date);
-		return this;
-	}
-
-	getDay() {
-		return this._oUDate.getUTCDay();
-	}
-
-	getCalendarType() {
-		return this._oUDate.sCalendarType;
-	}
-
-	isBefore(oCalendarDate) {
-		checkCalendarDate(oCalendarDate);
-		return this.valueOf() < oCalendarDate.valueOf();
-	}
-
-	isAfter(oCalendarDate) {
-		checkCalendarDate(oCalendarDate);
-		return this.valueOf() > oCalendarDate.valueOf();
-	}
-
-	isSameOrBefore(oCalendarDate) {
-		checkCalendarDate(oCalendarDate);
-		return this.valueOf() <= oCalendarDate.valueOf();
-	}
-
-	isSameOrAfter(oCalendarDate) {
-		checkCalendarDate(oCalendarDate);
-		return this.valueOf() >= oCalendarDate.valueOf();
-	}
-
-	isSame(oCalendarDate) {
-		checkCalendarDate(oCalendarDate);
-		return this.valueOf() === oCalendarDate.valueOf();
-	}
-
-	toLocalJSDate() {
-		// Use this._oUDate.getTime()(returns the same point of time regardless calendar type)  instead of
-		// this._oUDate's getters to avoid non-gregorian Year, Month and Date to be used to construct a Gregorian date
-		const oLocalDate = new Date(this._oUDate.getTime());
-
-		// Make this date really local. Now getters are safe.
-		oLocalDate.setFullYear(oLocalDate.getUTCFullYear(), oLocalDate.getUTCMonth(), oLocalDate.getUTCDate());
-		oLocalDate.setHours(0, 0, 0, 0);
-
-		return oLocalDate;
-	}
-
-	toUTCJSDate() {
-		// Use this._oUDate.getTime()(returns the same point of time regardless calendar type)  instead of
-		// this._oUDate's getters to avoid non-gregorian Year, Month and Date to be used to construct a Gregorian date
-		const oUTCDate = new Date(this._oUDate.getTime());
-		oUTCDate.setUTCHours(0, 0, 0, 0);
-
-		return oUTCDate;
-	}
-
-	toString() {
-		return `${this._oUDate.sCalendarType}: ${this.getYear()}/${this.getMonth() + 1}/${this.getDate()}`;
-	}
-
-	valueOf() {
-		return this._oUDate.getTime();
-	}
-
-	static fromLocalJSDate(oJSDate, sCalendarType) {
-		// Cross frame check for a date should be performed here otherwise setDateValue would fail in OPA tests
-		// because Date object in the test is different than the Date object in the application (due to the iframe).
-		// We can use jQuery.type or this method:
-		function isValidDate(date) {
-			return date && Object.prototype.toString.call(date) === "[object Date]" && !isNaN(date); // eslint-disable-line
-		}
-		if (!isValidDate(oJSDate)) {
-			throw new Error(`Date parameter must be a JavaScript Date object: [${oJSDate}].`);
-		}
-		return new CalendarDate(oJSDate.getFullYear(), oJSDate.getMonth(), oJSDate.getDate(), sCalendarType);
-	}
-
-	static fromTimestamp(iTimestamp, sCalendarType) {
-		const oCalDate = new CalendarDate(0, 0, 1);
-		oCalDate._oUDate = UniversalDate.getInstance(new Date(iTimestamp), sCalendarType);
-		return oCalDate;
-	}
-}
-
-function createUniversalUTCDate(oDate, sCalendarType) {
-	if (sCalendarType) {
-		return UniversalDate.getInstance(createUTCDate(oDate), sCalendarType);
-	}
-	return new UniversalDate(createUTCDate(oDate).getTime());
-}
-
-/**
- * Creates a JavaScript UTC Date corresponding to the given JavaScript Date.
- * @param {Date} oDate JavaScript date object. Time related information is cut.
- * @returns {Date} JavaScript date created from the date object, but this time considered as UTC date information.
- */
-function createUTCDate(oDate) {
-	const oUTCDate = new Date(Date.UTC(0, 0, 1));
-
-	oUTCDate.setUTCFullYear(oDate.getFullYear(), oDate.getMonth(), oDate.getDate());
-
-	return oUTCDate;
-}
-
-function checkCalendarDate(oCalendarDate) {
-	if (!(oCalendarDate instanceof CalendarDate)) {
-		throw new Error(`Invalid calendar date: [${oCalendarDate}]. Expected: sap.ui.unified.calendar.CalendarDate`);
-	}
-}
-
-/**
- * Verifies the given value is numeric like, i.e. 3, "3" and throws an error if it is not.
- * @param {any} value The value of any type to check. If null or undefined, this method throws an error.
- * @param {string} message The message to be used if an error is to be thrown
- * @throws will throw an error if the value is null or undefined or is not like a number
- */
-function checkNumericLike(value, message) {
-	if (value === undefined || value === Infinity || isNaN(value)) { // eslint-disable-line
-		throw message;
-	}
-}
-
-export default CalendarDate;

package/src/dates/CalendarType.js

@@ -1,22 +0,0 @@
-import DataType from "../types/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.generataTypeAcessors(CalendarTypes);
-
-export default CalendarType;