@ui5/webcomponents 0.0.0-e7dd012d7 → 0.0.0-ec448881d

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/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/DateRangePicker.hbs

@@ -1 +0,0 @@
-{{>include "./DatePicker.hbs"}}

package/src/DurationPicker.hbs

@@ -1,29 +0,0 @@
-<div class="ui5-duration-picker-root">
-	<ui5-input
-		value="{{value}}"
-		?disabled="{{disabled}}"
-		?readonly="{{readonly}}"
-		value-state="{{valueState}}"
-		@ui5-change="{{_handleInputChange}}"
-		@ui5-input="{{_handleInputLiveChange}}"
-		@keydown="{{_onkeydown}}"
-		class="ui5-duration-picker-input"
-	>
-		{{#unless readonly}}
-			<ui5-icon
-				slot="icon"
-				name="fob-watch"
-				tabindex="-1"
-				show-tooltip
-				@click="{{togglePicker}}"
-				input-icon
-				?pressed="{{_isPickerOpen}}"
-				class="ui5-duration-picker-input-icon-button"
-			></ui5-icon>
-		{{/unless}}
-
-		{{#if valueStateMessage.length}}
-			<slot name="valueStateMessage" slot="valueStateMessage"></slot>
-		{{/if}}
-	</ui5-input>
-</div>

package/src/DurationPickerPopover.hbs

@@ -1,48 +0,0 @@
-<ui5-responsive-popover
-	allow-target-overlap="{{_respPopover.allowTargetOverlap}}"
-	placement-type="{{_respPopover.placementType}}"
-	_hide-header
-	no-arrow
-	no-stretch
-	horizontal-align="{{_respPopover.horizontalAlign}}"
-	stay-open-on-scroll="{{_respPopover.stayOpenOnScroll}}"
-	@ui5-after-close="{{_respPopover._onAfterClose}}"
-	@keydown="{{_handleKeysDown}}"
->
-	<div class="{{classes.container}}" @keydown="{{_handleContainerKeysDown}}">
-		{{#unless hideHours}}
-			<ui5-wheelslider
-				cyclic="true"
-				._items="{{hoursArray}}"
-				value="{{selectedHours}}"
-				class="ui5-duration-picker-wheelslider ui5-duration-picker-hours-wheelslider"
-				label = "{{hoursSliderTitle}}"
-			></ui5-wheelslider>
-		{{/unless}}
-
-		{{#unless hideMinutes}}
-			<ui5-wheelslider
-				cyclic="true"
-				._items="{{minutesArray}}"
-				value="{{selectedMinutes}}"
-				class="ui5-duration-picker-wheelslider ui5-duration-picker-minutes-wheelslider"
-				label = "{{minutesSliderTitle}}"
-			></ui5-wheelslider>
-		{{/unless}}
-
-		{{#unless hideSeconds}}
-			<ui5-wheelslider
-				cyclic="true"
-				._items="{{secondsArray}}"
-				value="{{selectedSeconds}}"
-				class="ui5-duration-picker-wheelslider ui5-duration-picker-seconds-wheelslider"
-				label = "{{secondsSliderTitle}}"
-			></ui5-wheelslider>
-		{{/unless}}
-	</div>
-
-	<div slot="footer" class="ui5-duration-picker-footer" @keydown={{_onfooterkeydown}}>
-		<ui5-button id="submit" design="Emphasized" @click="{{submitPickers}}">{{submitButtonLabel}}</ui5-button>
-		<ui5-button id="close" design="Transparent" @click="{{togglePicker}}">{{cancelButtonLabel}}</ui5-button>
-	</div>
-</ui5-responsive-popover>

package/src/TabSeparator.hbs

@@ -1 +0,0 @@
-<li id="{{_id}}" role="separator" style="list-style-type: none;"></li>

package/src/popup-utils/PopupUtils.js

@@ -1,84 +0,0 @@
-let currentZIndex = 100;
-
-const getFocusedElement = () => {
-	let element = document.activeElement;
-
-	while (element && element.shadowRoot && element.shadowRoot.activeElement) {
-		element = element.shadowRoot.activeElement;
-	}
-
-	return (element && typeof element.focus === "function") ? element : null;
-};
-
-const isFocusedElementWithinNode = node => {
-	const fe = getFocusedElement();
-
-	if (fe) {
-		return isNodeContainedWithin(node, fe);
-	}
-
-	return false;
-};
-
-const isNodeContainedWithin = (parent, child) => {
-	let currentNode = parent;
-
-	if (currentNode.shadowRoot) {
-		currentNode = Array.from(currentNode.shadowRoot.children).find(n => n.localName !== "style");
-	}
-
-	if (currentNode === child) {
-		return true;
-	}
-
-	const childNodes = currentNode.localName === "slot" ? currentNode.assignedNodes() : currentNode.children;
-
-	if (childNodes) {
-		return Array.from(childNodes).some(n => isNodeContainedWithin(n, child));
-	}
-};
-
-const isPointInRect = (x, y, rect) => {
-	return x >= rect.left && x <= rect.right
-		&& y >= rect.top && y <= rect.bottom;
-};
-
-const isClickInRect = (event, rect) => {
-	let x;
-	let y;
-
-	if (event.touches) {
-		const touch = event.touches[0];
-		x = touch.clientX;
-		y = touch.clientY;
-	} else {
-		x = event.clientX;
-		y = event.clientY;
-	}
-
-	return isPointInRect(x, y, rect);
-};
-
-const getClosedPopupParent = el => {
-	const parent = el.parentElement || (el.getRootNode && el.getRootNode().host);
-
-	if (parent && ((parent.openBy && parent.isUI5Element) || (parent.open && parent.isUI5Element) || parent === document.documentElement)) {
-		return parent;
-	}
-
-	return getClosedPopupParent(parent);
-};
-
-
-const getNextZIndex = () => {
-	currentZIndex += 2;
-	return currentZIndex;
-};
-
-export {
-	getFocusedElement,
-	isClickInRect,
-	getClosedPopupParent,
-	getNextZIndex,
-	isFocusedElementWithinNode,
-};

package/src/types/AvatarFitType.js

@@ -1,40 +0,0 @@
-import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
-
-/**
- * Different types of AvatarFitType.
- * @lends sap.ui.webcomponents.main.types.AvatarFitType.prototype
- * @public
- */
-const AvatarFitTypes = {
-	/**
-	 *
-	 * @type {Cover}
-	 * @public
-	 */
-	Cover: "Cover",
-
-	/**
-	 * @type {Contain}
-	 * @public
-	 */
-	Contain: "Contain",
-};
-
-/**
- * @class
- * Different types of AvatarFitType.
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarFitType
- * @public
- * @enum {string}
- */
-class AvatarFitType extends DataType {
-	static isValid(value) {
-		return !!AvatarFitTypes[value];
-	}
-}
-
-AvatarFitType.generateTypeAcessors(AvatarFitTypes);
-
-export default AvatarFitType;