@ui5/webcomponents 0.0.0-cf069fb29 → 0.0.0-cf50976ce

package/dist/webcomponentsjs/webcomponents-loader.js

@@ -1,206 +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/ComboBoxFilters.js

@@ -1,40 +0,0 @@
-const escapeReg = /[[\]{}()*+?.\\^$|]/g;
-
-const escapeRegExp = str => {
-	return str.replace(escapeReg, "\\$&");
-};
-
-const StartsWith = (value, items) => {
-	return items.filter(item => {
-		const lowerText = item.text.toLowerCase();
-
-		return lowerText.startsWith(value.toLowerCase());
-	});
-};
-
-const StartsWithPerTerm = (value, items) => {
-	const reg = new RegExp(`(^|\\s)${escapeRegExp(value.toLowerCase())}.*`, "g");
-
-	return items.filter(item => {
-		reg.lastIndex = 0;
-
-		return reg.test(item.text.toLowerCase());
-	});
-};
-
-const Contains = (value, items) => {
-	return items.filter(item => {
-		const lowerText = item.text.toLowerCase();
-
-		return lowerText.includes(value.toLowerCase());
-	});
-};
-
-const None = (_, items) => items;
-
-export {
-	StartsWithPerTerm,
-	StartsWith,
-	Contains,
-	None,
-};

package/src/themes/Button.ie11.css

@@ -1,48 +0,0 @@
-[ui5-button][focused] {
-    outline: none;
-}
-
-[ui5-button][focused] .ui5-button-root {
-    position: relative;
-}
-
-[ui5-button][focused] .ui5-button-root::after {
-    content: "";
-    position: absolute;
-    border-width: 1px;
-    border-style: dotted;
-    border-color: var(--_ui5_button_focus_color);
-    top: var(--_ui5_button_focus_offset);
-    bottom: var(--_ui5_button_focus_offset);
-    left: var(--_ui5_button_focus_offset);
-    right: var(--_ui5_button_focus_offset);
-}
-
-[ui5-button][active] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Positive"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-button][design="Positive"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Negative"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-button][design="Negative"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Emphasized"][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button] [ui5-icon].ui5-button-icon {
-    height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/
-    top: 0;
-}

package/src/themes/ToggleButton.ie11.css

@@ -1,48 +0,0 @@
-[ui5-toggle-button][focused] {
-    outline: none;
-}
-
-[ui5-toggle-button][focused] .ui5-button-root {
-    position: relative;
-}
-
-[ui5-toggle-button][focused] .ui5-button-root::after {
-    content: "";
-    position: absolute;
-    border-width: 1px;
-    border-style: dotted;
-    border-color: var(--_ui5_button_focus_color);
-    top: var(--_ui5_button_focus_offset);
-    bottom: var(--_ui5_button_focus_offset);
-    left: var(--_ui5_button_focus_offset);
-    right: var(--_ui5_button_focus_offset);
-}
-
-[ui5-toggle-button][active] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Positive"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-toggle-button][design="Positive"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Negative"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-toggle-button][design="Negative"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Emphasized"][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button] [ui5-icon].ui5-button-icon {
-    height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/
-    top: 0;
-}

package/src/themes/base/AvatarGroup-parameter.css

@@ -1,6 +0,0 @@
-:root {
-	--_ui5_avatar_outline: 1px dotted var(--sapContent_FocusColor);
-	--_ui5_avatar_group_overflow_button_focus_offset: 1px;
-	--_ui5_avatar_focus_width: 1px;
-	--_ui5_avatar_focus_color: var(--sapContent_FocusColor);
-}

package/src/themes/base/Suggestions-parameters.css

@@ -1,3 +0,0 @@
-:root {
-	--_ui5_suggestions_item_focus_border_radius: 0;
-}

package/src/themes/base/Title-parameters.css

@@ -1,8 +0,0 @@
-:root {
-	--ui5_title_level_1Size: var(--sapFontHeader1Size);
-	--ui5_title_level_2Size: var(--sapFontHeader2Size);
-	--ui5_title_level_3Size: var(--sapFontHeader3Size);
-	--ui5_title_level_4Size: var(--sapFontHeader4Size);
-	--ui5_title_level_5Size: var(--sapFontHeader5Size);
-	--ui5_title_level_6Size: var(--sapFontHeader6Size);
-}

package/src/themes/sap_belize_hcb/Dialog-parameters.css

@@ -1,7 +0,0 @@
-@import "../base/Dialog-parameters.css";
-
-:root {
-	--_ui5_dialog_resize_handle_color: var(--sapContent_IconColor);
-	--_ui5_dialog_header_focus_width: 0.125rem;
-	--_ui5_dialog_header_focus_offset: -0.25rem;
-}

package/src/themes/sap_belize_hcw/Dialog-parameters.css

@@ -1,7 +0,0 @@
-@import "../base/Dialog-parameters.css";
-
-:root {
-	--_ui5_dialog_resize_handle_color: var(--sapContent_IconColor);
-	--_ui5_dialog_header_focus_width: 0.125rem;
-	--_ui5_dialog_header_focus_offset: -0.25rem;
-}

package/src/themes/sap_fiori_3_hcb/InputIcon-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/InputIcon-parameters.css";
-
-:root {
-	--_ui5_input_icon_padding: 0.6875rem .6875rem;
-}

package/src/themes/sap_fiori_3_hcw/InputIcon-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/InputIcon-parameters.css";
-
-:root {
-	--_ui5_input_icon_padding: 0.6875rem .6875rem;
-}

package/src/themes/sap_horizon/Suggestions-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/Suggestions-parameters.css";
-
-:root {
-	--_ui5_suggestions_item_focus_border_radius: var(--sapElement_BorderCornerRadius);
-}

package/src/themes/sap_horizon/Tokenizer-parameters.css

@@ -1,6 +0,0 @@
-@import "../base/Tokenizer-parameters.css";
-
-:root {
-	--_ui5_tokenizer_n_more_indicator_font_weight: bold;
-	--_ui5_tokenizer_n_more_indicator_color: var(--sapLinkColor);
-}