@ui5/webcomponents 0.0.0-e818f286e → 0.0.0-ee3bbe46b

package/dist/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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"}

package/dist/ListItemBase.d.ts

@@ -0,0 +1,62 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type { ClassMap, ComponentStylesData } from "@ui5/webcomponents-base/dist/types.js";
+/**
+ * @class
+ * A class to serve as a foundation
+ * for the <code>ListItem</code> and <code>GroupHeaderListItem</code> classes.
+ *
+ * @abstract
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.ListItemBase
+ * @extends sap.ui.webc.base.UI5Element
+ * @public
+ */
+declare abstract class ListItemBase extends UI5Element implements ITabbable {
+    /**
+     * Defines the selected state of the <code>ListItem</code>.
+     * @type {boolean}
+     * @name sap.ui.webc.main.ListItemBase.prototype.selected
+     * @defaultvalue false
+     * @public
+     */
+    selected: boolean;
+    /**
+    * Defines if the list item should display its bottom border.
+    * @private
+    */
+    hasBorder: boolean;
+    _tabIndex: string;
+    /**
+    * Defines whether <code>ui5-li</code> is in disabled state.
+    * <br><br>
+    * <b>Note:</b> A disabled <code>ui5-li</code> is noninteractive.
+    * @type {boolean}
+    * @name sap.ui.webc.main.ListItemBase.prototype.disabled
+    * @defaultvalue false
+    * @protected
+    * @since 1.0.0-rc.12
+    */
+    disabled: boolean;
+    /**
+     * Indicates if the element is on focus
+     * @private
+     */
+    focused: boolean;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get styles(): ComponentStylesData;
+    _onfocusin(e: FocusEvent): void;
+    _onfocusout(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    abstract _onkeyup(e: KeyboardEvent): void;
+    _handleTabNext(e: KeyboardEvent): void;
+    _handleTabPrevious(e: KeyboardEvent): void;
+    shouldForwardTabAfter(target: HTMLElement | UI5Element): boolean;
+    shouldForwardTabBefore(target: HTMLElement): boolean;
+    get classes(): ClassMap;
+    get _ariaDisabled(): true | undefined;
+    get hasConfigurableMode(): boolean;
+    get _effectiveTabIndex(): string | 0 | -1;
+}
+export default ListItemBase;

package/dist/ListItemBase.js

@@ -1,181 +1,128 @@
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import { getTabbableElements } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
 import { isTabNext, isTabPrevious } from "@ui5/webcomponents-base/dist/Keys.js";
-
 // Styles
 import styles from "./generated/themes/ListItemBase.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	properties: /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */  {
-
-		/**
-		 * Defines the selected state of the <code>ListItem</code>.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		selected: {
-			type: Boolean,
-		},
-
-		/**
-		* Defines if the list item should display its bottom border.
-		* @private
-		*/
-		hasBorder: {
-			type: Boolean,
-		},
-
-		_tabIndex: {
-			type: String,
-			defaultValue: "-1",
-			noAttribute: true,
-		},
-
-		/**
-		 * Defines whether <code>ui5-li</code> is in disabled state.
-		 * <br><br>
-		 * <b>Note:</b> A disabled <code>ui5-li</code> is noninteractive.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @protected
-		 * @since 1.0.0-rc.12
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Indicates if the element is on focus
-		 * @private
-		 */
-		focused: {
-			type: Boolean,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */  {
-		_focused: {},
-		"_forward-after": {},
-		"_forward-before": {},
-	},
-};
-
 /**
+ * @class
  * A class to serve as a foundation
  * for the <code>ListItem</code> and <code>GroupHeaderListItem</code> classes.
  *
  * @abstract
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.ListItemBase
- * @extends UI5Element
+ * @alias sap.ui.webc.main.ListItemBase
+ * @extends sap.ui.webc.base.UI5Element
  * @public
  */
-class ListItemBase extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	_onfocusin(event) {
-		if (event.target !== this.getFocusDomRef()) {
-			return;
-		}
-
-		this.focused = true;
-		this.fireEvent("_focused", event);
-	}
-
-	_onfocusout(_event) {
-		this.focused = false;
-	}
-
-	_onkeydown(event) {
-		if (isTabNext(event)) {
-			return this._handleTabNext(event);
-		}
-
-		if (isTabPrevious(event)) {
-			return this._handleTabPrevious(event);
-		}
-	}
-
-	_onkeyup() {}
-
-	_handleTabNext(event) {
-		const target = event.target;
-
-		if (this.shouldForwardTabAfter(target)) {
-			if (!this.fireEvent("_forward-after", { item: target }, true)) {
-				event.preventDefault();
-			}
-		}
-	}
-
-	_handleTabPrevious(event) {
-		const target = event.target;
-
-		if (this.shouldForwardTabBefore(target)) {
-			const eventData = event;
-			eventData.item = target;
-			this.fireEvent("_forward-before", eventData);
-		}
-	}
-
-	/*
-	* Determines if th current list item either has no tabbable content or
-	* [TAB] is performed onto the last tabbale content item.
-	*/
-	shouldForwardTabAfter(target) {
-		const aContent = getTabbableElements(this.getDomRef());
-
-		if (target.getFocusDomRef) {
-			target = target.getFocusDomRef();
-		}
-
-		return !aContent.length || (aContent[aContent.length - 1] === target);
-	}
-
-	/*
-	* Determines if the current list item is target of [SHIFT+TAB].
-	*/
-	shouldForwardTabBefore(target) {
-		return this.getDomRef() === target;
-	}
-
-	get classes() {
-		return {
-			main: {
-				"ui5-li-root": true,
-				"ui5-li--focusable": !this.disabled,
-			},
-		};
-	}
-
-	get ariaDisabled() {
-		return this.disabled ? "true" : undefined;
-	}
-
-	get tabIndex() {
-		if (this.disabled) {
-			return -1;
-		}
-		if (this.selected) {
-			return 0;
-		}
-		return this._tabIndex;
-	}
-}
-
+let ListItemBase = class ListItemBase extends UI5Element {
+    static get render() {
+        return litRender;
+    }
+    static get styles() {
+        return styles;
+    }
+    _onfocusin(e) {
+        if (e.target !== this.getFocusDomRef()) {
+            return;
+        }
+        this.focused = true;
+        this.fireEvent("_focused", e);
+    }
+    _onfocusout() {
+        this.focused = false;
+    }
+    _onkeydown(e) {
+        if (isTabNext(e)) {
+            return this._handleTabNext(e);
+        }
+        if (isTabPrevious(e)) {
+            return this._handleTabPrevious(e);
+        }
+    }
+    _handleTabNext(e) {
+        const target = e.target;
+        if (this.shouldForwardTabAfter(target)) {
+            if (!this.fireEvent("_forward-after", {}, true)) {
+                e.preventDefault();
+            }
+        }
+    }
+    _handleTabPrevious(e) {
+        const target = e.target;
+        if (this.shouldForwardTabBefore(target)) {
+            this.fireEvent("_forward-before");
+        }
+    }
+    /*
+    * Determines if th current list item either has no tabbable content or
+    * [TAB] is performed onto the last tabbale content item.
+    */
+    shouldForwardTabAfter(target) {
+        const aContent = getTabbableElements(this.getFocusDomRef());
+        if (target instanceof UI5Element) {
+            target = target.getFocusDomRef();
+        }
+        return !aContent.length || (aContent[aContent.length - 1] === target);
+    }
+    /*
+    * Determines if the current list item is target of [SHIFT+TAB].
+    */
+    shouldForwardTabBefore(target) {
+        return this.getFocusDomRef() === target;
+    }
+    get classes() {
+        return {
+            main: {
+                "ui5-li-root": true,
+                "ui5-li--focusable": !this.disabled,
+            },
+        };
+    }
+    get _ariaDisabled() {
+        return this.disabled ? true : undefined;
+    }
+    get hasConfigurableMode() {
+        return false;
+    }
+    get _effectiveTabIndex() {
+        if (this.disabled) {
+            return -1;
+        }
+        if (this.selected) {
+            return 0;
+        }
+        return this._tabIndex;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], ListItemBase.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], ListItemBase.prototype, "hasBorder", void 0);
+__decorate([
+    property({ defaultValue: "-1", noAttribute: true })
+], ListItemBase.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ type: Boolean })
+], ListItemBase.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ListItemBase.prototype, "focused", void 0);
+ListItemBase = __decorate([
+    event("_focused"),
+    event("_forward-after"),
+    event("_forward-before")
+], ListItemBase);
 export default ListItemBase;
