@m3e/core 1.0.0-rc.4 → 1.0.1

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

@@ -429,7 +429,7 @@ class MutationController extends MonitorControllerBase {
 }
 _MutationController_host = new WeakMap(), _MutationController_callback = new WeakMap(), _MutationController_skipInitial = new WeakMap(), _MutationController_config = new WeakMap(), _MutationController_observer = new WeakMap(), _MutationController_unobservedUpdate = new WeakMap();
 
-var _PressedController_instances, _PressedController_capture, _PressedController_callback, _PressedController_isPressedKey, _PressedController_pressedTargets, _PressedController_minPressedDuration, _PressedController_pointerDownHandler, _PressedController_pointerUpHandler, _PressedController_keyDownHandler, _PressedController_keyUpHandler, _PressedController_handlePointerDown, _PressedController_handlePointerUp, _PressedController_handleKeyDown, _PressedController_handleKeyUp;
+var _PressedController_instances, _PressedController_capture, _PressedController_callback, _PressedController_isPressedKey, _PressedController_pressedTargets, _PressedController_minPressedDuration, _PressedController_pointerDownHandler, _PressedController_pointerUpHandler, _PressedController_touchEndHandler, _PressedController_keyDownHandler, _PressedController_keyUpHandler, _PressedController_handlePointerDown, _PressedController_handlePointerUp, _PressedController_handleTouchEnd, _PressedController_handleKeyDown, _PressedController_handleKeyUp;
 /** A `ReactiveController` used to monitor the pressed state of one or more elements. */
 class PressedController extends MonitorControllerBase {
     /**
@@ -447,6 +447,7 @@ class PressedController extends MonitorControllerBase {
         /** @private */ _PressedController_minPressedDuration.set(this, void 0);
         /** @private */ _PressedController_pointerDownHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handlePointerDown).call(this, e));
         /** @private */ _PressedController_pointerUpHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handlePointerUp).call(this, e));
+        /** @private */ _PressedController_touchEndHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleTouchEnd).call(this, e));
         /** @private */ _PressedController_keyDownHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleKeyDown).call(this, e));
         /** @private */ _PressedController_keyUpHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleKeyUp).call(this, e));
         __classPrivateFieldSet(this, _PressedController_capture, options.capture, "f");
@@ -457,11 +458,15 @@ class PressedController extends MonitorControllerBase {
     /** @inheritdoc */
     hostConnected() {
         document.addEventListener("pointerup", __classPrivateFieldGet(this, _PressedController_pointerUpHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchend", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchcancel", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
         super.hostConnected();
     }
     /** @inheritdoc */
     hostDisconnected() {
         document.removeEventListener("pointerup", __classPrivateFieldGet(this, _PressedController_pointerUpHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchend", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchcancel", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
         super.hostDisconnected();
         __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").clear();
     }
@@ -488,7 +493,7 @@ class PressedController extends MonitorControllerBase {
         }
     }
 }
-_PressedController_capture = new WeakMap(), _PressedController_callback = new WeakMap(), _PressedController_isPressedKey = new WeakMap(), _PressedController_pressedTargets = new WeakMap(), _PressedController_minPressedDuration = new WeakMap(), _PressedController_pointerDownHandler = new WeakMap(), _PressedController_pointerUpHandler = new WeakMap(), _PressedController_keyDownHandler = new WeakMap(), _PressedController_keyUpHandler = new WeakMap(), _PressedController_instances = new WeakSet(), _PressedController_handlePointerDown = function _PressedController_handlePointerDown(e) {
+_PressedController_capture = new WeakMap(), _PressedController_callback = new WeakMap(), _PressedController_isPressedKey = new WeakMap(), _PressedController_pressedTargets = new WeakMap(), _PressedController_minPressedDuration = new WeakMap(), _PressedController_pointerDownHandler = new WeakMap(), _PressedController_pointerUpHandler = new WeakMap(), _PressedController_touchEndHandler = new WeakMap(), _PressedController_keyDownHandler = new WeakMap(), _PressedController_keyUpHandler = new WeakMap(), _PressedController_instances = new WeakSet(), _PressedController_handlePointerDown = function _PressedController_handlePointerDown(e) {
     if (e.pointerType === "mouse" && e.button > 1)
         return;
     for (const target of e.composedPath()) {
@@ -518,6 +523,22 @@ _PressedController_capture = new WeakMap(), _PressedController_callback = new We
             __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
         }
     }
+}, _PressedController_handleTouchEnd = function _PressedController_handleTouchEnd(e) {
+    const x = e.touches[0]?.clientX ?? 0;
+    const y = e.touches[0]?.clientY ?? 0;
+    for (const target of __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").keys()) {
+        const remainingTime = __classPrivateFieldGet(this, _PressedController_minPressedDuration, "f") - (performance.now() - __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").get(target));
+        if (remainingTime > 0) {
+            setTimeout(() => {
+                __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").delete(target);
+                __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
+            }, remainingTime);
+        }
+        else {
+            __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").delete(target);
+            __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
+        }
+    }
 }, _PressedController_handleKeyDown = function _PressedController_handleKeyDown(e) {
     if (e.target !== e.currentTarget)
         return;
@@ -3764,8 +3785,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.
  *
@@ -3783,7 +3803,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.
@@ -3804,7 +3823,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),
         }));
         /**
@@ -3813,11 +3832,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.
@@ -4009,9 +4023,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);
@@ -4346,7 +4357,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