@ui5/webcomponents-base 0.0.0-5f8ce9393 → 0.0.0-6cb3eb0db

package/dist/webcomponentsjs/webcomponents-loader.js

@@ -1,185 +0,0 @@
-/**
- * @license
- * Copyright (c) 2018 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
- */
-
-(function() {
-  'use strict';
-
-  /**
-   * Basic flow of the loader process
-   *
-   * There are 4 flows the loader can take when booting up
-   *
-   * - Synchronous script, no polyfills needed
-   *   - wait for `DOMContentLoaded`
-   *   - fire WCR event, as there could not be any callbacks passed to `waitFor`
-   *
-   * - Synchronous script, polyfills needed
-   *   - document.write the polyfill bundle
-   *   - wait on the `load` event of the bundle to batch Custom Element upgrades
-   *   - wait for `DOMContentLoaded`
-   *   - run callbacks passed to `waitFor`
-   *   - fire WCR event
-   *
-   * - Asynchronous script, no polyfills needed
-   *   - wait for `DOMContentLoaded`
-   *   - run callbacks passed to `waitFor`
-   *   - fire WCR event
-   *
-   * - Asynchronous script, polyfills needed
-   *   - Append the polyfill bundle script
-   *   - wait for `load` event of the bundle
-   *   - batch Custom Element Upgrades
-   *   - run callbacks pass to `waitFor`
-   *   - fire WCR event
-   */
-
-  var polyfillsLoaded = false;
-  var whenLoadedFns = [];
-  var allowUpgrades = false;
-  var flushFn;
-
-  function fireEvent() {
-    window.WebComponents.ready = true;
-    document.dispatchEvent(new CustomEvent('WebComponentsReady', { bubbles: true }));
-  }
-
-  function batchCustomElements() {
-    if (window.customElements && customElements.polyfillWrapFlushCallback) {
-      customElements.polyfillWrapFlushCallback(function (flushCallback) {
-        flushFn = flushCallback;
-        if (allowUpgrades) {
-          flushFn();
-        }
-      });
-    }
-  }
-
-  function asyncReady() {
-    batchCustomElements();
-    ready();
-  }
-
-  function ready() {
-    // bootstrap <template> elements before custom elements
-    if (window.HTMLTemplateElement && HTMLTemplateElement.bootstrap) {
-      HTMLTemplateElement.bootstrap(window.document);
-    }
-    polyfillsLoaded = true;
-    runWhenLoadedFns().then(fireEvent);
-  }
-
-  function runWhenLoadedFns() {
-    allowUpgrades = false;
-    var fnsMap = whenLoadedFns.map(function(fn) {
-      return fn instanceof Function ? fn() : fn;
-    });
-    whenLoadedFns = [];
-    return Promise.all(fnsMap).then(function() {
-      allowUpgrades = true;
-      flushFn && flushFn();
-    }).catch(function(err) {
-      console.error(err);
-    });
-  }
-
-  window.WebComponents = window.WebComponents || {};
-  window.WebComponents.ready = window.WebComponents.ready || false;
-  window.WebComponents.waitFor = window.WebComponents.waitFor || function(waitFn) {
-    if (!waitFn) {
-      return;
-    }
-    whenLoadedFns.push(waitFn);
-    if (polyfillsLoaded) {
-      runWhenLoadedFns();
-    }
-  };
-  window.WebComponents._batchCustomElements = batchCustomElements;
-
-  var name = 'webcomponents-loader.js';
-  // Feature detect which polyfill needs to be imported.
-  var polyfills = [];
-  if (!('attachShadow' in Element.prototype && 'getRootNode' in Element.prototype) ||
-    (window.ShadyDOM && window.ShadyDOM.force)) {
-    polyfills.push('sd');
-  }
-  if (!window.customElements || window.customElements.forcePolyfill) {
-    polyfills.push('ce');
-  }
-
-  var needsTemplate = (function() {
-    // no real <template> because no `content` property (IE and older browsers)
-    var t = document.createElement('template');
-    if (!('content' in t)) {
-      return true;
-    }
-    // broken doc fragment (older Edge)
-    if (!(t.content.cloneNode() instanceof DocumentFragment)) {
-      return true;
-    }
-    // broken <template> cloning (Edge up to at least version 17)
-    var t2 = document.createElement('template');
-    t2.content.appendChild(document.createElement('div'));
-    t.content.appendChild(t2);
-    var clone = t.cloneNode(true);
-    return (clone.content.childNodes.length === 0 ||
-        clone.content.firstChild.content.childNodes.length === 0);
-  })();
-
-  // NOTE: any browser that does not have template or ES6 features
-  // must load the full suite of polyfills.
-  if (!window.Promise || !Array.from || !window.URL || !window.Symbol || needsTemplate) {
-    polyfills = ['sd-ce-pf'];
-  }
-
-  if (polyfills.length) {
-    var url;
-    var polyfillFile = 'bundles/webcomponents-' + polyfills.join('-') + '.js';
-
-    // Load it from the right place.
-    if (window.WebComponents.root) {
-      url = window.WebComponents.root + polyfillFile;
-    } else {
-      var script = document.querySelector('script[src*="' + name +'"]');
-      // Load it from the right place.
-      url = script.src.replace(name, polyfillFile);
-    }
-
-    var newScript = document.createElement('script');
-    newScript.src = url;
-    // if readyState is 'loading', this script is synchronous
-    if (document.readyState === 'loading') {
-      // make sure custom elements are batched whenever parser gets to the injected script
-      newScript.setAttribute('onload', 'window.WebComponents._batchCustomElements()');
-      document.write(newScript.outerHTML);
-      document.addEventListener('DOMContentLoaded', ready);
-    } else {
-      newScript.addEventListener('load', function () {
-        asyncReady();
-      });
-      newScript.addEventListener('error', function () {
-        throw new Error('Could not load polyfill bundle' + url);
-      });
-      document.head.appendChild(newScript);
-    }
-  } else {
-    // if readyState is 'complete', script is loaded imperatively on a spec-compliant browser, so just fire WCR
-    if (document.readyState === 'complete') {
-      polyfillsLoaded = true;
-      fireEvent();
-    } else {
-      // this script may come between DCL and load, so listen for both, and cancel load listener if DCL fires
-      window.addEventListener('load', ready);
-      window.addEventListener('DOMContentLoaded', function() {
-        window.removeEventListener('load', ready);
-        ready();
-      })
-    }
-  }
-})();

