stimeo-ui 0.16.0 → 0.18.0

package/dist/controllers/navigation_menu_controller.js

@@ -1,19 +1,65 @@
 import { Controller } from '@hotwired/stimulus';
 
-// src/controllers/navigation_menu_controller.ts
+var FOCUS_EVENTS = /* @__PURE__ */ new Set(["blur", "focus", "focusin", "focusout"]);
+var POINTER_EVENTS = /* @__PURE__ */ new Set(["mouseenter", "mouseleave", "pointerenter", "pointerleave"]);
+function stateReasonFor(event) {
+  if (!event) return "api";
+  if (FOCUS_EVENTS.has(event.type)) return "focus";
+  if (POINTER_EVENTS.has(event.type)) return "pointer";
+  return "user";
+}
+
+function actionSource(source) {
+  if (source instanceof HTMLElement) {
+    return { event: null, host: source, origin: source, reason: "api" };
+  }
+  const event = source ?? null;
+  return {
+    event,
+    host: event?.currentTarget instanceof Element ? event.currentTarget : null,
+    origin: event?.target instanceof Element ? event.target : null,
+    reason: stateReasonFor(event)
+  };
+}
+
+function isAriaDisabled(element) {
+  for (let current = element; current; current = current.parentElement) {
+    if (current.getAttribute("aria-disabled") === "true") return true;
+  }
+  return false;
+}
 
-// src/utils/logical_scroll.ts
 function isRtl(element) {
   return window.getComputedStyle(element).direction === "rtl";
 }
 
-// src/utils/arrow_step.ts
 function isReservedArrowChord(event, allow = []) {
   if (!event.key.startsWith("Arrow")) return false;
   return event.altKey && !allow.includes("alt") || event.ctrlKey && !allow.includes("ctrl") || event.metaKey && !allow.includes("meta") || event.shiftKey && !allow.includes("shift");
 }
 
-// src/utils/escape_layer.ts
+var ClickVerdicts = class {
+  #verdicts = /* @__PURE__ */ new WeakMap();
+  record(event, entries, refused) {
+    this.#verdicts.set(event, { entries, refused });
+  }
+  for(event, entry) {
+    const verdict = event && this.#verdicts.get(event);
+    if (!verdict?.entries.includes(entry)) return void 0;
+    return verdict.refused;
+  }
+};
+
+function sharedRegistry(key, create) {
+  const symbol = Symbol.for(key);
+  const scope = globalThis;
+  const existing = scope[symbol];
+  if (existing !== void 0) return existing;
+  const registry = create();
+  Object.defineProperty(globalThis, symbol, { value: registry });
+  return registry;
+}
+
 function claimsWhileFocusWithin(element) {
   return () => {
     const active = element.ownerDocument.activeElement;
@@ -21,17 +67,11 @@ function claimsWhileFocusWithin(element) {
   };
 }
 var EscapeLayer = class _EscapeLayer {
-  static #registries = /* @__PURE__ */ new WeakMap();
-  #ownerDocument = null;
-  /** Dismissal callback while active; `null` when inactive. */
-  #onDismiss = null;
-  /** Live predicate deciding whether the layer claims a press; `null` = always. */
-  #claims = null;
-  /**
-   * Activates this layer at the top of its document's Escape stack, installing
-   * the document's shared resolver listener if this is its first layer.
-   * Re-activating an already-active layer moves it to the top.
-   */
+  static #registries = sharedRegistry(
+    "stimeo-ui.escape-layer.registry.v1",
+    () => /* @__PURE__ */ new WeakMap()
+  );
+  #active = null;
   activate(ownerDocument = document, options) {
     this.deactivate();
     let registry = _EscapeLayer.#registries.get(ownerDocument);
@@ -40,44 +80,31 @@ var EscapeLayer = class _EscapeLayer {
       _EscapeLayer.#registries.set(ownerDocument, registry);
       ownerDocument.addEventListener("keydown", registry.onKeydown);
     }
-    registry.stack.push(this);
-    this.#ownerDocument = ownerDocument;
-    this.#onDismiss = options.onDismiss;
-    this.#claims = options.claims ?? null;
-  }
-  /**
-   * Removes this layer from its document's Escape stack, uninstalling the
-   * shared listener when the stack empties. Safe to call when inactive.
-   */
+    const entry = { onDismiss: options.onDismiss, claims: options.claims ?? null };
+    registry.stack.push(entry);
+    this.#active = { document: ownerDocument, entry };
+  }
   deactivate() {
-    const ownerDocument = this.#ownerDocument;
-    if (!ownerDocument) return;
-    const registry = _EscapeLayer.#registries.get(ownerDocument);
+    const active = this.#active;
+    if (!active) return;
+    const registry = _EscapeLayer.#registries.get(active.document);
     if (registry) {
-      const index = registry.stack.lastIndexOf(this);
+      const index = registry.stack.lastIndexOf(active.entry);
       if (index >= 0) registry.stack.splice(index, 1);
       if (registry.stack.length === 0) {
-        ownerDocument.removeEventListener("keydown", registry.onKeydown);
-        _EscapeLayer.#registries.delete(ownerDocument);
+        active.document.removeEventListener("keydown", registry.onKeydown);
+        _EscapeLayer.#registries.delete(active.document);
       }
     }
-    this.#ownerDocument = null;
-    this.#onDismiss = null;
-    this.#claims = null;
-  }
-  /**
-   * Whether this active layer would own a press right now: it is the topmost
-   * layer whose {@link EscapeLayerOptions.claims} passes. Exposed for tests
-   * and diagnostics — production dismissal goes through the shared listener.
-   */
+    this.#active = null;
+  }
   get ownsEscape() {
-    const ownerDocument = this.#ownerDocument;
-    if (!ownerDocument) return false;
-    const registry = _EscapeLayer.#registries.get(ownerDocument);
+    const active = this.#active;
+    if (!active) return false;
+    const registry = _EscapeLayer.#registries.get(active.document);
     if (!registry) return false;
-    return _EscapeLayer.#resolveOwner(registry.stack) === this;
+    return _EscapeLayer.#resolveOwner(registry.stack) === active.entry;
   }
