@ui5/webcomponents 0.0.0-aeb93167c → 0.0.0-b053ad005

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/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 && 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.generataTypeAcessors(AvatarFitTypes);
-
-export default AvatarFitType;