@m3e/fab-menu 1.1.2 → 1.1.3

package/dist/custom-elements.json

@@ -459,6 +459,29 @@
                 }
               ]
             },
+            {
+              "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",
@@ -469,6 +492,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",
@@ -799,12 +854,6 @@
           "description": "An element, nested within a clickable element, used to open a floating action button (FAB) menu.",
           "name": "M3eFabMenuTriggerElement",
           "members": [
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "menu",
@@ -852,21 +901,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "field",
@@ -926,8 +966,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "ActionElementBase",
+            "package": "@m3e/core"
           },
           "tagName": "m3e-fab-menu-trigger",
           "customElement": true,
@@ -2642,12 +2682,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, html, unsafeCSS, css } from 'lit';
-import { KeyboardClick, LinkButton, Disabled, AttachInternals, Role, renderPseudoLink, DesignToken, ScrollController, HtmlFor } from '@m3e/core';
+import { KeyboardClick, LinkButton, Disabled, AttachInternals, Role, renderPseudoLink, DesignToken, ScrollController, HtmlFor, ActionElementBase } from '@m3e/core';
 import { RovingTabIndexManager, addAriaReferencedId, removeAriaReferencedId } from '@m3e/core/a11y';
 import { M3eDirectionality } from '@m3e/core/bidi';
 import { positionAnchor } from '@m3e/core/anchoring';
@@ -784,7 +784,6 @@ __decorate([n({
 })], M3eFabMenuElement.prototype, "variant", void 0);
 M3eFabMenuElement = __decorate([t$1("m3e-fab-menu")], M3eFabMenuElement);
 
-var _M3eFabMenuTriggerElement_instances, _M3eFabMenuTriggerElement_clickHandler, _M3eFabMenuTriggerElement_handleClick;
 /**
  * An element, nested within a clickable element, used to open a floating action button (FAB) menu.
  *
@@ -808,37 +807,19 @@ var _M3eFabMenuTriggerElement_instances, _M3eFabMenuTriggerElement_clickHandler,
  *
  * @tag m3e-fab-menu-trigger
  */
-let M3eFabMenuTriggerElement = class M3eFabMenuTriggerElement extends HtmlFor(LitElement) {
-  constructor() {
-    super(...arguments);
-    _M3eFabMenuTriggerElement_instances.add(this);
-    /** @private */
-    _M3eFabMenuTriggerElement_clickHandler.set(this, async e => __classPrivateFieldGet(this, _M3eFabMenuTriggerElement_instances, "m", _M3eFabMenuTriggerElement_handleClick).call(this, e));
-  }
+let M3eFabMenuTriggerElement = class M3eFabMenuTriggerElement extends HtmlFor(ActionElementBase) {
   /** The menu triggered by the element. */
   get menu() {
     return this.control instanceof M3eFabMenuElement ? this.control : null;
   }
   /** @inheritdoc */
-  connectedCallback() {
-    super.connectedCallback();
-    this.parentElement?.addEventListener("click", __classPrivateFieldGet(this, _M3eFabMenuTriggerElement_clickHandler, "f"));
-  }
-  /** @inheritdoc */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.parentElement?.removeEventListener("click", __classPrivateFieldGet(this, _M3eFabMenuTriggerElement_clickHandler, "f"));
-  }
-  /** @inheritdoc */
   attach(control) {
     super.attach(control);
-    if (control instanceof M3eFabMenuElement) {
-      if (this.parentElement) {
-        this.parentElement.ariaHasPopup = "menu";
-        this.parentElement.ariaExpanded = "false";
-        if (control.id) {
-          addAriaReferencedId(this.parentElement, "aria-controls", control.id);
-        }
+    if (this.parentElement && control instanceof M3eFabMenuElement) {
+      this.parentElement.ariaHasPopup = "menu";
+      this.parentElement.ariaExpanded = "false";
+      if (control.id) {
+        addAriaReferencedId(this.parentElement, "aria-controls", control.id);
       }
     }
   }
@@ -854,19 +835,12 @@ let M3eFabMenuTriggerElement = class M3eFabMenuTriggerElement extends HtmlFor(Li
     super.detach();
   }
   /** @inheritdoc */
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-_M3eFabMenuTriggerElement_clickHandler = new WeakMap();
-_M3eFabMenuTriggerElement_instances = new WeakSet();
-_M3eFabMenuTriggerElement_handleClick = function _M3eFabMenuTriggerElement_handleClick(e) {
-  if (!e.defaultPrevented && this.parentElement) {
-    this.menu?.toggle(this.parentElement);
+  _onClick() {
+    if (this.parentElement) {
+      this.menu?.toggle(this.parentElement);
+    }
   }
 };
-/** The styles of the element. */
-M3eFabMenuTriggerElement.styles = css`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;
 M3eFabMenuTriggerElement = __decorate([t$1("m3e-fab-menu-trigger")], M3eFabMenuTriggerElement);
 
 export { M3eFabMenuElement, M3eFabMenuItemElement, M3eFabMenuTriggerElement };