@m3e/core 1.0.0 → 1.0.2

package/dist/html-custom-data.json

@@ -118,11 +118,6 @@
           "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.",
           "values": []
         },
-        {
-          "name": "disable-enter",
-          "description": "Whether the ripple is disabled when the enter key is pressed.",
-          "values": []
-        },
         {
           "name": "disabled",
           "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.",

package/dist/index.js

@@ -543,13 +543,15 @@ _PressedController_capture = new WeakMap(), _PressedController_callback = new We
     if (e.target !== e.currentTarget)
         return;
     const target = e.currentTarget;
-    if (!__classPrivateFieldGet(this, _PressedController_pressedTargets, "f").has(target) && __classPrivateFieldGet(this, _PressedController_isPressedKey, "f")?.call(this, e.key)) {
+    if (__classPrivateFieldGet(this, _PressedController_isPressedKey, "f")?.call(this, e.key)) {
         if (e.key === " ") {
             e.preventDefault();
         }
-        __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").set(target, performance.now());
-        const bounds = target.getBoundingClientRect();
-        __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, true, { x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height / 2 }, target);
+        if (!__classPrivateFieldGet(this, _PressedController_pressedTargets, "f").has(target)) {
+            __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").set(target, performance.now());
+            const bounds = target.getBoundingClientRect();
+            __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, true, { x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height / 2 }, target);
+        }
     }
 }, _PressedController_handleKeyUp = function _PressedController_handleKeyUp(e) {
     const target = e.target;
@@ -3785,8 +3787,7 @@ var _M3eRippleElement_instances, _M3eRippleElement_ripple, _M3eRippleElement_pre
  * The component can be attached to an interactive element using the `for` attribute or programmatically using the `attach` method.
  * The ripple is displayed when the interactive element is pressed and hidden when released.  This can be disabled using the `disabled` attribute.
  *
- * The pressed state actives either using both pointer and keyboard events. For keyboard events, `SPACE` and `ENTER` activate a ripple.
- * You can disabled whether the `ENTER` key actives a ripple using the `disable-enter` attribute.
+ * The pressed state actives either using both pointer and keyboard events. For keyboard events, `SPACE` activate a ripple.
  *
  * Alternately, you can use the `show` and `hide` methods to programmatically control the ripple.
  *
@@ -3804,7 +3805,6 @@ var _M3eRippleElement_instances, _M3eRippleElement_ripple, _M3eRippleElement_pre
  * @tag m3e-ripple
  *
  * @attr centered - Whether the ripple always originates from the center of the element's bounds, rather than originating from the location of the click event.
- * @attr disable-enter - Whether the ripple is disabled when the enter key is pressed.
  * @attr disabled - Whether click events will not trigger the ripple.  Ripples can be still controlled manually by using the `show` and 'hide' methods.
  * @attr for - The identifier of the interactive control to which this element is attached.
  * @attr radius - The radius, in pixels, of the ripple.
@@ -3825,7 +3825,7 @@ let M3eRippleElement = class M3eRippleElement extends HtmlFor(Role(LitElement, "
         /** @private */ _M3eRippleElement_pressedController.set(this, new PressedController(this, {
             target: null,
             minPressedDuration: 150,
-            isPressedKey: (key) => key === " " || (!this.disableEnter && key === "Enter"),
+            isPressedKey: (key) => key === " ",
             callback: (pressed, { x, y }) => __classPrivateFieldGet(this, _M3eRippleElement_instances, "m", _M3eRippleElement_handlePressedChange).call(this, pressed, x, y),
         }));
         /**
@@ -3834,11 +3834,6 @@ let M3eRippleElement = class M3eRippleElement extends HtmlFor(Role(LitElement, "
          * @default false
          */
         this.disabled = false;
-        /**
-         * Whether the ripple is disabled when the enter key is pressed.
-         * @default false
-         */
-        this.disableEnter = false;
         /**
          * Whether the ripple always originates from the center of the element's bounds, rather
          * than originating from the location of the click event.
@@ -4030,9 +4025,6 @@ M3eRippleElement.styles = css `
 __decorate([
     n$1({ type: Boolean, reflect: true })
 ], M3eRippleElement.prototype, "disabled", void 0);
-__decorate([
-    n$1({ attribute: "disable-enter", type: Boolean, reflect: true })
-], M3eRippleElement.prototype, "disableEnter", void 0);
 __decorate([
     n$1({ type: Boolean, reflect: true })
 ], M3eRippleElement.prototype, "centered", void 0);
@@ -4367,7 +4359,7 @@ let M3eStateLayerElement = class M3eStateLayerElement extends HtmlFor(Role(LitEl
         /** @private */
         _M3eStateLayerElement_focusController.set(this, new FocusController(this, {
             target: null,
-            callback: (focused) => __classPrivateFieldGet(this, _M3eStateLayerElement_instances, "m", _M3eStateLayerElement_handleFocusChange).call(this, focused),
+            callback: (focused, focusVisible) => __classPrivateFieldGet(this, _M3eStateLayerElement_instances, "m", _M3eStateLayerElement_handleFocusChange).call(this, focused && focusVisible),
         }));
         /**
          * Whether hover and focus event will not trigger the state layer. State layers can still