@ui5/webcomponents-fiori 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/src/ProductSwitchItem.js

@@ -1,249 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isSpace, isEnter, isSpaceShift } from "@ui5/webcomponents-base/dist/Keys.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-
-import ProductSwitchItemTemplate from "./generated/templates/ProductSwitchItemTemplate.lit.js";
-// Styles
-import ProductSwitchItemCss from "./generated/themes/ProductSwitchItem.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-product-switch-item",
-	properties: /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */ {
-		/**
-		  * Defines the title of the component.
-		  * @type {string}
-		  * @defaultvalue ""
-		  * @since 1.0.0-rc.15
-		  * @public
-		  */
-		titleText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the subtitle of the component.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @since 1.0.0-rc.15
-		 * @public
-		 */
-		 subtitleText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the icon to be displayed as a graphical element within the component.
-		 * <br><br>
-		 * Example:
-		 * <br>
-		 * <pre>ui5-product-switch-item icon="palette"</pre>
-		 *
-		 * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/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 a target where the <code>targetSrc</code> content must be open.
-		 * <br><br>
-		 * Available options are:
-		 * <ul>
-		 * <li><code>_self</code></li>
-		 * <li><code>_top</code></li>
-		 * <li><code>_blank</code></li>
-		 * <li><code>_parent</code></li>
-		 * <li><code>_search</code></li>
-		 * </ul>
-		 *
-		 * @type {string}
-		 * @defaultvalue "_self"
-		 * @public
-		 */
-		target: {
-			type: String,
-			defaultValue: "_self",
-		},
-
-		/**
-		 * Defines the component target URI. Supports standard hyperlink behavior.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		targetSrc: {
-			type: String,
-		},
-
-		/**
-		 * Used to switch the active state (pressed or not) of the component.
-		 * @private
-		 */
-		active: {
-			type: Boolean,
-		},
-
-		/**
-		 * Indicates whether the element is focused.
-		 * @private
-		 */
-		focused: {
-			type: Boolean,
-		},
-
-		/**
-		 * Used to set the selected state of the component. Only one selected in a sequence.
-		 * @private
-		 */
-		selected: {
-			type: Boolean,
-		},
-
-		_tabIndex: {
-			type: String,
-			defaultValue: "-1",
-			noAttribute: true,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */ {
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */ {
-		/**
-		 * Fired when the <code>ui5-product-switch-item</code> is activated either with a
-		 * click/tap or by using the Enter or Space key.
-		 *
-		 * @event
-		 * @public
-		 */
-		click: {},
-		_focused: {},
-	},
-};
-
-/**
- * @class
- * <h3 class="comment-api-title">Overview</h3>
- * The <code>ui5-product-switch-item</code> web component represents the items displayed in the
- * <code>ui5-product-switch</code> web component.
- * <br><br>
- * <b>Note:</b> <code>ui5-product-switch-item</code> is not supported when used outside of <code>ui5-product-switch</code>.
- * <br><br>
- *
- * <h3>Keyboard Handling</h3>
- * The <code>ui5-product-switch</code> provides advanced keyboard handling.
- * When focused, the user can use the following keyboard
- * shortcuts in order to perform a navigation:
- * <br>
- * <ul>
- * <li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>
- * </ul>
- *
- * <h3>ES6 Module Import</h3>
- * <code>import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.ProductSwitchItem
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-product-switch-item
- * @public
- * @implements sap.ui.webcomponents.fiori.IProductSwitchItem
- * @since 1.0.0-rc.5
- */
-class ProductSwitchItem extends UI5Element {
-	constructor() {
-		super();
-
-		this._deactivate = () => {
-			if (this.active) {
-				this.active = false;
-			}
-		};
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return ProductSwitchItemCss;
-	}
-
-	static get template() {
-		return ProductSwitchItemTemplate;
-	}
-
-	onEnterDOM() {
-		document.addEventListener("mouseup", this._deactivate);
-	}
-
-	onExitDOM() {
-		document.removeEventListener("mouseup", this._deactivate);
-	}
-
-	_onmousedown() {
-		this.active = true;
-	}
-
-	_onkeydown(event) {
-		if (isSpace(event) || isEnter(event)) {
-			this.active = true;
-		}
-
-		if (isSpace(event)) {
-			event.preventDefault();
-		}
-
-		if (isEnter(event)) {
-			this._fireItemClick();
-		}
-	}
-
-	_onkeyup(event) {
-		if (isSpace(event) || isEnter(event)) {
-			this.active = false;
-		}
-
-		if (isSpace(event)) {
-			if (isSpaceShift(event)) {
-				event.stopPropagation();
-			}
-			this._fireItemClick();
-		}
-	}
-
-	_onfocusout() {
-		this.active = false;
-		this.focused = false;
-	}
-
-	_onfocusin(event) {
-		this.focused = true;
-
-		this.fireEvent("_focused", event);
-	}
-
-	_fireItemClick() {
-		this.fireEvent("click", { item: this });
-	}
-
-	static get dependencies() {
-		return [Icon];
-	}
-}
-
-ProductSwitchItem.define();
-
-export default ProductSwitchItem;

package/src/SortItem.js

@@ -1,68 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-sort-item",
-	properties: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */ {
-		/**
-		 * Defines the text of the component.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		text: {
-			type: String,
-		},
-
-		/**
-		 * Defines if the component is selected.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		selected: {
-			type: Boolean,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */ {
-		//
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */ {
-		//
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>ui5-sort-item</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @ui5/webcomponents-fiori/dist/SortItem.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SortItem
- * @extends sap.ui.webcomponents.base.UI5Element
- * @since 1.0.0-rc.16
- * @tagname ui5-sort-item
- * @implements sap.ui.webcomponents.fiori.ISortItem
- * @public
- */
-class SortItem extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-}
-
-SortItem.define();
-
-export default SortItem;

package/src/TimelineItem.js

@@ -1,197 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import Link from "@ui5/webcomponents/dist/Link.js";
-import TimelineItemTemplate from "./generated/templates/TimelineItemTemplate.lit.js";
-import TimelineLayout from "./types/TimelineLayout.js";
-// Styles
-import styles from "./generated/themes/TimelineItem.css.js";
-
-const SHORT_LINE_WIDTH = "ShortLineWidth";
-const LARGE_LINE_WIDTH = "LargeLineWidth";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-timeline-item",
-	slots: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */ {
-		/**
-		 * Determines the description of the <code>ui5-timeline-item</code>.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-	properties: /** @lends sap.ui.webcomponents.fiori.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://sdk.openui5.org/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, displayed before the <code>title-text</code>.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		name: {
-			type: String,
-		},
-
-		/**
-		 * Defines if the <code>name</code> is clickable.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		nameClickable: {
-			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,
-		},
-
-		/**
-		 * Defines the items orientation.
-		 *
-		 * @type {sap.ui.webcomponents.fiori.types.TimelineLayout}
-		 * @defaultvalue "Vertical"
-		 * @private
-		 */
-		layout: {
-			type: TimelineLayout,
-			defaultvalue: TimelineLayout.Vertical,
-		},
-
-		/**
-		 * Defines the indicator line width.
-		 *
-		 * @type {string}
-		 * @private
-		 */
-		_lineWidth: {
-			type: String,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.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>name-clickable</code>
-		 * attribute is not set.
-		 *
-		 * @event sap.ui.webcomponents.fiori.TimelineItem#name-click
-		 * @public
-		 */
-		"name-click": {},
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * An entry posted on the timeline.
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.TimelineItem
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-timeline-item
- * @implements sap.ui.webcomponents.fiori.ITimelineItem
- * @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();
-	}
-
-	onNamePress() {
-		this.fireEvent("name-click", {});
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-			Link,
-		];
-	}
-
-	get classes() {
-		return {
-			indicator: {
-				"ui5-tli-indicator": true,
-				"ui5-tli-indicator-short-line": this._lineWidth === SHORT_LINE_WIDTH,
-				"ui5-tli-indicator-large-line": this._lineWidth === LARGE_LINE_WIDTH,
-			},
-			bubbleArrowPosition: {
-				"ui5-tli-bubble-arrow": true,
-				"ui5-tli-bubble-arrow--left": this.layout === TimelineLayout.Vertical,
-				"ui5-tli-bubble-arrow--top": this.layout === TimelineLayout.Horizontal,
-			},
-		};
-	}
-}
-
-TimelineItem.define();
-
-export default TimelineItem;