@m3e/menu 1.1.1 → 1.1.3

package/dist/custom-elements.json

@@ -548,6 +548,29 @@
                 "module": "../core/src/shared/mixins/Checked.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#keyUpHandler",
@@ -558,6 +581,38 @@
                 "module": "../core/src/shared/mixins/KeyboardClick.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#handleKeyUp",
@@ -881,7 +936,11 @@
               "kind": "field",
               "name": "#keyDownHandler",
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
             },
             {
               "kind": "field",
@@ -1003,7 +1062,11 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
             },
             {
               "kind": "method",
@@ -1146,6 +1209,19 @@
                 "module": "../core/src/shared/mixins/LinkButton.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#keyUpHandler",
@@ -1156,6 +1232,16 @@
                 "module": "../core/src/shared/mixins/KeyboardClick.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#handleKeyUp",
@@ -1444,6 +1530,29 @@
               "description": "The menu to which this item belongs.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#keyUpHandler",
@@ -1454,6 +1563,38 @@
                 "module": "../core/src/shared/mixins/KeyboardClick.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "../core/src/shared/mixins/KeyboardClick.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#handleKeyUp",
@@ -1758,7 +1899,11 @@
               "kind": "field",
               "name": "#keyDownHandler",
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MenuItemElementBase",
+                "module": "src/MenuItemElementBase.ts"
+              }
             },
             {
               "kind": "field",
@@ -1855,7 +2000,11 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "MenuItemElementBase",
+                "module": "src/MenuItemElementBase.ts"
+              }
             },
             {
               "kind": "method",
@@ -1904,6 +2053,29 @@
                 "module": "../core/src/shared/mixins/Checked.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "MenuItemElementBase",
+                "module": "src/MenuItemElementBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MenuItemElementBase",
+                "module": "src/MenuItemElementBase.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "[_tabindex]",
@@ -2107,12 +2279,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "menu",
@@ -2160,21 +2326,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "field",
@@ -2234,8 +2391,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "ActionElementBase",
+            "package": "@m3e/core"
           },
           "tagName": "m3e-menu-trigger",
           "customElement": true,
@@ -3905,12 +4062,51 @@
           "description": "Mixin to augment an element with behavior emits a click event on keyboard events.",
           "name": "KeyboardClick",
           "members": [
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "#keyUpHandler",
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleKeyUp",

package/dist/index.js

@@ -4,7 +4,7 @@
  * See LICENSE file in the project root for full license text.
  */
 import { LitElement, nothing, html, css, unsafeCSS } from 'lit';
-import { KeyboardClick, Focusable, AttachInternals, Disabled, isLinkButtonMixin, renderPseudoLink, DesignToken, HtmlFor, LinkButton, Role, HoverController, hasAssignedNodes, ScrollController, Checked } from '@m3e/core';
+import { KeyboardClick, Focusable, AttachInternals, Disabled, isLinkButtonMixin, renderPseudoLink, DesignToken, HtmlFor, ActionElementBase, LinkButton, Role, HoverController, hasAssignedNodes, ScrollController, Checked } from '@m3e/core';
 import { addAriaReferencedId, removeAriaReferencedId, RovingTabIndexManager } from '@m3e/core/a11y';
 import { positionAnchor } from '@m3e/core/anchoring';
 import { M3eDirectionality } from '@m3e/core/bidi';
@@ -478,7 +478,6 @@ __decorate([e(".focus-ring")], MenuItemElementBase.prototype, "_focusRing", void
 __decorate([e(".state-layer")], MenuItemElementBase.prototype, "_stateLayer", void 0);
 __decorate([e(".ripple")], MenuItemElementBase.prototype, "_ripple", void 0);
 
-var _M3eMenuTriggerElement_instances, _M3eMenuTriggerElement_clickHandler, _M3eMenuTriggerElement_handleClick;
 /**
  * An element, nested within a clickable element, used to open a menu.
  *
@@ -537,28 +536,12 @@ var _M3eMenuTriggerElement_instances, _M3eMenuTriggerElement_clickHandler, _M3eM
  *
  * @slot - Renders the contents of the trigger.
  */
-let M3eMenuTriggerElement = class M3eMenuTriggerElement extends HtmlFor(LitElement) {
-  constructor() {
-    super(...arguments);
-    _M3eMenuTriggerElement_instances.add(this);
-    /** @private */
-    _M3eMenuTriggerElement_clickHandler.set(this, async e => __classPrivateFieldGet(this, _M3eMenuTriggerElement_instances, "m", _M3eMenuTriggerElement_handleClick).call(this, e));
-  }
+let M3eMenuTriggerElement = class M3eMenuTriggerElement extends HtmlFor(ActionElementBase) {
   /** The menu triggered by the element. */
   get menu() {
     return this.control?.tagName === "M3E-MENU" ? this.control : null;
   }
   /** @inheritdoc */
-  connectedCallback() {
-    super.connectedCallback();
-    this.parentElement?.addEventListener("click", __classPrivateFieldGet(this, _M3eMenuTriggerElement_clickHandler, "f"));
-  }
-  /** @inheritdoc */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.parentElement?.removeEventListener("click", __classPrivateFieldGet(this, _M3eMenuTriggerElement_clickHandler, "f"));
-  }
-  /** @inheritdoc */
   attach(control) {
     super.attach(control);
     const menu = this.menu;
@@ -588,23 +571,16 @@ let M3eMenuTriggerElement = class M3eMenuTriggerElement extends HtmlFor(LitEleme
     super.detach();
   }
   /** @inheritdoc */
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-_M3eMenuTriggerElement_clickHandler = new WeakMap();
-_M3eMenuTriggerElement_instances = new WeakSet();
-_M3eMenuTriggerElement_handleClick = function _M3eMenuTriggerElement_handleClick(e) {
-  if (!e.defaultPrevented && this.parentElement) {
-    if (this.parentElement.tagName === "M3E-MENU-ITEM") {
-      this.menu?.show(this.parentElement);
-    } else {
-      this.menu?.toggle(this.parentElement);
+  _onClick() {
+    if (this.parentElement) {
+      if (this.parentElement.tagName === "M3E-MENU-ITEM") {
+        this.menu?.show(this.parentElement);
+      } else {
+        this.menu?.toggle(this.parentElement);
+      }
     }
   }
 };
-/** The styles of the element. */
-M3eMenuTriggerElement.styles = css`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;
 M3eMenuTriggerElement = __decorate([t$1("m3e-menu-trigger")], M3eMenuTriggerElement);
 
 var _M3eMenuItemElement_instances, _M3eMenuItemElement_clickHandler, _M3eMenuItemElement_keyDownHandler, _M3eMenuItemElement_mouseEnterHandler, _M3eMenuItemElement_submenuTrigger, _M3eMenuItemElement_defaultSlotChangeHandler, _M3eMenuItemElement_iconSlotChangeHandler, _M3eMenuItemElement_trailingIconSlotChangeHandler, _M3eMenuItemElement_handleClick, _M3eMenuItemElement_handleKeyDown, _M3eMenuItemElement_handleMouseEnter;