@aurodesignsystem-dev/auro-formkit 0.0.0-pr1408.8 → 0.0.0-pr1411.0

package/components/input/demo/api.min.js

@@ -6759,7 +6759,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/input/demo/index.min.js

@@ -6684,7 +6684,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/input/dist/index.js

@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/input/dist/registered.js

@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/menu/demo/api.min.js

@@ -965,7 +965,7 @@ class AuroMenuOption extends AuroElement {
     });
 
     return u$1`
-      <div class="${classes}">
+      <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
         ${this.selected && !this.noCheckmark
         ? this.generateIconHtml(checkmarkIcon.svg)
         : undefined}
@@ -1736,10 +1736,10 @@ class AuroMenu extends AuroElement {
 
     // Event Bindings
 
-    /**
-     * @private
-     */
-    this.handleKeyDown = this.handleKeyDown.bind(this);
+    // /**
+    //  * @private
+    //  */
+    // this.handleKeyDown = this.handleKeyDown.bind(this);
 
 
     /**
@@ -2088,7 +2088,7 @@ class AuroMenu extends AuroElement {
 
     this.provideContext();
 
-    this.addEventListener('keydown', this.handleKeyDown);
+    // this.addEventListener('keydown', this.handleKeyDown);
     this.addEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.addEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.addEventListener('slotchange', this.handleSlotChange);
@@ -2096,7 +2096,7 @@ class AuroMenu extends AuroElement {
   }
 
   disconnectedCallback() {
-    this.removeEventListener('keydown', this.handleKeyDown);
+    // this.removeEventListener('keydown', this.handleKeyDown);
     this.removeEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.removeEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.removeEventListener('slotchange', this.handleSlotChange);
@@ -2237,26 +2237,33 @@ class AuroMenu extends AuroElement {
 
   // Event Handlers
 
-  /**
-   * Handles keyboard navigation.
-   * @private
-   * @param {KeyboardEvent} event - Event object from the browser.
-   */
-  handleKeyDown(event) {
-    event.preventDefault();
-    switch (event.key) {
-      case "ArrowDown":
-        this.menuService.highlightNext();
-        break;
-      case "ArrowUp":
-        this.menuService.highlightPrevious();
-        break;
-      case "Tab":
-      case "Enter":
-        this.menuService.selectHighlightedOption();
-        break;
-    }
-  }
+  // /**
+  //  * Handles keyboard navigation.
+  //  * @private
+  //  * @param {KeyboardEvent} event - Event object from the browser.
+  //  */
+  // handleKeyDown(event) {
+  //   // Update to Chris keyboard handler
+  //   // We have a new "navigateArrow" function in that handler, maybe that replaces those keys here?
+  //   event.preventDefault();
+  //   switch (event.key) {
+  //     case "ArrowDown":
+  //       console.warn("ArrowDown key is pressed and heard from menu");
+  //       this.menuService.highlightNext();
+  //       break;
+  //     case "ArrowUp":
+  //       console.warn("ArrowUp key is pressed and heard from menu");
+  //       this.menuService.highlightPrevious();
+  //       break;
+  //     case "Tab":
+  //     case "Enter":
+  //       this.menuService.selectHighlightedOption();
+  //       // Does this need to get separated into two cases to handle the different expected behavior of tab vs enter?
+  //       break;
+  //     default:
+  //       break;
+  //   }
+  // }
 
   /**
    * Navigates the menu options in the specified direction.

package/components/menu/demo/index.min.js

@@ -873,7 +873,7 @@ class AuroMenuOption extends AuroElement {
     });
 
     return u$1`
-      <div class="${classes}">
+      <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
         ${this.selected && !this.noCheckmark
         ? this.generateIconHtml(checkmarkIcon.svg)
         : undefined}
