@m3e/stepper 1.1.1 → 1.1.3

package/dist/custom-elements.json

@@ -424,6 +424,29 @@
                 "module": "../core/src/shared/mixins/Selected.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",
@@ -434,6 +457,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",
@@ -806,12 +861,6 @@
           "description": "A base implementation for a button used to move to a step in a stepper. This class must be inherited.",
           "name": "StepperButtonElementBase",
           "members": [
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "#action",
@@ -824,58 +873,18 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "../core/src/shared/mixins/AttachInternals.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_internals]",
-              "type": {
-                "text": "ElementInternals | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "../core/src/shared/mixins/AttachInternals.ts"
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "AttachInternals",
-              "package": "@m3e/core"
-            }
-          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
+            "name": "ActionElementBase",
+            "package": "@m3e/core"
+          }
         }
       ],
       "exports": [
@@ -1279,40 +1288,6 @@
           "tagName": "m3e-stepper-previous",
           "customElement": true,
           "members": [
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_internals]",
-              "type": {
-                "text": "ElementInternals | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "#action",
@@ -1329,21 +1304,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "StepperButtonElementBase",
                 "module": "src/StepperButtonElementBase.ts"
@@ -1398,40 +1364,6 @@
           "tagName": "m3e-stepper-previous",
           "customElement": true,
           "members": [
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_internals]",
-              "type": {
-                "text": "ElementInternals | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "#action",
@@ -1448,21 +1380,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "StepperButtonElementBase",
                 "module": "src/StepperButtonElementBase.ts"
@@ -1511,40 +1434,6 @@
           "tagName": "m3e-stepper-reset",
           "customElement": true,
           "members": [
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_internals]",
-              "type": {
-                "text": "ElementInternals | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "StepperButtonElementBase",
-                "module": "src/StepperButtonElementBase.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "#action",
@@ -1561,21 +1450,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "_onClick",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "StepperButtonElementBase",
                 "module": "src/StepperButtonElementBase.ts"
@@ -3233,12 +3113,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, css, nothing } from 'lit';
-import { Role, Selected, KeyboardClick, Focusable, HtmlFor, Disabled, AttachInternals, DesignToken } from '@m3e/core';
+import { Role, Selected, KeyboardClick, Focusable, HtmlFor, Disabled, AttachInternals, DesignToken, ActionElementBase } from '@m3e/core';
 import { addAriaReferencedId, removeAriaReferencedId, selectionManager, SelectionManager } from '@m3e/core/a11y';
 import { M3eBreakpointObserver, Breakpoint } from '@m3e/core/layout';
 
@@ -783,35 +783,17 @@ __decorate([n$1({
 __decorate([r$1()], M3eStepElement.prototype, "index", void 0);
 M3eStepElement = M3eStepElement_1 = __decorate([t$2("m3e-step")], M3eStepElement);
 
-var _StepperButtonElementBase_instances, _StepperButtonElementBase_clickHandler, _StepperButtonElementBase_action, _StepperButtonElementBase_handleClick;
+var _StepperButtonElementBase_action;
 /** A base implementation for a button used to move to a step in a stepper. This class must be inherited. */
-class StepperButtonElementBase extends AttachInternals(LitElement) {
+class StepperButtonElementBase extends ActionElementBase {
   constructor(action) {
     super();
-    _StepperButtonElementBase_instances.add(this);
-    /** @private */
-    _StepperButtonElementBase_clickHandler.set(this, e => __classPrivateFieldGet(this, _StepperButtonElementBase_instances, "m", _StepperButtonElementBase_handleClick).call(this, e));
     /** @private */
     _StepperButtonElementBase_action.set(this, void 0);
     __classPrivateFieldSet(this, _StepperButtonElementBase_action, action, "f");
   }
   /** @inheritdoc */
-  connectedCallback() {
-    super.connectedCallback();
-    this.parentElement?.addEventListener("click", __classPrivateFieldGet(this, _StepperButtonElementBase_clickHandler, "f"));
-  }
-  /** @inheritdoc */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.parentElement?.removeEventListener("click", __classPrivateFieldGet(this, _StepperButtonElementBase_clickHandler, "f"));
-  }
-  /** @inheritdoc */
-  render() {
-    return html`<slot></slot>`;
-  }
-}
-_StepperButtonElementBase_clickHandler = new WeakMap(), _StepperButtonElementBase_action = new WeakMap(), _StepperButtonElementBase_instances = new WeakSet(), _StepperButtonElementBase_handleClick = function _StepperButtonElementBase_handleClick(e) {
-  if (!e.defaultPrevented) {
+  _onClick() {
     switch (__classPrivateFieldGet(this, _StepperButtonElementBase_action, "f")) {
       case "next":
         this.closest("m3e-stepper")?.moveNext();
@@ -824,9 +806,8 @@ _StepperButtonElementBase_clickHandler = new WeakMap(), _StepperButtonElementBas
         break;
     }
   }
-};
-/** The styles of the element. */
-StepperButtonElementBase.styles = css`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;
+}
+_StepperButtonElementBase_action = new WeakMap();
 
 /**
  * @license
@@ -1302,11 +1283,13 @@ let M3eStepperElement = class M3eStepperElement extends AttachInternals(LitEleme
   /** Resets the stepper to its initial state, clearing any form data. */
   reset() {
     this.steps.forEach(x => x.reset());
-    const firstStep = this.steps.find(x => !x.disabled);
-    if (firstStep) {
-      this.moveTo(this.steps.indexOf(firstStep));
-    } else {
-      this.moveTo(-1);
+    const index = this.steps.findIndex(x => !x.disabled);
+    if (index !== this._selectedIndex) {
+      this._selectedIndex = index;
+      this[selectionManager].select(this.selectedStep);
+      this.dispatchEvent(new Event("change", {
+        bubbles: true
+      }));
     }
   }
   /** @inheritdoc */
@@ -1331,6 +1314,7 @@ let M3eStepperElement = class M3eStepperElement extends AttachInternals(LitEleme
           __classPrivateFieldGet(this, _M3eStepperElement_instances, "m", _M3eStepperElement_updateDisplayOrder).call(this);
         }), "f");
       } else {
+        this._orientation = undefined;
         __classPrivateFieldGet(this, _M3eStepperElement_instances, "m", _M3eStepperElement_updateDisplayOrder).call(this);
       }
     }