+//# sourceMappingURL=ListItemBase.js.map

package/dist/ListItemBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemBase.js","sourceRoot":"","sources":["../src/ListItemBase.ts"],"names":[],"mappings":"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"}

package/dist/Menu.js

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import DOMReference from "@ui5/webcomponents-base/dist/types/DOMReference.js";
 import {
 	isLeft,
 	isRight,
@@ -33,7 +34,7 @@ import staticAreaMenuCss from "./generated/themes/Menu.css.js";
  */
 const metadata = {
 	tag: "ui5-menu",
-	properties: /** @lends sap.ui.webcomponents.main.Menu.prototype */ {
+	properties: /** @lends sap.ui.webc.main.Menu.prototype */ {
 		/**
 		 * Defines the header text of the menu (displayed on mobile).
 		 * @type {string}
@@ -44,6 +45,29 @@ const metadata = {
 			type: String,
 		},
 
+		/**
+		 * Indicates if the menu is open
+		 * @public
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @since 1.10.0
+		 */
+		open: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines the ID or DOM Reference of the element that the menu is shown at
+		 * @public
+		 * @type {DOMReference}
+		 * @defaultvalue ""
+		 * @since 1.10.0
+		 */
+		opener: {
+			type: DOMReference,
+			defaultValue: "",
+		},
+
 		/**
 		 * Defines if the menu is sub-menu (not first-level).
 		 * @type {boolean}
@@ -115,13 +139,13 @@ const metadata = {
 		},
 	},
 	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.main.Menu.prototype */ {
+	slots: /** @lends sap.ui.webc.main.Menu.prototype */ {
 		/**
 		 * Defines the items of this component.
 		 * <br><br>
 		 * <b>Note:</b> Use <code>ui5-menu-item</code> for the intended design.
 		 *
-		 * @type {sap.ui.webcomponents.main.IMenuItem[]}
+		 * @type {sap.ui.webc.main.IMenuItem[]}
 		 * @slot items
 		 * @public
 		 */
@@ -131,16 +155,16 @@ const metadata = {
 			invalidateOnChildChange: true,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.main.Menu.prototype */ {
+	events: /** @lends sap.ui.webc.main.Menu.prototype */ {
 		/**
 		 * Fired when an item is being clicked.
 		 *
-		 * @event sap.ui.webcomponents.main.Menu#item-click
+		 * @event sap.ui.webc.main.Menu#item-click
 		 * @param {object} item The currently clicked menu item.
 		 * @param {string} text The text of the currently clicked menu item.
 		 * @public
 		 */
-		 "item-click": {
+		"item-click": {
 			detail: {
 				item: {
 					type: Object,
@@ -149,7 +173,50 @@ const metadata = {
 					type: String,
 				},
 			},
-		 },
+		},
+
+		/**
+		 * Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. <b>This event does not bubble.</b>
+		 *
+		 * @public
+		 * @event sap.ui.webc.main.Menu#before-open
+		 * @allowPreventDefault
+		 * @since 1.10.0
+		 */
+		"before-open": {},
+
+		/**
+		 * Fired after the menu is opened. <b>This event does not bubble.</b>
+		 *
+		 * @public
+		 * @event sap.ui.webc.main.Menu#after-open
+		 * @since 1.10.0
+		 */
+		"after-open": {},
+
+		/**
+		 * Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. <b>This event does not bubble.</b>
+		 *
+		 * @public
+		 * @event sap.ui.webc.main.Menu#before-close
+		 * @allowPreventDefault
+		 * @param {boolean} escPressed Indicates that <code>ESC</code> key has triggered the event.
+		 * @since 1.10.0
+		 */
+		"before-close": {
+			detail: {
+				escPressed: { type: Boolean },
+			},
+		},
+
+		/**
+		 * Fired after the menu is closed. <b>This event does not bubble.</b>
+		 *
+		 * @public
+		 * @event sap.ui.webc.main.Menu#after-close
+		 * @since 1.10.0
+		 */
+		"after-close": {},
 	},
 };
 
@@ -180,12 +247,12 @@ const metadata = {
  *
  * <h3>ES6 Module Import</h3>
  *
- * <code>import @ui5/webcomponents/dist/Menu.js";</code>
+ * <code>import "@ui5/webcomponents/dist/Menu.js";</code>
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Menu
- * @extends UI5Element
+ * @alias sap.ui.webc.main.Menu
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-menu
  * @appenddocs MenuItem
  * @since 1.3.0
@@ -275,6 +342,22 @@ class Menu extends UI5Element {
 		});
 	}
 
+	onAfterRendering() {
+		if (!this.opener) {
+			return;
+		}
+		if (this.open) {
+			const rootNode = this.getRootNode();
+			const opener = this.opener instanceof HTMLElement ? this.opener : rootNode && rootNode.getElementById(this.opener);
+
+			if (opener) {
+				this.showAt(opener);
+			}
+		} else {
+			this.close();
+		}
+	}
+
 	/**
 	 * Shows the Menu near the opener element.
 	 * @param {HTMLElement} opener the element that the popover is shown at
@@ -318,13 +401,6 @@ class Menu extends UI5Element {
 		return this._popover;
 	}
 
-	_beforePopoverClose() {
-		if (Object.keys(this._openedSubMenuItem).length) {
-			this._openedSubMenuItem._preventSubMenuClose = false;
-			this._closeItemSubMenu(this._openedSubMenuItem);
-		}
-	}
-
 	_navigateBack() {
 		const parentMenuItem = this._parentItemsStack.pop();
 
@@ -397,11 +473,11 @@ class Menu extends UI5Element {
 	}
 
 	_prepareSubMenuDesktopTablet(item, opener, actionId) {
-		if (actionId !== this._subMenuOpenerId || item.hasChildren) {
+		if (actionId !== this._subMenuOpenerId || (item && item.hasChildren)) {
 			// close opened sub-menu if there is any opened
 			this._closeItemSubMenu(this._openedSubMenuItem, true);
 		}
-		if (item.hasChildren) {
+		if (item && item.hasChildren) {
 			// create new sub-menu
 			this._createSubMenu(item, actionId);
 			this._openItemSubMenu(item, opener, actionId);
@@ -434,7 +510,7 @@ class Menu extends UI5Element {
 			// respect mouseover only on desktop
 			const item = event.target.associatedItem;
 
-			if (item.hasChildren && item._subMenu) {
+			if (item && item.hasChildren && item._subMenu) {
 				// try to close the sub-menu
 				item._preventSubMenuClose = false;
 				this._closeItemSubMenu(item);
@@ -495,6 +571,40 @@ class Menu extends UI5Element {
 			this._prepareSubMenuDesktopTablet(item, opener, actionId);
 		}
 	}
+
+	_beforePopoverOpen(event) {
+		const prevented = !this.fireEvent("before-open", {}, true, false);
+
+		if (prevented) {
+			this.open = false;
+			event.preventDefault();
+		}
+	}
+
+	_afterPopoverOpen() {
+		this.open = true;
+		this.fireEvent("after-open");
+	}
+
+	_beforePopoverClose(event) {
+		const prevented = !this.fireEvent("before-close", { escPressed: event.detail.escPressed	}, true, false);
+
+		if (prevented) {
+			this.open = true;
+			event.preventDefault();
+			return;
+		}
+
+		if (Object.keys(this._openedSubMenuItem).length) {
+			this._openedSubMenuItem._preventSubMenuClose = false;
+			this._closeItemSubMenu(this._openedSubMenuItem);
+		}
+	}
+
+	_afterPopoverClose() {
+		this.open = false;
+		this.fireEvent("after-close");
+	}
 }
 
 Menu.define();