@ui5/webcomponents 0.0.0-306572ffa → 0.0.0-35e2c9666

package/dist/webcomponentsjs/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "@webcomponents/webcomponentsjs",
-  "version": "2.4.0",
-  "description": "Web Components Polyfills",
-  "main": "webcomponents-bundle.js",
-  "repository": "github:webcomponents/polyfills",
-  "bugs": "https://github.com/webcomponents/polyfills/issues",
-  "homepage": "https://webcomponents.org/polyfills",
-  "author": "The Polymer Project Authors (https://polymer.github.io/AUTHORS.txt)",
-  "license": "BSD-3-Clause",
-  "keywords": [
-    "webcomponents",
-    "web-components",
-    "polyfill",
-    "shim"
-  ],
-  "scripts": {
-    "build": "gulp",
-    "test": "wct",
-    "lint": "eslint src tests",
-    "regen-package-lock": "rm -rf node_modules package-lock.json; npm install",
-    "prepack": "npm run build",
-    "clean": "gulp clean"
-  },
-  "devDependencies": {
-    "@webcomponents/custom-elements": "^1.3.1",
-    "@webcomponents/shadycss": "^1.9.3",
-    "@webcomponents/shadydom": "^1.7.0",
-    "@webcomponents/template": "^1.4.1",
-    "@webcomponents/url": "^0.7.4",
-    "babel-preset-minify": "^0.4.3",
-    "get-own-property-symbols": "^0.9.2",
-    "promise-polyfill": "^8.0.0",
-    "wct-browser-legacy": "^1.0.2"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "bundles/**/*",
-    "src/entrypoints/**/*",
-    "custom-elements-es5-adapter.js",
-    "webcomponents-bundle.js*",
-    "webcomponents-loader.js"
-  ]
-}

package/dist/webcomponentsjs/src/entrypoints/custom-elements-es5-adapter-index.js

@@ -1,16 +0,0 @@
-/**
-@license
-Copyright (c) 2017 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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: Custom Elements ES5 Shim
- */
-
-import '../../node_modules/@webcomponents/custom-elements/src/native-shim.js';

package/dist/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js

@@ -1,53 +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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: HTML Imports, Custom Elements, Shady DOM/Shady CSS, platform polyfills, template
- * Used in: webcomponents bundle to load ALL the things
- */
-
-import './webcomponents-sd-ce-pf-index.js';
-
-const customElements = window.customElements;
-
-let shouldFlush = false;
-/** @type {?function()} */
-let flusher = null;
-
-if (customElements['polyfillWrapFlushCallback']) {
-  customElements['polyfillWrapFlushCallback']((flush) => {
-    flusher = flush;
-    if (shouldFlush) {
-      flush();
-    }
-  });
-}
-
-function flushAndFire() {
-  if (window.HTMLTemplateElement.bootstrap) {
-    window.HTMLTemplateElement.bootstrap(window.document);
-  }
-  flusher && flusher();
-  shouldFlush = true;
-  window.WebComponents.ready = true;
-  document.dispatchEvent(new CustomEvent('WebComponentsReady', { bubbles: true }));
-}
-
-if (document.readyState !== 'complete') {
-  // this script may come between DCL and load, so listen for both, and cancel load listener if DCL fires
-  window.addEventListener('load', flushAndFire)
-  window.addEventListener('DOMContentLoaded', () => {
-    window.removeEventListener('load', flushAndFire);
-    flushAndFire();
-  });
-} else {
-  flushAndFire();
-}

package/dist/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js

@@ -1,17 +0,0 @@
-/**
-@license
-Copyright (c) 2017 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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: Custom Elements
- * Used in: Safari 10
- */
-
-import '../../node_modules/@webcomponents/custom-elements/src/custom-elements.js';

package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js

@@ -1,19 +0,0 @@
-/**
-@license
-Copyright (c) 2017 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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: Custom Elements, Shady DOM/Shady CSS
- * Used in: Safari 9, Firefox, Edge
- */
-
-import '../../node_modules/@webcomponents/shadydom/src/shadydom.js';
-import '../../node_modules/@webcomponents/custom-elements/src/custom-elements.js';
-import '../../node_modules/@webcomponents/shadycss/entrypoints/scoping-shim.js';

package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js

@@ -1,28 +0,0 @@
-/**
-@license
-Copyright (c) 2017 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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: HTML Imports, Custom Elements, Shady DOM/Shady CSS, platform polyfills, template
- * Used in: IE 11
- */
-
-import '../platform/es6-misc.js';
-import '../platform/custom-event.js';
-import '../../node_modules/@webcomponents/template/template.js';
-import '../platform/promise.js';
-import '../platform/symbol.js';
-import '../platform/flag-parser.js';
-import '../../node_modules/@webcomponents/shadydom/src/shadydom.js';
-import '../../node_modules/@webcomponents/custom-elements/src/custom-elements.js';
-import '../../node_modules/@webcomponents/shadycss/entrypoints/scoping-shim.js';
-import '../../node_modules/@webcomponents/url/url.js';
-import '../platform/baseuri.js';
-import '../platform/unresolved.js';

package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js

@@ -1,18 +0,0 @@
-/**
-@license
-Copyright (c) 2017 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
-*/
-'use strict';
-
-/*
- * Polyfills loaded: Shady DOM/Shady CSS
- * Used in: Firefox when CE is implemented
- */
-
-import '../../node_modules/@webcomponents/shadydom/src/shadydom.js';
-import '../../node_modules/@webcomponents/shadycss/entrypoints/scoping-shim.js';

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

