@y14e/menu 1.4.2 → 1.4.3

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/menu
 
 ```ts
 // npm
-import Menu from '@y14e/menu@1.4.2';
+import Menu from '@y14e/menu@1.4.3';
 
 // CDNs
-import Menu from 'https://esm.sh/@y14e/menu@1.4.2';
+import Menu from 'https://esm.sh/@y14e/menu@1.4.3';
 // or
-import Menu from 'https://cdn.jsdelivr.net/npm/@y14e/menu@1.4.2/+esm';
+import Menu from 'https://cdn.jsdelivr.net/npm/@y14e/menu@1.4.3/+esm';
 // or
-import Menu from 'https://esm.unpkg.com/@y14e/menu@1.4.2';
+import Menu from 'https://esm.unpkg.com/@y14e/menu@1.4.3';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -2659,8 +2659,8 @@ var Menu = class _Menu {
     }
     this.#initialize();
   }
-  open() {
-    this.#toggle(true);
+  open(focusLastItem = false) {
+    this.#toggle(true, focusLastItem);
   }
   close() {
     this.#toggle(false);
@@ -2719,7 +2719,7 @@ var Menu = class _Menu {
       signal
     });
     if (!this.#listElement) {
-      throw new Error("Unreachable");
+      return;
     }
     saveAttributes([this.#listElement], ["aria-labelledby", "id", "role"]);
     if (this.#triggerElement) {
@@ -2946,7 +2946,7 @@ var Menu = class _Menu {
       i.setAttribute("aria-checked", String(i === item));
     });
   };
-  #toggle(isOpen) {
+  #toggle(isOpen, isFocusLastItem = false) {
     if (this.#triggerElement?.ariaExpanded === String(isOpen)) {
       return;
     }
@@ -2956,7 +2956,7 @@ var Menu = class _Menu {
         menu.close();
       });
       if (!this.#listElement) {
-        throw new Error("Unreachable");
+        return;
       }
       if (!this.#isSubmenu && this.#triggerElement || !this.#isPortal) {
         const style2 = this.#listElement.style;
@@ -2971,7 +2971,7 @@ var Menu = class _Menu {
       style.setProperty("display", "block");
       style.setProperty("opacity", "0");
       this.#triggerElement && this.#updatePopover();
-      this.#itemElements.find(isFocusable3)?.focus();
+      this.#itemElements.filter(isFocusable3).at(isFocusLastItem ? -1 : 0)?.focus();
     } else {
       this.#clearSubmenuTimer();
       const active = getActiveElement4();
@@ -2984,7 +2984,7 @@ var Menu = class _Menu {
       return;
     }
     if (!this.#listElement) {
-      throw new Error("Unreachable");
+      return;
     }
     if (!isOpen) {
       this.#listElement.removeAttribute("data-menu-open");
@@ -3012,7 +3012,7 @@ var Menu = class _Menu {
       () => {
         cleanupAnimation();
         if (!this.#listElement) {
-          throw new Error("Unreachable");
+          return;
         }
         const { style } = this.#listElement;
         if (!isOpen) {
@@ -3115,7 +3115,7 @@ var Menu = class _Menu {
           middlewareData
         }) => {
           if (!this.#listElement) {
-            throw new Error("Unreachable");
+            return;
           }
           const { style: listStyle } = this.#listElement;
           listStyle.setProperty("left", `${listX}px`);
@@ -3197,7 +3197,7 @@ function isFocusable3(element) {
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.2
+ * @version 1.4.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -5,7 +5,7 @@ import { Middleware, Placement } from '@floating-ui/dom';
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.2
+ * @version 1.4.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -48,7 +48,7 @@ declare class Menu {
      * @internal Internal constructor
      */
     constructor(root: HTMLElement, options?: MenuOptions, _internal?: InternalOptions);
-    open(): void;
+    open(focusLastItem?: boolean): void;
     close(): void;
     destroy(force?: boolean): Promise<void>;
 }

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { Middleware, Placement } from '@floating-ui/dom';
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.2
+ * @version 1.4.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -48,7 +48,7 @@ declare class Menu {
      * @internal Internal constructor
      */
     constructor(root: HTMLElement, options?: MenuOptions, _internal?: InternalOptions);
-    open(): void;
+    open(focusLastItem?: boolean): void;
     close(): void;
     destroy(force?: boolean): Promise<void>;
 }

package/dist/index.js

@@ -2657,8 +2657,8 @@ var Menu = class _Menu {
     }
     this.#initialize();
   }
-  open() {
-    this.#toggle(true);
+  open(focusLastItem = false) {
+    this.#toggle(true, focusLastItem);
   }
   close() {
     this.#toggle(false);
@@ -2717,7 +2717,7 @@ var Menu = class _Menu {
       signal
     });
     if (!this.#listElement) {
-      throw new Error("Unreachable");
+      return;
     }
     saveAttributes([this.#listElement], ["aria-labelledby", "id", "role"]);
     if (this.#triggerElement) {
@@ -2944,7 +2944,7 @@ var Menu = class _Menu {
       i.setAttribute("aria-checked", String(i === item));
     });
   };
-  #toggle(isOpen) {
+  #toggle(isOpen, isFocusLastItem = false) {
     if (this.#triggerElement?.ariaExpanded === String(isOpen)) {
       return;
     }
@@ -2954,7 +2954,7 @@ var Menu = class _Menu {
         menu.close();
       });
       if (!this.#listElement) {
-        throw new Error("Unreachable");
+        return;
       }
       if (!this.#isSubmenu && this.#triggerElement || !this.#isPortal) {
         const style2 = this.#listElement.style;
@@ -2969,7 +2969,7 @@ var Menu = class _Menu {
       style.setProperty("display", "block");
       style.setProperty("opacity", "0");
       this.#triggerElement && this.#updatePopover();
-      this.#itemElements.find(isFocusable3)?.focus();
+      this.#itemElements.filter(isFocusable3).at(isFocusLastItem ? -1 : 0)?.focus();
     } else {
       this.#clearSubmenuTimer();
       const active = getActiveElement4();
@@ -2982,7 +2982,7 @@ var Menu = class _Menu {
       return;
     }
     if (!this.#listElement) {
-      throw new Error("Unreachable");
+      return;
     }
     if (!isOpen) {
       this.#listElement.removeAttribute("data-menu-open");
@@ -3010,7 +3010,7 @@ var Menu = class _Menu {
       () => {
         cleanupAnimation();
         if (!this.#listElement) {
-          throw new Error("Unreachable");
+          return;
         }
         const { style } = this.#listElement;
         if (!isOpen) {
@@ -3113,7 +3113,7 @@ var Menu = class _Menu {
           middlewareData
         }) => {
           if (!this.#listElement) {
-            throw new Error("Unreachable");
+            return;
           }
           const { style: listStyle } = this.#listElement;
           listStyle.setProperty("left", `${listX}px`);
@@ -3195,7 +3195,7 @@ function isFocusable3(element) {
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.2
+ * @version 1.4.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/menu",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",