package/src/Assets.js

@@ -1,2 +0,0 @@
-// Currently the base package provides CLDR assets only
-import "./json-imports/LocaleData.js";

package/src/CSS.js

@@ -1,48 +0,0 @@
-import { getEffectiveStyle } from "./Theming.js";
-import { injectWebComponentStyle } from "./theming/StyleInjection.js";
-import adaptCSSForIE from "./util/CSSTransformUtils.js";
-
-const constructableStyleMap = new Map();
-const IEStyleSet = new Set();
-
-/**
- * Creates the needed CSS for a web component class in the head tag
- * Note: IE11, Edge
- * @param ElementClass
- */
-const createHeadStyle = ElementClass => {
-	const tag = ElementClass.getMetadata().getTag();
-	if (IEStyleSet.has(tag)) {
-		return;
-	}
-
-	let cssContent = getEffectiveStyle(ElementClass);
-	cssContent = adaptCSSForIE(cssContent, tag);
-	injectWebComponentStyle(tag, cssContent);
-	IEStyleSet.add(tag);
-};
-
-/**
- * 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 {
-	createHeadStyle,
-	getConstructableStyle,
-};

package/src/FormatSettings.js

@@ -1,31 +0,0 @@
-import { getLocale } from "./LocaleProvider.js";
-
-const mSettings = {};
-
-const getFormatLocale = () => {
-	return getLocale();
-};
-
-const SETTINGS = {
-	configuration: null,
-};
-
-const setConfiguration = configuration => {
-	SETTINGS.configuration = configuration;
-};
-
-const getCustomLocaleData = () => {
-	return mSettings;
-};
-
-// needed for compatibilty
-const getLegacyDateFormat = () => {};
-const getLegacyDateCalendarCustomizing = () => {};
-
-export {
-	setConfiguration,
-	getFormatLocale,
-	getLegacyDateFormat,
-	getLegacyDateCalendarCustomizing,
-	getCustomLocaleData,
-};

package/src/LocaleProvider.js

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

package/src/ResourceLoaderOverrides.js

@@ -1,38 +0,0 @@
-/* global sap */
-
-const resources = new Map();
-
-// date formatters from the core do not know about this new mechanism of fetching assets,
-// but we can use the sap.ui.loader._.getModuleContent as a hook and provide the preloaded data,
-// so that a sync request via jQuery is never triggered.
-window.sap = window.sap || {};
-window.sap.ui = window.sap.ui || {};
-
-sap.ui.loader = sap.ui.loader || {};
-sap.ui.loader._ = sap.ui.loader._ || {};
-const getModuleContentOrig = sap.ui.loader._.getModuleContent;
-
-sap.ui.loader._.getModuleContent = (moduleName, url) => {
-	const customContent = resources.get(moduleName) || resources.get(url);
-
-	if (customContent) {
-		return customContent;
-	}
-	if (getModuleContentOrig) {
-		return getModuleContentOrig(moduleName, url);
-	}
-
-	const missingModule = moduleName.match(/sap\/ui\/core\/cldr\/(\w+)\.json/);
-
-	if (missingModule) {
-		throw new Error(`CLDR data for locale ${missingModule[1]} is not loaded!`);
-	}
-
-	return "";
-};
-
-const registerModuleContent = (moduleName, content) => {
-	resources.set(moduleName, content);
-};
-
-export { registerModuleContent }; // eslint-disable-line

