@ui5/webcomponents 0.0.0-b132dd7b9 → 0.0.0-b3a4f8020

package/dist/MenuItem.d.ts

@@ -1,11 +1,13 @@
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { AccessibilityAttributes, AriaHasPopup, AriaRole } from "@ui5/webcomponents-base";
 import "@ui5/webcomponents-icons/dist/nav-back.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import MenuItemGroupCheckMode from "./types/MenuItemGroupCheckMode.js";
 import type { ListItemAccessibilityAttributes } from "./ListItem.js";
+import type List from "./List.js";
 import ListItem from "./ListItem.js";
 import type ResponsivePopover from "./ResponsivePopover.js";
-import type PopoverPlacement from "./types/PopoverPlacement.js";
 import type { IMenuItem } from "./Menu.js";
 type MenuBeforeOpenEventDetail = {
     item?: MenuItem;
@@ -47,6 +49,7 @@ declare class MenuItem extends ListItem implements IMenuItem {
         "before-close": MenuBeforeCloseEventDetail;
         "close": void;
         "close-menu": void;
+        "check": void;
         "exit-end-content": MenuNavigateOutOfEndContentEventDetail;
     };
     /**
@@ -80,24 +83,24 @@ declare class MenuItem extends ListItem implements IMenuItem {
      */
     icon?: string;
     /**
-     * Defines whether `ui5-menu-item` is in disabled state.
+     * Defines whether menu item is in disabled state.
      *
-     * **Note:** A disabled `ui5-menu-item` is noninteractive.
+     * **Note:** A disabled menu item is noninteractive.
      * @default false
      * @public
      */
     disabled: boolean;
     /**
-     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
      *
-     * **Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.
+     * **Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.
      * @default false
      * @public
      * @since 1.13.0
      */
     loading: boolean;
     /**
-     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
      * @default 1000
      * @public
      * @since 1.13.0
@@ -117,6 +120,18 @@ declare class MenuItem extends ListItem implements IMenuItem {
      * @since 1.23.0
      */
     tooltip?: string;
+    /**
+     * Defines whether menu item is in checked state.
+     *
+     * **Note:** checked state is only taken into account when menu item is added to menu item group
+     * with `checkMode` other than `None`.
+     *
+     * **Note:** A checked menu item has a checkmark displayed at its end.
+     * @default false
+     * @public
+     * @since 2.12.0
+     */
+    checked: boolean;
     /**
      * Defines the additional accessibility attributes that will be applied to the component.
      * The following fields are supported:
@@ -124,7 +139,6 @@ declare class MenuItem extends ListItem implements IMenuItem {
      * - **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.
      *
      * - **role**: Defines the role of the menu item. If not set, menu item will have default role="menuitem".
-     *
      * @public
      * @since 2.1.0
      * @default {}
@@ -134,10 +148,16 @@ declare class MenuItem extends ListItem implements IMenuItem {
      * Indicates whether any of the element siblings have icon.
      */
     _siblingsWithIcon: boolean;
+    /**
+     * Defines the component's check mode.
+     * @default "None"
+     * @private
+     */
+    _checkMode: `${MenuItemGroupCheckMode}`;
     /**
      * Defines the items of this component.
      *
-     * **Note:** The slot can hold `ui5-menu-item` and `ui5-menu-separator` items.
+     * **Note:** The slot can hold menu item and menu separator items.
      *
      * If there are items added to this slot, an arrow will be displayed at the end
      * of the item in order to indicate that there are items added. In that case components added
@@ -147,7 +167,7 @@ declare class MenuItem extends ListItem implements IMenuItem {
      * sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
      * @public
      */
-    items: Array<IMenuItem>;
+    items: DefaultSlot<IMenuItem>;
     /**
      * Defines the components that should be displayed at the end of the menu item.
      *
@@ -158,36 +178,44 @@ declare class MenuItem extends ListItem implements IMenuItem {
      *
      * The priority of what will be displayed at the end of the menu item is as follows:
      * sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
+     *
+     * Application developers are responsible for ensuring that interactive elements placed in the `endContent` slot
+     * have the correct accessibility behaviour, including their enabled or disabled states.
+     * The menu does not manage these aspects when the menu item state changes.
      * @public
      * @since 2.0.0
      */
-    endContent: Array<HTMLElement>;
+    endContent: Slot<HTMLElement>;
     static i18nBundle: I18nBundle;
     _itemNavigation: ItemNavigation;
+    _shiftPressed: boolean;
+    _openedByMouse: boolean;
     constructor();
+    get _list(): List | null;
     get _navigableItems(): Array<HTMLElement>;
+    get _isCheckable(): boolean;
     _navigateToEndContent(shouldNavigateToPreviousItem: boolean): void;
-    get placement(): `${PopoverPlacement}`;
     get isRtl(): boolean;
     get hasSubmenu(): boolean;
     get hasEndContent(): boolean;
     get hasIcon(): boolean;
-    get isSubMenuOpen(): boolean;
+    get isSubMenuOpen(): boolean | undefined;
     get menuHeaderTextPhone(): string | undefined;
     get isPhone(): boolean;
     get labelBack(): string;
-    get labelClose(): string;
-    get acessibleNameText(): string;
-    get isSeparator(): boolean;
+    get labelCancel(): string;
+    get accessibleNameText(): string;
     onBeforeRendering(): void;
     focus(focusOptions?: FocusOptions): Promise<void>;
     get _focusable(): boolean;
+    get _role(): "menuitem" | "menuitemcheckbox" | "menuitemradio";
     get _accInfo(): {
         role: AriaRole;
         ariaHaspopup?: `${AriaHasPopup}`;
         ariaKeyShortcuts?: string;
-        ariaHidden?: boolean;
         ariaExpanded?: boolean;
+        ariaHidden?: boolean;
+        ariaChecked?: boolean;
         ariaLevel?: number;
         ariaLabel: string;
         ariaLabelRadioButton: string;
@@ -195,16 +223,28 @@ declare class MenuItem extends ListItem implements IMenuItem {
         posinset?: number;
         setsize?: number;
         ariaSelected?: boolean;
-        ariaChecked?: boolean;
         listItemAriaLabel?: string;
         ariaOwns?: string;
         tooltip?: string;
     };
-    get _popover(): ResponsivePopover;
+    get _popover(): ResponsivePopover | null;
+    get _markChecked(): boolean;
+    /** Returns menu item groups */
+    get _menuItemGroups(): import("./MenuItemGroup.js").default[];
+    /** Returns menu items */
     get _menuItems(): MenuItem[];
+    /** Returns all menu items (including those in groups */
+    get _allMenuItems(): MenuItem[];
+    /** Returns menu items included in the ItemNavigation */
+    get _navigatableMenuItems(): MenuItem[];
+    _setupItemNavigation(): void;
     _closeOtherSubMenus(item: MenuItem): void;
     _itemMouseOver(e: MouseEvent): void;
+    _isSpace(e: KeyboardEvent): boolean;
+    _isEnter(e: KeyboardEvent): boolean;
+    _onclick(e: MouseEvent): void;
     _itemKeyDown(e: KeyboardEvent): void;
+    _itemKeyUp(e: KeyboardEvent): void;
     _endContentKeyDown(e: KeyboardEvent): void;
     _navigateOutOfEndContent(e: CustomEvent): void;
     _closeAll(): void;
@@ -214,8 +254,8 @@ declare class MenuItem extends ListItem implements IMenuItem {
     _beforePopoverClose(e: CustomEvent): void;
     _afterPopoverClose(): void;
     get isMenuItem(): boolean;
+    _updateCheckedState(): void;
 }
-declare const isInstanceOfMenuItem: (object: any) => object is MenuItem;
 export default MenuItem;
 export type { MenuBeforeCloseEventDetail, MenuBeforeOpenEventDetail, MenuItemAccessibilityAttributes, };
-export { isInstanceOfMenuItem, };
+export declare const isInstanceOfMenuItem: (object: any) => object is MenuItem;

package/dist/MenuItem.js

@@ -6,21 +6,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var MenuItem_1;
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import { isLeft, isRight, isEnter, isSpace, isTabNext, isTabPrevious, isDown, isUp, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isLeft, isRight, isEnter, isSpace, isEnterShift, isSpaceShift, isShift, isTabNext, isTabPrevious, isDown, isUp, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop, isPhone } from "@ui5/webcomponents-base/dist/Device.js";
 import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import "@ui5/webcomponents-icons/dist/nav-back.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import ItemNavigationBehavior from "@ui5/webcomponents-base/dist/types/ItemNavigationBehavior.js";
+import MenuItemGroupCheckMode from "./types/MenuItemGroupCheckMode.js";
 import ListItem from "./ListItem.js";
+import { isInstanceOfMenuSeparator } from "./MenuSeparator.js";
+import { isInstanceOfMenuItemGroup } from "./MenuItemGroup.js";
 import MenuItemTemplate from "./MenuItemTemplate.js";
-import { MENU_BACK_BUTTON_ARIA_LABEL, MENU_CLOSE_BUTTON_ARIA_LABEL, MENU_POPOVER_ACCESSIBLE_NAME, } from "./generated/i18n/i18n-defaults.js";
+import { MENU_BACK_BUTTON_ARIA_LABEL, MENU_CANCEL_BUTTON_TEXT, MENU_POPOVER_ACCESSIBLE_NAME, } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import menuItemCss from "./generated/themes/MenuItem.css.js";
 /**
@@ -50,39 +54,62 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
     constructor() {
         super();
         /**
-         * Defines whether `ui5-menu-item` is in disabled state.
+         * Defines whether menu item is in disabled state.
          *
-         * **Note:** A disabled `ui5-menu-item` is noninteractive.
+         * **Note:** A disabled menu item is noninteractive.
          * @default false
          * @public
          */
         this.disabled = false;
         /**
-         * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+         * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
          *
-         * **Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.
+         * **Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.
          * @default false
          * @public
          * @since 1.13.0
          */
         this.loading = false;
         /**
-         * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+         * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
          * @default 1000
          * @public
          * @since 1.13.0
          */
         this.loadingDelay = 1000;
+        /**
+         * Defines whether menu item is in checked state.
+         *
+         * **Note:** checked state is only taken into account when menu item is added to menu item group
+         * with `checkMode` other than `None`.
+         *
+         * **Note:** A checked menu item has a checkmark displayed at its end.
+         * @default false
+         * @public
+         * @since 2.12.0
+         */
+        this.checked = false;
         /**
          * Indicates whether any of the element siblings have icon.
          */
         this._siblingsWithIcon = false;
+        /**
+         * Defines the component's check mode.
+         * @default "None"
+         * @private
+         */
+        this._checkMode = "None";
+        this._shiftPressed = false;
+        this._openedByMouse = false;
         this._itemNavigation = new ItemNavigation(this, {
             navigationMode: NavigationMode.Horizontal,
             behavior: ItemNavigationBehavior.Static,
             getItemsCallback: () => this._navigableItems,
         });
     }
+    get _list() {
+        return this.shadowRoot && this.shadowRoot.querySelector("[ui5-list]");
+    }
     get _navigableItems() {
         return [...this.endContent].filter(item => {
             return item.hasAttribute("ui5-button")
@@ -90,6 +117,9 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
                 || (item.hasAttribute("ui5-icon") && item.getAttribute("mode") === "Interactive");
         });
     }
+    get _isCheckable() {
+        return this._checkMode !== MenuItemGroupCheckMode.None;
+    }
     _navigateToEndContent(shouldNavigateToPreviousItem) {
         const navigatableItems = this._navigableItems;
         const item = shouldNavigateToPreviousItem
@@ -100,9 +130,6 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
             this._itemNavigation._focusCurrentItem();
         }
     }
