@ui5/webcomponents 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/src/MenuItem.js

@@ -1,193 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-menu-item",
-	properties: /** @lends sap.ui.webcomponents.main.MenuItem.prototype */ {
-		/**
-		 * Defines the text of the tree item.
-		 *
-		 * @type {string}
-		 * @defaultValue ""
-		 * @public
-		 */
-		text: {
-			type: String,
-		},
-
-		/**
-		 * Defines the <code>additionalText</code>, displayed in the end of the menu item.
-		 * <b>Note:</b> The additional text would not be displayed if the item has a submenu.
-		 *
-		 * @type {string}
-		 * @public
-		 * @since 1.8.0
-		 */
-		additionalText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the icon to be displayed as graphical element within the component.
-		 * The SAP-icons font provides numerous options.
-		 * <br><br>
-		 <b>* Example:</b>
-		 * 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 whether a visual separator should be rendered before the item.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		startsSection: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines whether <code>ui5-menu-item</code> is in disabled state.
-		 * <br><br>
-		 * <b>Note:</b> A disabled <code>ui5-menu-item</code> is noninteractive.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the accessible ARIA name of the component.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 * @since 1.7.0
-		 */
-		 accessibleName: {
-			type: String,
-		},
-
-		/**
-		 * Indicates whether any of the element siblings have children items.
-		 * @type {boolean}
-		 * @private
-		 */
-		 _siblingsWithChildren: {
-			type: Boolean,
-			noAttribute: true,
-		},
-
-		/**
-		 * Indicates whether any of the element siblings have icon.
-		 * @type {boolean}
-		 * @private
-		 */
-		 _siblingsWithIcon: {
-			type: Boolean,
-			noAttribute: true,
-		},
-
-		/**
-		 * Stores Menu object with submenu items
-		 * @type {object}
-		 * @private
-		 */
-		 _subMenu: {
-			type: Object,
-		},
-
-		/**
-		 * Defines whether the submenu closing must be prevented
-		 * @type {boolean}
-		 * @private
-		 */
-		 _preventSubMenuClose: {
-			type: Boolean,
-			noAttribute: true,
-		},
-	},
-	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.main.MenuItem.prototype */ {
-		/**
-		 * Defines the items of this component.
-		 *
-		 * @type {sap.ui.webcomponents.main.IMenuItem[]}
-		 * @slot items
-		 * @public
-		 */
-		 "default": {
-			propertyName: "items",
-			type: HTMLElement,
-			invalidateOnChildChange: true,
-		},
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * <code>ui5-menu-item</code> is the item to use inside a <code>ui5-menu</code>.
- * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
- *
- * <h3>Usage</h3>
- *
- * <code>ui5-menu-item</code> is an abstract element, representing a node in a <code>ui5-menu</code>. The menu itself is rendered as a list,
- * and each <code>ui5-menu-item</code> is represented by a list item (<code>ui5-li</code>) in that list. Therefore, you should only use
- * <code>ui5-menu-item</code> directly in your apps. The <code>ui5-li</code> list item is internal for the list, and not intended for public use.
- *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents/dist/MenuItem.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.MenuItem
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-menu-item
- * @implements sap.ui.webcomponents.main.IMenuItem
- * @since 1.3.0
- * @public
- */
-class MenuItem extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	get hasChildren() {
-		return !!this.items.length;
-	}
-
-	get hasDummyIcon() {
-		return this._siblingsWithIcon && !this.icon;
-	}
-
-	get subMenuOpened() {
-		return !!Object.keys(this._subMenu).length;
-	}
-
-	get _additionalText() {
-		return this.hasChildren ? "" : this.additionalText;
-	}
-
-	get ariaLabelledByText() {
-		return `${this.text} ${this.accessibleName}`.trim();
-	}
-}
-
-MenuItem.define();
-
-export default MenuItem;

package/src/MessageStrip.js

