stimeo-ui 0.2.1 → 0.4.0

package/dist/controllers/announcer_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/safe_timeout.ts","../../src/controllers/announcer_controller.ts"],"names":[],"mappings":"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","file":"announcer_controller.js","sourcesContent":["/**\n * Self-cleaning timer registries shared by Stimeo controllers.\n *\n * Stimulus controllers frequently schedule `setTimeout` / `setInterval` work\n * (auto-dismiss, debouncing, polling). When the element leaves the DOM — a\n * Turbo Drive navigation, a Turbo Stream replacement, or any `disconnect()` —\n * orphaned timers keep firing against a detached controller, leaking memory and\n * mutating stale state. {@link SafeTimeout} and {@link SafeInterval} track every\n * timer they create so a single {@link TimerRegistry.clearAll | clearAll()} call\n * in `disconnect()` tears them all down.\n *\n * These are intentionally low-level primitives: they own *registration and\n * cleanup only*. Higher-level policy (pause/resume, remaining-time accounting)\n * stays in the individual controllers so per-widget semantics are not flattened\n * into a lowest-common-denominator helper.\n */\n\n/**\n * Shared registry bookkeeping for the timeout/interval variants.\n *\n * Subclasses provide the scheduling primitive ({@link schedule}) and its matching\n * canceller ({@link cancel}); this base owns the set of live ids plus the\n * per-id and bulk teardown shared by both.\n */\nabstract class TimerRegistry {\n  /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */\n  protected readonly ids = new Set<number>();\n\n  /** Schedules the underlying platform timer and returns its id. */\n  protected abstract schedule(callback: () => void, delay: number): number;\n\n  /** Cancels the underlying platform timer for `id`. */\n  protected abstract cancel(id: number): void;\n\n  /**\n   * Cancels a single tracked timer.\n   *\n   * No-ops if the id is unknown (already cleared, fired, or never owned by this\n   * registry), so callers can clear defensively without guarding.\n   */\n  clear(id: number): void {\n    if (this.ids.delete(id)) {\n      this.cancel(id);\n    }\n  }\n\n  /**\n   * Cancels every tracked timer. Call this from a controller's `disconnect()`\n   * to guarantee no timer outlives the element.\n   */\n  clearAll(): void {\n    for (const id of this.ids) {\n      this.cancel(id);\n    }\n    this.ids.clear();\n  }\n\n  /** Number of timers currently tracked (pending). */\n  get size(): number {\n    return this.ids.size;\n  }\n}\n\n/**\n * `setTimeout` wrapper that auto-forgets each timer once it fires and supports\n * bulk teardown on disconnect.\n *\n * @example\n * ```ts\n * #timers = new SafeTimeout();\n *\n * connect() {\n *   this.#timers.set(() => this.dismiss(), 5000);\n * }\n *\n * disconnect() {\n *   this.#timers.clearAll();\n * }\n * ```\n */\nexport class SafeTimeout extends TimerRegistry {\n  /**\n   * Schedules `callback` after `delay` ms and returns the timer id.\n   *\n   * The id is removed from the registry automatically when the timeout fires,\n   * so {@link TimerRegistry.size | size} reflects only still-pending timers.\n   */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(() => {\n      this.ids.delete(id);\n      callback();\n    }, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setTimeout(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearTimeout(id);\n  }\n}\n\n/**\n * `setInterval` wrapper that tracks every interval for bulk teardown on\n * disconnect. Unlike {@link SafeTimeout}, intervals are retained until they are\n * explicitly cleared because they fire repeatedly.\n *\n * @example\n * ```ts\n * #intervals = new SafeInterval();\n *\n * connect() {\n *   this.#intervals.set(() => this.tick(), 1000);\n * }\n *\n * disconnect() {\n *   this.#intervals.clearAll();\n * }\n * ```\n */\nexport class SafeInterval extends TimerRegistry {\n  /** Schedules a repeating `callback` every `delay` ms and returns the timer id. */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(callback, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setInterval(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearInterval(id);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/**\n * Headless, shared **live-region announcer** — a polite/assertive screen-reader\n * announcement base (no dedicated APG pattern; follows the WAI-ARIA \"Alert\" /\n * \"Status\" live-region guidance and WCAG 2.2 **4.1.3 Status Messages**).\n *\n * Markup contract (identifier: `stimeo--announcer`):\n *   <!-- Place once per page; the consumer visually hides the regions in CSS. -->\n *   <div data-controller=\"stimeo--announcer\">\n *     <div data-stimeo--announcer-target=\"polite\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n *     <div data-stimeo--announcer-target=\"assertive\" aria-live=\"assertive\" aria-atomic=\"true\"></div>\n *   </div>\n *\n *   <!-- Attribute-only trigger: declare the activation event explicitly. -->\n *   <button data-action=\"click->stimeo--announcer#announce\"\n *           data-stimeo--announcer-message-param=\"Saved\"\n *           data-stimeo--announcer-assertive-param=\"false\">Save</button>\n *\n *   <!-- Programmatic trigger (e.g. from another controller / Turbo Stream). -->\n *   window.dispatchEvent(new CustomEvent(\"stimeo--announcer:announce\", {\n *     detail: { message: \"12 results\", assertive: false },\n *   }))\n *\n * The announcer is the shared substrate other controllers (Auto-Submit, Flash,\n * Bulk Select, …) lean on instead of each carrying their own live region.\n *\n * @remarks\n * Behavior only, with **one deliberate exception**: when a `polite`/`assertive`\n * target is absent the controller *generates* the missing region and applies the\n * canonical visually-hidden inline style (see {@link visuallyHide}). A live region\n * must exist and be visually hidden to do its job, and a generated node has no\n * consumer CSS hook to hide it; consumers who want to own styling supply their own\n * targets. The controller never moves focus — announcements must not steal it\n * (WCAG 2.2 4.1.3). Listeners and clear timers are torn down on `disconnect()`\n * (Turbo included), and any generated regions are removed.\n */\nexport class AnnouncerController extends Controller<HTMLElement> {\n  static override targets = [\"polite\", \"assertive\"];\n  static override values = {\n    clearAfter: { type: Number, default: 1000 },\n    dedupeReannounce: { type: Boolean, default: true },\n  };\n  static actions = [\"announce\"] as const;\n\n  declare readonly politeTarget: HTMLElement;\n  declare readonly assertiveTarget: HTMLElement;\n  declare readonly hasPoliteTarget: boolean;\n  declare readonly hasAssertiveTarget: boolean;\n\n  declare clearAfterValue: number;\n  declare dedupeReannounceValue: boolean;\n\n  /** Clear/re-announce timers; one `clearAll()` in disconnect tears them all down. */\n  readonly #timers = new SafeTimeout();\n\n  /** Live regions generated to stand in for absent targets, for teardown. */\n  readonly #generated = new Map<\"assertive\" | \"polite\", HTMLElement>();\n\n  /**\n   * Guards against handling the same CustomEvent twice. An event dispatched on\n   * the controller element with `bubbles: true` reaches both the element and the\n   * `window` listener; this WeakSet ensures it announces only once.\n   */\n  readonly #handled = new WeakSet<Event>();\n\n  /** Receives programmatic announcements at the element or bubbled to `window`. */\n  readonly #onAnnounceEvent = (event: Event): void => {\n    if (this.#handled.has(event)) return;\n    this.#handled.add(event);\n    const detail = (event as CustomEvent<unknown>).detail;\n    const message = this.#messageFromDetail(detail);\n    if (!message) return;\n    this.#announce(message, this.#assertiveFromDetail(detail));\n  };\n\n  override connect(): void {\n    this.element.addEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    window.addEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n  }\n\n  override disconnect(): void {\n    this.element.removeEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    window.removeEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    this.#timers.clearAll();\n    for (const region of this.#generated.values()) {\n      region.remove();\n    }\n    this.#generated.clear();\n  }\n\n  /**\n   * Announces a message. Reads the text from a Stimulus action param\n   * (`message`, plus optional `assertive`) for attribute-only triggers, falling\n   * back to a CustomEvent `detail` when the same handler is wired to an event.\n   * An empty/non-string message is ignored so untrusted payloads cannot blank\n   * the region.\n   */\n  announce(event: Event): void {\n    const params = (event as { params?: Record<string, unknown> }).params;\n    const fromParam = params?.message;\n    const message =\n      typeof fromParam === \"string\" && fromParam.length > 0\n        ? fromParam\n        : this.#messageFromDetail((event as CustomEvent<unknown>).detail);\n    if (!message) return;\n\n    const assertive =\n      params?.assertive === true ||\n      this.#assertiveFromDetail((event as CustomEvent<unknown>).detail);\n    this.#announce(message, assertive);\n  }\n\n  /**\n   * Writes `message` into the matching live region and schedules its clear.\n   *\n   * When the region already holds the same text, an aria-atomic region is not\n   * re-read by assistive tech (the node did not change). If `dedupeReannounce`\n   * is on, the text is cleared and re-set on a later task so the mutation is\n   * observed and announced again.\n   */\n  #announce(message: string, assertive: boolean): void {\n    const region = this.#regionFor(assertive ? \"assertive\" : \"polite\");\n\n    if (this.dedupeReannounceValue && region.textContent === message) {\n      region.textContent = \"\";\n      this.#timers.set(() => {\n        region.textContent = message;\n        this.#scheduleClear(region, message);\n      }, 0);\n      return;\n    }\n\n    region.textContent = message;\n    this.#scheduleClear(region, message);\n  }\n\n  /** Clears the region after `clearAfter` ms, unless a newer message replaced it. */\n  #scheduleClear(region: HTMLElement, message: string): void {\n    if (this.clearAfterValue <= 0) return;\n    this.#timers.set(() => {\n      if (region.textContent === message) region.textContent = \"\";\n    }, this.clearAfterValue);\n  }\n\n  /** Resolves the live region for a politeness level, generating it if absent. */\n  #regionFor(level: \"assertive\" | \"polite\"): HTMLElement {\n    if (level === \"assertive\" && this.hasAssertiveTarget) return this.assertiveTarget;\n    if (level === \"polite\" && this.hasPoliteTarget) return this.politeTarget;\n\n    const existing = this.#generated.get(level);\n    if (existing) return existing;\n\n    const region = document.createElement(\"div\");\n    region.setAttribute(\"aria-live\", level);\n    region.setAttribute(\"aria-atomic\", \"true\");\n    visuallyHide(region);\n    this.element.appendChild(region);\n    this.#generated.set(level, region);\n    return region;\n  }\n\n  /** Extracts a non-empty string `message` from a CustomEvent detail, else null. */\n  #messageFromDetail(detail: unknown): string | null {\n    if (detail && typeof detail === \"object\" && \"message\" in detail) {\n      const value = (detail as Record<string, unknown>).message;\n      if (typeof value === \"string\" && value.length > 0) return value;\n    }\n    return null;\n  }\n\n  /** Reads an `assertive === true` flag from a CustomEvent detail (default polite). */\n  #assertiveFromDetail(detail: unknown): boolean {\n    return (\n      !!detail &&\n      typeof detail === \"object\" &&\n      (detail as Record<string, unknown>).assertive === true\n    );\n  }\n}\n\n/**\n * Applies the canonical visually-hidden (\"sr-only\") inline style to a generated\n * live region so its text is announced without being seen. Inline so the library\n * stays self-contained when the consumer provides no target/CSS of its own.\n *\n * Pure (no `this`); exported for direct unit testing.\n */\nexport function visuallyHide(node: HTMLElement): void {\n  const { style } = node;\n  style.position = \"absolute\";\n  style.width = \"1px\";\n  style.height = \"1px\";\n  style.margin = \"-1px\";\n  style.padding = \"0\";\n  style.border = \"0\";\n  style.overflow = \"hidden\";\n  style.clip = \"rect(0 0 0 0)\";\n  style.clipPath = \"inset(50%)\";\n  style.whiteSpace = \"nowrap\";\n}\n"]}
+{"version":3,"sources":["../../src/utils/before_cache_reset.ts","../../src/utils/microtask_coalescer.ts","../../src/utils/safe_timeout.ts","../../src/controllers/announcer_controller.ts"],"names":[],"mappings":"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","file":"announcer_controller.js","sourcesContent":["/**\n * Runs a controller's \"return to the initial state\" pass just before Turbo\n * caches the page.\n *\n * **`disconnect()` cannot do this job, for two independent reasons.** Turbo\n * queues the clone from this event rather than taking it here, and the body swap\n * that runs the controller's `disconnect()` is queued separately — so which of\n * the two lands first is not something a controller can rely on, and a rewind\n * written in `disconnect()` may reach only the DOM being thrown away. In the\n * other direction, `disconnect()` also fires on an in-page move (Stimulus tears\n * down and reconnects the same element), where rewinding would wipe a\n * legitimately in-progress interaction — a spinner mid-load would vanish. One\n * timing is unreliable, the other is too eager; `turbo:before-cache` is the only\n * point that is exactly \"the page is about to be frozen\".\n *\n * Scope is the subscription only: registering on `activate()`, unregistering on\n * `deactivate()`, and one shared document listener no matter how many instances\n * are live. *What* to return to its initial state — which `data-state`, which\n * `hidden`, which `aria-busy` — stays in the controller, because no two\n * consumers answer it the same way (the `MicrotaskCoalescer` split).\n *\n * **Rewind state, not appearance.** The pass writes attributes the controller\n * itself owns; the visual result of those attributes is the consumer's CSS, and\n * a library that reached for style or class names would be guessing at markup\n * it does not own.\n *\n * Both entry points are idempotent, so the lifecycle hooks can call them\n * unconditionally: a second `activate()` does not double-subscribe and does not\n * make the callback run twice, and `deactivate()` on an instance that never\n * subscribed is a no-op.\n *\n * This file's own doc block is dropped from `dist`, but every member comment is\n * inlined into each consumer entry (`tsup` builds with `splitting: false`), so\n * rationale belongs here and only the contract belongs on the members.\n *\n * @example\n * ```ts\n * readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n *\n * connect()    { this.#beforeCache.activate(); }\n * disconnect() { this.#beforeCache.deactivate(); }\n * ```\n */\nexport class BeforeCacheReset {\n  /** Every subscribed instance, iterated by the one shared document listener. */\n  static readonly #subscribers = new Set<BeforeCacheReset>();\n\n  /** The shared listener; installed while at least one instance is subscribed. */\n  static readonly #onBeforeCache = (): void => {\n    for (const subscriber of BeforeCacheReset.#subscribers) subscriber.#rewind();\n  };\n\n  readonly #rewind: () => void;\n\n  /** @param rewind - the pass that returns this controller's state to its initial form. */\n  constructor(rewind: () => void) {\n    this.#rewind = rewind;\n  }\n\n  /** Subscribes to `turbo:before-cache`; call from `connect()`. Idempotent. */\n  activate(): void {\n    const first = BeforeCacheReset.#subscribers.size === 0;\n    BeforeCacheReset.#subscribers.add(this);\n    if (first) {\n      document.addEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n    }\n  }\n\n  /** Unsubscribes; call from `disconnect()`. Safe when never subscribed. */\n  deactivate(): void {\n    BeforeCacheReset.#subscribers.delete(this);\n    if (BeforeCacheReset.#subscribers.size > 0) return;\n    document.removeEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n  }\n}\n","/**\n * Collapses many target callbacks from one DOM mutation into a single pass.\n *\n * Stimulus fires `<name>TargetConnected` / `Disconnected` once per element, so\n * replacing a list of N options delivers N callbacks — but the useful unit of\n * work is \"reconcile against the DOM that resulted\", once, after the batch has\n * settled. Every controller that owns a reconcilable target set needs the same\n * shape: a `queued` flag plus `queueMicrotask`.\n *\n * **A microtask is the right horizon, and the reason is specific.** Stimulus\n * drives these callbacks from a `MutationObserver`, whose own callback already\n * runs as a microtask with the whole batch in hand; scheduling one more lands\n * after the last sibling callback of that batch and still before paint or any\n * event handler. A timer would be later than it needs to be, and reconciling\n * synchronously would run once per element against a half-applied DOM.\n *\n * **The two guards are not the same guard.** Scheduling is refused before the\n * controller connects, and running is refused after it disconnects:\n *\n * - **Before `connect()`** — Stimulus delivers the *initial* target callbacks\n *   ahead of `connect()`. Reconciling there would compute a fallback against a\n *   controller whose own state has not been initialised, and `connect()` is\n *   about to do a full pass anyway.\n * - **After `disconnect()`** — Stimulus fires a callback for **every** target\n *   during teardown, and a microtask queued just before it would otherwise run\n *   against a detached tree. {@link MicrotaskCoalescer.cancel} exists for the\n *   teardown path to drop the pending pass outright.\n *\n * Both guards are part of one contract here rather than something each consumer\n * has to remember separately.\n *\n * Scope is the scheduling only. *What* to reconcile — keep the surviving active\n * option, fall back to the next / previous / first visible one, rebuild derived\n * chips or hidden fields — stays in the controller, because no two consumers\n * answer it the same way.\n *\n * This file's own doc block is dropped from `dist`, but every member comment is\n * inlined into each consumer entry (`tsup` builds with `splitting: false`), so\n * rationale belongs here and only the contract belongs on the members.\n *\n * @example\n * ```ts\n * readonly #reconcile = new MicrotaskCoalescer(() => this.#reconcileOptions());\n *\n * connect()    { this.#reconcile.activate(); }\n * disconnect() { this.#reconcile.cancel(); }\n *\n * optionTargetConnected()    { this.#reconcile.schedule(); }\n * optionTargetDisconnected() { this.#reconcile.schedule(); }\n * ```\n */\nexport class MicrotaskCoalescer {\n  readonly #run: () => void;\n  #queued = false;\n  #active = false;\n  #generation = 0;\n\n  /** @param run - the single reconciliation pass, invoked at most once per batch. */\n  constructor(run: () => void) {\n    this.#run = run;\n  }\n\n  /** Opens the window in which {@link schedule} is honoured; call from `connect()`. */\n  activate(): void {\n    this.#active = true;\n  }\n\n  /** Closes the window and drops any pending pass; call from `disconnect()`. */\n  cancel(): void {\n    this.#active = false;\n    this.#queued = false;\n    this.#generation += 1;\n  }\n\n  /** Requests one pass after the batch settles. Idempotent; inert outside the window. */\n  schedule(): void {\n    if (!this.#active || this.#queued) return;\n    this.#queued = true;\n    const generation = this.#generation;\n    queueMicrotask(() => {\n      // A cancelled callback must not consume a pass queued after reconnect.\n      if (generation !== this.#generation || !this.#queued || !this.#active) return;\n      this.#queued = false;\n      this.#run();\n    });\n  }\n}\n","/**\n * Self-cleaning timer registries shared by Stimeo controllers.\n *\n * Stimulus controllers frequently schedule `setTimeout` / `setInterval` work\n * (auto-dismiss, debouncing, polling). When the element leaves the DOM — a\n * Turbo Drive navigation, a Turbo Stream replacement, or any `disconnect()` —\n * orphaned timers keep firing against a detached controller, leaking memory and\n * mutating stale state. {@link SafeTimeout} and {@link SafeInterval} track every\n * timer they create so a single {@link TimerRegistry.clearAll | clearAll()} call\n * in `disconnect()` tears them all down.\n *\n * These are intentionally low-level primitives: they own *registration and\n * cleanup only*. Higher-level policy (pause/resume, remaining-time accounting)\n * stays in the individual controllers so per-widget semantics are not flattened\n * into a lowest-common-denominator helper.\n */\n\n/**\n * Shared registry bookkeeping for the timeout/interval variants.\n *\n * Subclasses provide the scheduling primitive ({@link schedule}) and its matching\n * canceller ({@link cancel}); this base owns the set of live ids plus the\n * per-id and bulk teardown shared by both.\n */\nabstract class TimerRegistry {\n  /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */\n  protected readonly ids = new Set<number>();\n\n  /** Schedules the underlying platform timer and returns its id. */\n  protected abstract schedule(callback: () => void, delay: number): number;\n\n  /** Cancels the underlying platform timer for `id`. */\n  protected abstract cancel(id: number): void;\n\n  /**\n   * Cancels a single tracked timer.\n   *\n   * No-ops if the id is unknown (already cleared, fired, or never owned by this\n   * registry), so callers can clear defensively without guarding.\n   */\n  clear(id: number): void {\n    if (this.ids.delete(id)) {\n      this.cancel(id);\n    }\n  }\n\n  /**\n   * Cancels every tracked timer. Call this from a controller's `disconnect()`\n   * to guarantee no timer outlives the element.\n   */\n  clearAll(): void {\n    for (const id of this.ids) {\n      this.cancel(id);\n    }\n    this.ids.clear();\n  }\n\n  /** Number of timers currently tracked (pending). */\n  get size(): number {\n    return this.ids.size;\n  }\n}\n\n/**\n * `setTimeout` wrapper that auto-forgets each timer once it fires and supports\n * bulk teardown on disconnect.\n *\n * @example\n * ```ts\n * #timers = new SafeTimeout();\n *\n * connect() {\n *   this.#timers.set(() => this.dismiss(), 5000);\n * }\n *\n * disconnect() {\n *   this.#timers.clearAll();\n * }\n * ```\n */\nexport class SafeTimeout extends TimerRegistry {\n  /**\n   * Schedules `callback` after `delay` ms and returns the timer id.\n   *\n   * The id is removed from the registry automatically when the timeout fires,\n   * so {@link TimerRegistry.size | size} reflects only still-pending timers.\n   */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(() => {\n      this.ids.delete(id);\n      callback();\n    }, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setTimeout(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearTimeout(id);\n  }\n}\n\n/**\n * `setInterval` wrapper that tracks every interval for bulk teardown on\n * disconnect. Unlike {@link SafeTimeout}, intervals are retained until they are\n * explicitly cleared because they fire repeatedly.\n *\n * @example\n * ```ts\n * #intervals = new SafeInterval();\n *\n * connect() {\n *   this.#intervals.set(() => this.tick(), 1000);\n * }\n *\n * disconnect() {\n *   this.#intervals.clearAll();\n * }\n * ```\n */\nexport class SafeInterval extends TimerRegistry {\n  /** Schedules a repeating `callback` every `delay` ms and returns the timer id. */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(callback, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setInterval(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearInterval(id);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { BeforeCacheReset } from \"../utils/before_cache_reset\";\nimport { MicrotaskCoalescer } from \"../utils/microtask_coalescer\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/** The two politeness levels this controller keeps a region for. */\nconst LEVELS = [\"polite\", \"assertive\"] as const;\n\n/** One of the politeness levels in {@link LEVELS}. */\ntype Level = (typeof LEVELS)[number];\n\n/**\n * Headless, shared **live-region announcer** — a polite/assertive screen-reader\n * announcement base (no dedicated APG pattern; follows the WAI-ARIA \"Alert\" /\n * \"Status\" live-region guidance and WCAG 2.2 **4.1.3 Status Messages**).\n *\n * Markup contract (identifier: `stimeo--announcer`):\n *   <!-- Place once per page; the consumer visually hides the regions in CSS. -->\n *   <div data-controller=\"stimeo--announcer\">\n *     <div data-stimeo--announcer-target=\"polite\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n *     <div data-stimeo--announcer-target=\"assertive\" aria-live=\"assertive\" aria-atomic=\"true\"></div>\n *   </div>\n *\n *   <!-- Attribute-only trigger: declare the activation event explicitly. -->\n *   <button data-action=\"click->stimeo--announcer#announce\"\n *           data-stimeo--announcer-message-param=\"Saved\"\n *           data-stimeo--announcer-assertive-param=\"false\">Save</button>\n *\n *   <!-- Programmatic trigger (e.g. from another controller / Turbo Stream). -->\n *   window.dispatchEvent(new CustomEvent(\"stimeo--announcer:announce\", {\n *     detail: { message: \"12 results\", assertive: false },\n *   }))\n *\n * The announcer is the shared substrate other controllers (Auto-Submit, Flash,\n * Bulk Select, …) lean on instead of each carrying their own live region.\n *\n * @remarks\n * Behavior only, with **one deliberate exception**: when a `polite`/`assertive`\n * target is absent the controller *generates* the missing region **on connect**\n * and applies the canonical visually-hidden inline style (see {@link visuallyHide}).\n * A live region must exist and be visually hidden to do its job, and a generated\n * node has no consumer CSS hook to hide it; consumers who want to own styling\n * supply their own targets. Generation happens up front rather than on the first\n * announcement because assistive tech reports changes to a region it already\n * knows about — a region created and written within one task loses that first\n * message. The controller never moves focus — announcements must not steal it\n * (WCAG 2.2 4.1.3). Listeners and clear timers are torn down on `disconnect()`\n * (Turbo included), and any generated regions are removed — from the cached\n * snapshot too, via {@link BeforeCacheReset}, because `connect()` cannot reuse a\n * restored region (it carries no target attribute) and would pair another one\n * with it on every visit.\n *\n * **Messages are queued, one write per task.** Assistive tech announces what it\n * observes changing, so two messages written into one region within a single task\n * are one observed change and the earlier message is never read. Each politeness\n * has its own FIFO — an assertive message never waits behind polite ones — and a\n * message is written only in a task where its region already existed.\n *\n * **The region set is kept whole while connected.** Exactly one region per\n * politeness is present: an authored target retires the stand-in generated for it,\n * losing one materialises a stand-in again, and a generated region removed by a\n * morph (it is absent from the server's HTML, so a morph drops it) is put back\n * without waiting for the next message.\n */\nexport class AnnouncerController extends Controller<HTMLElement> {\n  static override targets = [\"polite\", \"assertive\"];\n  static override values = {\n    clearAfter: { type: Number, default: 1000 },\n    dedupeReannounce: { type: Boolean, default: true },\n  };\n  static actions = [\"announce\"] as const;\n\n  declare readonly politeTarget: HTMLElement;\n  declare readonly assertiveTarget: HTMLElement;\n  declare readonly hasPoliteTarget: boolean;\n  declare readonly hasAssertiveTarget: boolean;\n\n  declare clearAfterValue: number;\n  declare dedupeReannounceValue: boolean;\n\n  /** Clear/re-announce timers; one `clearAll()` in disconnect tears them all down. */\n  readonly #timers = new SafeTimeout();\n\n  /** Live regions generated to stand in for absent targets, for teardown. */\n  readonly #generated = new Map<Level, HTMLElement>();\n\n  /** Messages waiting to be written, oldest first, one queue per politeness. */\n  readonly #queues = new Map<Level, string[]>();\n\n  /** Politeness levels whose next drain is already armed. */\n  readonly #draining = new Set<Level>();\n\n  /** Collapses a batch of target callbacks (and morph removals) into one pass. */\n  readonly #reconcile = new MicrotaskCoalescer(() => this.#reconcileRegions());\n\n  /**\n   * Watches the host's own children for a generated region disappearing. A morph\n   * drops it — the server's HTML never had it — and no target callback reports\n   * that, because a generated region carries no target attribute. `subtree` stays\n   * off so writing a message inside a region does not re-enter this pass.\n   */\n  readonly #hostWatch = new MutationObserver(() => {\n    this.#reconcile.schedule();\n  });\n\n  /** Rewinds to an announceable initial state for the snapshot; see the remarks. */\n  readonly #beforeCache = new BeforeCacheReset(() => this.#rewindForCache());\n\n  /**\n   * The one timer a region may have outstanding — its dedupe re-set, then its\n   * auto-clear. Held weakly so a swapped-out target is not retained; a leftover\n   * id is harmless because {@link SafeTimeout.clear} no-ops on an id it does not\n   * own.\n   */\n  readonly #pending = new WeakMap<HTMLElement, number>();\n\n  /**\n   * Guards against handling the same CustomEvent twice. An event dispatched on\n   * the controller element with `bubbles: true` reaches both the element and the\n   * `window` listener; this WeakSet ensures it announces only once.\n   */\n  readonly #handled = new WeakSet<Event>();\n\n  /** Receives programmatic announcements at the element or bubbled to `window`. */\n  readonly #onAnnounceEvent = (event: Event): void => {\n    if (this.#handled.has(event)) return;\n    this.#handled.add(event);\n    const detail = (event as CustomEvent<unknown>).detail;\n    const message = this.#messageFromDetail(detail);\n    if (!message) return;\n    this.#announce(message, this.#assertiveFromDetail(detail));\n  };\n\n  override connect(): void {\n    this.#reconcile.activate();\n    this.#beforeCache.activate();\n    // Materialise any missing region now, so it is in the accessibility tree\n    // before the first message rather than appearing with it.\n    this.#reconcileRegions();\n    this.#hostWatch.observe(this.element, { childList: true });\n    this.element.addEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    window.addEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n  }\n\n  override disconnect(): void {\n    this.#reconcile.cancel();\n    this.#hostWatch.disconnect();\n    this.#beforeCache.deactivate();\n    this.element.removeEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    window.removeEventListener(\"stimeo--announcer:announce\", this.#onAnnounceEvent);\n    this.#timers.clearAll();\n    this.#queues.clear();\n    this.#draining.clear();\n    this.#removeGenerated();\n  }\n\n  /** Retires the stand-in once the consumer supplies a polite region. */\n  politeTargetConnected(): void {\n    this.#reconcile.schedule();\n  }\n\n  /** Materialises a stand-in once the consumer's polite region goes away. */\n  politeTargetDisconnected(): void {\n    this.#reconcile.schedule();\n  }\n\n  /** Retires the stand-in once the consumer supplies an assertive region. */\n  assertiveTargetConnected(): void {\n    this.#reconcile.schedule();\n  }\n\n  /** Materialises a stand-in once the consumer's assertive region goes away. */\n  assertiveTargetDisconnected(): void {\n    this.#reconcile.schedule();\n  }\n\n  /**\n   * Brings the region set back to exactly one region per politeness and reports\n   * whether anything had to be created.\n   *\n   * A region created here is not written to in the same task: assistive tech\n   * reports changes to regions it already knows about, so {@link drain} waits a\n   * task whenever this says a region is new.\n   */\n  #reconcileRegions(): boolean {\n    let created = false;\n    for (const level of LEVELS) {\n      if (this.#hasTargetFor(level)) {\n        // The consumer owns this politeness now; a stand-in would be a second\n        // region for it, and an empty one nothing ever writes to.\n        const generated = this.#generated.get(level);\n        if (generated) {\n          generated.remove();\n          this.#generated.delete(level);\n        }\n        continue;\n      }\n      const existing = this.#generated.get(level);\n      if (existing?.isConnected) continue;\n      this.#generated.set(level, this.#createRegion(level));\n      created = true;\n    }\n    return created;\n  }\n\n  /** Whether the consumer supplied a target for `level`. */\n  #hasTargetFor(level: Level): boolean {\n    return level === \"assertive\" ? this.hasAssertiveTarget : this.hasPoliteTarget;\n  }\n\n  /** Builds a visually hidden live region for `level` and attaches it. */\n  #createRegion(level: Level): HTMLElement {\n    const region = document.createElement(\"div\");\n    region.setAttribute(\"aria-live\", level);\n    region.setAttribute(\"aria-atomic\", \"true\");\n    visuallyHide(region);\n    this.element.appendChild(region);\n    return region;\n  }\n\n  /**\n   * Removes and forgets every region this controller generated. Authored targets\n   * belong to the consumer and are left untouched. Forgetting them is what keeps\n   * the live page working after a snapshot rewind: the next announcement finds an\n   * empty map and materialises a fresh region.\n   */\n  #removeGenerated(): void {\n    for (const region of this.#generated.values()) {\n      region.remove();\n    }\n    this.#generated.clear();\n  }\n\n  /**\n   * Announces a message. Reads the text from a Stimulus action param\n   * (`message`, plus optional `assertive`) for attribute-only triggers, falling\n   * back to a CustomEvent `detail` when the same handler is wired to an event.\n   * An empty/non-string message is ignored so untrusted payloads cannot blank\n   * the region.\n   */\n  announce(event: Event): void {\n    const params = (event as { params?: Record<string, unknown> }).params;\n    const fromParam = params?.message;\n    const message =\n      typeof fromParam === \"string\" && fromParam.length > 0\n        ? fromParam\n        : this.#messageFromDetail((event as CustomEvent<unknown>).detail);\n    if (!message) return;\n\n    const assertive =\n      params?.assertive === true ||\n      this.#assertiveFromDetail((event as CustomEvent<unknown>).detail);\n    this.#announce(message, assertive);\n  }\n\n  /**\n   * Queues `message` for its politeness and arms the drain.\n   *\n   * Queuing is what makes a burst audible: assistive tech announces the changes it\n   * observes, so several messages written into one region within a single task are\n   * one change and only the last is read.\n   */\n  #announce(message: string, assertive: boolean): void {\n    const level: Level = assertive ? \"assertive\" : \"polite\";\n    const queue = this.#queues.get(level);\n    if (queue) {\n      queue.push(message);\n    } else {\n      this.#queues.set(level, [message]);\n    }\n    this.#scheduleDrain(level);\n  }\n\n  /** Arms one drain pass for `level`; further messages ride the pass already armed. */\n  #scheduleDrain(level: Level): void {\n    if (this.#draining.has(level)) return;\n    this.#draining.add(level);\n    this.#timers.set(() => {\n      this.#draining.delete(level);\n      this.#drain(level);\n    }, 0);\n  }\n\n  /**\n   * Writes one queued message, then arms the next pass while the queue holds more.\n   *\n   * Two steps take a whole pass without consuming the message: materialising a\n   * region (it has to be in the accessibility tree before the text arrives) and\n   * emptying a region that already holds this exact text (an unchanged node is not\n   * re-read, so `dedupeReannounce` clears first and writes on the following pass).\n   */\n  #drain(level: Level): void {\n    const queue = this.#queues.get(level);\n    const message = queue?.[0];\n    if (queue === undefined || message === undefined) return;\n\n    if (this.#reconcileRegions()) {\n      this.#scheduleDrain(level);\n      return;\n    }\n\n    const region = this.#regionFor(level);\n    if (this.dedupeReannounceValue && region.textContent === message) {\n      this.#cancelPending(region);\n      region.textContent = \"\";\n      this.#scheduleDrain(level);\n      return;\n    }\n\n    queue.shift();\n    this.#cancelPending(region);\n    region.textContent = message;\n    this.#scheduleClear(region, message);\n    if (queue.length > 0) this.#scheduleDrain(level);\n  }\n\n  /** Clears the region after `clearAfter` ms, unless a newer message replaced it. */\n  #scheduleClear(region: HTMLElement, message: string): void {\n    if (this.clearAfterValue <= 0) return;\n    this.#schedule(\n      region,\n      () => {\n        if (region.textContent === message) region.textContent = \"\";\n      },\n      this.clearAfterValue,\n    );\n  }\n\n  /**\n   * Arms `region`'s single pending timer. Callers reach here with the slot\n   * already free — `#announce` releases it, and a fired timer clears its own\n   * entry below — so this does not cancel again.\n   */\n  #schedule(region: HTMLElement, callback: () => void, delay: number): void {\n    const id = this.#timers.set(() => {\n      // Drop the id as it fires: platform timer ids are recycled, and a stale\n      // one left here could later cancel the *other* region's live timer.\n      this.#pending.delete(region);\n      callback();\n    }, delay);\n    this.#pending.set(region, id);\n  }\n\n  /** Releases `region`'s pending timer, if it has one. */\n  #cancelPending(region: HTMLElement): void {\n    // `SafeTimeout.clear` ignores an id it does not own, so the \"no pending\n    // timer\" case needs no branch of its own.\n    this.#timers.clear(this.#pending.get(region) ?? -1);\n    this.#pending.delete(region);\n  }\n\n  /**\n   * Resolves the live region for a politeness level.\n   *\n   * The remembered stand-in is used only while it is still in the document: a morph\n   * can drop it, and writing into the detached node would announce nothing at all.\n   */\n  #regionFor(level: Level): HTMLElement {\n    if (level === \"assertive\" && this.hasAssertiveTarget) return this.assertiveTarget;\n    if (level === \"polite\" && this.hasPoliteTarget) return this.politeTarget;\n\n    const existing = this.#generated.get(level);\n    if (existing?.isConnected) return existing;\n\n    const region = this.#createRegion(level);\n    this.#generated.set(level, region);\n    return region;\n  }\n\n  /**\n   * Restores the announceable initial state for the snapshot Turbo is about to\n   * take: queued and displayed messages go, generated regions go, and the live\n   * page — which keeps running when a visit is aborted — gets its regions back on\n   * the next task, after the clone.\n   */\n  #rewindForCache(): void {\n    this.#queues.clear();\n    this.#draining.clear();\n    this.#timers.clearAll();\n    for (const level of LEVELS) {\n      if (this.#hasTargetFor(level)) {\n        const target = level === \"assertive\" ? this.assertiveTarget : this.politeTarget;\n        target.textContent = \"\";\n      }\n    }\n    this.#removeGenerated();\n    this.#timers.set(() => this.#reconcileRegions(), 0);\n  }\n\n  /** Extracts a non-empty string `message` from a CustomEvent detail, else null. */\n  #messageFromDetail(detail: unknown): string | null {\n    if (detail && typeof detail === \"object\" && \"message\" in detail) {\n      const value = (detail as Record<string, unknown>).message;\n      if (typeof value === \"string\" && value.length > 0) return value;\n    }\n    return null;\n  }\n\n  /** Reads an `assertive === true` flag from a CustomEvent detail (default polite). */\n  #assertiveFromDetail(detail: unknown): boolean {\n    return (\n      !!detail &&\n      typeof detail === \"object\" &&\n      (detail as Record<string, unknown>).assertive === true\n    );\n  }\n}\n\n/**\n * Applies the canonical visually-hidden (\"sr-only\") inline style to a generated\n * live region so its text is announced without being seen. Inline so the library\n * stays self-contained when the consumer provides no target/CSS of its own.\n *\n * Pure (no `this`); exported for direct unit testing.\n */\nexport function visuallyHide(node: HTMLElement): void {\n  const { style } = node;\n  style.position = \"absolute\";\n  style.width = \"1px\";\n  style.height = \"1px\";\n  style.margin = \"-1px\";\n  style.padding = \"0\";\n  style.border = \"0\";\n  style.overflow = \"hidden\";\n  style.clip = \"rect(0 0 0 0)\";\n  style.clipPath = \"inset(50%)\";\n  style.whiteSpace = \"nowrap\";\n}\n"]}

package/dist/controllers/breadcrumb_controller.d.ts

@@ -8,13 +8,13 @@ import { Controller } from '@hotwired/stimulus';
  *     <ol data-stimeo--breadcrumb-target="list">
  *       <li><a href="/">Home</a></li>
  *       <li data-stimeo--breadcrumb-target="ellipsis" hidden>
- *         <button type="button" aria-expanded="false" aria-controls="bc-collapsed"
+ *         <button type="button" aria-expanded="false" aria-controls="bc-a bc-b"
  *                 aria-label="Show full path"
  *                 data-stimeo--breadcrumb-target="trigger"
- *                 data-action="stimeo--breadcrumb#toggle">…</button>
+ *                 data-action="click->stimeo--breadcrumb#toggle">…</button>
  *       </li>
- *       <li id="bc-collapsed" data-stimeo--breadcrumb-target="collapsible"><a href="/a">Section A</a></li>
- *       <li data-stimeo--breadcrumb-target="collapsible"><a href="/a/b">Sub B</a></li>
+ *       <li id="bc-a" data-stimeo--breadcrumb-target="collapsible"><a href="/a">Section A</a></li>
+ *       <li id="bc-b" data-stimeo--breadcrumb-target="collapsible"><a href="/a/b">Sub B</a></li>
  *       <li><a href="/a/b/c" aria-current="page">Item C</a></li>
  *     </ol>
  *   </nav>
@@ -31,16 +31,59 @@ import { Controller } from '@hotwired/stimulus';
  * placed between the leading and trailing items that must always stay visible.
  *
  * Behavior provided:
- * - Detects overflow via {@link LayoutObserver} (element + viewport resize).
+ * - Detects overflow via {@link LayoutObserver} (element + viewport resize) and a
+ *   `MutationObserver` on the list (content edits, Turbo Stream / morph item
+ *   swaps); the public `update` action re-measures on demand.
  * - While overflowing and not expanded, hides the `collapsible` items and shows
- *   the `ellipsis` item; when it fits, shows everything and hides the ellipsis.
+ *   the `ellipsis` item; when it fits, shows everything, hides the ellipsis and
+ *   resets the expanded state (so a later collapse starts collapsed).
  * - The disclosure `trigger` toggles `aria-expanded` and the collapsed items,
- *   dispatching `stimeo--breadcrumb:toggle`.
+ *   dispatching `stimeo--breadcrumb:toggle`. `toggle` is a no-op (no state
+ *   change, no event) while the trail fits, so a hidden trigger can never be
+ *   left reporting `aria-expanded="true"`.
+ *
+ * Layout requirements the behavior depends on:
+ * - **The list must not wrap** (`white-space: nowrap` / `flex-wrap: nowrap`). A
+ *   wrapping list grows in height instead of scroll width, so
+ *   `scrollWidth === clientWidth` always holds and overflow is never detected.
+ * - **The list width must follow its container** (no shrink-to-fit / intrinsic
+ *   width). Overflow is re-measured synchronously inside the resize
+ *   notification, so a list that widens to its content would never report
+ *   overflow. There is deliberately no debounce: the pass is one write → one
+ *   forced read → one write on a single element.
+ * - Consumers must not neutralize `[hidden]` (e.g. `display: inline-flex` on the
+ *   items wins over the UA's `[hidden] { display: none }`); collapsing is
+ *   expressed exclusively through the `hidden` attribute.
+ *
+ * Ownership of `hidden`: this controller owns the attribute on an element **for as
+ * long as that element is a `collapsible` target and the controller is connected**.
+ * Outside that window it does not write it:
+ * - lose the marker while connected → the element becomes an always-visible item
+ *   and the controller clears the `hidden` it owned;
+ * - controller `disconnect()` → the collapsed state is left in the DOM on purpose,
+ *   because that DOM is what Turbo caches and restores.
+ *
+ * A consumer that also wants to own `hidden` on the same element (for a reason of
+ * its own) is not supported: `#measureOverflow` clears it on every measurement to
+ * read the expanded width.
+ *
+ * Focus safety: hiding the element the user is standing on would drop focus to
+ * `<body>`. When a collapse would hide the focused item, focus moves to the
+ * disclosure `trigger` first; when the ellipsis would be hidden while it holds
+ * focus, the hide waits for `blur`.
+ *
+ * **Fail-safe when the disclosure is incomplete.** Collapsing needs all of
+ * `list`, one `collapsible`, `ellipsis`, and `trigger`; miss any and the trail
+ * degrades to a plain APG breadcrumb (every item visible, ellipsis hidden,
+ * `aria-expanded="false"`, `toggle` a silent no-op). Hiding the middle items
+ * with no control that can reveal them puts the path out of reach for good — a
+ * too-wide trail is the cheaper failure. Watched at runtime, so a swap that
+ * breaks the set releases the items and one that completes it starts collapsing.
  */
 declare class BreadcrumbController extends Controller<HTMLElement> {
     #private;
     static targets: string[];
-    static actions: readonly ["toggle"];
+    static actions: readonly ["toggle", "update"];
     static events: readonly ["toggle"];
     readonly listTarget: HTMLElement;
     readonly collapsibleTargets: HTMLElement[];
@@ -51,10 +94,54 @@ declare class BreadcrumbController extends Controller<HTMLElement> {
     readonly hasTriggerTarget: boolean;
     /** Starts observing for overflow and renders the initial state. */
     connect(): void;
-    /** Releases the resize observation (Turbo navigation included). */
+    /** Releases the resize/mutation observation (Turbo navigation included). */
     disconnect(): void;
-    /** Expands or re-collapses the trail and dispatches `toggle`. */
+    listTargetConnected(): void;
+    listTargetDisconnected(): void;
+    collapsibleTargetConnected(): void;
+    /**
+     * Re-measures when the disclosure set gains or loses a member. The set is a
+     * precondition for collapsing at all, so it needs the same watching the list
+     * and items get: without these callbacks a swap that breaks or completes the
+     * set would only take effect at the next resize or list mutation, which may
+     * never come.
+     */
+    ellipsisTargetConnected(): void;
+    ellipsisTargetDisconnected(): void;
+    triggerTargetConnected(): void;
+    triggerTargetDisconnected(): void;
+    /**
+     * Hands `hidden` back when an element stops being a `collapsible` target.
+     *
+     * The marker is the source of truth for what may be collapsed, so an element
+     * that loses it while the controller is live is an always-visible item again —
+     * and `#render` only walks the *current* targets, so nothing else would ever
+     * clear the `hidden` this controller put there.
+     *
+     * The `#connected` guard is load-bearing, not defensive. Stimulus fires this
+     * callback for **every** target during teardown as well (`Context.disconnect()`
+     * stops the target observer after `disconnect()` has run), and there the
+     * collapsed DOM must survive untouched so Turbo's cache restores the trail in
+     * the state the user left it (see the ownership note in {@link BreadcrumbController}).
+     *
+     * @param element - the element that just left the `collapsible` target set
+     */
+    collapsibleTargetDisconnected(element: HTMLElement): void;
+    /**
+     * Expands or re-collapses the trail and dispatches `toggle`.
+     *
+     * No-op while the trail fits: there is nothing collapsed to reveal, and the
+     * (hidden) trigger would otherwise keep a stale `aria-expanded="true"` that
+     * surfaces pre-expanded the next time the trail overflows. No event is
+     * dispatched in that case.
+     */
     toggle(): void;
+    /**
+     * Re-measures overflow and re-renders. Wired to resizes and list mutations;
+     * exposed as an action so consumers can re-measure after a change the
+     * observers cannot see (e.g. a web font swap that only alters text width).
+     */
+    update(): void;
 }
 
 export { BreadcrumbController };

package/dist/controllers/breadcrumb_controller.js

@@ -2,6 +2,61 @@ import { Controller } from '@hotwired/stimulus';
 
 // src/controllers/breadcrumb_controller.ts
 
+// src/utils/blur_deferral.ts
+var BlurDeferral = class {
+  /** Elements currently holding an update back, mapped to their `blur` listener. */
+  #pending = /* @__PURE__ */ new Map();
+  /** Called after a pending element blurs and has been detached. */
+  #onRelease;
+  /** @param onRelease - Invoked once `element` actually blurs; never on `release`. */
+  constructor(onRelease) {
+    this.#onRelease = onRelease;
+  }
+  /** Number of elements currently holding an update back. */
+  get size() {
+    return this.#pending.size;
+  }
+  /** Snapshot of the pending elements, safe to iterate while releasing them. */
+  get elements() {
+    return [...this.#pending.keys()];
+  }
+  /** Whether `element` is currently holding an update back. */
+  has(element) {
+    return this.#pending.has(element);
+  }
+  /** Holds an update back until `element` blurs. Idempotent (no stacked listeners). */
+  defer(element) {
+    if (this.#pending.has(element)) return;
+    const onBlur = () => {
+      this.#detach(element);
+      this.#onRelease(element);
+    };
+    this.#pending.set(element, onBlur);
+    element.addEventListener("blur", onBlur);
+  }
+  /** Defers `element` as the only pending entry, cancelling any others. */
+  deferOnly(element) {
+    for (const pending of this.elements) {
+      if (pending !== element) this.#detach(pending);
+    }
+    this.defer(element);
+  }
+  /** Cancels `element`'s deferral without completing it; no-ops when not pending. */
+  release(element) {
+    this.#detach(element);
+  }
+  /** Cancels every deferral without completing any of them. */
+  releaseAll() {
+    for (const element of this.elements) this.#detach(element);
+  }
+  /** Removes the `blur` listener for `element` and forgets it. */
+  #detach(element) {
+    const onBlur = this.#pending.get(element);
+    if (onBlur) element.removeEventListener("blur", onBlur);
+    this.#pending.delete(element);
+  }
+};
+
 // src/utils/layout_observer.ts
 var LayoutObserver = class {
   #callback;
@@ -59,37 +114,152 @@ var LayoutObserver = class {
 };
 
 // src/controllers/breadcrumb_controller.ts
+var OVERFLOW_EPSILON = 1;
 var BreadcrumbController = class extends Controller {
   static targets = ["list", "collapsible", "ellipsis", "trigger"];
-  static actions = ["toggle"];
+  static actions = ["toggle", "update"];
   static events = ["toggle"];
+  /** Guards target callbacks that can fire outside the connected window. */
+  #connected = false;
   /** Whether the trail currently overflows its container. */
   #overflowing = false;
   /** Whether the user has expanded the collapsed items via the disclosure. */
   #expanded = false;
-  #layout = new LayoutObserver(() => this.#update());
+  /** The list element currently observed (resize + mutations), if any. */
+  #observedList = null;
+  #listMutations = null;
+  #layout = new LayoutObserver(() => this.update());
+  #onListMutation = () => {
+    this.update();
+  };
+  /** Holds the ellipsis hide back while it contains focus; re-renders on blur. */
+  #deferredHide = new BlurDeferral(() => {
+    this.#render();
+  });
   /** Starts observing for overflow and renders the initial state. */
   connect() {
-    if (this.hasListTarget) this.#layout.observe(this.listTarget);
+    this.#connected = true;
+    this.#expanded = this.#initialExpanded();
     this.#layout.observeViewport();
-    this.#update();
+    this.#syncListObservation();
+    this.update();
   }
-  /** Releases the resize observation (Turbo navigation included). */
+  /** Releases the resize/mutation observation (Turbo navigation included). */
   disconnect() {
+    this.#connected = false;
+    this.#deferredHide.releaseAll();
+    this.#stopObservingList();
     this.#layout.disconnect();
   }
-  /** Expands or re-collapses the trail and dispatches `toggle`. */
+  listTargetConnected() {
+    this.#resync();
+  }
+  listTargetDisconnected() {
+    this.#resync();
+  }
+  collapsibleTargetConnected() {
+    this.#resync();
+  }
+  /**
+   * Re-measures when the disclosure set gains or loses a member. The set is a
+   * precondition for collapsing at all, so it needs the same watching the list
+   * and items get: without these callbacks a swap that breaks or completes the
+   * set would only take effect at the next resize or list mutation, which may
+   * never come.
+   */
+  ellipsisTargetConnected() {
+    this.#resync();
+  }
+  ellipsisTargetDisconnected() {
+    this.#resync();
+  }
+  triggerTargetConnected() {
+    this.#resync();
+  }
+  triggerTargetDisconnected() {
+    this.#resync();
+  }
+  /**
+   * Hands `hidden` back when an element stops being a `collapsible` target.
+   *
+   * The marker is the source of truth for what may be collapsed, so an element
+   * that loses it while the controller is live is an always-visible item again —
+   * and `#render` only walks the *current* targets, so nothing else would ever
+   * clear the `hidden` this controller put there.
+   *
+   * The `#connected` guard is load-bearing, not defensive. Stimulus fires this
+   * callback for **every** target during teardown as well (`Context.disconnect()`
+   * stops the target observer after `disconnect()` has run), and there the
+   * collapsed DOM must survive untouched so Turbo's cache restores the trail in
+   * the state the user left it (see the ownership note in {@link BreadcrumbController}).
+   *
+   * @param element - the element that just left the `collapsible` target set
+   */
+  collapsibleTargetDisconnected(element) {
+    if (this.#connected) element.hidden = false;
+    this.#resync();
+  }
+  /**
+   * Expands or re-collapses the trail and dispatches `toggle`.
+   *
+   * No-op while the trail fits: there is nothing collapsed to reveal, and the
+   * (hidden) trigger would otherwise keep a stale `aria-expanded="true"` that
+   * surfaces pre-expanded the next time the trail overflows. No event is
+   * dispatched in that case.
+   */
   toggle() {
+    if (!this.#connected || !this.#overflowing) return;
     this.#expanded = !this.#expanded;
     this.#render();
     this.dispatch("toggle", { detail: { expanded: this.#expanded } });
   }
-  /** Re-measures overflow and re-renders (e.g. on resize). */
-  #update() {
+  /**
+   * Re-measures overflow and re-renders. Wired to resizes and list mutations;
+   * exposed as an action so consumers can re-measure after a change the
+   * observers cannot see (e.g. a web font swap that only alters text width).
+   */
+  update() {
+    if (!this.#connected) return;
     this.#overflowing = this.#measureOverflow();
     if (!this.#overflowing) this.#expanded = false;
     this.#render();
   }
+  /** Re-attaches the list observation (targets may have been swapped) and re-measures. */
+  #resync() {
+    if (!this.#connected) return;
+    this.#syncListObservation();
+    this.update();
+  }
+  /** Reads the expanded state back from its DOM home (the trigger's `aria-expanded`). */
+  #initialExpanded() {
+    return this.hasTriggerTarget && this.triggerTarget.getAttribute("aria-expanded") === "true";
+  }
+  /**
+   * Points the resize + mutation observation at the current `list` target.
+   *
+   * The list is re-resolved rather than captured at connect so a target swapped
+   * at runtime (Turbo Stream replacement of the `<ol>`) is observed too. Only
+   * `childList` / `subtree` / `characterData` are watched — deliberately **not**
+   * `attributes`, which the controller's own `hidden` writes would re-trigger.
+   */
+  #syncListObservation() {
+    const next = this.hasListTarget ? this.listTarget : null;
+    if (next === this.#observedList) return;
+    this.#stopObservingList();
+    if (!next) return;
+    this.#observedList = next;
+    this.#layout.observe(next);
+    if (typeof MutationObserver !== "undefined") {
+      this.#listMutations = new MutationObserver(this.#onListMutation);
+      this.#listMutations.observe(next, { childList: true, subtree: true, characterData: true });
+    }
+  }
+  #stopObservingList() {
+    if (this.#observedList) this.#layout.unobserve(this.#observedList);
+    this.#observedList = null;
+    this.#listMutations?.disconnect();
+    this.#listMutations = null;
+  }
   /**
    * Measures overflow against the **fully expanded** layout so hiding items does
    * not make the condition oscillate. Reveals every item, then compares the list's
@@ -100,21 +270,63 @@ var BreadcrumbController = class extends Controller {
    * check is independent of any padding/border on the host — comparing against the
    * host's `clientWidth` would over-report the available space by its padding and
    * miss real overflow in a padded container.
+   *
+   * With no `collapsible` items there is nothing to collapse, so the trail is
+   * never reported as overflowing (which also keeps the disclosure out of the
+   * tab order — a button controlling nothing).
+   *
+   * The full disclosure set is a precondition: collapsing without an `ellipsis`
+   * *and* a `trigger` would hide items behind a control that does not exist, so
+   * an incomplete set reports "not overflowing" and `#render` degrades the trail
+   * to a plain breadcrumb. Losing layout is recoverable; losing the path is not.
    */
   #measureOverflow() {
-    if (!this.hasListTarget) return false;
+    if (!this.hasListTarget || this.collapsibleTargets.length === 0) return false;
+    if (!this.hasEllipsisTarget || !this.hasTriggerTarget) return false;
     for (const item of this.collapsibleTargets) item.hidden = false;
-    if (this.hasEllipsisTarget) this.ellipsisTarget.hidden = true;
-    return this.listTarget.scrollWidth > this.listTarget.clientWidth;
+    this.ellipsisTarget.hidden = true;
+    return this.listTarget.scrollWidth > this.listTarget.clientWidth + OVERFLOW_EPSILON;
   }
   /** Applies the collapsed/expanded state to the items, ellipsis, and trigger. */
   #render() {
     const collapsed = this.#overflowing && !this.#expanded;
+    const showEllipsis = this.#overflowing && this.collapsibleTargets.length > 0;
+    const rescueFocus = collapsed && this.hasTriggerTarget && this.collapsibleTargets.some((i) => this.#holdsFocus(i));
     for (const item of this.collapsibleTargets) item.hidden = collapsed;
-    if (this.hasEllipsisTarget) this.ellipsisTarget.hidden = !this.#overflowing;
+    if (this.hasEllipsisTarget) this.#applyEllipsisVisibility(showEllipsis);
     if (this.hasTriggerTarget) {
-      this.triggerTarget.setAttribute("aria-expanded", this.#expanded ? "true" : "false");
+      const expanded = this.#overflowing && this.#expanded;
+      this.triggerTarget.setAttribute("aria-expanded", expanded ? "true" : "false");
+    }
+    if (rescueFocus) this.triggerTarget.focus();
+  }
+  /**
+   * Shows or hides the ellipsis item, deferring a hide that would blur the user.
+   *
+   * Hiding the element that currently holds focus drops focus to `<body>`, so the
+   * hide waits for that element's `blur` and is re-applied then (the shared
+   * `BlurDeferral` registry).
+   */
+  #applyEllipsisVisibility(show) {
+    const ellipsis = this.ellipsisTarget;
+    if (show) {
+      this.#deferredHide.releaseAll();
+      ellipsis.hidden = false;
+      return;
+    }
+    const active = document.activeElement;
+    if (active instanceof HTMLElement && ellipsis.contains(active)) {
+      ellipsis.hidden = false;
+      this.#deferredHide.deferOnly(active);
+      return;
     }
+    this.#deferredHide.releaseAll();
+    ellipsis.hidden = true;
+  }
+  /** Whether `element` contains (or is) the currently focused element. */
+  #holdsFocus(element) {
+    const active = document.activeElement;
+    return active instanceof HTMLElement && element.contains(active);
   }
 };