-  /** Builds a document's registry with its shared resolver listener. */
   static #createRegistry() {
     const registry = {
       stack: [],
@@ -86,66 +113,106 @@ var EscapeLayer = class _EscapeLayer {
         const owner = _EscapeLayer.#resolveOwner(registry.stack);
         if (!owner) return;
         event.preventDefault();
-        owner.#onDismiss?.();
+        owner.onDismiss();
       }
     };
     return registry;
   }
-  /** The topmost stack layer whose claims predicate passes, or `null`. */
   static #resolveOwner(stack) {
     for (let index = stack.length - 1; index >= 0; index--) {
       const layer = stack[index];
       if (!layer) continue;
-      if (layer.#claims && !layer.#claims()) continue;
+      if (layer.claims && !layer.claims()) continue;
       return layer;
     }
     return null;
   }
 };
 
-// src/utils/event_owner.ts
 function ownerIndex(candidates, node) {
   if (!(node instanceof Node)) return -1;
   return candidates.findIndex((candidate) => candidate.contains(node));
 }
+function ownersOf(candidates, node) {
+  if (!(node instanceof Node)) return [];
+  return candidates.filter((candidate) => candidate.contains(node));
+}
+
+var ListenerSet = class {
+  #abort = new AbortController();
+  add(target, type, handler, options) {
+    target.addEventListener(type, handler, { ...options, signal: this.#abort.signal });
+  }
+  dispose() {
+    this.#abort.abort();
+    this.#abort = new AbortController();
+  }
+};
+
+var MAX_TIMER_DELAY_MS = 2147483647;
+
+var NUMBER_BOUNDS = {
+  timer: { finite: true, min: 0, max: MAX_TIMER_DELAY_MS }};
+function matchesNumberBounds(value, bounds) {
+  if (!Number.isFinite(value)) {
+    const direction = value === Infinity ? "positive" : value === -Infinity ? "negative" : null;
+    if (direction === null) return false;
+    if (bounds.allowInfinity !== "both" && bounds.allowInfinity !== direction) return false;
+  }
+  if (bounds.min !== void 0 && value < bounds.min) return false;
+  if (bounds.max !== void 0 && value > bounds.max) return false;
+  if (bounds.exclusiveMin !== void 0 && value <= bounds.exclusiveMin) return false;
+  if (bounds.integer && !Number.isInteger(value)) return false;
+  if (bounds.allowedValues !== void 0 && !bounds.allowedValues.includes(value)) return false;
+  return true;
+}
+
+function readNumber(raw, fallback, bounds) {
+  return matchesNumberBounds(raw, bounds) ? raw : fallback;
+}
+
+var NumberValueReader = class {
+  #lastRejected = /* @__PURE__ */ new Map();
+  read(owner, name, raw, fallback, bounds) {
+    const resolved = readNumber(raw, fallback, bounds);
+    if (matchesNumberBounds(raw, bounds)) {
+      this.#lastRejected.delete(name);
+      return resolved;
+    }
+    const attribute = `data-${owner.identifier}-${name.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}-value`;
+    const literal = owner.element.getAttribute(attribute);
+    if (literal === null) {
+      this.#lastRejected.delete(name);
+      return resolved;
+    }
+    if (this.#lastRejected.get(name) !== literal) {
+      this.#lastRejected.set(name, literal);
+      console.warn(
+        `Stimeo UI: "${owner.identifier}" has an invalid number Value "${name}" declaration ${JSON.stringify(literal)}; using ${fallback}.`
+      );
+    }
+    return resolved;
+  }
+};
 
-// src/utils/safe_timeout.ts
 var TimerRegistry = class {
-  /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */
   ids = /* @__PURE__ */ new Set();
-  /**
-   * Cancels a single tracked timer.
-   *
-   * No-ops if the id is unknown (already cleared, fired, or never owned by this
-   * registry), so callers can clear defensively without guarding.
-   */
   clear(id) {
     if (this.ids.delete(id)) {
       this.cancel(id);
     }
   }
-  /**
-   * Cancels every tracked timer. Call this from a controller's `disconnect()`
-   * to guarantee no timer outlives the element.
-   */
   clearAll() {
     for (const id of this.ids) {
       this.cancel(id);
     }
     this.ids.clear();
   }
-  /** Number of timers currently tracked (pending). */
   get size() {
     return this.ids.size;
   }
 };
 var SafeTimeout = class extends TimerRegistry {
-  /**
-   * Schedules `callback` after `delay` ms and returns the timer id.
-   *
-   * The id is removed from the registry automatically when the timeout fires,
-   * so {@link TimerRegistry.size | size} reflects only still-pending timers.
-   */
   set(callback, delay) {
     const id = this.schedule(() => {
       this.ids.delete(id);
@@ -162,137 +229,84 @@ var SafeTimeout = class extends TimerRegistry {
   }
 };
 
-// src/utils/state_reason.ts
-var FOCUS_EVENTS = /* @__PURE__ */ new Set(["blur", "focus", "focusin", "focusout"]);
-var POINTER_EVENTS = /* @__PURE__ */ new Set(["mouseenter", "mouseleave", "pointerenter", "pointerleave"]);
-function stateReasonFor(event) {
-  if (!event) return "api";
-  if (FOCUS_EVENTS.has(event.type)) return "focus";
-  if (POINTER_EVENTS.has(event.type)) return "pointer";
-  return "user";
+function targetSelector(identifier, name) {
+  return `[data-${identifier}-target~="${name}"]`;
 }
 
-// src/controllers/navigation_menu_controller.ts
-var NavigationMenuController = class extends Controller {
-  static targets = ["trigger", "panel", "hoverArea"];
+var NavigationMenuController = class _NavigationMenuController extends Controller {
+  #numbers = new NumberValueReader();
+  static targets = ["trigger", "panel", "hoverArea", "list"];
   static values = {
     openOnHover: { type: Boolean, default: false },
     hoverDelay: { type: Number, default: 150 }
   };
+  static valueConstraints = {
+    hoverDelay: NUMBER_BOUNDS.timer
+  };
   static actions = ["onTriggerKeydown", "toggle"];
   static events = ["close", "open"];
-  /** Open/close delay timers for hover mode; cleared together on disconnect. */
   #hoverTimers = new SafeTimeout();
-  /**
-   * Elements currently carrying hover listeners. Removal always mirrors this
-   * set (not a recomputed target snapshot), so a rebuild driven by target churn
-   * can never strand a listener on an element that stopped being a target.
-   */
-  #hoverWired = /* @__PURE__ */ new Set();
-  /**
-   * The trigger whose hover region the pointer currently occupies, if any. Only
-   * the click semantics under `openOnHover` read it (see {@link toggle}).
-   */
+  #hoverListeners = new ListenerSet();
   #hoveredTrigger = null;
-  /**
-   * Whether the controller is between `connect()` and `disconnect()`. Stimulus
-   * disconnects the controller **before** disconnecting its targets, so the
-   * target callbacks below also fire during teardown; without this flag their
-   * rebuild would re-wire hover listeners onto an already-disconnected nav.
-   */
   #connected = false;
-  /** Whether state moves are reported: set once `connect()` settled the baseline. */
   #reporting = false;
-  /** Escape-stack membership while any panel is open; the shared resolver dismisses via it. */
   #escapeLayer = new EscapeLayer();
-  /** Establishes the closed baseline and the dismissal listeners. */
+  #listeners = new ListenerSet();
+  #clickVerdicts = new ClickVerdicts();
   connect() {
     this.#connected = true;
     this.#closeAll("api");
-    document.addEventListener("click", this.#onOutsideClick, true);
-    this.element.addEventListener("focusout", this.#onFocusOut);
+    this.#listeners.add(this.element, "click", this.#onClickCapture, { capture: true });
+    this.#listeners.add(document, "click", this.#onOutsideClick, { capture: true });
+    this.#listeners.add(this.element, "focusout", this.#onFocusOut);
     if (this.openOnHoverValue) this.#addHoverListeners();
     this.#reporting = true;
   }
-  /** Removes every listener, pending hover timer, and stack membership taken while connected. */
   disconnect() {
     this.#connected = false;
     this.#reporting = false;
     this.#escapeLayer.deactivate();
-    document.removeEventListener("click", this.#onOutsideClick, true);
-    this.element.removeEventListener("focusout", this.#onFocusOut);
+    this.#listeners.dispose();
     this.#removeHoverListeners();
     this.#hoverTimers.clearAll();
   }
-  /**
-   * Follows a runtime flip of `openOnHover` (a morph or a scripted attribute
-   * change) by wiring or unwiring the hover listeners in place. Stimulus also
-   * fires this once before `connect()`, which the `#connected` guard skips —
-   * `connect()` owns the initial wiring.
-   */
   openOnHoverValueChanged() {
     if (!this.#connected) return;
     if (this.openOnHoverValue) this.#addHoverListeners();
     else this.#removeHoverListeners();
   }
-  /** Re-wires hover listeners when a target is added after connect (Turbo Streams etc.). */
   triggerTargetConnected() {
     this.#rewireHoverListeners();
   }
-  /** Re-wires hover listeners when a target is removed while connected. */
   triggerTargetDisconnected() {
     this.#rewireHoverListeners();
   }
-  /** See {@link NavigationMenuController.triggerTargetConnected}. */
   panelTargetConnected() {
     this.#rewireHoverListeners();
   }
-  /** See {@link NavigationMenuController.triggerTargetDisconnected}. */
   panelTargetDisconnected() {
     this.#rewireHoverListeners();
   }
-  /** See {@link NavigationMenuController.triggerTargetConnected}. */
   hoverAreaTargetConnected() {
     this.#rewireHoverListeners();
   }
-  /** See {@link NavigationMenuController.triggerTargetDisconnected}. */
   hoverAreaTargetDisconnected() {
     this.#rewireHoverListeners();
   }
-  /**
-   * Toggles a trigger's panel (single-open). Bound via `data-action` (click).
-   *
-   * An explicit activation always wins over a scheduled hover open/close, so any
-   * pending hover timer is dropped first — otherwise a close scheduled just
-   * before the click would fire into the freshly opened panel.
-   *
-   * Under `openOnHover`, closing a panel the pointer itself is holding open is
-   * refused: the pointer stays put, `mouseenter` does not re-fire, and the panel
-   * would be unopenable until the pointer left and came back. Keyboard
-   * activation (pointer elsewhere) still toggles it closed, and `Escape` and
-   * outside clicks dismiss either way.
-   */
-  toggle(event) {
-    const trigger = event.currentTarget;
-    const reason = stateReasonFor(event);
+  toggle(source) {
+    const { event, host, origin, reason } = actionSource(source);
+    const trigger = host?.closest(targetSelector(this.identifier, "trigger"));
+    if (!trigger || !this.triggerTargets.includes(trigger)) return;
+    if (origin && origin.closest(`[data-controller~="${this.identifier}"]`) !== this.element)
+      return;
     this.#hoverTimers.clearAll();
     if (!this.#isExpanded(trigger)) {
-      this.#openPanel(trigger, reason);
+      if (!this.#refuses(trigger, event, origin)) this.#openPanel(trigger, reason);
       return;
     }
     if (this.openOnHoverValue && this.#hoveredTrigger === trigger) return;
     this.#closePanel(trigger, reason);
   }
-  /**
-   * `ArrowLeft`/`ArrowRight` move focus between triggers (keeping Tab order).
-   *
-   * Only navigable triggers are destinations, so a `hidden` or disabled item
-   * never swallows the press. A modified arrow belongs to the browser or OS
-   * (`Alt+←`/`Alt+→` is history back/forward), and with no destination at all
-   * (a single-trigger nav) the press is left to the page — `preventDefault()` is
-   * called only when focus actually moves, keeping the scroll-suppression
-   * contract honest.
-   */
   onTriggerKeydown(event) {
     if (event.defaultPrevented) return;
     if (event.key !== "ArrowRight" && event.key !== "ArrowLeft") return;
@@ -304,17 +318,11 @@ var NavigationMenuController = class extends Controller {
     const index = triggers.indexOf(current);
     if (index === -1 || triggers.length < 2) return;
     event.preventDefault();
-    const forward = isRtl(this.element) ? "ArrowLeft" : "ArrowRight";
+    const forward = isRtl(this.hasListTarget ? this.listTarget : this.element) ? "ArrowLeft" : "ArrowRight";
     const step = event.key === forward ? 1 : -1;
     triggers[(index + step + triggers.length) % triggers.length]?.focus();
   }
-  /**
-   * Opens `trigger`'s panel, closing any other open panel first. Re-opening an
-   * already-open panel only re-asserts the Escape layer: the close/open
-   * round-trip would rewrite `aria-expanded` and `hidden` for no state change.
-   */
   #openPanel(trigger, reason) {
-    if (trigger.getAttribute("aria-disabled") === "true") return;
     if (this.#isExpanded(trigger)) {
       this.#syncEscapeLayer();
       return;
@@ -327,7 +335,6 @@ var NavigationMenuController = class extends Controller {
     this.#report("open", trigger, panel, reason);
     this.#syncEscapeLayer();
   }
-  /** Closes `trigger`'s panel, reflects the collapsed state, and reports a move. */
   #closePanel(trigger, reason) {
     const was = this.#isExpanded(trigger);
     const panel = this.#panelFor(trigger);
@@ -336,15 +343,9 @@ var NavigationMenuController = class extends Controller {
     if (was && panel) this.#report("close", trigger, panel, reason);
     this.#syncEscapeLayer();
   }
-  /**
-   * Closes every open panel and normalizes `aria-expanded="false"` on **all**
-   * triggers, so a trigger whose panel was hidden by other means cannot keep
-   * advertising an open panel.
-   */
   #closeAll(reason) {
     for (const trigger of this.triggerTargets) this.#closePanel(trigger, reason);
   }
-  /** Names the panel that moved, so a subscriber does not have to re-derive it. */
   #report(name, trigger, panel, reason) {
     if (!this.#reporting) return;
     const index = this.triggerTargets.indexOf(trigger);
@@ -352,27 +353,20 @@ var NavigationMenuController = class extends Controller {
     if (name === "open") this.dispatch("open", { detail, cancelable: false });
     else this.dispatch("close", { detail, cancelable: false });
   }
-  /**
-   * Whether a trigger can receive arrow-key focus: not `hidden`, not a natively
-   * `disabled` control (mirrors `toolbar`). CSS-only visibility cannot be
-   * detected headlessly and stays the consumer's responsibility.
-   *
-   * **`aria-disabled="true"` stays reachable.** APG separates the attributes by
-   * intent: `disabled` is for controls a neighbour makes inferable, while
-   * `aria-disabled` marks one that must remain *discoverable* — and a nav
-   * section the user cannot even arrow to is a section they cannot learn exists.
-   * Opening is suppressed separately, so the trigger announces itself and does
-   * nothing.
-   */
   #isNavigable(trigger) {
     if (trigger.hasAttribute("hidden")) return false;
     return !trigger.disabled;
   }
-  /**
-   * Aligns Escape-stack membership with the open state: joins (or re-asserts to
-   * the top) while a panel is open, leaves once none is. Re-asserting when the
-   * user switches panels is deliberate — the nav is again the newest layer.
-   */
+  #isActivationDisabled(trigger) {
+    return !this.#isNavigable(trigger) || isAriaDisabled(trigger);
+  }
+  #refuses(trigger, event, origin) {
+    const recorded = this.#clickVerdicts.for(event, trigger);
+    if (recorded !== void 0) return recorded;
+    if (this.#isActivationDisabled(trigger)) return true;
+    const target = event ? event.target : origin;
+    return ownersOf(this.triggerTargets, target).some((owner) => this.#isActivationDisabled(owner));
+  }
   #syncEscapeLayer() {
     if (this.#isAnyOpen) {
       this.#escapeLayer.activate(document, {
@@ -383,11 +377,6 @@ var NavigationMenuController = class extends Controller {
       this.#escapeLayer.deactivate();
     }
   }
-  /**
-   * Closes any open panel and returns focus to its trigger (Escape path). A
-   * pending hover open would otherwise re-open the panel the user just
-   * dismissed, so the reservation is dropped with it.
-   */
   #closeAndRestore() {
     const open = this.#openTrigger;
     if (!open) return;
@@ -395,113 +384,65 @@ var NavigationMenuController = class extends Controller {
     this.#closePanel(open, "escape");
     open.focus();
   }
-  /** Closes panels when a click lands outside the nav element. */
+  #onClickCapture = (event) => {
+    const triggers = ownersOf(this.triggerTargets, event.target);
+    this.#clickVerdicts.record(
+      event,
+      triggers,
+      triggers.some((trigger) => this.#isActivationDisabled(trigger))
+    );
+  };
   #onOutsideClick = (event) => {
     if (this.#isAnyOpen && !this.element.contains(event.target)) this.#closeAll("outside");
   };
-  /**
-   * Closes (without restoring focus) when focus leaves the nav for a known
-   * external destination. A null/non-Node destination is indeterminate:
-   * browsers use it for clicks on non-focusable content and for window
-   * deactivation, so those never close the nav here (matching the popover
-   * convention) — the outside-click handler decides pointer dismissal, and the
-   * Escape stack's body-focus claim keeps keyboard dismissal working.
-   */
   #onFocusOut = (event) => {
     const next = event.relatedTarget;
     if (!(next instanceof Node) || this.element.contains(next)) return;
     this.#closeAll("focus");
   };
-  /**
-   * Opens a trigger's panel after the hover delay (hover mode).
-   *
-   * @stimeoRuntimeOnly `hoverDelay` is the delay of the one hover timer this entry arms.
-   */
   #onPointerEnter = (event) => {
     const trigger = this.#triggerForHover(event.currentTarget);
     if (!trigger) return;
     this.#hoveredTrigger = trigger;
     this.#hoverTimers.clearAll();
-    this.#hoverTimers.set(() => this.#openFromHover(trigger), this.hoverDelayValue);
+    this.#hoverTimers.set(() => this.#openFromHover(trigger), this.#safeHoverDelay);
   };
-  /**
-   * Closes the open panel after the hover delay (hover mode) — unless the
-   * pointer moved directly into another part of the hover region (an adjacent
-   * trigger, panel, or hoverArea): crossing a shared edge must not schedule a
-   * spurious close, e.g. a hoverArea whose panel sits outside it as a sibling.
-   *
-   * @stimeoRuntimeOnly `hoverDelay` is the delay of the one hover timer this exit arms.
-   */
   #onPointerLeave = (event) => {
     const next = event instanceof MouseEvent ? event.relatedTarget : null;
     if (ownerIndex(this.#hoverElements, next) !== -1) return;
     this.#hoveredTrigger = null;
     this.#hoverTimers.clearAll();
-    this.#hoverTimers.set(() => this.#closeFromHover(), this.hoverDelayValue);
+    this.#hoverTimers.set(() => this.#closeFromHover(), this.#safeHoverDelay);
   };
-  /**
-   * Hover-driven open. Switching panels would hide the outgoing one, so focus
-   * standing inside it is handed back to its trigger first: pointer movement
-   * must never send focus to the body (the keyboard user would lose their
-   * place). Focus outside the closing panel is left alone.
-   */
   #openFromHover(trigger) {
-    if (trigger.getAttribute("aria-disabled") === "true") return;
+    if (this.#refuses(trigger, null, trigger)) return;
     const open = this.#openTrigger;
     if (open && open !== trigger && this.#holdsFocus(this.#panelFor(open))) open.focus();
     this.#openPanel(trigger, "pointer");
   }
-  /**
-   * Hover-driven close: skipped while focus sits inside the panel it would hide,
-   * for the same no-focus-loss reason (cf. `hover_card`'s delayed close). The
-   * panel then stays open until `Escape`, an outside click, or focus leaving the
-   * nav dismisses it — all of which restore or keep focus deliberately.
-   */
   #closeFromHover() {
     const open = this.#openTrigger;
     if (open && this.#holdsFocus(this.#panelFor(open))) return;
     this.#closeAll("pointer");
   }
-  /** Whether `panel` exists and currently contains the focused element. */
   #holdsFocus(panel) {
     return panel?.contains(document.activeElement) ?? false;
   }
-  /** Wires hover open/close on each hover element (opt-in), tracking what was wired. */
   #addHoverListeners() {
     for (const element of this.#hoverElements) {
-      element.addEventListener("mouseenter", this.#onPointerEnter);
-      element.addEventListener("mouseleave", this.#onPointerLeave);
-      this.#hoverWired.add(element);
+      this.#hoverListeners.add(element, "mouseenter", this.#onPointerEnter);
+      this.#hoverListeners.add(element, "mouseleave", this.#onPointerLeave);
     }
   }
-  /** Removes the hover listeners from exactly the elements that were wired. */
   #removeHoverListeners() {
-    for (const element of this.#hoverWired) {
-      element.removeEventListener("mouseenter", this.#onPointerEnter);
-      element.removeEventListener("mouseleave", this.#onPointerLeave);
-    }
-    this.#hoverWired.clear();
+    this.#hoverListeners.dispose();
     this.#hoveredTrigger = null;
   }
-  /**
-   * Rebuilds the hover wiring from the current targets. Target callbacks call
-   * this so items added or removed after connect (e.g. a Turbo Stream append)
-   * participate in hover; the wired-set removal keeps the rebuild symmetric.
-   * Stimulus fires those callbacks during teardown too, hence the `#connected`
-   * guard — a rebuild after `disconnect()` would resurrect the listeners.
-   */
   #rewireHoverListeners() {
     if (!this.#connected || !this.openOnHoverValue) return;
     this.#removeHoverListeners();
     this.#addHoverListeners();
   }
-  /**
-   * Elements that participate in hover: each `hoverArea`, plus every trigger and
-   * panel **not** wrapped by one. A wrapped trigger/panel must defer to its
-   * wrapper — its own mouseleave would otherwise schedule a close while the
-   * pointer is still inside the area (mouseenter does not re-fire on the wrapper
-   * when moving among its descendants), flickering the panel shut.
-   */
   get #hoverElements() {
     const areas = this.hoverAreaTargets;
     const covered = (element) => ownerIndex(areas, element) !== -1;
@@ -511,11 +452,6 @@ var NavigationMenuController = class extends Controller {
       ...this.panelTargets.filter((panel) => !covered(panel))
     ];
   }
-  /**
-   * Resolves the trigger for a hovered element: the trigger itself, the trigger
-   * controlling a hovered panel, or the first trigger contained in a hovered
-   * `hoverArea` wrapper.
-   */
   #triggerForHover(element) {
     if (this.triggerTargets.includes(element)) return element;
     if (this.panelTargets.includes(element)) {
@@ -526,25 +462,29 @@ var NavigationMenuController = class extends Controller {
     }
     return null;
   }
-  /** The panel controlled by `trigger` (matched by `aria-controls`/`id`). */
   #panelFor(trigger) {
     const id = trigger.getAttribute("aria-controls");
     return id ? this.panelTargets.find((panel) => panel.id === id) ?? null : null;
   }
-  /** Whether `trigger`'s panel is currently expanded. */
   #isExpanded(trigger) {
     return trigger.getAttribute("aria-expanded") === "true";
   }
-  /** The trigger whose panel is currently open, if any. */
   get #openTrigger() {
     return this.triggerTargets.find((trigger) => this.#isExpanded(trigger)) ?? null;
   }
-  /** Whether any panel is currently open. */
   get #isAnyOpen() {
     return this.#openTrigger !== null;
   }
+  get #safeHoverDelay() {
+    return this.#numbers.read(
+      this,
+      "hoverDelay",
+      this.hoverDelayValue,
+      _NavigationMenuController.values.hoverDelay.default,
+      _NavigationMenuController.valueConstraints.hoverDelay
+    );
+  }
 };
 
 export { NavigationMenuController };
-//# sourceMappingURL=navigation_menu_controller.js.map
 //# sourceMappingURL=navigation_menu_controller.js.map