@@ -1,255 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
-import "@ui5/webcomponents-icons/dist/information.js";
-import "@ui5/webcomponents-icons/dist/sys-enter-2.js";
-import "@ui5/webcomponents-icons/dist/error.js";
-import "@ui5/webcomponents-icons/dist/alert.js";
-import MessageStripDesign from "./types/MessageStripDesign.js";
-import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js";
-import Icon from "./Icon.js";
-import Button from "./Button.js";
-import {
-	MESSAGE_STRIP_CLOSE_BUTTON,
-	MESSAGE_STRIP_CLOSABLE,
-	MESSAGE_STRIP_ERROR,
-	MESSAGE_STRIP_WARNING,
-	MESSAGE_STRIP_SUCCESS,
-	MESSAGE_STRIP_INFORMATION,
-} from "./generated/i18n/i18n-defaults.js";
-
-// Styles
-import messageStripCss from "./generated/themes/MessageStrip.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-message-strip",
-	languageAware: true,
-	fastNavigation: true,
-	properties: /** @lends sap.ui.webcomponents.main.MessageStrip.prototype */ {
-
-		/**
-		 * Defines the component type.
-		 * <br><br>
-		 * <b>Note:</b> Available options are <code>"Information"</code>, <code>"Positive"</code>, <code>"Negative"</code>,
-		 * and <code>"Warning"</code>.
-		 *
-		 * @type {sap.ui.webcomponents.main.types.MessageStripDesign}
-		 * @defaultvalue "Information"
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		design: {
-			type: MessageStripDesign,
-			defaultValue: MessageStripDesign.Information,
-		},
-
-		/**
-		 * Defines whether the MessageStrip will show an icon in the beginning.
-		 * You can directly provide an icon with the <code>icon</code> slot. Otherwise, the default icon for the type will be used.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		hideIcon: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines whether the MessageStrip renders close button.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		hideCloseButton: {
-			type: Boolean,
-		},
-	},
-	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.main.MessageStrip.prototype */ {
-		/**
-		 * Defines the text of the component.
-		 * <br><br>
-		 * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-
-		/**
-		 * Defines the content to be displayed as graphical element within the component.
-		 * <br><br>
-		 * <b>Note:</b> If no icon is given, the default icon for the component type will be used.
-		 * The 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 {sap.ui.webcomponents.main.IIcon}
-		 * @slot
-		 * @public
-		 */
-		"icon": {
-			type: HTMLElement,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.MessageStrip.prototype */ {
-
-		/**
-		 * Fired when the close button is pressed either with a
-		 * click/tap or by using the Enter or Space key.
-		 *
-		 * @event
-		 * @public
-		 */
-		close: {},
-	},
-};
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>ui5-message-strip</code> component enables the embedding of app-related messages.
- * It displays 4 designs of messages, each with corresponding semantic color and icon: Information, Positive, Warning and Negative.
- * Each message can have a Close button, so that it can be removed from the UI, if needed.
- *
- * <h3>Usage</h3>
- *
- * For the <code>ui5-message-strip</code> component, you can define whether it displays
- * an icon in the beginning and a close button. Moreover, its size and background
- * can be controlled with CSS.
- *
- * <h3>Keyboard Handling</h3>
- *
- * <h4>Fast Navigation</h4>
- * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.
- * In order to use this functionality, you need to import the following module:
- * <code>import "@ui5/webcomponents-base/dist/features/F6Navigation.js"</code>
- * <br><br>
- *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents/dist/MessageStrip";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.MessageStrip
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-message-strip
- * @public
- * @since 0.9.0
- */
-class MessageStrip extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return MessageStripTemplate;
-	}
-
-	static get styles() {
-		return messageStripCss;
-	}
-
-	constructor() {
-		super();
-	}
-
-	_closeClick() {
-		this.fireEvent("close", {});
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-			Button,
-		];
-	}
-
-	static async onDefine() {
-		MessageStrip.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-
-	static designClassesMappings() {
-		return {
-			"Information": "ui5-message-strip-root--info",
-			"Positive": "ui5-message-strip-root--positive",
-			"Negative": "ui5-message-strip-root--negative",
-			"Warning": "ui5-message-strip-root--warning",
-		};
-	}
-
-	static iconMappings() {
-		return {
-			"Information": "information",
-			"Positive": "sys-enter-2",
-			"Negative": "error",
-			"Warning": "alert",
-		};
-	}
-
-	static designAnnouncementMappings() {
-		return {
-			"Information": MessageStrip.i18nBundle.getText(MESSAGE_STRIP_INFORMATION),
-			"Positive": MessageStrip.i18nBundle.getText(MESSAGE_STRIP_SUCCESS),
-			"Negative": MessageStrip.i18nBundle.getText(MESSAGE_STRIP_ERROR),
-			"Warning": MessageStrip.i18nBundle.getText(MESSAGE_STRIP_WARNING),
-		};
-	}
-
-	get hiddenText() {
-		return `${MessageStrip.designAnnouncementMappings()[this.design]} ${this.hideCloseButton ? "" : this._closableText}`;
-	}
-
-	get _closeButtonText() {
-		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON);
-	}
-
-	get _closableText() {
-		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE);
-	}
-
-	get classes() {
-		return {
-			root: {
-				"ui5-message-strip-root": true,
-				"ui5-message-strip-root-hide-icon": this.hideIcon,
-				"ui5-message-strip-root-hide-close-button": this.hideCloseButton,
-				[this.designClasses]: true,
-			},
-		};
-	}
-
-	get iconProvided() {
-		return this.icon.length > 0;
-	}
-
-	get standardIconName() {
-		return MessageStrip.iconMappings()[this.design];
-	}
-
-	get designClasses() {
-		return MessageStrip.designClassesMappings()[this.design];
-	}
-}
-
-MessageStrip.define();
-
-export default MessageStrip;

package/src/StandardListItem.js

