@m3e/all 1.0.0 → 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

@@ -3807,8 +3807,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.
  *
@@ -3826,7 +3825,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.
@@ -3847,7 +3845,7 @@ let M3eRippleElement = class M3eRippleElement extends HtmlFor(Role(i$E, "none"))
         /** @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$z(this, _M3eRippleElement_instances, "m", _M3eRippleElement_handlePressedChange).call(this, pressed, x, y),
         }));
         /**
@@ -3856,11 +3854,6 @@ let M3eRippleElement = class M3eRippleElement extends HtmlFor(Role(i$E, "none"))
          * @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.
@@ -4052,9 +4045,6 @@ M3eRippleElement.styles = i$H `
 __decorate$D([
     n$1$D({ type: Boolean, reflect: true })
 ], M3eRippleElement.prototype, "disabled", void 0);
-__decorate$D([
-    n$1$D({ attribute: "disable-enter", type: Boolean, reflect: true })
-], M3eRippleElement.prototype, "disableEnter", void 0);
 __decorate$D([
     n$1$D({ type: Boolean, reflect: true })
 ], M3eRippleElement.prototype, "centered", void 0);
@@ -4389,7 +4379,7 @@ let M3eStateLayerElement = class M3eStateLayerElement extends HtmlFor(Role(i$E,
         /** @private */
         _M3eStateLayerElement_focusController.set(this, new FocusController(this, {
             target: null,
-            callback: (focused) => __classPrivateFieldGet$z(this, _M3eStateLayerElement_instances, "m", _M3eStateLayerElement_handleFocusChange).call(this, focused),
+            callback: (focused, focusVisible) => __classPrivateFieldGet$z(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
@@ -10653,7 +10643,7 @@ let M3eButtonElement = class M3eButtonElement extends KeyboardClick(LinkButton(F
             },
         });
         new PressedController(this, {
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             minPressedDuration: 150,
             callback: (pressed) => {
                 if (!this.disabled && !this.disabledInteractive) {
@@ -10980,7 +10970,7 @@ let M3eButtonGroupElement = class M3eButtonGroupElement extends Role(i$E, "group
             target: null,
             capture: true,
             minPressedDuration: 150,
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             callback: (pressed) => {
                 if (!this._base)
                     return;
@@ -11897,7 +11887,7 @@ let M3eCardElement = class M3eCardElement extends KeyboardClick(LinkButton(FormS
          */
         this.orientation = "vertical";
         new PressedController(this, {
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             callback: (pressed) => {
                 if (this.actionable && !this.disabled && !this.disabledInteractive) {
                     this._base?.classList.toggle("pressed", pressed);
@@ -12218,7 +12208,7 @@ let M3eCheckboxElement = class M3eCheckboxElement extends Labelled(RequiredConst
         return x `<div class="base">
       <m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>
       <m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring>
-      <m3e-ripple class="ripple" centered disable-enter ?disabled="${this.disabled}"></m3e-ripple>
+      <m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple>
       <div class="touch" aria-hidden="true"></div>
       <div class="wrapper" aria-hidden="true">${__classPrivateFieldGet$r(this, _M3eCheckboxElement_instances, "m", _M3eCheckboxElement_renderIcon).call(this)}</div>
     </div>`;
@@ -17380,7 +17370,7 @@ let M3eFabElement = class M3eFabElement extends KeyboardClick(LinkButton(FormSub
          */
         this.extended = false;
         new PressedController(this, {
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             callback: (pressed) => {
                 if (!this.disabled && !this.disabledInteractive) {
                     this._base?.classList.toggle("pressed", pressed);
@@ -17917,6 +17907,8 @@ let M3eFabMenuElement = class M3eFabMenuElement extends Role(i$E, "menu") {
      * @param {boolean} [restoreFocus=false] A value indicating whether to restore focus to the menu's trigger.
      */
     hide(restoreFocus = false) {
+        __classPrivateFieldGet$l(this, _M3eFabMenuElement_anchoringCleanup, "f")?.call(this);
+        __classPrivateFieldSet$d(this, _M3eFabMenuElement_anchoringCleanup, undefined);
         if (__classPrivateFieldGet$l(this, _M3eFabMenuElement_trigger, "f")) {
             __classPrivateFieldGet$l(this, _M3eFabMenuElement_trigger, "f").ariaExpanded = "false";
             if (restoreFocus) {
@@ -18683,6 +18675,12 @@ _M3eFormFieldElement_changeControl = function _M3eFormFieldElement_changeControl
         __classPrivateFieldGet$k(this, _M3eFormFieldElement_control, "f").form?.removeEventListener("reset", __classPrivateFieldGet$k(this, _M3eFormFieldElement_formResetHandler, "f"));
     }
     __classPrivateFieldSet$c(this, _M3eFormFieldElement_control, control);
+    if (["INPUT", "TEXTAREA"].includes(__classPrivateFieldGet$k(this, _M3eFormFieldElement_control, "f")?.tagName ?? "")) {
+        this._base.style.setProperty("--_form-field-cursor", "text");
+    }
+    else {
+        this._base.style.removeProperty("--_form-field-cursor");
+    }
     if (__classPrivateFieldGet$k(this, _M3eFormFieldElement_control, "f")) {
         __classPrivateFieldGet$k(this, _M3eFormFieldElement_controlMutationController, "f").observe(__classPrivateFieldGet$k(this, _M3eFormFieldElement_control, "f"));
         __classPrivateFieldGet$k(this, _M3eFormFieldElement_control, "f").addEventListener("invalid", __classPrivateFieldGet$k(this, _M3eFormFieldElement_controlInvalidHandler, "f"));
@@ -18754,6 +18752,9 @@ M3eFormFieldElement.styles = i$H `
       width: var(--m3e-form-field-width, 14.5rem);
       color: var(--_form-field-color);
     }
+    :host(:not(.-disabled)) .base {
+      cursor: var(--_form-field-cursor);
+    }
     .base {
       display: flex;
       align-items: center;
@@ -21074,7 +21075,7 @@ let M3eIconButtonElement = class M3eIconButtonElement extends KeyboardClick(Link
             },
         });
         new PressedController(this, {
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             minPressedDuration: 150,
             callback: (pressed) => {
                 if (!this.disabled && !this.disabledInteractive) {
@@ -24636,7 +24637,7 @@ _M3eNavMenuElement_updateFocusVisible = function _M3eNavMenuElement_updateFocusV
     });
 };
 _M3eNavMenuElement_updateItemFocusVisible = function _M3eNavMenuElement_updateItemFocusVisible(item, focused, focusVisible) {
-    if (focused) {
+    if (focused && focusVisible) {
         item.stateLayer?.show("focused");
     }
     else {
@@ -25988,7 +25989,7 @@ let M3eRadioElement = class M3eRadioElement extends Labelled(Dirty(Touched(Check
         return x `<div class="base">
       <m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>
       <m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring>
-      <m3e-ripple class="ripple" centered disable-enter ?disabled="${this.disabled}"></m3e-ripple>
+      <m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple>
       <div class="touch" aria-hidden="true"></div>
       <div class="wrapper" aria-hidden="true">${__classPrivateFieldGet$c(this, _M3eRadioElement_instances, "m", _M3eRadioElement_renderIcon).call(this)}</div>
     </div>`;
@@ -29069,7 +29070,7 @@ let M3eSplitButtonElement = class M3eSplitButtonElement extends Role(i$E, "group
         /** @private */ _M3eSplitButtonElement_pressedController.set(this, new PressedController(this, {
             target: null,
             capture: true,
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             callback: (pressed, _, target) => {
                 switch (target) {
                     case __classPrivateFieldGet$7(this, _M3eSplitButtonElement_leadingButton, "f"):
@@ -30131,7 +30132,7 @@ let M3eSwitchElement = class M3eSwitchElement extends Labelled(Dirty(Touched(Con
          */
         this.value = "on";
         new PressedController(this, {
-            isPressedKey: (key) => key === " " || key === "Enter",
+            isPressedKey: (key) => key === " ",
             callback: (pressed) => this._track?.classList.toggle("pressed", pressed && !this.disabled),
         });
     }