@ui5/webcomponents-base 0.0.0-aeb93167c → 0.0.0-b0b835975

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/package-scripts.js

@@ -1,47 +0,0 @@
-const path = require("path");
-const resolve = require("resolve");
-
-const serveConfig = `../tools/components-package/serve.json`;
-const port = `9191`;
-
-const assetParametersScript = resolve.sync("@ui5/webcomponents-base/lib/generate-asset-parameters/index.js");
-
-const scripts = {
-	clean: "rimraf dist",
-	lint: "eslint . --config config/.eslintrc.js",
-	prepare: "nps clean copy generateAssetParameters",
-	build: {
-		default: "nps lint prepare build.bundle",
-		bundle: "rollup --config config/rollup.config.js --environment ES5_BUILD",
-	},
-	copy: {
-		default: "nps copy.src copy.test copy.webcomponents-polyfill",
-		src: "copy-and-watch \"src/**/*.js\" dist/",
-		test: "copy-and-watch \"test/**/*.*\" dist/test-resources",
-		"webcomponents-polyfill": "copy-and-watch \"../../node_modules/@webcomponents/webcomponentsjs/**/*.*\" dist/webcomponentsjs/",
-	},
-	generateAssetParameters: `node "${assetParametersScript}"`,
-	watch: {
-		default: 'concurrently "nps watch.test" "nps watch.src" "nps watch.bundle"',
-		src: 'nps "copy.src --watch --skip-initial-copy"',
-		test: 'nps "copy.test --watch --skip-initial-copy"',
-		bundle: "rollup --config config/rollup.config.js -w --environment ES5_BUILD,DEV",
-	},
-	dev: 'concurrently "nps serve" "nps watch"',
-	start: "nps prepare dev",
-	serve: {
-		default: "nps serve.prepare serve.run",
-		prepare: `copy-and-watch "${serveConfig}" dist/`,
-		run: `serve --no-clipboard -l ${port} dist`,
-	},
-	test: {
-		// --success first - report the exit code of the test run (first command to finish), as serve is always terminated and has a non-0 exit code
-		default: 'concurrently "nps serve" "nps test.run" --kill-others --success first',
-		run: "cross-env WDIO_LOG_LEVEL=error FORCE_COLOR=0 wdio config/wdio.conf.js",
-	},
-};
-
-
-module.exports = {
-	scripts,
-};

package/src/AssetRegistry.js

@@ -1,12 +0,0 @@
-import { registerI18nBundle } from "./asset-registries/i18n.js";
-import { registerCldr, _registerMappingFunction as registerCldrMappingFunction } from "./asset-registries/LocaleData.js";
-import { registerThemeProperties } from "./asset-registries/Themes.js";
-import { registerAssetPathMappingFunction } from "./util/EffectiveAssetPath.js";
-
-export {
-	registerCldr,
-	registerCldrMappingFunction,
-	registerThemeProperties,
-	registerI18nBundle,
-	registerAssetPathMappingFunction,
-};

package/src/CustomElementsRegistry.js

@@ -1,39 +0,0 @@
-import setToArray from "./util/setToArray.js";
-
-const Definitions = new Set();
-const Failures = new Set();
-let failureTimeout;
-
-const registerTag = tag => {
-	Definitions.add(tag);
-};
-
-const isTagRegistered = tag => {
-	return Definitions.has(tag);
-};
-
-const getAllRegisteredTags = () => {
-	return setToArray(Definitions);
-};
-
-const recordTagRegistrationFailure = tag => {
-	Failures.add(tag);
-	if (!failureTimeout) {
-		failureTimeout = setTimeout(() => {
-			displayFailedRegistrations();
-			failureTimeout = undefined;
-		}, 1000);
-	}
-};
-
-const displayFailedRegistrations = () => {
-	console.warn(`The following tags have already been defined by a different UI5 Web Components version: ${setToArray(Failures).join(", ")}`); // eslint-disable-line
-	Failures.clear();
-};
-
-export {
-	registerTag,
-	isTagRegistered,
-	getAllRegisteredTags,
-	recordTagRegistrationFailure,
-};

package/src/CustomElementsScope.js

@@ -1,108 +0,0 @@
-let suf;
-let rulesObj = {
-	include: [/^ui5-/],
-	exclude: [],
-};
-const tagsCache = new Map(); // true/false means the tag should/should not be cached, undefined means not known yet.
-
-/**
- * Sets the suffix to be used for custom elements scoping, f.e. pass "demo" to get tags such as "ui5-button-demo".
- * Note: by default all tags starting with "ui5-" will be scoped, unless you change this by calling "setCustomElementsScopingRules"
- *
- * @public
- * @param suffix The scoping suffix
- */
-const setCustomElementsScopingSuffix = suffix => {
-	if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
-		throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
-	}
-
-	suf = suffix;
-};
-
-/**
- * Returns the currently set scoping suffix, or undefined if not set.
- *
- * @public
- * @returns {String|undefined}
- */
-const getCustomElementsScopingSuffix = () => {
-	return suf;
-};
-
-/**
- * Sets the rules, governing which custom element tags to scope and which not, f.e.
- * setCustomElementsScopingRules({include: [/^ui5-/]}, exclude: [/^ui5-mylib-/, /^ui5-carousel$/]);
- * will scope all elements starting with "ui5-" but not the ones starting with "ui5-mylib-" and not "ui5-carousel".
- *
- * @public
- * @param rules Object with "include" and "exclude" properties, both arrays of regular expressions. Note that "include"
- * rules are applied first and "exclude" rules second.
- */
-const setCustomElementsScopingRules = rules => {
-	if (!rules || !rules.include) {
-		throw new Error(`"rules" must be an object with at least an "include" property`);
-	}
-
-	if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
-		throw new Error(`"rules.include" must be an array of regular expressions`);
-	}
-
-	if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
-		throw new Error(`"rules.exclude" must be an array of regular expressions`);
-	}
-
-	rules.exclude = rules.exclude || [];
-	rulesObj = rules;
-	tagsCache.clear(); // reset the cache upon setting new rules
-};
-
-/**
- * Returns the rules, governing which custom element tags to scope and which not. By default, all elements
- * starting with "ui5-" are scoped. The default rules are: {include: [/^ui5-/]}.
- *
- * @public
- * @returns {Object}
- */
-const getCustomElementsScopingRules = () => {
-	return rulesObj;
-};
-
-/**
- * Determines whether custom elements with the given tag should be scoped or not.
- * The tag is first matched against the "include" rules and then against the "exclude" rules and the
- * result is cached until new rules are set.
- *
- * @public
- * @param tag
- */
-const shouldScopeCustomElement = tag => {
-	if (!tagsCache.has(tag)) {
-		const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
-		tagsCache.set(tag, result);
-	}
-
-	return tagsCache.get(tag);
-};
-
-/**
- * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
- *
- * @public
- * @param tag
- * @returns {String}
- */
-const getEffectiveScopingSuffixForTag = tag => {
-	if (shouldScopeCustomElement(tag)) {
-		return getCustomElementsScopingSuffix();
-	}
-};
-
-export {
-	setCustomElementsScopingSuffix,
-	getCustomElementsScopingSuffix,
-	setCustomElementsScopingRules,
-	getCustomElementsScopingRules,
-	shouldScopeCustomElement,
-	getEffectiveScopingSuffixForTag,
-};