-    get placement() {
-        return this.isRtl ? "Start" : "End";
-    }
     get isRtl() {
         return this.effectiveDir === "rtl";
     }
@@ -127,49 +154,102 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
     get labelBack() {
         return MenuItem_1.i18nBundle.getText(MENU_BACK_BUTTON_ARIA_LABEL);
     }
-    get labelClose() {
-        return MenuItem_1.i18nBundle.getText(MENU_CLOSE_BUTTON_ARIA_LABEL);
+    get labelCancel() {
+        return MenuItem_1.i18nBundle.getText(MENU_CANCEL_BUTTON_TEXT);
     }
-    get acessibleNameText() {
+    get accessibleNameText() {
         return MenuItem_1.i18nBundle.getText(MENU_POPOVER_ACCESSIBLE_NAME);
     }
-    get isSeparator() {
-        return false;
-    }
     onBeforeRendering() {
         super.onBeforeRendering();
-        const siblingsWithIcon = this._menuItems.some(menuItem => !!menuItem.icon);
-        this._menuItems.forEach(item => {
+        const siblingsWithIcon = this._allMenuItems.some(menuItem => !!menuItem.icon);
+        this._setupItemNavigation();
+        this._allMenuItems.forEach(item => {
             item._siblingsWithIcon = siblingsWithIcon;
         });
     }
     async focus(focusOptions) {
         await renderFinished();
         if (this.hasSubmenu && this.isSubMenuOpen) {
-            return this._menuItems[0].focus(focusOptions);
+            const menuItems = this._allMenuItems;
+            return menuItems[0] && menuItems[0].focus(focusOptions);
         }
         return super.focus(focusOptions);
     }
     get _focusable() {
         return true;
     }
+    get _role() {
+        switch (this._checkMode) {
+            case MenuItemGroupCheckMode.Single:
+                return "menuitemradio";
+            case MenuItemGroupCheckMode.Multiple:
+                return "menuitemcheckbox";
+            default:
+                return "menuitem";
+        }
+    }
     get _accInfo() {
         const accInfoSettings = {
-            role: this.accessibilityAttributes.role || "menuitem",
+            role: this.accessibilityAttributes.role || this._role,
             ariaHaspopup: this.hasSubmenu ? "menu" : undefined,
             ariaKeyShortcuts: this.accessibilityAttributes.ariaKeyShortcuts,
+            ariaExpanded: this.hasSubmenu ? this.isSubMenuOpen : undefined,
             ariaHidden: !!this.additionalText && !!this.accessibilityAttributes.ariaKeyShortcuts ? true : undefined,
+            ariaChecked: this._markChecked ? true : undefined,
         };
         return { ...super._accInfo, ...accInfoSettings };
     }
     get _popover() {
-        return this.shadowRoot.querySelector("[ui5-responsive-popover]");
+        return this.shadowRoot && this.shadowRoot.querySelector("[ui5-responsive-popover]");
     }
+    get _markChecked() {
+        return !this.hasSubmenu && this.checked && this._checkMode !== MenuItemGroupCheckMode.None;
+    }
+    /** Returns menu item groups */
+    get _menuItemGroups() {
+        return this.items.filter(isInstanceOfMenuItemGroup);
+    }
+    /** Returns menu items */
     get _menuItems() {
-        return this.items.filter((item) => !item.isSeparator);
+        return this.items.filter(isInstanceOfMenuItem);
+    }
+    /** Returns all menu items (including those in groups */
+    get _allMenuItems() {
+        const items = [];
+        const slottedItems = this.getSlottedNodes("items");
+        slottedItems.forEach(item => {
+            if (isInstanceOfMenuItemGroup(item)) {
+                items.push(...item._menuItems);
+            }
+            else if (!isInstanceOfMenuSeparator(item)) {
+                items.push(item);
+            }
+        });
+        return items;
+    }
+    /** Returns menu items included in the ItemNavigation */
+    get _navigatableMenuItems() {
+        const items = [];
+        const slottedItems = this.getSlottedNodes("items");
+        slottedItems.forEach(item => {
+            if (isInstanceOfMenuItemGroup(item)) {
+                const groupItems = item.getSlottedNodes("items");
+                items.push(...groupItems);
+            }
+            else if (!isInstanceOfMenuSeparator(item)) {
+                items.push(item);
+            }
+        });
+        return items;
+    }
+    _setupItemNavigation() {
+        if (this._list) {
+            this._list._itemNavigation._getItems = () => this._navigatableMenuItems;
+        }
     }
     _closeOtherSubMenus(item) {
-        const menuItems = this._menuItems;
+        const menuItems = this._allMenuItems;
         if (!menuItems.includes(item)) {
             return;
         }
@@ -187,23 +267,37 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
         if (!isInstanceOfMenuItem(item)) {
             return;
         }
-        item.focus();
+        item.getFocusDomRef()?.focus();
         this._closeOtherSubMenus(item);
     }
+    _isSpace(e) {
+        this._shiftPressed = this._isCheckable && isSpaceShift(e);
+        return isSpace(e) || isSpaceShift(e);
+    }
+    _isEnter(e) {
+        this._shiftPressed = this._isCheckable && isEnterShift(e);
+        return isEnter(e) || isEnterShift(e);
+    }
+    _onclick(e) {
+        this._shiftPressed = this._isCheckable && e.shiftKey;
+        super._onclick(e);
+    }
     _itemKeyDown(e) {
         const item = e.target;
-        const itemInMenuItems = this._menuItems.includes(item);
+        const itemInMenuItems = this._allMenuItems.includes(item);
         const isTabNextPrevious = isTabNext(e) || isTabPrevious(e);
-        const isItemNavigation = isUp(e) || isDown(e);
-        const isItemSelection = isSpace(e) || isEnter(e);
-        const shouldOpenMenu = this.isRtl ? isLeft(e) : isRight(e);
-        const shouldCloseMenu = !(isItemNavigation || isItemSelection || shouldOpenMenu) || isTabNextPrevious;
-        if (itemInMenuItems && shouldCloseMenu) {
+        const shouldCloseMenu = this.isRtl ? isRight(e) : isLeft(e);
+        if (itemInMenuItems && (isTabNextPrevious || shouldCloseMenu)) {
             this._close();
             this.focus();
             e.stopPropagation();
         }
     }
+    _itemKeyUp(e) {
+        if (isShift(e)) {
+            this._shiftPressed = false;
+        }
+    }
     _endContentKeyDown(e) {
         const shouldNavigateOutOfEndContent = isUp(e) || isDown(e);
         if (shouldNavigateOutOfEndContent) {
@@ -213,7 +307,7 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
     _navigateOutOfEndContent(e) {
         const item = e.target;
         const shouldNavigateToNextItem = e.detail.shouldNavigateToNextItem;
-        const menuItems = this._menuItems;
+        const menuItems = this._allMenuItems;
         const itemIndex = menuItems.indexOf(item);
         if (itemIndex > -1) {
             const nextItem = shouldNavigateToNextItem ? menuItems[itemIndex + 1] : menuItems[itemIndex - 1];
@@ -232,7 +326,7 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
     _close() {
         if (this._popover) {
             this._popover.open = false;
-            this._menuItems.forEach(item => item._close());
+            this._allMenuItems.forEach(item => item._close());
         }
         this.selected = false;
     }
@@ -243,7 +337,9 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
         }
     }
     _afterPopoverOpen() {
-        this.items[0]?.focus();
+        if (!this._openedByMouse) {
+            this._allMenuItems[0]?.focus();
+        }
         this.fireDecoratorEvent("open");
     }
     _beforePopoverClose(e) {
@@ -261,11 +357,20 @@ let MenuItem = MenuItem_1 = class MenuItem extends ListItem {
         }
     }
     _afterPopoverClose() {
+        this._openedByMouse = false;
         this.fireDecoratorEvent("close");
     }
     get isMenuItem() {
         return true;
     }
+    _updateCheckedState() {
+        if (this._checkMode === MenuItemGroupCheckMode.None) {
+            return;
+        }
+        const newState = !this.checked;
+        this.checked = newState;
+        this.fireDecoratorEvent("check");
+    }
 };
 __decorate([
     property()
@@ -291,17 +396,23 @@ __decorate([
 __decorate([
     property()
 ], MenuItem.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: Boolean })
+], MenuItem.prototype, "checked", void 0);
 __decorate([
     property({ type: Object })
 ], MenuItem.prototype, "accessibilityAttributes", void 0);
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], MenuItem.prototype, "_siblingsWithIcon", void 0);
+__decorate([
+    property()
+], MenuItem.prototype, "_checkMode", void 0);
 __decorate([
     slot({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
 ], MenuItem.prototype, "items", void 0);
 __decorate([
-    slot({ type: HTMLElement })
+    slot()
 ], MenuItem.prototype, "endContent", void 0);
 __decorate([
     i18n("@ui5/webcomponents")
@@ -319,7 +430,7 @@ MenuItem = MenuItem_1 = __decorate([
      * **Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
      * @public
      * @since 1.10.0
-     * @param { HTMLElement } item The `ui5-menu-item` that triggers opening of the sub-menu or undefined when fired upon root menu opening.
+     * @param { HTMLElement } item The menu item that triggers opening of the sub-menu or undefined when fired upon root menu opening.
      */
     ,
     event("before-open", {
@@ -364,11 +475,17 @@ MenuItem = MenuItem_1 = __decorate([
      */
     ,
     event("close")
+    /**
+     * Fired when an item is checked or unchecked.
+     * @public
+     * @since 2.12.0
+     */
+    ,
+    event("check", {
+        bubbles: true,
+    })
 ], MenuItem);
 MenuItem.define();
-const isInstanceOfMenuItem = (object) => {
-    return "isMenuItem" in object;
-};
 export default MenuItem;
-export { isInstanceOfMenuItem, };
+export const isInstanceOfMenuItem = createInstanceChecker("isMenuItem");
 //# sourceMappingURL=MenuItem.js.map