@@ -1,207 +0,0 @@
-import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import ListItem from "./ListItem.js";
-import Icon from "./Icon.js";
-import Avatar from "./Avatar.js";
-import WrappingType from "./types/WrappingType.js";
-import StandardListItemTemplate from "./generated/templates/StandardListItemTemplate.lit.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-li",
-	properties: /** @lends sap.ui.webcomponents.main.StandardListItem.prototype */ {
-
-		/**
-		 * Defines the description displayed right under the item text, if such is present.
-		 * @type {string}
-		 * @defaultvalue: ""
-		 * @public
-		 * @since 0.8.0
-		 */
-		description: {
-			type: String,
-		},
-
-		/**
-		 * Defines the <code>icon</code> source URI.
-		 * <br><br>
-		 * <b>Note:</b>
-		 * SAP-icons font provides numerous built-in icons. To find all the available icons, see 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}
-		 * @public
-		 */
-		icon: {
-			type: String,
-		},
-
-		/**
-		 * Defines whether the <code>icon</code> should be displayed in the beginning of the list item or in the end.
-		 * <br><br>
-		 * <b>Note:</b> If <code>image</code> is set, the <code>icon</code> would be displayed after the <code>image</code>.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		iconEnd: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the <code>image</code> source URI.
-		 * <br><br>
-		 * <b>Note:</b> The <code>image</code> would be displayed in the beginning of the list item.
-		 *
-		 * @type {string}
-		 * @public
-		 */
-		image: {
-			type: String,
-		},
-
-		/**
-		 * Defines the <code>additionalText</code>, displayed in the end of the list item.
-		 * @type {string}
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		additionalText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the state of the <code>additionalText</code>.
-		 * <br>
-		 * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
-		 * @type {sap.ui.webcomponents.base.types.ValueState}
-		 * @defaultvalue "None"
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		additionalTextState: {
-			type: ValueState,
-			defaultValue: ValueState.None,
-		},
-
-		/**
-		 * Defines the text alternative of the component.
-		 * Note: If not provided a default text alternative will be set, if present.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		accessibleName: {
-			type: String,
-		},
-
-		/**
-		 * Defines if the text of the component should wrap, they truncate by default.
-		 *
-		 * <br><br>
-		 * <b>Note:</b> this property takes affect only if text node is provided to default slot of the component
-		 * @type {sap.ui.webcomponents.main.types.WrappingType}
-		 * @defaultvalue "None"
-		 * @private
-		 * @since 1.5.0
-		 */
-		wrappingType: {
-			type: WrappingType,
-			defaultValue: WrappingType.None,
-		},
-
-		/**
-		 * Indicates if the list item has text content.
-		 * @type {boolean}
-		 * @private
-		 */
-		hasTitle: {
-			type: Boolean,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.StandardListItem.prototype */ {
-		/**
-		 * Defines the text of the component.
-		 * <br><br>
-		 * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-};
-
-/**
- * @class
- * The <code>ui5-li</code> represents the simplest type of item for a <code>ui5-list</code>.
- *
- * This is a list item,
- * providing the most common use cases such as <code>text</code>,
- * <code>image</code> and <code>icon</code>.
- *
- * <h3>CSS Shadow Parts</h3>
- *
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
- * <br>
- * The <code>ui5-li</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>title - Used to style the title of the list item</li>
- * <li>description - Used to style the description of the list item</li>
- * <li>additional-text - Used to style the additionalText of the list item</li>
- * <li>icon - Used to style the icon of the list item</li>
- * </ul>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.StandardListItem
- * @extends sap.ui.webcomponents.main.ListItem
- * @tagname ui5-li
- * @implements sap.ui.webcomponents.main.IListItem
- * @public
- */
-class StandardListItem extends ListItem {
-	static get template() {
-		return StandardListItemTemplate;
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	onBeforeRendering(...params) {
-		super.onBeforeRendering(...params);
-		this.hasTitle = !!this.textContent;
-	}
-
-	get displayImage() {
-		return !!this.image;
-	}
-
-	get displayIconBegin() {
-		return (this.icon && !this.iconEnd);
-	}
-
-	get displayIconEnd() {
-		return (this.icon && this.iconEnd);
-	}
-
-	static get dependencies() {
-		return [
-			...ListItem.dependencies,
-			Icon,
-			Avatar,
-		];
-	}
-}
-
-StandardListItem.define();
-
-export default StandardListItem;

package/src/SuggestionGroupItem.js

@@ -1,64 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import GroupHeaderListItem from "./GroupHeaderListItem.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-suggestion-group-item",
-	properties: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
-		/**
-		 * Defines the text of the <code>ui5-suggestion-group-item</code>.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		text: {
-			type: String,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
-	},
-	events: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
-	},
-};
-
-/**
- * @class
- * The <code>ui5-suggestion-group-item</code> is type of suggestion item,
- * that can be used to split the <code>ui5-input</code> suggestions into groups.
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.SuggestionGroupItem
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-suggestion-group-item
- * @implements sap.ui.webcomponents.main.IInputSuggestionItem
- * @public
- * @since 1.0.0-rc.15
- */
-class SuggestionItem extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get dependencies() {
-		return [
-			GroupHeaderListItem,
-		];
-	}
-
-	/**
-	 * Indicates the "grouping" nature of the component
-	 * to avoid tag name checks tag name to diferenciate from the standard suggestion item.
-	 * @protected
-	 */
-	get groupItem() {
-		return true;
-	}
-}
-
-SuggestionItem.define();
-
-export default SuggestionItem;