@ui5/webcomponents 0.0.0-97cba4b0b → 0.0.0-99b763015

package/src/MenuItem.ts

@@ -1,169 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import type Menu from "./Menu.js";
-
-/**
- * @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.webc.main.MenuItem
- * @extends sap.ui.webc.base.UI5Element
- * @abstract
- * @tagname ui5-menu-item
- * @implements sap.ui.webc.main.IMenuItem
- * @since 1.3.0
- * @public
- */
-@customElement("ui5-menu-item")
-class MenuItem extends UI5Element {
-	/**
-	 * Defines the text of the tree item.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.text
-	 * @type {string}
-	 * @defaultValue ""
-	 * @public
-	 */
-	@property()
-	text!: 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.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.additionalText
-	 * @type {string}
-	 * @public
-	 * @since 1.8.0
-	 */
-	@property()
-	additionalText!: 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>.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.icon
-	 * @type {string}
-	 * @defaultvalue ""
-	 * @public
-	 */
-	@property()
-	icon!: string;
-
-	/**
-	 * Defines whether a visual separator should be rendered before the item.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.startsSection
-	 * @type {boolean}
-	 * @defaultvalue false
-	 * @public
-	 */
-	@property({ type: Boolean })
-	startsSection!: 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.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.disabled
-	 * @type {boolean}
-	 * @defaultvalue false
-	 * @public
-	 */
-	@property({ type: Boolean })
-	disabled!: boolean;
-
-	/**
-	 * Defines the accessible ARIA name of the component.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.accessibleName
-	 * @type {string}
-	 * @defaultvalue ""
-	 * @public
-	 * @since 1.7.0
-	 */
-	@property()
-	accessibleName!: string;
-
-	/**
-	 * Indicates whether any of the element siblings have children items.
-	 */
-	@property({ type: Boolean, noAttribute: true })
-	_siblingsWithChildren!: boolean;
-
-	/**
-	 * Indicates whether any of the element siblings have icon.
-	 */
-	@property({ type: Boolean, noAttribute: true })
-	_siblingsWithIcon!: boolean;
-
-	/**
-	 * Defines whether the submenu closing must be prevented
-	 */
-	@property({ type: Boolean, noAttribute: true })
-	_preventSubMenuClose!: boolean;
-
-	/**
-	 * Stores Menu object with submenu items
-	 */
-	@property({ type: Object, defaultValue: undefined })
-	_subMenu?: Menu;
-
-	/**
-	 * Defines the items of this component.
-	 *
-	 * @name sap.ui.webc.main.MenuItem.prototype.default
-	 * @type {sap.ui.webc.main.IMenuItem[]}
-	 * @slot items
-	 * @public
-	 */
-	@slot({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
-	items!: Array<MenuItem>;
-
-	get hasChildren() {
-		return !!this.items.length;
-	}
-
-	get hasDummyIcon() {
-		return this._siblingsWithIcon && !this.icon;
-	}
-
-	get subMenuOpened() {
-		return !!this._subMenu;
-	}
-
-	get _additionalText() {
-		return this.hasChildren ? "" : this.additionalText;
-	}
-
-	get ariaLabelledByText() {
-		return `${this.text} ${this.accessibleName}`.trim();
-	}
-}
-
-MenuItem.define();
-
-export default MenuItem;

package/src/MessageStrip.ts

@@ -1,232 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.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";
-
-enum DesignClassesMapping {
-	Information = "ui5-message-strip-root--info",
-	Positive = "ui5-message-strip-root--positive",
-	Negative = "ui5-message-strip-root--negative",
-	Warning = "ui5-message-strip-root--warning",
-}
-
-enum IconMappings {
-	Information = "information",
-	Positive = "sys-enter-2",
-	Negative = "error",
-	Warning = "alert",
-}
-
-type DesignTypeAnnouncemnt = Record<MessageStripDesign, string>;
-
-/**
- * @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.webc.main.MessageStrip
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-message-strip
- * @public
- * @since 0.9.0
- */
-@customElement({
-	tag: "ui5-message-strip",
-	languageAware: true,
-	renderer: litRender,
-	template: MessageStripTemplate,
-	styles: messageStripCss,
-	dependencies: [Icon, Button],
-})
-/**
- * Fired when the close button is pressed either with a
- * click/tap or by using the Enter or Space key.
- *
- * @event sap.ui.webc.main.MessageStrip#close
- * @public
- */
-@event("close")
-
-class MessageStrip extends UI5Element {
-	/**
-	 * 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.webc.main.types.MessageStripDesign}
-	 * @name sap.ui.webc.main.MessageStrip.prototype.design
-	 * @defaultvalue "Information"
-	 * @public
-	 * @since 1.0.0-rc.15
-	 */
-	@property({
-		type: MessageStripDesign,
-		defaultValue: MessageStripDesign.Information,
-	})
-	design!: MessageStripDesign;
-
-	/**
-	 * 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}
-	 * @name sap.ui.webc.main.MessageStrip.prototype.hideIcon
-	 * @defaultvalue false
-	 * @public
-	 * @since 1.0.0-rc.15
-	 */
-	@property({ type: Boolean })
-	hideIcon!: boolean;
-
-	/**
-	 * Defines whether the MessageStrip renders close button.
-	 *
-	 * @type {boolean}
-	 * @name sap.ui.webc.main.MessageStrip.prototype.hideCloseButton
-	 * @defaultvalue false
-	 * @public
-	 */
-	@property({ type: Boolean })
-	hideCloseButton!: boolean;
-
-	/**
-	 * 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[]}
-	 * @name sap.ui.webc.main.MessageStrip.prototype.default
-	 * @slot
-	 * @public
-	 */
-
-	/**
-	 * 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.webc.main.IIcon}
-	 * @name sap.ui.webc.main.MessageStrip.prototype.icon
-	 * @slot
-	 * @public
-	 */
-	@slot()
-	icon!: Array<Icon>;
-
-	static i18nBundle: I18nBundle;
-
-	_closeClick() {
-		this.fireEvent("close");
-	}
-
-	static async onDefine() {
-		MessageStrip.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-
-	static designAnnouncementMappings(): DesignTypeAnnouncemnt {
-		const getTranslation = (text:I18nText): string => {
-			return MessageStrip.i18nBundle.getText(text);
-		};
-
-		return {
-			Information: getTranslation(MESSAGE_STRIP_INFORMATION),
-			Positive: getTranslation(MESSAGE_STRIP_SUCCESS),
-			Negative: getTranslation(MESSAGE_STRIP_ERROR),
-			Warning: getTranslation(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(): ClassMap {
-		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 IconMappings[this.design];
-	}
-
-	get designClasses() {
-		return DesignClassesMapping[this.design];
-	}
-}
-
-MessageStrip.define();
-
-export default MessageStrip;