@@ -1644,10 +1644,10 @@ class AuroMenu extends AuroElement {
 
     // Event Bindings
 
-    /**
-     * @private
-     */
-    this.handleKeyDown = this.handleKeyDown.bind(this);
+    // /**
+    //  * @private
+    //  */
+    // this.handleKeyDown = this.handleKeyDown.bind(this);
 
 
     /**
@@ -1996,7 +1996,7 @@ class AuroMenu extends AuroElement {
 
     this.provideContext();
 
-    this.addEventListener('keydown', this.handleKeyDown);
+    // this.addEventListener('keydown', this.handleKeyDown);
     this.addEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.addEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.addEventListener('slotchange', this.handleSlotChange);
@@ -2004,7 +2004,7 @@ class AuroMenu extends AuroElement {
   }
 
   disconnectedCallback() {
-    this.removeEventListener('keydown', this.handleKeyDown);
+    // this.removeEventListener('keydown', this.handleKeyDown);
     this.removeEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.removeEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.removeEventListener('slotchange', this.handleSlotChange);
@@ -2145,26 +2145,33 @@ class AuroMenu extends AuroElement {
 
   // Event Handlers
 
-  /**
-   * Handles keyboard navigation.
-   * @private
-   * @param {KeyboardEvent} event - Event object from the browser.
-   */
-  handleKeyDown(event) {
-    event.preventDefault();
-    switch (event.key) {
-      case "ArrowDown":
-        this.menuService.highlightNext();
-        break;
-      case "ArrowUp":
-        this.menuService.highlightPrevious();
-        break;
-      case "Tab":
-      case "Enter":
-        this.menuService.selectHighlightedOption();
-        break;
-    }
-  }
+  // /**
+  //  * Handles keyboard navigation.
+  //  * @private
+  //  * @param {KeyboardEvent} event - Event object from the browser.
+  //  */
+  // handleKeyDown(event) {
+  //   // Update to Chris keyboard handler
+  //   // We have a new "navigateArrow" function in that handler, maybe that replaces those keys here?
+  //   event.preventDefault();
+  //   switch (event.key) {
+  //     case "ArrowDown":
+  //       console.warn("ArrowDown key is pressed and heard from menu");
+  //       this.menuService.highlightNext();
+  //       break;
+  //     case "ArrowUp":
+  //       console.warn("ArrowUp key is pressed and heard from menu");
+  //       this.menuService.highlightPrevious();
+  //       break;
+  //     case "Tab":
+  //     case "Enter":
+  //       this.menuService.selectHighlightedOption();
+  //       // Does this need to get separated into two cases to handle the different expected behavior of tab vs enter?
+  //       break;
+  //     default:
+  //       break;
+  //   }
+  // }
 
   /**
    * Navigates the menu options in the specified direction.

package/components/menu/dist/auro-menu.d.ts

@@ -152,12 +152,6 @@ export class AuroMenu extends AuroElement {
     multiSelect: boolean;
     allowDeselect: boolean;
     selectAllMatchingOptions: boolean;
-    /**
-     * Handles keyboard navigation.
-     * @private
-     * @param {KeyboardEvent} event - Event object from the browser.
-     */
-    private handleKeyDown;
     /**
      * Handles slot change events.
      * @private

package/components/menu/dist/index.js

@@ -847,7 +847,7 @@ class AuroMenuOption extends AuroElement {
     });
 
     return html$1`
-      <div class="${classes}">
+      <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
         ${this.selected && !this.noCheckmark
         ? this.generateIconHtml(checkmarkIcon.svg)
         : undefined}
@@ -1618,10 +1618,10 @@ class AuroMenu extends AuroElement {
 
     // Event Bindings
 
-    /**
-     * @private
-     */
-    this.handleKeyDown = this.handleKeyDown.bind(this);
+    // /**
+    //  * @private
+    //  */
+    // this.handleKeyDown = this.handleKeyDown.bind(this);
 
 
     /**
@@ -1970,7 +1970,7 @@ class AuroMenu extends AuroElement {
 
     this.provideContext();
 
-    this.addEventListener('keydown', this.handleKeyDown);
+    // this.addEventListener('keydown', this.handleKeyDown);
     this.addEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.addEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.addEventListener('slotchange', this.handleSlotChange);
@@ -1978,7 +1978,7 @@ class AuroMenu extends AuroElement {
   }
 
   disconnectedCallback() {
-    this.removeEventListener('keydown', this.handleKeyDown);
+    // this.removeEventListener('keydown', this.handleKeyDown);
     this.removeEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.removeEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.removeEventListener('slotchange', this.handleSlotChange);
@@ -2119,26 +2119,33 @@ class AuroMenu extends AuroElement {
 
   // Event Handlers
 
-  /**
-   * Handles keyboard navigation.
-   * @private
-   * @param {KeyboardEvent} event - Event object from the browser.
-   */
-  handleKeyDown(event) {
-    event.preventDefault();
-    switch (event.key) {
-      case "ArrowDown":
-        this.menuService.highlightNext();
-        break;
-      case "ArrowUp":
-        this.menuService.highlightPrevious();
-        break;
-      case "Tab":
-      case "Enter":
-        this.menuService.selectHighlightedOption();
-        break;
-    }
-  }
+  // /**
+  //  * Handles keyboard navigation.
+  //  * @private
+  //  * @param {KeyboardEvent} event - Event object from the browser.
+  //  */
+  // handleKeyDown(event) {
+  //   // Update to Chris keyboard handler
+  //   // We have a new "navigateArrow" function in that handler, maybe that replaces those keys here?
+  //   event.preventDefault();
+  //   switch (event.key) {
+  //     case "ArrowDown":
+  //       console.warn("ArrowDown key is pressed and heard from menu");
+  //       this.menuService.highlightNext();
+  //       break;
+  //     case "ArrowUp":
+  //       console.warn("ArrowUp key is pressed and heard from menu");
+  //       this.menuService.highlightPrevious();
+  //       break;
+  //     case "Tab":
+  //     case "Enter":
+  //       this.menuService.selectHighlightedOption();
+  //       // Does this need to get separated into two cases to handle the different expected behavior of tab vs enter?
+  //       break;
+  //     default:
+  //       break;
+  //   }
+  // }
 
   /**
    * Navigates the menu options in the specified direction.

package/components/menu/dist/registered.js

@@ -794,7 +794,7 @@ class AuroMenuOption extends AuroElement {
     });
 
     return html$1`
-      <div class="${classes}">
+      <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
         ${this.selected && !this.noCheckmark
         ? this.generateIconHtml(checkmarkIcon.svg)
         : undefined}
@@ -1565,10 +1565,10 @@ class AuroMenu extends AuroElement {
 
     // Event Bindings
 
-    /**
-     * @private
-     */
-    this.handleKeyDown = this.handleKeyDown.bind(this);
+    // /**
+    //  * @private
+    //  */
+    // this.handleKeyDown = this.handleKeyDown.bind(this);
 
 
     /**
@@ -1917,7 +1917,7 @@ class AuroMenu extends AuroElement {
 
     this.provideContext();
 
-    this.addEventListener('keydown', this.handleKeyDown);
+    // this.addEventListener('keydown', this.handleKeyDown);
     this.addEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.addEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.addEventListener('slotchange', this.handleSlotChange);
@@ -1925,7 +1925,7 @@ class AuroMenu extends AuroElement {
   }
 
   disconnectedCallback() {
-    this.removeEventListener('keydown', this.handleKeyDown);
+    // this.removeEventListener('keydown', this.handleKeyDown);
     this.removeEventListener('auroMenuOption-click', this.handleMouseSelect);
     this.removeEventListener('auroMenuOption-mouseover', this.handleOptionHover);
     this.removeEventListener('slotchange', this.handleSlotChange);
@@ -2066,26 +2066,33 @@ class AuroMenu extends AuroElement {
 
   // Event Handlers
 
-  /**
-   * Handles keyboard navigation.
-   * @private
-   * @param {KeyboardEvent} event - Event object from the browser.
-   */
-  handleKeyDown(event) {
-    event.preventDefault();
-    switch (event.key) {
-      case "ArrowDown":
-        this.menuService.highlightNext();
-        break;
-      case "ArrowUp":
-        this.menuService.highlightPrevious();
-        break;
-      case "Tab":
-      case "Enter":
-        this.menuService.selectHighlightedOption();
-        break;
-    }
-  }
+  // /**
+  //  * Handles keyboard navigation.
+  //  * @private
+  //  * @param {KeyboardEvent} event - Event object from the browser.
+  //  */
+  // handleKeyDown(event) {
+  //   // Update to Chris keyboard handler
+  //   // We have a new "navigateArrow" function in that handler, maybe that replaces those keys here?
+  //   event.preventDefault();
+  //   switch (event.key) {
+  //     case "ArrowDown":
+  //       console.warn("ArrowDown key is pressed and heard from menu");
+  //       this.menuService.highlightNext();
+  //       break;
+  //     case "ArrowUp":
+  //       console.warn("ArrowUp key is pressed and heard from menu");
+  //       this.menuService.highlightPrevious();
+  //       break;
+  //     case "Tab":
+  //     case "Enter":
+  //       this.menuService.selectHighlightedOption();
+  //       // Does this need to get separated into two cases to handle the different expected behavior of tab vs enter?
+  //       break;
+  //     default:
+  //       break;
+  //   }
+  // }
 
   /**
    * Navigates the menu options in the specified direction.

package/components/radio/demo/api.min.js

@@ -1645,7 +1645,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/demo/index.min.js

@@ -1620,7 +1620,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/dist/index.js

@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/dist/registered.js

@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603310455';
+var formkitVersion = '202604021512';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.