package/src/SVGIconRegistry.js

@@ -1,54 +0,0 @@
-const registry = new Map();
-const iconCollectionPromises = new Map();
-
-const DEFAULT_COLLECTION = "SAP-icons";
-
-const calcKey = (name, collection) => {
-	// silently support ui5-compatible URIs
-	if (name.startsWith("sap-icon://")) {
-		name = name.replace("sap-icon://", "");
-		[name, collection] = name.split("/").reverse();
-	}
-	collection = collection || DEFAULT_COLLECTION;
-	return `${collection}:${name}`;
-};
-
-const registerIcon = (name, { pathData, accData, collection } = {}) => {
-	const key = calcKey(name, collection);
-	registry.set(key, { pathData, accData });
-};
-
-const getIconDataSync = (name, collection = DEFAULT_COLLECTION) => {
-	const key = calcKey(name, collection);
-	return registry.get(key);
-};
-
-const getIconData = async (name, collection = DEFAULT_COLLECTION) => {
-	const key = calcKey(name, collection);
-
-	if (!iconCollectionPromises.has(collection)) {
-		iconCollectionPromises.set(collection, Promise.reject());
-	}
-
-	await iconCollectionPromises.get(collection);
-	return registry.get(key);
-};
-
-const getRegisteredNames = async () => {
-	if (iconCollectionPromises.has(DEFAULT_COLLECTION)) {
-		await iconCollectionPromises.get(DEFAULT_COLLECTION);
-	}
-	return Array.from(registry.keys()).map(k => k.split(":")[1]);
-};
-
-const registerCollectionPromise = (collection, promise) => {
-	iconCollectionPromises.set(collection, promise);
-};
-
-export {
-	getIconData,
-	getIconDataSync,
-	registerIcon,
-	getRegisteredNames,
-	registerCollectionPromise,
-};

package/src/boot.js

@@ -1,32 +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";
-import { getFeature } from "./FeaturesRegistry.js";
-
-let bootPromise;
-const OpenUI5Support = getFeature("OpenUI5Support");
-
-const boot = () => {
-	if (bootPromise) {
-		return bootPromise;
-	}
-
-	bootPromise = new Promise(async resolve => {
-		if (OpenUI5Support) {
-			await OpenUI5Support.init();
-		}
-
-		await whenDOMReady();
-		await _applyTheme(getTheme());
-		OpenUI5Support && OpenUI5Support.attachListeners();
-		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;