@nova-design-system/nova-react 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/cjs/nv-menuitem.entry-sRx1fD0O.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var index = require('./index-wDACGzKb.js');
-require('react');
-
-const nvMenuitemCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";
-const NvMenuitemStyle0 = nvMenuitemCss;
-
-const NvMenuitem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.menuitemSelected = index.createEvent(this, "menuitemSelected");
-        /**
-         * Disables the item, preventing user interaction.
-         */
-        this.disabled = false;
-        /**
-         * If the menu item has a submenu, the a caret icon will be displayed.
-         */
-        this.hasSubmenu = false;
-    }
-    handleMenuItemSelect(event) {
-        // If the element is disabled, stop propagation
-        if (this.disabled) {
-            event.stopPropagation();
-            return;
-        }
-        this.menuitemSelected.emit({
-            id: this.el.id,
-            name: this.name,
-            hasSubmenu: this.hasSubmenu,
-        });
-    }
-    handleClick(event) {
-        this.handleMenuItemSelect(event);
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            const activeElement = document.activeElement;
-            if (activeElement &&
-                activeElement.tagName === 'NV-MENUITEM' &&
-                !activeElement.hasAttribute('has-submenu')) {
-                event.preventDefault();
-                this.el.click();
-            }
-        }
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: 'd1d9969a8e812f22d2097dca29b8e46b54115709', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '4dd5c1c2fdd741cec06ca112788d8d00863b0ac7', name: this.icon }), index.h("slot", { key: '6030b5a030b46281d54ca139e55163e8ede064fe' }), this.label && index.h("span", { key: 'f253f5eb0fed0853a46ed08c211a42bace1784f6', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'b7c445db91af3ae3e2a845a839fee7c77a768045' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '54bcd0bc879136d542b5e2c4241949f623258ad0', name: "chevron-right" })));
-    }
-    get el() { return index.getElement(this); }
-};
-NvMenuitem.style = NvMenuitemStyle0;
-
-exports.nv_menuitem = NvMenuitem;