@@ -1,9 +0,0 @@
-<div class="ui5-timeline-root">
-	<ul class="ui5-timeline-list" role="listbox" aria-live="polite" aria-label="{{ariaLabel}}">
-		{{#each items}}
-			<li class="ui5-timeline-list-item" style="list-style-type: none;">
-				<slot name="{{this._individualSlot}}"></slot>
-			</li>
-		{{/each}}
-	</ul>
-</div>

package/src/Timeline.js

@@ -1,99 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
-import TimelineTemplate from "./generated/templates/TimelineTemplate.lit.js";
-import { TIMELINE_ARIA_LABEL } from "./generated/i18n/i18n-defaults.js";
-import TimelineItem from "./TimelineItem.js";
-
-// Styles
-import styles from "./generated/themes/Timeline.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-timeline",
-	languageAware: true,
-	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.main.Timeline.prototype */ {
-		/**
-		 * Determines the content of the <code>ui5-timeline</code>.
-		 *
-		 * @type {HTMLElement[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			propertyName: "items",
-			type: HTMLElement,
-			individualSlots: true,
-		},
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.
- * A common use case is to provide information about changes to an object, or events related to an object.
- * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.
- * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,
- * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.Timeline
- * @extends UI5Element
- * @tagname ui5-timeline
- * @appenddocs TimelineItem
- * @public
- * @since 0.8.0
- */
-class Timeline extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return TimelineTemplate;
-	}
-
-	constructor() {
-		super();
-
-		this.initItemNavigation();
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-	}
-
-	static get dependencies() {
-		return [TimelineItem];
-	}
-
-	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
-	}
-
-	initItemNavigation() {
-		this._itemNavigation = new ItemNavigation(this);
-		this._itemNavigation.getItemsCallback = () => this.items;
-	}
-
-	get ariaLabel() {
-		return this.i18nBundle.getText(TIMELINE_ARIA_LABEL);
-	}
-}
-
-Timeline.define();
-
-export default Timeline;

package/src/TimelineItem.hbs

@@ -1,39 +0,0 @@
-<div
-	class="ui5-tli-root"
-	dir="{{effectiveDir}}"
->
-	<div class="ui5-tli-indicator">
-		{{#if icon}}
-			<div class="ui5-tli-icon-outer">
-				<ui5-icon class="ui5-tli-icon" name="{{icon}}"></ui5-icon>
-			</div>
-		{{/if}}
-	</div>
-	<div class="ui5-tli-bubble" tabindex="{{_tabIndex}}" role="option" data-sap-focus-ref>
-		<div class="ui5-tli-title">
-			{{#if itemName}}
-				{{> itemName}}
-			{{/if}}
-
-			<span>{{titleText}}</span>
-		</div>
-		<div class="ui5-tli-subtitle">{{subtitleText}}</div>
-
-		{{#if textContent}}
-			<div class="ui5-tli-desc">
-				<slot></slot>
-			</div>
-		{{/if}}
-		<span class="ui5-tli-bubble-arrow ui5-tli-bubble-arrow--left"></span>
-	</div>
-</div>
-
-{{#*inline "itemName"}}
-	{{#if itemNameClickable}}
-		<ui5-link @click="{{onItemNamePress}}">{{itemName}}</ui5-link>
-	{{/if}}
-
-	{{#unless itemNameClickable}}
-		<span>{{itemName}}</span>
-	{{/unless}}
-{{/inline}}

package/src/TimelineItem.js

@@ -1,156 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Icon from "./Icon.js";
-import Link from "./Link.js";
-import TimelineItemTemplate from "./generated/templates/TimelineItemTemplate.lit.js";
-
-// Styles
-import styles from "./generated/themes/TimelineItem.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-timeline-item",
-	slots: /** @lends sap.ui.webcomponents.main.TimelineItem.prototype */ {
-		/**
-		 * Determines the description of the <code>ui5-timeline-item</code>.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-	properties: /** @lends sap.ui.webcomponents.main.TimelineItem.prototype */ {
-		/**
-		 * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.
-		 * SAP-icons font provides numerous options.
-		 * <br><br>
-		 *
-		 * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		icon: {
-			type: String,
-		},
-
-		/**
-		 * Defines the name of the item.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		itemName: {
-			type: String,
-		},
-
-		/**
-		 * Defines whether the <code>itemName</code> is clickable.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		itemNameClickable: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the title text of the component.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		titleText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the subtitle text of the component.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		subtitleText: {
-			type: String,
-		},
-
-		_tabIndex: {
-			type: String,
-			defaultValue: "-1",
-			noAttribute: true,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.TimelineItem.prototype */ {
-		/**
-		 * Fired when the item name is pressed either with a
-		 * click/tap or by using the Enter or Space key.
-		 * <br><br>
-		 * <b>Note:</b> The event will not be fired if the <code>item-name-clickable</code>
-		 * attribute is not set.
-		 *
-		 * @event sap.ui.webcomponents.main.TimelineItem#item-name-click
-		 * @public
-		 */
-		"item-name-click": {},
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * An entry posted on the timeline.
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.TimelineItem
- * @extends UI5Element
- * @tagname ui5-timeline-item
- * @public
- */
-class TimelineItem extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return TimelineItemTemplate;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	constructor() {
-		super();
-	}
-
-	onItemNamePress() {
-		this.fireEvent("item-name-click", {});
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-			Link,
-		];
-	}
-}
-
-TimelineItem.define();
-
-export default TimelineItem;

package/src/popup-utils/PopupUtils.js

@@ -1,84 +0,0 @@
-let currentZIndex = 100;
-
-const getFocusedElement = () => {
-	let element = document.activeElement;
-
-	while (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.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,
-};