@y14e/path-bar 1.0.1 → 1.0.2

package/README.md

@@ -10,16 +10,16 @@ npm i @y14e/path-bar
 
 ```ts
 // npm
-import PathBar from '@y14e/path-bar@1.0.1';
+import PathBar from '@y14e/path-bar@1.0.2';
 // with middleware
-import PathBar, { flip, offset, shift } from '@y14e/path-bar@1.0.1';
+import PathBar, { flip, offset, shift } from '@y14e/path-bar@1.0.2';
 
 // CDNs
-import PathBar from 'https://esm.sh/@y14e/path-bar@1.0.1';
+import PathBar from 'https://esm.sh/@y14e/path-bar@1.0.2';
 // or
-import PathBar from 'https://cdn.jsdelivr.net/npm/@y14e/path-bar@1.0.1/+esm';
+import PathBar from 'https://cdn.jsdelivr.net/npm/@y14e/path-bar@1.0.2/+esm';
 // or
-import PathBar from 'https://esm.unpkg.com/@y14e/path-bar@1.0.1';
+import PathBar from 'https://esm.unpkg.com/@y14e/path-bar@1.0.2';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -2380,7 +2380,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -2401,10 +2400,6 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -2423,7 +2418,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -2492,7 +2486,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -2514,7 +2508,6 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
     let rawIndex;
     let newIndex = currentIndex;
@@ -2675,7 +2668,6 @@ var Menu = class _Menu {
   #cleanupRovingTabIndex = null;
   #timers = [];
   #animation = null;
-  #animationId = 0;
   #buttons = [];
   #submenus = [];
   #submenuTimer;
@@ -2909,7 +2901,6 @@ var Menu = class _Menu {
       direction: "vertical",
       noMemory: true,
       noStart: !!this.#triggerElement,
-      noStopPropagation: true,
       selector: `${item}:not(:scope ${list} *, [data-menu-disabled])`,
       typeahead: true,
       wrap: true
@@ -3093,14 +3084,14 @@ var Menu = class _Menu {
     const opacity = getComputedStyle(this.#listElement).getPropertyValue(
       "opacity"
     );
-    const animationId = ++this.#animationId;
     this.#animation?.cancel();
-    this.#animation = this.#listElement.animate(
+    const animation = this.#listElement.animate(
       { opacity: isOpen ? [opacity, "1"] : [opacity, "0"] },
       { duration: this.#settings.animation.duration, easing: "ease" }
     );
+    this.#animation = animation;
     const cleanupAnimation = () => {
-      if (animationId === this.#animationId) {
+      if (this.#animation === animation) {
         this.#animation = null;
       }
     };
@@ -3112,7 +3103,7 @@ var Menu = class _Menu {
     this.#animation.addEventListener(
       "finish",
       () => {
-        if (animationId !== this.#animationId) {
+        if (this.#animation !== animation) {
           return;
         }
         cleanupAnimation();
@@ -3613,7 +3604,6 @@ function createRovingTabIndex2(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -3634,10 +3624,6 @@ function createRovingTabIndex2(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -3656,7 +3642,6 @@ function createRovingTabIndex2(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -3725,7 +3710,7 @@ var RovingTabIndex2 = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -3747,7 +3732,6 @@ var RovingTabIndex2 = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
     let rawIndex;
     let newIndex = currentIndex;
@@ -4312,7 +4296,12 @@ var PathBar = class _PathBar {
       }
       const menu = new Menu(
         root,
-        { animation, delay, popover: { menu: popover }, selector: selector.menu },
+        {
+          animation,
+          delay,
+          popover: { menu: popover },
+          selector: selector.menu
+        },
         { externalTrigger: link, isMenubar: true }
       );
       this.#bindings.set(link, createBinding(link, menu));
@@ -4413,7 +4402,7 @@ function createBinding(link, menu) {
  * Breadcrumb-style path bar implementation in TypeScript.
  * Supports keyboard navigation, integrated menus, and seamless menu traversal.
  *
- * @version 1.0.1
+ * @version 1.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4427,7 +4416,7 @@ function createBinding(link, menu) {
    * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
    * Supports checkbox item, radio item, and infinitely nested menus.
    *
-   * @version 1.7.2
+   * @version 1.7.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4502,7 +4491,7 @@ function createBinding(link, menu) {
      * Lightweight roving tabindex utility with fully focus management.
      * Designed for accessible menus, tabs, toolbars, and composite widgets.
      *
-     * @version 2.2.1
+     * @version 3.0.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4542,7 +4531,7 @@ function createBinding(link, menu) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.2.1
+   * @version 3.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -6,7 +6,7 @@ export { flip, offset, shift } from '@y14e/menu';
  * Breadcrumb-style path bar implementation in TypeScript.
  * Supports keyboard navigation, integrated menus, and seamless menu traversal.
  *
- * @version 1.0.1
+ * @version 1.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { flip, offset, shift } from '@y14e/menu';
  * Breadcrumb-style path bar implementation in TypeScript.
  * Supports keyboard navigation, integrated menus, and seamless menu traversal.
  *
- * @version 1.0.1
+ * @version 1.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -2376,7 +2376,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -2397,10 +2396,6 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -2419,7 +2414,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -2488,7 +2482,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -2510,7 +2504,6 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
     let rawIndex;
     let newIndex = currentIndex;
@@ -2671,7 +2664,6 @@ var Menu = class _Menu {
   #cleanupRovingTabIndex = null;
   #timers = [];
   #animation = null;
-  #animationId = 0;
   #buttons = [];
   #submenus = [];
   #submenuTimer;
@@ -2905,7 +2897,6 @@ var Menu = class _Menu {
       direction: "vertical",
       noMemory: true,
       noStart: !!this.#triggerElement,
-      noStopPropagation: true,
       selector: `${item}:not(:scope ${list} *, [data-menu-disabled])`,
       typeahead: true,
       wrap: true
@@ -3089,14 +3080,14 @@ var Menu = class _Menu {
     const opacity = getComputedStyle(this.#listElement).getPropertyValue(
       "opacity"
     );
-    const animationId = ++this.#animationId;
     this.#animation?.cancel();
-    this.#animation = this.#listElement.animate(
+    const animation = this.#listElement.animate(
       { opacity: isOpen ? [opacity, "1"] : [opacity, "0"] },
       { duration: this.#settings.animation.duration, easing: "ease" }
     );
+    this.#animation = animation;
     const cleanupAnimation = () => {
-      if (animationId === this.#animationId) {
+      if (this.#animation === animation) {
         this.#animation = null;
       }
     };
@@ -3108,7 +3099,7 @@ var Menu = class _Menu {
     this.#animation.addEventListener(
       "finish",
       () => {
-        if (animationId !== this.#animationId) {
+        if (this.#animation !== animation) {
           return;
         }
         cleanupAnimation();
@@ -3609,7 +3600,6 @@ function createRovingTabIndex2(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -3630,10 +3620,6 @@ function createRovingTabIndex2(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -3652,7 +3638,6 @@ function createRovingTabIndex2(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -3721,7 +3706,7 @@ var RovingTabIndex2 = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -3743,7 +3728,6 @@ var RovingTabIndex2 = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
     let rawIndex;
     let newIndex = currentIndex;
@@ -4308,7 +4292,12 @@ var PathBar = class _PathBar {
       }
       const menu = new Menu(
         root,
-        { animation, delay, popover: { menu: popover }, selector: selector.menu },
+        {
+          animation,
+          delay,
+          popover: { menu: popover },
+          selector: selector.menu
+        },
         { externalTrigger: link, isMenubar: true }
       );
       this.#bindings.set(link, createBinding(link, menu));
@@ -4409,7 +4398,7 @@ function createBinding(link, menu) {
  * Breadcrumb-style path bar implementation in TypeScript.
  * Supports keyboard navigation, integrated menus, and seamless menu traversal.
  *
- * @version 1.0.1
+ * @version 1.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4423,7 +4412,7 @@ function createBinding(link, menu) {
    * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
    * Supports checkbox item, radio item, and infinitely nested menus.
    *
-   * @version 1.7.2
+   * @version 1.7.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4498,7 +4487,7 @@ function createBinding(link, menu) {
      * Lightweight roving tabindex utility with fully focus management.
      * Designed for accessible menus, tabs, toolbars, and composite widgets.
      *
-     * @version 2.2.1
+     * @version 3.0.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -4538,7 +4527,7 @@ function createBinding(link, menu) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.2.1
+   * @version 3.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/path-bar",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -44,8 +44,8 @@
   "devDependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@y14e/attributes-utils": "^1.1.1",
-    "@y14e/menu": "^1.7.2",
-    "@y14e/roving-tabindex": "^2.2.1",
+    "@y14e/menu": "^1.7.3",
+    "@y14e/roving-tabindex": "^3.0.0",
     "bun-types": "latest",
     "power-focusable": "^4.3.2",
     "tsup": "^8.0.0",