stimeo-ui 0.1.0-beta.3 → 0.2.0

package/dist/controllers/overflow_menu_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/layout_observer.ts","../../src/utils/safe_timeout.ts","../../src/controllers/overflow_menu_controller.ts"],"names":[],"mappings":"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","file":"overflow_menu_controller.js","sourcesContent":["/**\n * Unified element-size and viewport observation for Stimeo controllers.\n *\n * Layout-sensitive widgets (sliders, resizable panes, scroll spies, popovers)\n * need to react both to their *own* box changing — via {@link ResizeObserver} —\n * and to the *viewport* changing — via the `window` `resize` event. Wiring those\n * two sources by hand in every controller risks leaked listeners on\n * `disconnect()`. {@link LayoutObserver} owns both behind one callback and one\n * {@link LayoutObserver.disconnect | disconnect()} that releases everything.\n *\n * Behavior only: the helper reports *that* layout changed; it never reads or\n * writes styles. Consumers decide what to recompute.\n */\n\n/** Invoked whenever an observed element or the viewport changes size. */\nexport type LayoutCallback = () => void;\n\n/** Constructs a {@link ResizeObserver}; injectable so tests stay deterministic. */\nexport type ResizeObserverFactory = (callback: ResizeObserverCallback) => ResizeObserver;\n\n/** Options for {@link LayoutObserver}. */\nexport interface LayoutObserverOptions {\n  /**\n   * Factory for the {@link ResizeObserver} used by {@link LayoutObserver.observe}.\n   * Defaults to the global constructor; override it in tests, or to no-op in\n   * environments where `ResizeObserver` is unavailable.\n   */\n  resizeObserverFactory?: ResizeObserverFactory;\n}\n\n/**\n * Observes element resizes and/or viewport resizes through a single callback,\n * with guaranteed teardown.\n *\n * @example\n * ```ts\n * #layout = new LayoutObserver(() => this.#reposition());\n *\n * connect() {\n *   this.#layout.observe(this.panelTarget);\n *   this.#layout.observeViewport();\n * }\n *\n * disconnect() {\n *   this.#layout.disconnect();\n * }\n * ```\n */\nexport class LayoutObserver {\n  readonly #callback: LayoutCallback;\n  readonly #resizeObserverFactory: ResizeObserverFactory | null;\n  #resizeObserver: ResizeObserver | null = null;\n  #observingViewport = false;\n\n  /** Stable bound handler so add/removeEventListener target the same reference. */\n  readonly #handleViewportResize = (): void => {\n    this.#callback();\n  };\n\n  constructor(callback: LayoutCallback, options: LayoutObserverOptions = {}) {\n    this.#callback = callback;\n    this.#resizeObserverFactory =\n      options.resizeObserverFactory ??\n      (typeof ResizeObserver === \"undefined\" ? null : (cb) => new ResizeObserver(cb));\n  }\n\n  /**\n   * Starts observing an element's size. Repeated calls observe additional\n   * elements through the same shared observer. No-ops when no\n   * `ResizeObserver` implementation is available.\n   */\n  observe(element: Element): void {\n    if (!this.#resizeObserverFactory) return;\n    if (!this.#resizeObserver) {\n      this.#resizeObserver = this.#resizeObserverFactory(() => {\n        this.#callback();\n      });\n    }\n    this.#resizeObserver.observe(element);\n  }\n\n  /** Stops observing a single element while leaving any others in place. */\n  unobserve(element: Element): void {\n    this.#resizeObserver?.unobserve(element);\n  }\n\n  /** Starts observing viewport resizes. Idempotent: the listener is added once. */\n  observeViewport(): void {\n    if (this.#observingViewport) return;\n    this.#observingViewport = true;\n    window.addEventListener(\"resize\", this.#handleViewportResize);\n  }\n\n  /** Stops observing viewport resizes without affecting element observation. */\n  unobserveViewport(): void {\n    if (!this.#observingViewport) return;\n    this.#observingViewport = false;\n    window.removeEventListener(\"resize\", this.#handleViewportResize);\n  }\n\n  /**\n   * Releases every observation: disconnects the {@link ResizeObserver} and\n   * removes the viewport listener. Safe to call multiple times. Call this from a\n   * controller's `disconnect()`.\n   */\n  disconnect(): void {\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = null;\n    this.unobserveViewport();\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 { LayoutObserver } from \"../utils/layout_observer\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/**\n * Headless **overflow / priority menu**: items that no longer fit their container are\n * moved into a \"More\" dropdown (lowest `data-priority` first) and moved back as space\n * returns, watched with a {@link ResizeObserver} (no dedicated APG pattern — a\n * composition; the menu's a11y is delegated to Menu, so it is not re-implemented).\n *\n * Markup contract (identifier: `stimeo--overflow-menu`):\n *   <div data-controller=\"stimeo--overflow-menu\" role=\"toolbar\">\n *     <div data-stimeo--overflow-menu-target=\"items\">\n *       <a data-priority=\"1\">Save</a><a data-priority=\"2\">Duplicate</a><a>Delete</a>\n *     </div>\n *     <div data-controller=\"stimeo--menu\" data-stimeo--overflow-menu-target=\"more\" hidden>\n *       <button data-stimeo--menu-target=\"trigger\">More</button>\n *       <ul role=\"menu\" data-stimeo--menu-target=\"menu\" hidden></ul>\n *     </div>\n *   </div>\n *\n * On connect (and every debounced resize) it measures the items against the container\n * width and, when they overflow, banks the lowest-priority ones into the More menu —\n * giving each `role=\"menuitem\"` / `tabindex=\"-1\"` and the menu's `item` target so Menu\n * drives it — until the rest fit beside the More button. When nothing overflows the\n * More button is `hidden`. The controller element carries `data-overflowing` /\n * `data-overflow-count`, and a `change` event fires on each transition.\n *\n * @remarks\n * Items are *moved* (not cloned). When a focused item retreats into the (collapsed)\n * menu it would otherwise be hidden and lose focus, so focus is redirected to the More\n * trigger. Priority: lower `data-priority` is kept longer; items without one drop first.\n * Behavior only — no styling. The `ResizeObserver` and debounce timer are released on\n * `disconnect()` (Turbo navigation included); state is derived from the DOM each pass\n * (no module-scope state), so `connect()` re-syncs after a Turbo morph. Captures the\n * managed item set at connect; call the `update` action to re-measure after adding\n * items dynamically.\n */\nexport class OverflowMenuController extends Controller<HTMLElement> {\n  static override targets = [\"items\", \"more\"];\n  static override values = {\n    moreLabel: { type: String, default: \"More\" },\n    debounce: { type: Number, default: 100 },\n  };\n  static actions = [\"update\"] as const;\n  static events = [\"change\"] as const;\n\n  declare readonly itemsTarget: HTMLElement;\n  declare readonly moreTarget: HTMLElement;\n  declare readonly hasItemsTarget: boolean;\n  declare readonly hasMoreTarget: boolean;\n\n  declare moreLabelValue: string;\n  declare debounceValue: number;\n\n  readonly #layout = new LayoutObserver(() => this.#scheduleUpdate());\n  readonly #timers = new SafeTimeout();\n  /** The managed items in canonical (authored) order, captured at connect. */\n  #items: HTMLElement[] = [];\n  #index = new WeakMap<HTMLElement, number>();\n  /**\n   * Cached bar-context width per item. An item's natural width is location-independent,\n   * so this lets a measure pass read only the items currently in the bar (menu items\n   * reuse their last value) instead of pulling everything back to measure — one reflow,\n   * not two.\n   */\n  #widths = new WeakMap<HTMLElement, number>();\n  /** Last reported overflow count, so `change` fires only on transitions. */\n  #lastHidden: number | null = null;\n\n  override connect(): void {\n    if (!this.hasItemsTarget || !this.hasMoreTarget) return;\n\n    const trigger = this.#trigger();\n    if (trigger && (trigger.textContent ?? \"\").trim() === \"\") {\n      trigger.textContent = this.moreLabelValue;\n    }\n\n    this.#layout.observe(this.element);\n    this.#layout.observeViewport();\n    this.update();\n  }\n\n  override disconnect(): void {\n    this.#layout.disconnect();\n    this.#timers.clearAll();\n    this.#lastHidden = null;\n  }\n\n  /** Re-measures and rebalances items between the bar and the More menu. */\n  update(): void {\n    if (!this.hasItemsTarget || !this.hasMoreTarget) return;\n    this.#syncItems();\n\n    // Reveal More so its trigger is measurable, then refresh cached widths for the items\n    // currently in the bar (menu items keep their location-independent last value).\n    this.moreTarget.hidden = false;\n    for (const item of this.#items) {\n      if (item.parentElement === this.itemsTarget) this.#widths.set(item, item.offsetWidth);\n    }\n    const moreWidth = (this.#trigger() ?? this.moreTarget).offsetWidth;\n    const gap = this.#gap();\n\n    const widthOf = (el: HTMLElement): number => this.#widths.get(el) ?? el.offsetWidth;\n    const containerWidth = this.element.clientWidth;\n    const itemsWidth = this.#items.reduce((sum, el) => sum + widthOf(el), 0);\n    let visibleWidth = itemsWidth + Math.max(0, this.#items.length - 1) * gap;\n\n    const hidden = new Set<HTMLElement>();\n    if (visibleWidth > containerWidth) {\n      const budget = containerWidth - moreWidth - gap; // reserve the More button + its gap\n      // Drop lowest-retention first: no `data-priority` (rank ∞), then highest number;\n      // ties broken right-to-left so leading items survive.\n      const dropOrder = [...this.#items].sort(\n        (a, b) => this.#rank(b) - this.#rank(a) || this.#indexOf(b) - this.#indexOf(a),\n      );\n      for (const item of dropOrder) {\n        if (visibleWidth <= budget) break;\n        hidden.add(item);\n        visibleWidth -= widthOf(item) + gap; // dropping an item frees its width and a gap\n      }\n    }\n\n    // Re-home every item in canonical order so the bar and the menu both stay correctly\n    // ordered — a banked middle item returns to its original slot, not the end.\n    const menu = this.#menuList();\n    // If the focused item is one of the ones retreating, redirect focus to the More\n    // trigger: in a collapsed menu the banked item becomes hidden and the browser would\n    // otherwise drop focus to <body>. Decided before the move (not by polling\n    // activeElement afterwards) so it does not race the browser's blur.\n    const active = document.activeElement;\n    const refocusTrigger = active instanceof HTMLElement && hidden.has(active);\n    for (const item of this.#items) {\n      if (hidden.has(item)) this.#toMenu(item, menu);\n      else this.#toBar(item);\n    }\n    if (refocusTrigger) this.#trigger()?.focus();\n\n    const count = hidden.size;\n    this.moreTarget.hidden = count === 0;\n    if (count > 0) this.element.setAttribute(\"data-overflowing\", \"true\");\n    else this.element.removeAttribute(\"data-overflowing\");\n    this.element.setAttribute(\"data-overflow-count\", String(count));\n\n    if (this.#lastHidden !== count) {\n      this.#lastHidden = count;\n      this.dispatch(\"change\", { detail: { visible: this.#items.length - count, hidden: count } });\n    }\n  }\n\n  /** The flex `column-gap` between items in px (0 when none / unsupported). */\n  #gap(): number {\n    if (typeof window.getComputedStyle !== \"function\") return 0;\n    const style = window.getComputedStyle(this.itemsTarget);\n    const value = Number.parseFloat(style.columnGap || style.gap || \"\");\n    return Number.isNaN(value) ? 0 : value;\n  }\n\n  /**\n   * Reconciles the managed item set with the DOM each pass: adopts items appended to the\n   * bar since last time (so the documented \"add items, then call `update`\" flow works)\n   * and drops any the consumer removed, then renumbers canonical indices. Banked items\n   * live in the menu (still within the controller element) and are retained.\n   */\n  #syncItems(): void {\n    const known = new Set(this.#items);\n    for (const el of this.itemsTarget.children) {\n      if (el instanceof HTMLElement && !known.has(el)) this.#items.push(el);\n    }\n    this.#items = this.#items.filter((el) => this.element.contains(el));\n    this.#index = new WeakMap();\n    this.#items.forEach((el, i) => {\n      this.#index.set(el, i);\n    });\n  }\n\n  /** Debounced re-measure for resize-driven churn. */\n  #scheduleUpdate(): void {\n    this.#timers.clearAll();\n    this.#timers.set(() => this.update(), this.debounceValue);\n  }\n\n  /** Returns the menu list the items are banked into (falls back to the More wrapper). */\n  #menuList(): HTMLElement {\n    return (\n      this.moreTarget.querySelector<HTMLElement>('[data-stimeo--menu-target=\"menu\"]') ??\n      this.moreTarget\n    );\n  }\n\n  #trigger(): HTMLElement | null {\n    return this.moreTarget.querySelector<HTMLElement>('[data-stimeo--menu-target=\"trigger\"]');\n  }\n\n  /** Restores an item to the bar, stripping the menu semantics we may have added. */\n  #toBar(item: HTMLElement): void {\n    // Always append (in canonical-order calls) so the bar's order is rebuilt correctly.\n    this.itemsTarget.appendChild(item);\n    if (item.dataset.overflowMenuized === undefined) return;\n    item.removeAttribute(\"data-stimeo--menu-target\");\n    this.#restoreAttr(item, \"role\", item.dataset.overflowOrigRole);\n    this.#restoreAttr(item, \"tabindex\", item.dataset.overflowOrigTabindex);\n    delete item.dataset.overflowMenuized;\n    delete item.dataset.overflowOrigRole;\n    delete item.dataset.overflowOrigTabindex;\n  }\n\n  /** Banks an item into the menu with menuitem semantics for Menu to manage. */\n  #toMenu(item: HTMLElement, menu: HTMLElement): void {\n    if (item.dataset.overflowMenuized === undefined) {\n      item.dataset.overflowMenuized = \"true\";\n      item.dataset.overflowOrigRole = item.getAttribute(\"role\") ?? \"\";\n      item.dataset.overflowOrigTabindex = item.getAttribute(\"tabindex\") ?? \"\";\n      item.setAttribute(\"role\", \"menuitem\");\n      item.setAttribute(\"tabindex\", \"-1\");\n      item.setAttribute(\"data-stimeo--menu-target\", \"item\");\n    }\n    menu.appendChild(item);\n  }\n\n  /** Re-applies a saved attribute value, or removes the attribute when it was absent. */\n  #restoreAttr(item: HTMLElement, name: string, original: string | undefined): void {\n    if (original === undefined || original === \"\") item.removeAttribute(name);\n    else item.setAttribute(name, original);\n  }\n\n  #indexOf(item: HTMLElement): number {\n    return this.#index.get(item) ?? 0;\n  }\n\n  /** Retention rank: lower keeps longer; no `data-priority` ranks lowest (drops first). */\n  #rank(item: HTMLElement): number {\n    const raw = item.getAttribute(\"data-priority\");\n    if (raw === null) return Number.POSITIVE_INFINITY;\n    const value = Number(raw);\n    return Number.isNaN(value) ? Number.POSITIVE_INFINITY : value;\n  }\n}\n"]}
+{"version":3,"sources":["../../src/utils/layout_observer.ts","../../src/utils/safe_timeout.ts","../../src/controllers/overflow_menu_controller.ts"],"names":[],"mappings":"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","file":"overflow_menu_controller.js","sourcesContent":["/**\n * Unified element-size and viewport observation for Stimeo controllers.\n *\n * Layout-sensitive widgets (sliders, resizable panes, scroll spies, popovers)\n * need to react both to their *own* box changing — via {@link ResizeObserver} —\n * and to the *viewport* changing — via the `window` `resize` event. Wiring those\n * two sources by hand in every controller risks leaked listeners on\n * `disconnect()`. {@link LayoutObserver} owns both behind one callback and one\n * {@link LayoutObserver.disconnect | disconnect()} that releases everything.\n *\n * Behavior only: the helper reports *that* layout changed; it never reads or\n * writes styles. Consumers decide what to recompute.\n */\n\n/** Invoked whenever an observed element or the viewport changes size. */\nexport type LayoutCallback = () => void;\n\n/** Constructs a {@link ResizeObserver}; injectable so tests stay deterministic. */\nexport type ResizeObserverFactory = (callback: ResizeObserverCallback) => ResizeObserver;\n\n/** Options for {@link LayoutObserver}. */\nexport interface LayoutObserverOptions {\n  /**\n   * Factory for the {@link ResizeObserver} used by {@link LayoutObserver.observe}.\n   * Defaults to the global constructor; override it in tests, or to no-op in\n   * environments where `ResizeObserver` is unavailable.\n   */\n  resizeObserverFactory?: ResizeObserverFactory;\n}\n\n/**\n * Observes element resizes and/or viewport resizes through a single callback,\n * with guaranteed teardown.\n *\n * @example\n * ```ts\n * #layout = new LayoutObserver(() => this.#reposition());\n *\n * connect() {\n *   this.#layout.observe(this.panelTarget);\n *   this.#layout.observeViewport();\n * }\n *\n * disconnect() {\n *   this.#layout.disconnect();\n * }\n * ```\n */\nexport class LayoutObserver {\n  readonly #callback: LayoutCallback;\n  readonly #resizeObserverFactory: ResizeObserverFactory | null;\n  #resizeObserver: ResizeObserver | null = null;\n  #observingViewport = false;\n\n  /** Stable bound handler so add/removeEventListener target the same reference. */\n  readonly #handleViewportResize = (): void => {\n    this.#callback();\n  };\n\n  constructor(callback: LayoutCallback, options: LayoutObserverOptions = {}) {\n    this.#callback = callback;\n    this.#resizeObserverFactory =\n      options.resizeObserverFactory ??\n      (typeof ResizeObserver === \"undefined\" ? null : (cb) => new ResizeObserver(cb));\n  }\n\n  /**\n   * Starts observing an element's size. Repeated calls observe additional\n   * elements through the same shared observer. No-ops when no\n   * `ResizeObserver` implementation is available.\n   */\n  observe(element: Element): void {\n    if (!this.#resizeObserverFactory) return;\n    if (!this.#resizeObserver) {\n      this.#resizeObserver = this.#resizeObserverFactory(() => {\n        this.#callback();\n      });\n    }\n    this.#resizeObserver.observe(element);\n  }\n\n  /** Stops observing a single element while leaving any others in place. */\n  unobserve(element: Element): void {\n    this.#resizeObserver?.unobserve(element);\n  }\n\n  /** Starts observing viewport resizes. Idempotent: the listener is added once. */\n  observeViewport(): void {\n    if (this.#observingViewport) return;\n    this.#observingViewport = true;\n    window.addEventListener(\"resize\", this.#handleViewportResize);\n  }\n\n  /** Stops observing viewport resizes without affecting element observation. */\n  unobserveViewport(): void {\n    if (!this.#observingViewport) return;\n    this.#observingViewport = false;\n    window.removeEventListener(\"resize\", this.#handleViewportResize);\n  }\n\n  /**\n   * Releases every observation: disconnects the {@link ResizeObserver} and\n   * removes the viewport listener. Safe to call multiple times. Call this from a\n   * controller's `disconnect()`.\n   */\n  disconnect(): void {\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = null;\n    this.unobserveViewport();\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 { LayoutObserver } from \"../utils/layout_observer\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/**\n * Headless **overflow / priority menu**: items that no longer fit their container are\n * moved into a \"More\" dropdown (lowest `data-priority` first) and moved back as space\n * returns, watched with a {@link ResizeObserver} (no dedicated APG pattern — a\n * composition; the menu's a11y is delegated to Menu, so it is not re-implemented).\n *\n * Markup contract (identifier: `stimeo--overflow-menu`):\n *   <div data-controller=\"stimeo--overflow-menu\" role=\"toolbar\">\n *     <div data-stimeo--overflow-menu-target=\"items\">\n *       <a data-priority=\"1\">Save</a><a data-priority=\"2\">Duplicate</a><a>Delete</a>\n *     </div>\n *     <div data-controller=\"stimeo--menu\" data-stimeo--overflow-menu-target=\"more\" hidden>\n *       <button id=\"more-trigger\" data-stimeo--menu-target=\"trigger\">More</button>\n *       <ul role=\"menu\" aria-labelledby=\"more-trigger\"\n *           data-stimeo--menu-target=\"menu\" hidden></ul>\n *     </div>\n *   </div>\n *\n * On connect (and every debounced resize) it measures the items against the container\n * width and, when they overflow, banks the lowest-priority ones into the More menu —\n * giving each `role=\"menuitem\"` / `tabindex=\"-1\"` and the menu's `item` target so Menu\n * drives it — until the rest fit beside the More button. When nothing overflows the\n * More button is `hidden`. The controller element carries `data-overflowing` /\n * `data-overflow-count`, and a `change` event fires on each transition.\n *\n * @remarks\n * Items are *moved* (not cloned). When a focused item retreats into the (collapsed)\n * menu it would otherwise be hidden and lose focus, so focus is redirected to the More\n * trigger. Priority: lower `data-priority` is kept longer; items without one drop first.\n * Behavior only — no styling. The `ResizeObserver` and debounce timer are released on\n * `disconnect()` (Turbo navigation included); state is derived from the DOM each pass\n * (no module-scope state), so `connect()` re-syncs after a Turbo morph. Captures the\n * managed item set at connect; call the `update` action to re-measure after adding\n * items dynamically.\n */\nexport class OverflowMenuController extends Controller<HTMLElement> {\n  static override targets = [\"items\", \"more\"];\n  static override values = {\n    moreLabel: { type: String, default: \"More\" },\n    debounce: { type: Number, default: 100 },\n  };\n  static actions = [\"update\"] as const;\n  static events = [\"change\"] as const;\n\n  declare readonly itemsTarget: HTMLElement;\n  declare readonly moreTarget: HTMLElement;\n  declare readonly hasItemsTarget: boolean;\n  declare readonly hasMoreTarget: boolean;\n\n  declare moreLabelValue: string;\n  declare debounceValue: number;\n\n  readonly #layout = new LayoutObserver(() => this.#scheduleUpdate());\n  readonly #timers = new SafeTimeout();\n  /** The managed items in canonical (authored) order, captured at connect. */\n  #items: HTMLElement[] = [];\n  #index = new WeakMap<HTMLElement, number>();\n  /**\n   * Cached bar-context width per item. An item's natural width is location-independent,\n   * so this lets a measure pass read only the items currently in the bar (menu items\n   * reuse their last value) instead of pulling everything back to measure — one reflow,\n   * not two.\n   */\n  #widths = new WeakMap<HTMLElement, number>();\n  /** Last reported overflow count, so `change` fires only on transitions. */\n  #lastHidden: number | null = null;\n\n  override connect(): void {\n    if (!this.hasItemsTarget || !this.hasMoreTarget) return;\n\n    const trigger = this.#trigger();\n    if (trigger && (trigger.textContent ?? \"\").trim() === \"\") {\n      trigger.textContent = this.moreLabelValue;\n    }\n\n    this.#layout.observe(this.element);\n    this.#layout.observeViewport();\n    this.update();\n  }\n\n  override disconnect(): void {\n    this.#layout.disconnect();\n    this.#timers.clearAll();\n    this.#lastHidden = null;\n  }\n\n  /** Re-measures and rebalances items between the bar and the More menu. */\n  update(): void {\n    if (!this.hasItemsTarget || !this.hasMoreTarget) return;\n    this.#syncItems();\n\n    // Reveal More so its trigger is measurable, then refresh cached widths for the items\n    // currently in the bar (menu items keep their location-independent last value).\n    this.moreTarget.hidden = false;\n    for (const item of this.#items) {\n      if (item.parentElement === this.itemsTarget) this.#widths.set(item, item.offsetWidth);\n    }\n    const moreWidth = (this.#trigger() ?? this.moreTarget).offsetWidth;\n    const gap = this.#gap();\n\n    const widthOf = (el: HTMLElement): number => this.#widths.get(el) ?? el.offsetWidth;\n    const containerWidth = this.element.clientWidth;\n    const itemsWidth = this.#items.reduce((sum, el) => sum + widthOf(el), 0);\n    let visibleWidth = itemsWidth + Math.max(0, this.#items.length - 1) * gap;\n\n    const hidden = new Set<HTMLElement>();\n    if (visibleWidth > containerWidth) {\n      const budget = containerWidth - moreWidth - gap; // reserve the More button + its gap\n      // Drop lowest-retention first: no `data-priority` (rank ∞), then highest number;\n      // ties broken right-to-left so leading items survive.\n      const dropOrder = [...this.#items].sort(\n        (a, b) => this.#rank(b) - this.#rank(a) || this.#indexOf(b) - this.#indexOf(a),\n      );\n      for (const item of dropOrder) {\n        if (visibleWidth <= budget) break;\n        hidden.add(item);\n        visibleWidth -= widthOf(item) + gap; // dropping an item frees its width and a gap\n      }\n    }\n\n    // Re-home every item in canonical order so the bar and the menu both stay correctly\n    // ordered — a banked middle item returns to its original slot, not the end.\n    const menu = this.#menuList();\n    // If the focused item is one of the ones retreating, redirect focus to the More\n    // trigger: in a collapsed menu the banked item becomes hidden and the browser would\n    // otherwise drop focus to <body>. Decided before the move (not by polling\n    // activeElement afterwards) so it does not race the browser's blur.\n    const active = document.activeElement;\n    const refocusTrigger = active instanceof HTMLElement && hidden.has(active);\n    for (const item of this.#items) {\n      if (hidden.has(item)) this.#toMenu(item, menu);\n      else this.#toBar(item);\n    }\n    if (refocusTrigger) this.#trigger()?.focus();\n\n    const count = hidden.size;\n    this.moreTarget.hidden = count === 0;\n    if (count > 0) this.element.setAttribute(\"data-overflowing\", \"true\");\n    else this.element.removeAttribute(\"data-overflowing\");\n    this.element.setAttribute(\"data-overflow-count\", String(count));\n\n    if (this.#lastHidden !== count) {\n      this.#lastHidden = count;\n      this.dispatch(\"change\", { detail: { visible: this.#items.length - count, hidden: count } });\n    }\n  }\n\n  /** The flex `column-gap` between items in px (0 when none / unsupported). */\n  #gap(): number {\n    if (typeof window.getComputedStyle !== \"function\") return 0;\n    const style = window.getComputedStyle(this.itemsTarget);\n    const value = Number.parseFloat(style.columnGap || style.gap || \"\");\n    return Number.isNaN(value) ? 0 : value;\n  }\n\n  /**\n   * Reconciles the managed item set with the DOM each pass: adopts items appended to the\n   * bar since last time (so the documented \"add items, then call `update`\" flow works)\n   * and drops any the consumer removed, then renumbers canonical indices. Banked items\n   * live in the menu (still within the controller element) and are retained.\n   */\n  #syncItems(): void {\n    const known = new Set(this.#items);\n    for (const el of this.itemsTarget.children) {\n      if (el instanceof HTMLElement && !known.has(el)) this.#items.push(el);\n    }\n    this.#items = this.#items.filter((el) => this.element.contains(el));\n    this.#index = new WeakMap();\n    this.#items.forEach((el, i) => {\n      this.#index.set(el, i);\n    });\n  }\n\n  /** Debounced re-measure for resize-driven churn. */\n  #scheduleUpdate(): void {\n    this.#timers.clearAll();\n    this.#timers.set(() => this.update(), this.debounceValue);\n  }\n\n  /** Returns the menu list the items are banked into (falls back to the More wrapper). */\n  #menuList(): HTMLElement {\n    return (\n      this.moreTarget.querySelector<HTMLElement>('[data-stimeo--menu-target=\"menu\"]') ??\n      this.moreTarget\n    );\n  }\n\n  #trigger(): HTMLElement | null {\n    return this.moreTarget.querySelector<HTMLElement>('[data-stimeo--menu-target=\"trigger\"]');\n  }\n\n  /** Restores an item to the bar, stripping the menu semantics we may have added. */\n  #toBar(item: HTMLElement): void {\n    // Always append (in canonical-order calls) so the bar's order is rebuilt correctly.\n    this.itemsTarget.appendChild(item);\n    if (item.dataset.overflowMenuized === undefined) return;\n    item.removeAttribute(\"data-stimeo--menu-target\");\n    this.#restoreAttr(item, \"role\", item.dataset.overflowOrigRole);\n    this.#restoreAttr(item, \"tabindex\", item.dataset.overflowOrigTabindex);\n    delete item.dataset.overflowMenuized;\n    delete item.dataset.overflowOrigRole;\n    delete item.dataset.overflowOrigTabindex;\n  }\n\n  /** Banks an item into the menu with menuitem semantics for Menu to manage. */\n  #toMenu(item: HTMLElement, menu: HTMLElement): void {\n    if (item.dataset.overflowMenuized === undefined) {\n      item.dataset.overflowMenuized = \"true\";\n      item.dataset.overflowOrigRole = item.getAttribute(\"role\") ?? \"\";\n      item.dataset.overflowOrigTabindex = item.getAttribute(\"tabindex\") ?? \"\";\n      item.setAttribute(\"role\", \"menuitem\");\n      item.setAttribute(\"tabindex\", \"-1\");\n      item.setAttribute(\"data-stimeo--menu-target\", \"item\");\n    }\n    menu.appendChild(item);\n  }\n\n  /** Re-applies a saved attribute value, or removes the attribute when it was absent. */\n  #restoreAttr(item: HTMLElement, name: string, original: string | undefined): void {\n    if (original === undefined || original === \"\") item.removeAttribute(name);\n    else item.setAttribute(name, original);\n  }\n\n  #indexOf(item: HTMLElement): number {\n    return this.#index.get(item) ?? 0;\n  }\n\n  /** Retention rank: lower keeps longer; no `data-priority` ranks lowest (drops first). */\n  #rank(item: HTMLElement): number {\n    const raw = item.getAttribute(\"data-priority\");\n    if (raw === null) return Number.POSITIVE_INFINITY;\n    const value = Number(raw);\n    return Number.isNaN(value) ? Number.POSITIVE_INFINITY : value;\n  }\n}\n"]}

package/dist/controllers/pointer_drag_controller.js

@@ -187,6 +187,7 @@ var PointerDragController = class _PointerDragController extends Controller {
     const handle = this.#handleFor(event.target);
     if (!handle) return;
     if (event.key === "Escape") {
+      if (event.defaultPrevented || event.isComposing) return;
       if (this.#pointer?.started) {
         const { pointerType } = this.#pointer;
         this.#teardownSessions();
@@ -299,9 +300,8 @@ var PointerDragController = class _PointerDragController extends Controller {
   }
   /**
    * Silently tears down whatever session is live (disconnect / disabled /
-   * Escape). Composed from the two single-session teardowns so a cleanup step
-   * added to one path can never be missed on the other (the bug-shape behind
-   * the capture-release fix).
+   * Escape). Composed from the two single-session teardowns so pointer and
+   * keyboard cleanup cannot diverge as either path evolves.
    */
   #teardownSessions() {
     this.#endPointerSession();

package/dist/controllers/pointer_drag_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/detach_gate.ts","../../src/controllers/pointer_drag_controller.ts"],"names":[],"mappings":"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","file":"pointer_drag_controller.js","sourcesContent":["/**\n * Shared \"in-page move vs real detach\" discriminator for `disconnect()`.\n *\n * A mid-session `disconnect()` whose element is still in the document is\n * ambiguous. It can be:\n *\n * - an **in-page move** — a consumer (sortable, a teleport) re-inserted the\n *   element; Stimulus reconnects the SAME instance in the same mutation batch\n *   and the controller's runtime state must survive;\n * - a **detach that keeps the element** — `data-controller` no longer lists the\n *   identifier (a Turbo 8 morph), or the element moved outside the observed\n *   root (a scoped `Application.start(root)`, a shadow root); no reconnect will\n *   ever come and the controller must tear down or it leaks its sessions,\n *   document listeners, and moved nodes.\n *\n * Neither available signal decides this alone. A synchronous `data-controller`\n * token check catches the morph case but misses an observed-root exit (the\n * token stays, the reconnect never comes). Deferring teardown one microtask and\n * letting `connect()` cancel it catches the root exit, but leans on Stimulus\n * reconnecting moved elements within the same mutation batch — internal\n * behavior, not a public contract. {@link DetachGate} composes both: the token\n * check is the synchronous fast path (no probe, no reliance on batching), the\n * microtask probe is the fallback for the genuinely ambiguous remainder.\n *\n * Policy stays with the consumer (the `SafeTimeout` / `FocusTrap` lineage —\n * this util owns the discrimination only):\n *\n * - **Probe** ({@link disconnected}) when the teardown must eventually happen —\n *   live drag sessions, document listeners, teleported *content*. Call\n *   {@link cancel} from `connect()` (a reconnect means in-page move) and from\n *   the head of any direct teardown path (see below).\n * - **Keep** (bare {@link DetachGate.isDetached}) when undoing the ambiguous\n *   case would fight the controller's own effect: a controller that moves its\n *   OWN element (portal's no-`content` form) exits a scoped observed root as\n *   its normal job — a probe-driven teardown would restore the element into\n *   the root, reconnect, re-teleport, and disconnect again, forever. Such\n *   controllers keep their state on an ambiguous disconnect and tear down only\n *   on {@link DetachGate.isDetached}.\n *\n * Event convention for probe consumers (pinned by `pointer_drag_controller.ts`\n * and its teardown contract): teardown into a dead (detached) tree is silent —\n * consumers restore from their own `connect()`; a detach that keeps the tree\n * alive must end an in-flight session with a `cancel` event, or composing\n * consumers strand their session bookkeeping.\n */\n\n/** The slice of a Stimulus controller the gate inspects. */\nexport interface DetachGateHost {\n  readonly element: Element;\n  readonly identifier: string;\n}\n\n/**\n * Per-controller-instance gate deciding whether a `disconnect()` is a real\n * detach. Hold one per controller (`#gate = new DetachGate()`) — Stimulus\n * reuses the instance across reconnects, so the pending probe state carries\n * over exactly as the protocol needs.\n *\n * @example\n * ```ts\n * #gate = new DetachGate();\n *\n * connect(): void {\n *   this.#gate.cancel(); // a reconnect: the element moved in-page\n *   // …\n * }\n *\n * disconnect(): void {\n *   this.#gate.disconnected(this, () => this.#teardown());\n * }\n *\n * #teardown(): void {\n *   this.#gate.cancel(); // disarm a still-queued probe (double-run guard)\n *   // …\n * }\n * ```\n */\nexport class DetachGate {\n  /** Set while a probe is queued, waiting for a reconnect to cancel it. */\n  #pending = false;\n\n  /**\n   * True when the disconnect is definitely a real detach — the element left\n   * the document, or `data-controller` no longer lists the identifier. False\n   * means ambiguous (in-page move or observed-root exit), NOT \"alive\".\n   */\n  static isDetached(host: DetachGateHost): boolean {\n    if (!host.element.isConnected) return true;\n    const tokens = (host.element.getAttribute(\"data-controller\") ?? \"\").split(/\\s+/);\n    return !tokens.includes(host.identifier);\n  }\n\n  /**\n   * Call from `disconnect()`: runs `teardown` synchronously on a definite\n   * detach (fast path), otherwise defers it one microtask — a reconnect\n   * ({@link cancel} from `connect()`) keeps the state, no reconnect runs it.\n   * One microtask is the whole probe window: Stimulus reconnects a moved\n   * element within the same mutation batch, before the checkpoint drains.\n   */\n  disconnected(host: DetachGateHost, teardown: () => void): void {\n    if (DetachGate.isDetached(host)) {\n      // Also disarms a probe a previous ambiguous disconnect left queued\n      // (defer, element removed, disconnect again) — exactly one teardown.\n      this.#pending = false;\n      teardown();\n      return;\n    }\n    this.#pending = true;\n    queueMicrotask(() => {\n      if (!this.#pending) return;\n      this.#pending = false;\n      teardown();\n    });\n  }\n\n  /**\n   * Disarms a pending probe. Call from `connect()` (the reconnect that proves\n   * an in-page move) and from the head of any teardown path not routed through\n   * {@link disconnected} (disabled-toggle, Escape), so an orphaned probe can\n   * never run the teardown a second time.\n   */\n  cancel(): void {\n    this.#pending = false;\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { DetachGate } from \"../utils/detach_gate\";\n\n/** How a drag session was initiated; surfaced in every event detail. */\ntype DragPointerType = \"mouse\" | \"touch\" | \"pen\" | \"keyboard\";\n\n/** A pointer drag in flight (from `pointerdown` until up/cancel). */\ninterface PointerSession {\n  pointerId: number;\n  handle: HTMLElement;\n  originX: number;\n  originY: number;\n  /** True once the movement passed `threshold` and `start` was dispatched. */\n  started: boolean;\n  /** Last axis-filtered deltas, reported again by `end`. */\n  dx: number;\n  dy: number;\n  pointerType: DragPointerType;\n}\n\n/** A keyboard \"grabbed\" session (Space/Enter on the handle until drop/cancel). */\ninterface KeyboardSession {\n  handle: HTMLElement;\n  /** Cumulative synthetic deltas accumulated by the arrow keys. */\n  dx: number;\n  dy: number;\n}\n\n/**\n * Headless **pointer-drag primitive**: a normalized pointer/touch/mouse drag\n * lifecycle with a built-in keyboard alternative. It deliberately does NOT decide\n * what a drag *means* (reorder, dismiss, resize…) — it only emits a clean,\n * accessibility-friendly drag signal that higher-level behaviors (sortable,\n * swipe-actions, bottom-sheet, split-pane…) compose from. No dedicated APG\n * pattern exists for drag-and-drop; the keyboard model below is the accepted\n * alternative-input technique (WCAG 2.1.1 / 2.5.7 Dragging Movements). Core\n * (zero dependencies).\n *\n * Markup contract (identifier: `stimeo--pointer-drag`):\n *   <li data-controller=\"stimeo--pointer-drag\"\n *       data-stimeo--pointer-drag-axis-value=\"y\">\n *     <button data-stimeo--pointer-drag-target=\"handle\" aria-label=\"Reorder\">⠿</button>\n *   </li>\n *\n * The `handle` target is optional — without one, the controller element itself\n * is the handle. Pointer flow: `pointerdown` on a handle arms the drag; once the\n * axis-filtered movement exceeds `threshold`, `start` fires, every subsequent\n * movement fires `move` (deltas cumulative from the origin), and release fires\n * `end` (`pointercancel` → `cancel`). Keyboard flow: Space/Enter on the handle\n * grabs (`start`, `data-grabbed`), the arrow keys emit synthetic `move` events of\n * `keyboardStep` px each, Space/Enter drops (`end`) and Escape cancels — so every\n * consumer gets a keyboard path for free.\n *\n * @remarks\n * Behavior only: consumers own all visuals (ghost, placeholder, transforms) by\n * reacting to the events and the `data-dragging` / `data-grabbed` hooks. The one\n * deliberate exception is the opt-in `follow` value for the \"just move the\n * element\" case: it applies the in-flight deltas to the element's CSS\n * `translate` (a property independent of `transform`, so authored transforms\n * survive), commits the offset on drop and restores it on cancel — the exact\n * boilerplate every simple consumer would otherwise re-write. With `follow` the\n * element's inline `translate` belongs to this controller (`connect()` re-reads\n * a previously committed `<x>px <y>px` offset, so Turbo restores stay\n * consistent). ARIA\n * 1.1 deprecated `aria-grabbed`/`aria-dropeffect`, so the grabbed state is\n * published as `data-grabbed` and the *meaning* of a drag must be announced by\n * the consumer (pair with `stimeo--announcer`). `touch-action` on the handles is\n * derived from `axis` (marker-guarded, authored values win) so the page does not\n * pan mid-drag. Deltas are physical (client coordinates): RTL semantics belong\n * to the consumer. `disconnect()` (Turbo navigation included) tears down any\n * active session — except across an in-page move, which the session survives\n * (the full lifecycle contract lives on `disconnect()`); `connect()` clears\n * stale hooks a Turbo cache restore may have preserved (a drag cannot survive\n * a navigation).\n */\nexport class PointerDragController extends Controller<HTMLElement> {\n  static override targets = [\"handle\"];\n  static override values = {\n    axis: { type: String, default: \"both\" },\n    threshold: { type: Number, default: 3 },\n    keyboardStep: { type: Number, default: 10 },\n    disabled: { type: Boolean, default: false },\n    follow: { type: Boolean, default: false },\n  };\n  static events = [\"start\", \"move\", \"end\", \"cancel\"] as const;\n\n  declare readonly handleTargets: HTMLElement[];\n  declare readonly hasHandleTarget: boolean;\n  declare axisValue: string;\n  declare thresholdValue: number;\n  declare keyboardStepValue: number;\n  declare disabledValue: boolean;\n  declare followValue: boolean;\n\n  /** Marker attribute recording that this controller set the touch-action. */\n  static readonly #TOUCH_ACTION_MARKER = \"data-pointer-drag-touch-action\";\n  /** Marker attribute recording that this controller set `tabindex`. */\n  static readonly #TABINDEX_MARKER = \"data-pointer-drag-tabindex\";\n\n  #pointer: PointerSession | null = null;\n  #keyboard: KeyboardSession | null = null;\n  /** Committed follow offset from past drops; a new drag's deltas add onto it. */\n  #followBase = { x: 0, y: 0 };\n  /** Aborts in-progress pointer-drag listeners on drag end / teardown. */\n  #dragAbort: AbortController | null = null;\n  /** Decides whether a mid-session disconnect() is an in-page move or a detach. */\n  readonly #gate = new DetachGate();\n\n  override connect(): void {\n    // A reconnect disarms the probe a mid-session disconnect() armed — the\n    // element was moved in-page and the session survives (see disconnect).\n    this.#gate.cancel();\n    // Transient drag state cannot survive a navigation: clear hooks a Turbo\n    // cache restore may have snapshotted mid-drag (idempotent reconnect). But a\n    // session preserved across an in-page move keeps its hooks.\n    if (!this.#pointer) this.element.removeAttribute(\"data-dragging\");\n    if (!this.#keyboard) this.element.removeAttribute(\"data-grabbed\");\n    // Follow mode owns the element's inline `translate`: re-read a committed\n    // offset so reconnects (Turbo cache restore included) keep accumulating from\n    // where the element visually sits. A session surviving an in-page move keeps\n    // its base — mid-drag inline state must not be committed as a new base.\n    if (this.followValue && !this.#pointer && !this.#keyboard) {\n      this.#followBase = this.#parseFollowBase();\n    }\n    // Delegated on the container so dynamically added handles need no per-element\n    // data-action (stimulus-lifecycle-turbo Rule A′).\n    this.element.addEventListener(\"pointerdown\", this.#onPointerDown);\n    this.element.addEventListener(\"keydown\", this.#onKeydown);\n    if (!this.hasHandleTarget) this.#prepareHandle(this.element);\n  }\n\n  override disconnect(): void {\n    this.element.removeEventListener(\"pointerdown\", this.#onPointerDown);\n    this.element.removeEventListener(\"keydown\", this.#onKeydown);\n    // A mid-session disconnect on a STILL-connected element is ambiguous: an\n    // in-page move (a consumer like sortable re-inserts the item mid-grab —\n    // Stimulus reconnects the same instance in the same mutation batch, and\n    // the session must survive) vs a real detach that keeps the element\n    // (`data-controller` removed, Turbo morph, element moved outside the\n    // observed root). DetachGate discriminates: the token check is the\n    // synchronous fast path (a morph's teardown — and its `cancel` — fires in\n    // the same tick), the one-microtask probe cancelled by connect() covers\n    // the rest — a detached-in-place controller never leaks its session or\n    // document listeners. Probe only while a session needs protecting; an\n    // idle controller tears down synchronously either way.\n    if (this.#pointer || this.#keyboard) {\n      this.#gate.disconnected(this, () => this.#teardown());\n      return;\n    }\n    this.#teardown();\n  }\n\n  /** Prepares handles added at runtime (touch-action + focusability). */\n  handleTargetConnected(handle: HTMLElement): void {\n    this.#prepareHandle(handle);\n  }\n\n  handleTargetDisconnected(handle: HTMLElement): void {\n    // A handle REMOVED mid-session can never deliver its keydown (the delegated\n    // listener sits on the container it left), so the session would leak — and\n    // the one-session guard would then reject every future pointerdown. End it\n    // silently: the DOM is changing under the user, same as disconnect. But\n    // target callbacks ALSO fire when the CONTROLLER disconnects (Stimulus\n    // stops the target observer — including the in-page move a live session\n    // must survive): a handle still inside the element was not removed, so\n    // that case is left to disconnect()'s deferred probe.\n    if (!this.element.contains(handle)) {\n      if (this.#pointer?.handle === handle) this.#endPointerSession();\n      if (this.#keyboard?.handle === handle) this.#clearKeyboardSession();\n    }\n    this.#restoreHandle(handle);\n  }\n\n  /** Re-derives the handles' touch-action when the axis changes. */\n  axisValueChanged(): void {\n    for (const handle of this.#handles()) {\n      if (handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)) {\n        handle.style.touchAction = this.#touchActionForAxis();\n      }\n    }\n  }\n\n  /** Cancels any in-flight session when the controller is disabled mid-drag. */\n  disabledValueChanged(): void {\n    if (!this.disabledValue) return;\n    if (this.#pointer?.started || this.#keyboard) {\n      this.#dispatchCancel(this.#keyboard ? \"keyboard\" : (this.#pointer?.pointerType ?? \"mouse\"));\n    }\n    this.#teardownSessions();\n  }\n\n  /** Arms a pointer drag on a handle; `start` waits for the threshold. */\n  readonly #onPointerDown = (event: PointerEvent): void => {\n    // One session at a time: ignore a second pointerdown (multi-touch, an\n    // errant tap, a grabbed keyboard session) so an in-flight drag is never\n    // silently overwritten and its captured pointer orphaned.\n    if (this.disabledValue || this.#pointer || this.#keyboard || event.button !== 0) return;\n    const handle = this.#handleFor(event.target);\n    if (!handle) return;\n\n    // Suppress text selection / native image drag; restore the focus the\n    // suppressed default would have given, so Escape and the keyboard path\n    // stay reachable right after a pointer interaction (WCAG 2.1.1).\n    event.preventDefault();\n    handle.focus();\n\n    this.#pointer = {\n      pointerId: event.pointerId,\n      handle,\n      originX: event.clientX,\n      originY: event.clientY,\n      started: false,\n      dx: 0,\n      dy: 0,\n      pointerType: this.#pointerTypeOf(event),\n    };\n\n    // Pointer capture keeps fast drags delivering to the handle even when the\n    // pointer strays outside it — but a consumer may re-insert the dragged\n    // element mid-drag (sortable's live reorder), which silently releases the\n    // capture. Tracking listeners therefore live on the DOCUMENT (captured\n    // events bubble there; uncaptured ones fire there anyway), and the\n    // AbortController releases them on drag end and disconnect() (Turbo included).\n    handle.setPointerCapture(event.pointerId);\n    this.#dragAbort?.abort();\n    const abort = new AbortController();\n    this.#dragAbort = abort;\n    document.addEventListener(\"pointermove\", this.#onPointerMove, { signal: abort.signal });\n    document.addEventListener(\"pointerup\", this.#onPointerUp, { signal: abort.signal });\n    document.addEventListener(\"pointercancel\", this.#onPointerCancel, { signal: abort.signal });\n  };\n\n  readonly #onPointerMove = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n\n    const [dx, dy] = this.#filterAxis(\n      event.clientX - session.originX,\n      event.clientY - session.originY,\n    );\n    if (!session.started) {\n      if (Math.hypot(dx, dy) < this.thresholdValue) return;\n      session.started = true;\n      this.element.setAttribute(\"data-dragging\", \"true\");\n      this.dispatch(\"start\", {\n        detail: { x: event.clientX, y: event.clientY, pointerType: session.pointerType },\n      });\n    }\n\n    session.dx = dx;\n    session.dy = dy;\n    this.#followMove(dx, dy);\n    this.dispatch(\"move\", {\n      detail: { dx, dy, x: event.clientX, y: event.clientY, pointerType: session.pointerType },\n    });\n  };\n\n  readonly #onPointerUp = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n    const { started, dx, dy, pointerType } = session;\n    this.#endPointerSession();\n    // Below the threshold the gesture was a plain click, not a drag: stay silent.\n    if (!started) return;\n    this.#followCommit(dx, dy);\n    this.dispatch(\"end\", { detail: { dx, dy, pointerType } });\n  };\n\n  /** OS gesture / scroll takeover interrupted the drag: cancel, don't drop. */\n  readonly #onPointerCancel = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n    const { started, pointerType } = session;\n    this.#endPointerSession();\n    if (started) this.#dispatchCancel(pointerType);\n  };\n\n  /** Keyboard alternative: Space/Enter grab & drop, arrows move, Escape cancels. */\n  readonly #onKeydown = (event: KeyboardEvent): void => {\n    if (this.disabledValue) return;\n    const handle = this.#handleFor(event.target);\n    if (!handle) return;\n\n    // Escape cancels whichever session is live (pointer drag or keyboard grab).\n    if (event.key === \"Escape\") {\n      if (this.#pointer?.started) {\n        const { pointerType } = this.#pointer;\n        this.#teardownSessions();\n        event.preventDefault();\n        this.#dispatchCancel(pointerType);\n      } else if (this.#keyboard) {\n        this.#teardownSessions();\n        event.preventDefault();\n        this.#dispatchCancel(\"keyboard\");\n      }\n      return;\n    }\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      // A live pointer drag owns the session: pressing Space mid-drag (the\n      // pointerdown focused the handle) must not start a parallel grab.\n      if (this.#pointer) return;\n      event.preventDefault();\n      if (this.#keyboard) this.#dropKeyboard();\n      else this.#grabKeyboard(handle);\n      return;\n    }\n\n    if (!this.#keyboard) return;\n    const step = this.#keyboardDelta(event.key);\n    if (!step) return;\n    // Consume every arrow while grabbed (even on a locked axis) so the page\n    // never scrolls mid-grab; only allowed-axis arrows emit a move.\n    event.preventDefault();\n    const [dx, dy] = this.#filterAxis(step[0], step[1]);\n    if (dx === 0 && dy === 0) return;\n    this.#keyboard.dx += dx;\n    this.#keyboard.dy += dy;\n    this.#followMove(this.#keyboard.dx, this.#keyboard.dy);\n    this.dispatch(\"move\", {\n      detail: {\n        dx: this.#keyboard.dx,\n        dy: this.#keyboard.dy,\n        x: this.#keyboard.dx,\n        y: this.#keyboard.dy,\n        pointerType: \"keyboard\",\n      },\n    });\n  };\n\n  /** Enters the grabbed mode: `data-grabbed` on element + handle, then `start`. */\n  #grabKeyboard(handle: HTMLElement): void {\n    this.#keyboard = { handle, dx: 0, dy: 0 };\n    this.element.setAttribute(\"data-grabbed\", \"true\");\n    handle.setAttribute(\"data-grabbed\", \"true\");\n    this.dispatch(\"start\", { detail: { x: 0, y: 0, pointerType: \"keyboard\" } });\n  }\n\n  #dropKeyboard(): void {\n    const session = this.#keyboard;\n    if (!session) return;\n    this.#clearKeyboardSession();\n    this.#followCommit(session.dx, session.dy);\n    this.dispatch(\"end\", { detail: { dx: session.dx, dy: session.dy, pointerType: \"keyboard\" } });\n  }\n\n  /** Maps an arrow key to a raw (unfiltered) `keyboardStep` delta. */\n  #keyboardDelta(key: string): [number, number] | null {\n    const step = this.keyboardStepValue;\n    switch (key) {\n      case \"ArrowRight\":\n        return [step, 0];\n      case \"ArrowLeft\":\n        return [-step, 0];\n      case \"ArrowDown\":\n        return [0, step];\n      case \"ArrowUp\":\n        return [0, -step];\n      default:\n        return null;\n    }\n  }\n\n  /** Zeroes the delta on the locked axis (`axis` = x | y | both). */\n  #filterAxis(dx: number, dy: number): [number, number] {\n    if (this.axisValue === \"x\") return [dx, 0];\n    if (this.axisValue === \"y\") return [0, dy];\n    return [dx, dy];\n  }\n\n  /** Releases capture + listeners and clears the pointer session and its hook. */\n  #endPointerSession(): void {\n    this.#releasePointerCapture();\n    this.#pointer = null;\n    this.#dragAbort?.abort();\n    this.#dragAbort = null;\n    this.element.removeAttribute(\"data-dragging\");\n  }\n\n  /** Releases the pointer capture the active session set (idempotent, safe). */\n  #releasePointerCapture(): void {\n    const session = this.#pointer;\n    if (session?.handle.hasPointerCapture(session.pointerId)) {\n      session.handle.releasePointerCapture(session.pointerId);\n    }\n  }\n\n  #clearKeyboardSession(): void {\n    this.#keyboard?.handle.removeAttribute(\"data-grabbed\");\n    this.#keyboard = null;\n    this.element.removeAttribute(\"data-grabbed\");\n  }\n\n  /**\n   * Full teardown for a controller whose element is going away or lost its\n   * controller. Into a dead (detached) tree it is silent — consumers restore\n   * from their own `connect()`, not from a cancel event. But a detach that\n   * KEEPS the element (Turbo morph, `data-controller` removed) leaves the\n   * consumers alive and listening: an in-flight session must end in `cancel`\n   * there, or a composer like sortable strands its one-at-a-time session\n   * bookkeeping forever.\n   */\n  #teardown(): void {\n    // Disarm any probe still queued: without this, an immediate teardown\n    // (element removed right after a deferring disconnect) would let the\n    // orphaned probe run #teardown a second time — a double cancel.\n    this.#gate.cancel();\n    const interrupted = this.#pointer?.started\n      ? this.#pointer.pointerType\n      : this.#keyboard\n        ? (\"keyboard\" as const)\n        : null;\n    this.#teardownSessions();\n    for (const handle of this.#handles()) this.#restoreHandle(handle);\n    if (interrupted && this.element.isConnected) this.#dispatchCancel(interrupted);\n  }\n\n  /**\n   * Silently tears down whatever session is live (disconnect / disabled /\n   * Escape). Composed from the two single-session teardowns so a cleanup step\n   * added to one path can never be missed on the other (the bug-shape behind\n   * the capture-release fix).\n   */\n  #teardownSessions(): void {\n    this.#endPointerSession();\n    this.#clearKeyboardSession();\n  }\n\n  #dispatchCancel(pointerType: DragPointerType): void {\n    // Every cancel path funnels here, so follow's snap-back can never be missed\n    // (Escape, pointercancel, mid-session disable, detach-that-keeps-the-element).\n    this.#followReset();\n    this.dispatch(\"cancel\", { detail: { pointerType } });\n  }\n\n  /** Applies the in-flight offset to the element's `translate` (follow only). */\n  #followMove(dx: number, dy: number): void {\n    if (!this.followValue) return;\n    this.#applyFollow(this.#followBase.x + dx, this.#followBase.y + dy);\n  }\n\n  /** Folds a drop's deltas into the committed base offset (follow only). */\n  #followCommit(dx: number, dy: number): void {\n    if (!this.followValue) return;\n    this.#followBase = { x: this.#followBase.x + dx, y: this.#followBase.y + dy };\n    this.#applyFollow(this.#followBase.x, this.#followBase.y);\n  }\n\n  /** Snaps back to the committed position (follow only) — the cancel contract. */\n  #followReset(): void {\n    if (!this.followValue) return;\n    this.#applyFollow(this.#followBase.x, this.#followBase.y);\n  }\n\n  /**\n   * Writes the offset as the standalone CSS `translate` property — independent\n   * of `transform`, so an authored transform (scale, rotate…) is never\n   * clobbered. At the origin the property is removed to keep the DOM clean.\n   */\n  #applyFollow(x: number, y: number): void {\n    if (x === 0 && y === 0) this.element.style.removeProperty(\"translate\");\n    else this.element.style.setProperty(\"translate\", `${x}px ${y}px`);\n  }\n\n  /**\n   * Reads a committed follow offset back from the inline `translate`. Only the\n   * controller's own `<x>px <y>px` shape is recognized; anything else (an\n   * authored percentage, `none`, an empty string) starts the base at 0 — follow\n   * mode owns this property, per the class contract.\n   */\n  #parseFollowBase(): { x: number; y: number } {\n    const raw = this.element.style.getPropertyValue(\"translate\").trim();\n    const match = /^(-?\\d+(?:\\.\\d+)?)px(?:\\s+(-?\\d+(?:\\.\\d+)?)px)?$/.exec(raw);\n    if (!match) return { x: 0, y: 0 };\n    return { x: Number(match[1]), y: Number(match[2] ?? \"0\") };\n  }\n\n  /** The active handles: the `handle` targets, else the element itself. */\n  #handles(): HTMLElement[] {\n    return this.hasHandleTarget ? this.handleTargets : [this.element];\n  }\n\n  /** Resolves the handle owning an event target (the handle or a descendant). */\n  #handleFor(target: EventTarget | null): HTMLElement | null {\n    const node = target as Node | null;\n    if (!node) return null;\n    return this.#handles().find((handle) => handle === node || handle.contains(node)) ?? null;\n  }\n\n  #pointerTypeOf(event: PointerEvent): DragPointerType {\n    const type = event.pointerType;\n    if (type === \"touch\" || type === \"pen\") return type;\n    return \"mouse\";\n  }\n\n  /** `touch-action` that lets the page keep panning on the locked axis only. */\n  #touchActionForAxis(): string {\n    if (this.axisValue === \"x\") return \"pan-y\";\n    if (this.axisValue === \"y\") return \"pan-x\";\n    return \"none\";\n  }\n\n  /**\n   * Establishes the handle contract: a `touch-action` derived from `axis`\n   * (marker-guarded so an authored inline value wins and reconnects stay\n   * idempotent) and focusability for the keyboard path (`tabindex=\"0\"` only when\n   * the author supplied none — prefer a real `<button>` handle). Both additions\n   * are marker-owned so `#restoreHandle` reverts them symmetrically on teardown.\n   */\n  #prepareHandle(handle: HTMLElement): void {\n    if (\n      handle.style.touchAction === \"\" ||\n      handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)\n    ) {\n      handle.style.touchAction = this.#touchActionForAxis();\n      handle.setAttribute(PointerDragController.#TOUCH_ACTION_MARKER, \"true\");\n    }\n    if (handle.tabIndex < 0 && !handle.hasAttribute(\"tabindex\")) {\n      handle.setAttribute(\"tabindex\", \"0\");\n      handle.setAttribute(PointerDragController.#TABINDEX_MARKER, \"true\");\n    }\n  }\n\n  /** Reverts the marker-owned touch-action + tabindex (authored values untouched). */\n  #restoreHandle(handle: HTMLElement): void {\n    if (handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)) {\n      handle.style.touchAction = \"\";\n      handle.removeAttribute(PointerDragController.#TOUCH_ACTION_MARKER);\n    }\n    if (handle.hasAttribute(PointerDragController.#TABINDEX_MARKER)) {\n      handle.removeAttribute(PointerDragController.#TABINDEX_MARKER);\n      // Only remove what is verifiably still ours and safe to remove: another\n      // owner (e.g. a roving list) may have rewritten the value since, and\n      // stripping tabindex off the focused element would blur it to <body>\n      // (losing the user's place — worse than leaking one tab stop).\n      if (handle.getAttribute(\"tabindex\") === \"0\" && document.activeElement !== handle) {\n        handle.removeAttribute(\"tabindex\");\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../src/utils/detach_gate.ts","../../src/controllers/pointer_drag_controller.ts"],"names":[],"mappings":";;;;;AA6EO,IAAM,UAAA,GAAN,MAAM,WAAA,CAAW;AAAA;AAAA,EAEtB,QAAA,GAAW,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOX,OAAO,WAAW,IAAA,EAA+B;AAC/C,IAAA,IAAI,CAAC,IAAA,CAAK,OAAA,CAAQ,WAAA,EAAa,OAAO,IAAA;AACtC,IAAA,MAAM,MAAA,GAAA,CAAU,KAAK,OAAA,CAAQ,YAAA,CAAa,iBAAiB,CAAA,IAAK,EAAA,EAAI,MAAM,KAAK,CAAA;AAC/E,IAAA,OAAO,CAAC,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,UAAU,CAAA;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,YAAA,CAAa,MAAsB,QAAA,EAA4B;AAC7D,IAAA,IAAI,WAAA,CAAW,UAAA,CAAW,IAAI,CAAA,EAAG;AAG/B,MAAA,IAAA,CAAK,QAAA,GAAW,KAAA;AAChB,MAAA,QAAA,EAAS;AACT,MAAA;AAAA,IACF;AACA,IAAA,IAAA,CAAK,QAAA,GAAW,IAAA;AAChB,IAAA,cAAA,CAAe,MAAM;AACnB,MAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AACpB,MAAA,IAAA,CAAK,QAAA,GAAW,KAAA;AAChB,MAAA,QAAA,EAAS;AAAA,IACX,CAAC,CAAA;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAA,GAAe;AACb,IAAA,IAAA,CAAK,QAAA,GAAW,KAAA;AAAA,EAClB;AACF,CAAA;;;ACjDO,IAAM,qBAAA,GAAN,MAAM,sBAAA,SAA8B,UAAA,CAAwB;AAAA,EACjE,OAAgB,OAAA,GAAU,CAAC,QAAQ,CAAA;AAAA,EACnC,OAAgB,MAAA,GAAS;AAAA,IACvB,IAAA,EAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,MAAA,EAAO;AAAA,IACtC,SAAA,EAAW,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,CAAA,EAAE;AAAA,IACtC,YAAA,EAAc,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,EAAA,EAAG;AAAA,IAC1C,QAAA,EAAU,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,KAAA,EAAM;AAAA,IAC1C,MAAA,EAAQ,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,KAAA;AAAM,GAC1C;AAAA,EACA,OAAO,MAAA,GAAS,CAAC,OAAA,EAAS,MAAA,EAAQ,OAAO,QAAQ,CAAA;AAAA;AAAA,EAWjD,OAAgB,oBAAA,GAAuB,gCAAA;AAAA;AAAA,EAEvC,OAAgB,gBAAA,GAAmB,4BAAA;AAAA,EAEnC,QAAA,GAAkC,IAAA;AAAA,EAClC,SAAA,GAAoC,IAAA;AAAA;AAAA,EAEpC,WAAA,GAAc,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA;AAAA,EAE3B,UAAA,GAAqC,IAAA;AAAA;AAAA,EAE5B,KAAA,GAAQ,IAAI,UAAA,EAAW;AAAA,EAEvB,OAAA,GAAgB;AAGvB,IAAA,IAAA,CAAK,MAAM,MAAA,EAAO;AAIlB,IAAA,IAAI,CAAC,IAAA,CAAK,QAAA,EAAU,IAAA,CAAK,OAAA,CAAQ,gBAAgB,eAAe,CAAA;AAChE,IAAA,IAAI,CAAC,IAAA,CAAK,SAAA,EAAW,IAAA,CAAK,OAAA,CAAQ,gBAAgB,cAAc,CAAA;AAKhE,IAAA,IAAI,KAAK,WAAA,IAAe,CAAC,KAAK,QAAA,IAAY,CAAC,KAAK,SAAA,EAAW;AACzD,MAAA,IAAA,CAAK,WAAA,GAAc,KAAK,gBAAA,EAAiB;AAAA,IAC3C;AAGA,IAAA,IAAA,CAAK,OAAA,CAAQ,gBAAA,CAAiB,aAAA,EAAe,IAAA,CAAK,cAAc,CAAA;AAChE,IAAA,IAAA,CAAK,OAAA,CAAQ,gBAAA,CAAiB,SAAA,EAAW,IAAA,CAAK,UAAU,CAAA;AACxD,IAAA,IAAI,CAAC,IAAA,CAAK,eAAA,EAAiB,IAAA,CAAK,cAAA,CAAe,KAAK,OAAO,CAAA;AAAA,EAC7D;AAAA,EAES,UAAA,GAAmB;AAC1B,IAAA,IAAA,CAAK,OAAA,CAAQ,mBAAA,CAAoB,aAAA,EAAe,IAAA,CAAK,cAAc,CAAA;AACnE,IAAA,IAAA,CAAK,OAAA,CAAQ,mBAAA,CAAoB,SAAA,EAAW,IAAA,CAAK,UAAU,CAAA;AAY3D,IAAA,IAAI,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,SAAA,EAAW;AACnC,MAAA,IAAA,CAAK,MAAM,YAAA,CAAa,IAAA,EAAM,MAAM,IAAA,CAAK,WAAW,CAAA;AACpD,MAAA;AAAA,IACF;AACA,IAAA,IAAA,CAAK,SAAA,EAAU;AAAA,EACjB;AAAA;AAAA,EAGA,sBAAsB,MAAA,EAA2B;AAC/C,IAAA,IAAA,CAAK,eAAe,MAAM,CAAA;AAAA,EAC5B;AAAA,EAEA,yBAAyB,MAAA,EAA2B;AASlD,IAAA,IAAI,CAAC,IAAA,CAAK,OAAA,CAAQ,QAAA,CAAS,MAAM,CAAA,EAAG;AAClC,MAAA,IAAI,IAAA,CAAK,QAAA,EAAU,MAAA,KAAW,MAAA,OAAa,kBAAA,EAAmB;AAC9D,MAAA,IAAI,IAAA,CAAK,SAAA,EAAW,MAAA,KAAW,MAAA,OAAa,qBAAA,EAAsB;AAAA,IACpE;AACA,IAAA,IAAA,CAAK,eAAe,MAAM,CAAA;AAAA,EAC5B;AAAA;AAAA,EAGA,gBAAA,GAAyB;AACvB,IAAA,KAAA,MAAW,MAAA,IAAU,IAAA,CAAK,QAAA,EAAS,EAAG;AACpC,MAAA,IAAI,MAAA,CAAO,YAAA,CAAa,sBAAA,CAAsB,oBAAoB,CAAA,EAAG;AACnE,QAAA,MAAA,CAAO,KAAA,CAAM,WAAA,GAAc,IAAA,CAAK,mBAAA,EAAoB;AAAA,MACtD;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAGA,oBAAA,GAA6B;AAC3B,IAAA,IAAI,CAAC,KAAK,aAAA,EAAe;AACzB,IAAA,IAAI,IAAA,CAAK,QAAA,EAAU,OAAA,IAAW,IAAA,CAAK,SAAA,EAAW;AAC5C,MAAA,IAAA,CAAK,gBAAgB,IAAA,CAAK,SAAA,GAAY,aAAc,IAAA,CAAK,QAAA,EAAU,eAAe,OAAQ,CAAA;AAAA,IAC5F;AACA,IAAA,IAAA,CAAK,iBAAA,EAAkB;AAAA,EACzB;AAAA;AAAA,EAGS,cAAA,GAAiB,CAAC,KAAA,KAA8B;AAIvD,IAAA,IAAI,IAAA,CAAK,iBAAiB,IAAA,CAAK,QAAA,IAAY,KAAK,SAAA,IAAa,KAAA,CAAM,WAAW,CAAA,EAAG;AACjF,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,MAAM,CAAA;AAC3C,IAAA,IAAI,CAAC,MAAA,EAAQ;AAKb,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAA,CAAO,KAAA,EAAM;AAEb,IAAA,IAAA,CAAK,QAAA,GAAW;AAAA,MACd,WAAW,KAAA,CAAM,SAAA;AAAA,MACjB,MAAA;AAAA,MACA,SAAS,KAAA,CAAM,OAAA;AAAA,MACf,SAAS,KAAA,CAAM,OAAA;AAAA,MACf,OAAA,EAAS,KAAA;AAAA,MACT,EAAA,EAAI,CAAA;AAAA,MACJ,EAAA,EAAI,CAAA;AAAA,MACJ,WAAA,EAAa,IAAA,CAAK,cAAA,CAAe,KAAK;AAAA,KACxC;AAQA,IAAA,MAAA,CAAO,iBAAA,CAAkB,MAAM,SAAS,CAAA;AACxC,IAAA,IAAA,CAAK,YAAY,KAAA,EAAM;AACvB,IAAA,MAAM,KAAA,GAAQ,IAAI,eAAA,EAAgB;AAClC,IAAA,IAAA,CAAK,UAAA,GAAa,KAAA;AAClB,IAAA,QAAA,CAAS,gBAAA,CAAiB,eAAe,IAAA,CAAK,cAAA,EAAgB,EAAE,MAAA,EAAQ,KAAA,CAAM,QAAQ,CAAA;AACtF,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,IAAA,CAAK,YAAA,EAAc,EAAE,MAAA,EAAQ,KAAA,CAAM,QAAQ,CAAA;AAClF,IAAA,QAAA,CAAS,gBAAA,CAAiB,iBAAiB,IAAA,CAAK,gBAAA,EAAkB,EAAE,MAAA,EAAQ,KAAA,CAAM,QAAQ,CAAA;AAAA,EAC5F,CAAA;AAAA,EAES,cAAA,GAAiB,CAAC,KAAA,KAA8B;AACvD,IAAA,MAAM,UAAU,IAAA,CAAK,QAAA;AACrB,IAAA,IAAI,CAAC,OAAA,IAAW,KAAA,CAAM,SAAA,KAAc,QAAQ,SAAA,EAAW;AAEvD,IAAA,MAAM,CAAC,EAAA,EAAI,EAAE,CAAA,GAAI,IAAA,CAAK,WAAA;AAAA,MACpB,KAAA,CAAM,UAAU,OAAA,CAAQ,OAAA;AAAA,MACxB,KAAA,CAAM,UAAU,OAAA,CAAQ;AAAA,KAC1B;AACA,IAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACpB,MAAA,IAAI,KAAK,KAAA,CAAM,EAAA,EAAI,EAAE,CAAA,GAAI,KAAK,cAAA,EAAgB;AAC9C,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA,IAAA,CAAK,OAAA,CAAQ,YAAA,CAAa,eAAA,EAAiB,MAAM,CAAA;AACjD,MAAA,IAAA,CAAK,SAAS,OAAA,EAAS;AAAA,QACrB,MAAA,EAAQ,EAAE,CAAA,EAAG,KAAA,CAAM,OAAA,EAAS,GAAG,KAAA,CAAM,OAAA,EAAS,WAAA,EAAa,OAAA,CAAQ,WAAA;AAAY,OAChF,CAAA;AAAA,IACH;AAEA,IAAA,OAAA,CAAQ,EAAA,GAAK,EAAA;AACb,IAAA,OAAA,CAAQ,EAAA,GAAK,EAAA;AACb,IAAA,IAAA,CAAK,WAAA,CAAY,IAAI,EAAE,CAAA;AACvB,IAAA,IAAA,CAAK,SAAS,MAAA,EAAQ;AAAA,MACpB,MAAA,EAAQ,EAAE,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,KAAA,CAAM,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,EAAS,WAAA,EAAa,OAAA,CAAQ,WAAA;AAAY,KACxF,CAAA;AAAA,EACH,CAAA;AAAA,EAES,YAAA,GAAe,CAAC,KAAA,KAA8B;AACrD,IAAA,MAAM,UAAU,IAAA,CAAK,QAAA;AACrB,IAAA,IAAI,CAAC,OAAA,IAAW,KAAA,CAAM,SAAA,KAAc,QAAQ,SAAA,EAAW;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,EAAA,EAAI,EAAA,EAAI,aAAY,GAAI,OAAA;AACzC,IAAA,IAAA,CAAK,kBAAA,EAAmB;AAExB,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAA,CAAK,aAAA,CAAc,IAAI,EAAE,CAAA;AACzB,IAAA,IAAA,CAAK,QAAA,CAAS,OAAO,EAAE,MAAA,EAAQ,EAAE,EAAA,EAAI,EAAA,EAAI,WAAA,EAAY,EAAG,CAAA;AAAA,EAC1D,CAAA;AAAA;AAAA,EAGS,gBAAA,GAAmB,CAAC,KAAA,KAA8B;AACzD,IAAA,MAAM,UAAU,IAAA,CAAK,QAAA;AACrB,IAAA,IAAI,CAAC,OAAA,IAAW,KAAA,CAAM,SAAA,KAAc,QAAQ,SAAA,EAAW;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAY,GAAI,OAAA;AACjC,IAAA,IAAA,CAAK,kBAAA,EAAmB;AACxB,IAAA,IAAI,OAAA,EAAS,IAAA,CAAK,eAAA,CAAgB,WAAW,CAAA;AAAA,EAC/C,CAAA;AAAA;AAAA,EAGS,UAAA,GAAa,CAAC,KAAA,KAA+B;AACpD,IAAA,IAAI,KAAK,aAAA,EAAe;AACxB,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,MAAM,CAAA;AAC3C,IAAA,IAAI,CAAC,MAAA,EAAQ;AAGb,IAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAG1B,MAAA,IAAI,KAAA,CAAM,gBAAA,IAAoB,KAAA,CAAM,WAAA,EAAa;AACjD,MAAA,IAAI,IAAA,CAAK,UAAU,OAAA,EAAS;AAC1B,QAAA,MAAM,EAAE,WAAA,EAAY,GAAI,IAAA,CAAK,QAAA;AAC7B,QAAA,IAAA,CAAK,iBAAA,EAAkB;AACvB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAA,CAAK,gBAAgB,WAAW,CAAA;AAAA,MAClC,CAAA,MAAA,IAAW,KAAK,SAAA,EAAW;AACzB,QAAA,IAAA,CAAK,iBAAA,EAAkB;AACvB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAA,CAAK,gBAAgB,UAAU,CAAA;AAAA,MACjC;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,GAAA,IAAO,KAAA,CAAM,QAAQ,OAAA,EAAS;AAG9C,MAAA,IAAI,KAAK,QAAA,EAAU;AACnB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,IAAA,CAAK,SAAA,EAAW,IAAA,CAAK,aAAA,EAAc;AAAA,WAClC,IAAA,CAAK,cAAc,MAAM,CAAA;AAC9B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAK,SAAA,EAAW;AACrB,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,cAAA,CAAe,KAAA,CAAM,GAAG,CAAA;AAC1C,IAAA,IAAI,CAAC,IAAA,EAAM;AAGX,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAM,CAAC,EAAA,EAAI,EAAE,CAAA,GAAI,IAAA,CAAK,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,EAAG,IAAA,CAAK,CAAC,CAAC,CAAA;AAClD,IAAA,IAAI,EAAA,KAAO,CAAA,IAAK,EAAA,KAAO,CAAA,EAAG;AAC1B,IAAA,IAAA,CAAK,UAAU,EAAA,IAAM,EAAA;AACrB,IAAA,IAAA,CAAK,UAAU,EAAA,IAAM,EAAA;AACrB,IAAA,IAAA,CAAK,YAAY,IAAA,CAAK,SAAA,CAAU,EAAA,EAAI,IAAA,CAAK,UAAU,EAAE,CAAA;AACrD,IAAA,IAAA,CAAK,SAAS,MAAA,EAAQ;AAAA,MACpB,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,KAAK,SAAA,CAAU,EAAA;AAAA,QACnB,EAAA,EAAI,KAAK,SAAA,CAAU,EAAA;AAAA,QACnB,CAAA,EAAG,KAAK,SAAA,CAAU,EAAA;AAAA,QAClB,CAAA,EAAG,KAAK,SAAA,CAAU,EAAA;AAAA,QAClB,WAAA,EAAa;AAAA;AACf,KACD,CAAA;AAAA,EACH,CAAA;AAAA;AAAA,EAGA,cAAc,MAAA,EAA2B;AACvC,IAAA,IAAA,CAAK,YAAY,EAAE,MAAA,EAAQ,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAAE;AACxC,IAAA,IAAA,CAAK,OAAA,CAAQ,YAAA,CAAa,cAAA,EAAgB,MAAM,CAAA;AAChD,IAAA,MAAA,CAAO,YAAA,CAAa,gBAAgB,MAAM,CAAA;AAC1C,IAAA,IAAA,CAAK,QAAA,CAAS,OAAA,EAAS,EAAE,MAAA,EAAQ,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,WAAA,EAAa,UAAA,EAAW,EAAG,CAAA;AAAA,EAC5E;AAAA,EAEA,aAAA,GAAsB;AACpB,IAAA,MAAM,UAAU,IAAA,CAAK,SAAA;AACrB,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAA,CAAK,qBAAA,EAAsB;AAC3B,IAAA,IAAA,CAAK,aAAA,CAAc,OAAA,CAAQ,EAAA,EAAI,OAAA,CAAQ,EAAE,CAAA;AACzC,IAAA,IAAA,CAAK,QAAA,CAAS,KAAA,EAAO,EAAE,MAAA,EAAQ,EAAE,EAAA,EAAI,OAAA,CAAQ,EAAA,EAAI,EAAA,EAAI,OAAA,CAAQ,EAAA,EAAI,WAAA,EAAa,UAAA,IAAc,CAAA;AAAA,EAC9F;AAAA;AAAA,EAGA,eAAe,GAAA,EAAsC;AACnD,IAAA,MAAM,OAAO,IAAA,CAAK,iBAAA;AAClB,IAAA,QAAQ,GAAA;AAAK,MACX,KAAK,YAAA;AACH,QAAA,OAAO,CAAC,MAAM,CAAC,CAAA;AAAA,MACjB,KAAK,WAAA;AACH,QAAA,OAAO,CAAC,CAAC,IAAA,EAAM,CAAC,CAAA;AAAA,MAClB,KAAK,WAAA;AACH,QAAA,OAAO,CAAC,GAAG,IAAI,CAAA;AAAA,MACjB,KAAK,SAAA;AACH,QAAA,OAAO,CAAC,CAAA,EAAG,CAAC,IAAI,CAAA;AAAA,MAClB;AACE,QAAA,OAAO,IAAA;AAAA;AACX,EACF;AAAA;AAAA,EAGA,WAAA,CAAY,IAAY,EAAA,EAA8B;AACpD,IAAA,IAAI,KAAK,SAAA,KAAc,GAAA,EAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AACzC,IAAA,IAAI,KAAK,SAAA,KAAc,GAAA,EAAK,OAAO,CAAC,GAAG,EAAE,CAAA;AACzC,IAAA,OAAO,CAAC,IAAI,EAAE,CAAA;AAAA,EAChB;AAAA;AAAA,EAGA,kBAAA,GAA2B;AACzB,IAAA,IAAA,CAAK,sBAAA,EAAuB;AAC5B,IAAA,IAAA,CAAK,QAAA,GAAW,IAAA;AAChB,IAAA,IAAA,CAAK,YAAY,KAAA,EAAM;AACvB,IAAA,IAAA,CAAK,UAAA,GAAa,IAAA;AAClB,IAAA,IAAA,CAAK,OAAA,CAAQ,gBAAgB,eAAe,CAAA;AAAA,EAC9C;AAAA;AAAA,EAGA,sBAAA,GAA+B;AAC7B,IAAA,MAAM,UAAU,IAAA,CAAK,QAAA;AACrB,IAAA,IAAI,OAAA,EAAS,MAAA,CAAO,iBAAA,CAAkB,OAAA,CAAQ,SAAS,CAAA,EAAG;AACxD,MAAA,OAAA,CAAQ,MAAA,CAAO,qBAAA,CAAsB,OAAA,CAAQ,SAAS,CAAA;AAAA,IACxD;AAAA,EACF;AAAA,EAEA,qBAAA,GAA8B;AAC5B,IAAA,IAAA,CAAK,SAAA,EAAW,MAAA,CAAO,eAAA,CAAgB,cAAc,CAAA;AACrD,IAAA,IAAA,CAAK,SAAA,GAAY,IAAA;AACjB,IAAA,IAAA,CAAK,OAAA,CAAQ,gBAAgB,cAAc,CAAA;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,SAAA,GAAkB;AAIhB,IAAA,IAAA,CAAK,MAAM,MAAA,EAAO;AAClB,IAAA,MAAM,WAAA,GAAc,KAAK,QAAA,EAAU,OAAA,GAC/B,KAAK,QAAA,CAAS,WAAA,GACd,IAAA,CAAK,SAAA,GACF,UAAA,GACD,IAAA;AACN,IAAA,IAAA,CAAK,iBAAA,EAAkB;AACvB,IAAA,KAAA,MAAW,UAAU,IAAA,CAAK,QAAA,EAAS,EAAG,IAAA,CAAK,eAAe,MAAM,CAAA;AAChE,IAAA,IAAI,eAAe,IAAA,CAAK,OAAA,CAAQ,WAAA,EAAa,IAAA,CAAK,gBAAgB,WAAW,CAAA;AAAA,EAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAA,GAA0B;AACxB,IAAA,IAAA,CAAK,kBAAA,EAAmB;AACxB,IAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,EAC7B;AAAA,EAEA,gBAAgB,WAAA,EAAoC;AAGlD,IAAA,IAAA,CAAK,YAAA,EAAa;AAClB,IAAA,IAAA,CAAK,SAAS,QAAA,EAAU,EAAE,QAAQ,EAAE,WAAA,IAAe,CAAA;AAAA,EACrD;AAAA;AAAA,EAGA,WAAA,CAAY,IAAY,EAAA,EAAkB;AACxC,IAAA,IAAI,CAAC,KAAK,WAAA,EAAa;AACvB,IAAA,IAAA,CAAK,YAAA,CAAa,KAAK,WAAA,CAAY,CAAA,GAAI,IAAI,IAAA,CAAK,WAAA,CAAY,IAAI,EAAE,CAAA;AAAA,EACpE;AAAA;AAAA,EAGA,aAAA,CAAc,IAAY,EAAA,EAAkB;AAC1C,IAAA,IAAI,CAAC,KAAK,WAAA,EAAa;AACvB,IAAA,IAAA,CAAK,WAAA,GAAc,EAAE,CAAA,EAAG,IAAA,CAAK,WAAA,CAAY,CAAA,GAAI,EAAA,EAAI,CAAA,EAAG,IAAA,CAAK,WAAA,CAAY,CAAA,GAAI,EAAA,EAAG;AAC5E,IAAA,IAAA,CAAK,aAAa,IAAA,CAAK,WAAA,CAAY,CAAA,EAAG,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,EAC1D;AAAA;AAAA,EAGA,YAAA,GAAqB;AACnB,IAAA,IAAI,CAAC,KAAK,WAAA,EAAa;AACvB,IAAA,IAAA,CAAK,aAAa,IAAA,CAAK,WAAA,CAAY,CAAA,EAAG,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,EAC1D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,YAAA,CAAa,GAAW,CAAA,EAAiB;AACvC,IAAA,IAAI,CAAA,KAAM,KAAK,CAAA,KAAM,CAAA,OAAQ,OAAA,CAAQ,KAAA,CAAM,eAAe,WAAW,CAAA;AAAA,SAChE,IAAA,CAAK,QAAQ,KAAA,CAAM,WAAA,CAAY,aAAa,CAAA,EAAG,CAAC,CAAA,GAAA,EAAM,CAAC,CAAA,EAAA,CAAI,CAAA;AAAA,EAClE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,gBAAA,GAA6C;AAC3C,IAAA,MAAM,MAAM,IAAA,CAAK,OAAA,CAAQ,MAAM,gBAAA,CAAiB,WAAW,EAAE,IAAA,EAAK;AAClE,IAAA,MAAM,KAAA,GAAQ,kDAAA,CAAmD,IAAA,CAAK,GAAG,CAAA;AACzE,IAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAChC,IAAA,OAAO,EAAE,CAAA,EAAG,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,EAAG,CAAA,EAAG,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,IAAK,GAAG,CAAA,EAAE;AAAA,EAC3D;AAAA;AAAA,EAGA,QAAA,GAA0B;AACxB,IAAA,OAAO,KAAK,eAAA,GAAkB,IAAA,CAAK,aAAA,GAAgB,CAAC,KAAK,OAAO,CAAA;AAAA,EAClE;AAAA;AAAA,EAGA,WAAW,MAAA,EAAgD;AACzD,IAAA,MAAM,IAAA,GAAO,MAAA;AACb,IAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,IAAA,OAAO,IAAA,CAAK,QAAA,EAAS,CAAE,IAAA,CAAK,CAAC,MAAA,KAAW,MAAA,KAAW,IAAA,IAAQ,MAAA,CAAO,QAAA,CAAS,IAAI,CAAC,CAAA,IAAK,IAAA;AAAA,EACvF;AAAA,EAEA,eAAe,KAAA,EAAsC;AACnD,IAAA,MAAM,OAAO,KAAA,CAAM,WAAA;AACnB,IAAA,IAAI,IAAA,KAAS,OAAA,IAAW,IAAA,KAAS,KAAA,EAAO,OAAO,IAAA;AAC/C,IAAA,OAAO,OAAA;AAAA,EACT;AAAA;AAAA,EAGA,mBAAA,GAA8B;AAC5B,IAAA,IAAI,IAAA,CAAK,SAAA,KAAc,GAAA,EAAK,OAAO,OAAA;AACnC,IAAA,IAAI,IAAA,CAAK,SAAA,KAAc,GAAA,EAAK,OAAO,OAAA;AACnC,IAAA,OAAO,MAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,eAAe,MAAA,EAA2B;AACxC,IAAA,IACE,MAAA,CAAO,MAAM,WAAA,KAAgB,EAAA,IAC7B,OAAO,YAAA,CAAa,sBAAA,CAAsB,oBAAoB,CAAA,EAC9D;AACA,MAAA,MAAA,CAAO,KAAA,CAAM,WAAA,GAAc,IAAA,CAAK,mBAAA,EAAoB;AACpD,MAAA,MAAA,CAAO,YAAA,CAAa,sBAAA,CAAsB,oBAAA,EAAsB,MAAM,CAAA;AAAA,IACxE;AACA,IAAA,IAAI,OAAO,QAAA,GAAW,CAAA,IAAK,CAAC,MAAA,CAAO,YAAA,CAAa,UAAU,CAAA,EAAG;AAC3D,MAAA,MAAA,CAAO,YAAA,CAAa,YAAY,GAAG,CAAA;AACnC,MAAA,MAAA,CAAO,YAAA,CAAa,sBAAA,CAAsB,gBAAA,EAAkB,MAAM,CAAA;AAAA,IACpE;AAAA,EACF;AAAA;AAAA,EAGA,eAAe,MAAA,EAA2B;AACxC,IAAA,IAAI,MAAA,CAAO,YAAA,CAAa,sBAAA,CAAsB,oBAAoB,CAAA,EAAG;AACnE,MAAA,MAAA,CAAO,MAAM,WAAA,GAAc,EAAA;AAC3B,MAAA,MAAA,CAAO,eAAA,CAAgB,uBAAsB,oBAAoB,CAAA;AAAA,IACnE;AACA,IAAA,IAAI,MAAA,CAAO,YAAA,CAAa,sBAAA,CAAsB,gBAAgB,CAAA,EAAG;AAC/D,MAAA,MAAA,CAAO,eAAA,CAAgB,uBAAsB,gBAAgB,CAAA;AAK7D,MAAA,IAAI,OAAO,YAAA,CAAa,UAAU,MAAM,GAAA,IAAO,QAAA,CAAS,kBAAkB,MAAA,EAAQ;AAChF,QAAA,MAAA,CAAO,gBAAgB,UAAU,CAAA;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF","file":"pointer_drag_controller.js","sourcesContent":["/**\n * Shared \"in-page move vs real detach\" discriminator for `disconnect()`.\n *\n * A mid-session `disconnect()` whose element is still in the document is\n * ambiguous. It can be:\n *\n * - an **in-page move** — a consumer (sortable, a teleport) re-inserted the\n *   element; Stimulus reconnects the SAME instance in the same mutation batch\n *   and the controller's runtime state must survive;\n * - a **detach that keeps the element** — `data-controller` no longer lists the\n *   identifier (a Turbo 8 morph), or the element moved outside the observed\n *   root (a scoped `Application.start(root)`, a shadow root); no reconnect will\n *   ever come and the controller must tear down or it leaks its sessions,\n *   document listeners, and moved nodes.\n *\n * Neither available signal decides this alone. A synchronous `data-controller`\n * token check catches the morph case but misses an observed-root exit (the\n * token stays, the reconnect never comes). Deferring teardown one microtask and\n * letting `connect()` cancel it catches the root exit, but leans on Stimulus\n * reconnecting moved elements within the same mutation batch — internal\n * behavior, not a public contract. {@link DetachGate} composes both: the token\n * check is the synchronous fast path (no probe, no reliance on batching), the\n * microtask probe is the fallback for the genuinely ambiguous remainder.\n *\n * Policy stays with the consumer (the `SafeTimeout` / `FocusTrap` lineage —\n * this util owns the discrimination only):\n *\n * - **Probe** ({@link disconnected}) when the teardown must eventually happen —\n *   live drag sessions, document listeners, teleported *content*. Call\n *   {@link cancel} from `connect()` (a reconnect means in-page move) and from\n *   the head of any direct teardown path (see below).\n * - **Keep** (bare {@link DetachGate.isDetached}) when undoing the ambiguous\n *   case would fight the controller's own effect: a controller that moves its\n *   OWN element (portal's no-`content` form) exits a scoped observed root as\n *   its normal job — a probe-driven teardown would restore the element into\n *   the root, reconnect, re-teleport, and disconnect again, forever. Such\n *   controllers keep their state on an ambiguous disconnect and tear down only\n *   on {@link DetachGate.isDetached}.\n *\n * Event convention for probe consumers (pinned by `pointer_drag_controller.ts`\n * and its teardown contract): teardown into a dead (detached) tree is silent —\n * consumers restore from their own `connect()`; a detach that keeps the tree\n * alive must end an in-flight session with a `cancel` event, or composing\n * consumers strand their session bookkeeping.\n */\n\n/** The slice of a Stimulus controller the gate inspects. */\nexport interface DetachGateHost {\n  readonly element: Element;\n  readonly identifier: string;\n}\n\n/**\n * Per-controller-instance gate deciding whether a `disconnect()` is a real\n * detach. Hold one per controller (`#gate = new DetachGate()`) — Stimulus\n * reuses the instance across reconnects, so the pending probe state carries\n * over exactly as the protocol needs.\n *\n * @example\n * ```ts\n * #gate = new DetachGate();\n *\n * connect(): void {\n *   this.#gate.cancel(); // a reconnect: the element moved in-page\n *   // …\n * }\n *\n * disconnect(): void {\n *   this.#gate.disconnected(this, () => this.#teardown());\n * }\n *\n * #teardown(): void {\n *   this.#gate.cancel(); // disarm a still-queued probe (double-run guard)\n *   // …\n * }\n * ```\n */\nexport class DetachGate {\n  /** Set while a probe is queued, waiting for a reconnect to cancel it. */\n  #pending = false;\n\n  /**\n   * True when the disconnect is definitely a real detach — the element left\n   * the document, or `data-controller` no longer lists the identifier. False\n   * means ambiguous (in-page move or observed-root exit), NOT \"alive\".\n   */\n  static isDetached(host: DetachGateHost): boolean {\n    if (!host.element.isConnected) return true;\n    const tokens = (host.element.getAttribute(\"data-controller\") ?? \"\").split(/\\s+/);\n    return !tokens.includes(host.identifier);\n  }\n\n  /**\n   * Call from `disconnect()`: runs `teardown` synchronously on a definite\n   * detach (fast path), otherwise defers it one microtask — a reconnect\n   * ({@link cancel} from `connect()`) keeps the state, no reconnect runs it.\n   * One microtask is the whole probe window: Stimulus reconnects a moved\n   * element within the same mutation batch, before the checkpoint drains.\n   */\n  disconnected(host: DetachGateHost, teardown: () => void): void {\n    if (DetachGate.isDetached(host)) {\n      // Also disarms a probe a previous ambiguous disconnect left queued\n      // (defer, element removed, disconnect again) — exactly one teardown.\n      this.#pending = false;\n      teardown();\n      return;\n    }\n    this.#pending = true;\n    queueMicrotask(() => {\n      if (!this.#pending) return;\n      this.#pending = false;\n      teardown();\n    });\n  }\n\n  /**\n   * Disarms a pending probe. Call from `connect()` (the reconnect that proves\n   * an in-page move) and from the head of any teardown path not routed through\n   * {@link disconnected} (disabled-toggle, Escape), so an orphaned probe can\n   * never run the teardown a second time.\n   */\n  cancel(): void {\n    this.#pending = false;\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { DetachGate } from \"../utils/detach_gate\";\n\n/** How a drag session was initiated; surfaced in every event detail. */\ntype DragPointerType = \"mouse\" | \"touch\" | \"pen\" | \"keyboard\";\n\n/** A pointer drag in flight (from `pointerdown` until up/cancel). */\ninterface PointerSession {\n  pointerId: number;\n  handle: HTMLElement;\n  originX: number;\n  originY: number;\n  /** True once the movement passed `threshold` and `start` was dispatched. */\n  started: boolean;\n  /** Last axis-filtered deltas, reported again by `end`. */\n  dx: number;\n  dy: number;\n  pointerType: DragPointerType;\n}\n\n/** A keyboard \"grabbed\" session (Space/Enter on the handle until drop/cancel). */\ninterface KeyboardSession {\n  handle: HTMLElement;\n  /** Cumulative synthetic deltas accumulated by the arrow keys. */\n  dx: number;\n  dy: number;\n}\n\n/**\n * Headless **pointer-drag primitive**: a normalized pointer/touch/mouse drag\n * lifecycle with a built-in keyboard alternative. It deliberately does NOT decide\n * what a drag *means* (reorder, dismiss, resize…) — it only emits a clean,\n * accessibility-friendly drag signal that higher-level behaviors (sortable,\n * swipe-actions, bottom-sheet, split-pane…) compose from. No dedicated APG\n * pattern exists for drag-and-drop; the keyboard model below is the accepted\n * alternative-input technique (WCAG 2.1.1 / 2.5.7 Dragging Movements). Core\n * (zero dependencies).\n *\n * Markup contract (identifier: `stimeo--pointer-drag`):\n *   <li data-controller=\"stimeo--pointer-drag\"\n *       data-stimeo--pointer-drag-axis-value=\"y\">\n *     <button data-stimeo--pointer-drag-target=\"handle\" aria-label=\"Reorder\">⠿</button>\n *   </li>\n *\n * The `handle` target is optional — without one, the controller element itself\n * is the handle. Pointer flow: `pointerdown` on a handle arms the drag; once the\n * axis-filtered movement exceeds `threshold`, `start` fires, every subsequent\n * movement fires `move` (deltas cumulative from the origin), and release fires\n * `end` (`pointercancel` → `cancel`). Keyboard flow: Space/Enter on the handle\n * grabs (`start`, `data-grabbed`), the arrow keys emit synthetic `move` events of\n * `keyboardStep` px each, Space/Enter drops (`end`) and Escape cancels — so every\n * consumer gets a keyboard path for free.\n *\n * @remarks\n * Behavior only: consumers own all visuals (ghost, placeholder, transforms) by\n * reacting to the events and the `data-dragging` / `data-grabbed` hooks. The one\n * deliberate exception is the opt-in `follow` value for the \"just move the\n * element\" case: it applies the in-flight deltas to the element's CSS\n * `translate` (a property independent of `transform`, so authored transforms\n * survive), commits the offset on drop and restores it on cancel — the exact\n * boilerplate every simple consumer would otherwise re-write. With `follow` the\n * element's inline `translate` belongs to this controller (`connect()` re-reads\n * a previously committed `<x>px <y>px` offset, so Turbo restores stay\n * consistent). ARIA\n * 1.1 deprecated `aria-grabbed`/`aria-dropeffect`, so the grabbed state is\n * published as `data-grabbed` and the *meaning* of a drag must be announced by\n * the consumer (pair with `stimeo--announcer`). `touch-action` on the handles is\n * derived from `axis` (marker-guarded, authored values win) so the page does not\n * pan mid-drag. Deltas are physical (client coordinates): RTL semantics belong\n * to the consumer. `disconnect()` (Turbo navigation included) tears down any\n * active session — except across an in-page move, which the session survives\n * (the full lifecycle contract lives on `disconnect()`); `connect()` clears\n * stale hooks a Turbo cache restore may have preserved (a drag cannot survive\n * a navigation).\n */\nexport class PointerDragController extends Controller<HTMLElement> {\n  static override targets = [\"handle\"];\n  static override values = {\n    axis: { type: String, default: \"both\" },\n    threshold: { type: Number, default: 3 },\n    keyboardStep: { type: Number, default: 10 },\n    disabled: { type: Boolean, default: false },\n    follow: { type: Boolean, default: false },\n  };\n  static events = [\"start\", \"move\", \"end\", \"cancel\"] as const;\n\n  declare readonly handleTargets: HTMLElement[];\n  declare readonly hasHandleTarget: boolean;\n  declare axisValue: string;\n  declare thresholdValue: number;\n  declare keyboardStepValue: number;\n  declare disabledValue: boolean;\n  declare followValue: boolean;\n\n  /** Marker attribute recording that this controller set the touch-action. */\n  static readonly #TOUCH_ACTION_MARKER = \"data-pointer-drag-touch-action\";\n  /** Marker attribute recording that this controller set `tabindex`. */\n  static readonly #TABINDEX_MARKER = \"data-pointer-drag-tabindex\";\n\n  #pointer: PointerSession | null = null;\n  #keyboard: KeyboardSession | null = null;\n  /** Committed follow offset from past drops; a new drag's deltas add onto it. */\n  #followBase = { x: 0, y: 0 };\n  /** Aborts in-progress pointer-drag listeners on drag end / teardown. */\n  #dragAbort: AbortController | null = null;\n  /** Decides whether a mid-session disconnect() is an in-page move or a detach. */\n  readonly #gate = new DetachGate();\n\n  override connect(): void {\n    // A reconnect disarms the probe a mid-session disconnect() armed — the\n    // element was moved in-page and the session survives (see disconnect).\n    this.#gate.cancel();\n    // Transient drag state cannot survive a navigation: clear hooks a Turbo\n    // cache restore may have snapshotted mid-drag (idempotent reconnect). But a\n    // session preserved across an in-page move keeps its hooks.\n    if (!this.#pointer) this.element.removeAttribute(\"data-dragging\");\n    if (!this.#keyboard) this.element.removeAttribute(\"data-grabbed\");\n    // Follow mode owns the element's inline `translate`: re-read a committed\n    // offset so reconnects (Turbo cache restore included) keep accumulating from\n    // where the element visually sits. A session surviving an in-page move keeps\n    // its base — mid-drag inline state must not be committed as a new base.\n    if (this.followValue && !this.#pointer && !this.#keyboard) {\n      this.#followBase = this.#parseFollowBase();\n    }\n    // Delegated on the container so dynamically added handles need no per-element\n    // data-action (stimulus-lifecycle-turbo Rule A′).\n    this.element.addEventListener(\"pointerdown\", this.#onPointerDown);\n    this.element.addEventListener(\"keydown\", this.#onKeydown);\n    if (!this.hasHandleTarget) this.#prepareHandle(this.element);\n  }\n\n  override disconnect(): void {\n    this.element.removeEventListener(\"pointerdown\", this.#onPointerDown);\n    this.element.removeEventListener(\"keydown\", this.#onKeydown);\n    // A mid-session disconnect on a STILL-connected element is ambiguous: an\n    // in-page move (a consumer like sortable re-inserts the item mid-grab —\n    // Stimulus reconnects the same instance in the same mutation batch, and\n    // the session must survive) vs a real detach that keeps the element\n    // (`data-controller` removed, Turbo morph, element moved outside the\n    // observed root). DetachGate discriminates: the token check is the\n    // synchronous fast path (a morph's teardown — and its `cancel` — fires in\n    // the same tick), the one-microtask probe cancelled by connect() covers\n    // the rest — a detached-in-place controller never leaks its session or\n    // document listeners. Probe only while a session needs protecting; an\n    // idle controller tears down synchronously either way.\n    if (this.#pointer || this.#keyboard) {\n      this.#gate.disconnected(this, () => this.#teardown());\n      return;\n    }\n    this.#teardown();\n  }\n\n  /** Prepares handles added at runtime (touch-action + focusability). */\n  handleTargetConnected(handle: HTMLElement): void {\n    this.#prepareHandle(handle);\n  }\n\n  handleTargetDisconnected(handle: HTMLElement): void {\n    // A handle REMOVED mid-session can never deliver its keydown (the delegated\n    // listener sits on the container it left), so the session would leak — and\n    // the one-session guard would then reject every future pointerdown. End it\n    // silently: the DOM is changing under the user, same as disconnect. But\n    // target callbacks ALSO fire when the CONTROLLER disconnects (Stimulus\n    // stops the target observer — including the in-page move a live session\n    // must survive): a handle still inside the element was not removed, so\n    // that case is left to disconnect()'s deferred probe.\n    if (!this.element.contains(handle)) {\n      if (this.#pointer?.handle === handle) this.#endPointerSession();\n      if (this.#keyboard?.handle === handle) this.#clearKeyboardSession();\n    }\n    this.#restoreHandle(handle);\n  }\n\n  /** Re-derives the handles' touch-action when the axis changes. */\n  axisValueChanged(): void {\n    for (const handle of this.#handles()) {\n      if (handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)) {\n        handle.style.touchAction = this.#touchActionForAxis();\n      }\n    }\n  }\n\n  /** Cancels any in-flight session when the controller is disabled mid-drag. */\n  disabledValueChanged(): void {\n    if (!this.disabledValue) return;\n    if (this.#pointer?.started || this.#keyboard) {\n      this.#dispatchCancel(this.#keyboard ? \"keyboard\" : (this.#pointer?.pointerType ?? \"mouse\"));\n    }\n    this.#teardownSessions();\n  }\n\n  /** Arms a pointer drag on a handle; `start` waits for the threshold. */\n  readonly #onPointerDown = (event: PointerEvent): void => {\n    // One session at a time: ignore a second pointerdown (multi-touch, an\n    // errant tap, a grabbed keyboard session) so an in-flight drag is never\n    // silently overwritten and its captured pointer orphaned.\n    if (this.disabledValue || this.#pointer || this.#keyboard || event.button !== 0) return;\n    const handle = this.#handleFor(event.target);\n    if (!handle) return;\n\n    // Suppress text selection / native image drag; restore the focus the\n    // suppressed default would have given, so Escape and the keyboard path\n    // stay reachable right after a pointer interaction (WCAG 2.1.1).\n    event.preventDefault();\n    handle.focus();\n\n    this.#pointer = {\n      pointerId: event.pointerId,\n      handle,\n      originX: event.clientX,\n      originY: event.clientY,\n      started: false,\n      dx: 0,\n      dy: 0,\n      pointerType: this.#pointerTypeOf(event),\n    };\n\n    // Pointer capture keeps fast drags delivering to the handle even when the\n    // pointer strays outside it — but a consumer may re-insert the dragged\n    // element mid-drag (sortable's live reorder), which silently releases the\n    // capture. Tracking listeners therefore live on the DOCUMENT (captured\n    // events bubble there; uncaptured ones fire there anyway), and the\n    // AbortController releases them on drag end and disconnect() (Turbo included).\n    handle.setPointerCapture(event.pointerId);\n    this.#dragAbort?.abort();\n    const abort = new AbortController();\n    this.#dragAbort = abort;\n    document.addEventListener(\"pointermove\", this.#onPointerMove, { signal: abort.signal });\n    document.addEventListener(\"pointerup\", this.#onPointerUp, { signal: abort.signal });\n    document.addEventListener(\"pointercancel\", this.#onPointerCancel, { signal: abort.signal });\n  };\n\n  readonly #onPointerMove = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n\n    const [dx, dy] = this.#filterAxis(\n      event.clientX - session.originX,\n      event.clientY - session.originY,\n    );\n    if (!session.started) {\n      if (Math.hypot(dx, dy) < this.thresholdValue) return;\n      session.started = true;\n      this.element.setAttribute(\"data-dragging\", \"true\");\n      this.dispatch(\"start\", {\n        detail: { x: event.clientX, y: event.clientY, pointerType: session.pointerType },\n      });\n    }\n\n    session.dx = dx;\n    session.dy = dy;\n    this.#followMove(dx, dy);\n    this.dispatch(\"move\", {\n      detail: { dx, dy, x: event.clientX, y: event.clientY, pointerType: session.pointerType },\n    });\n  };\n\n  readonly #onPointerUp = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n    const { started, dx, dy, pointerType } = session;\n    this.#endPointerSession();\n    // Below the threshold the gesture was a plain click, not a drag: stay silent.\n    if (!started) return;\n    this.#followCommit(dx, dy);\n    this.dispatch(\"end\", { detail: { dx, dy, pointerType } });\n  };\n\n  /** OS gesture / scroll takeover interrupted the drag: cancel, don't drop. */\n  readonly #onPointerCancel = (event: PointerEvent): void => {\n    const session = this.#pointer;\n    if (!session || event.pointerId !== session.pointerId) return;\n    const { started, pointerType } = session;\n    this.#endPointerSession();\n    if (started) this.#dispatchCancel(pointerType);\n  };\n\n  /** Keyboard alternative: Space/Enter grab & drop, arrows move, Escape cancels. */\n  readonly #onKeydown = (event: KeyboardEvent): void => {\n    if (this.disabledValue) return;\n    const handle = this.#handleFor(event.target);\n    if (!handle) return;\n\n    // Escape cancels whichever session is live (pointer drag or keyboard grab).\n    if (event.key === \"Escape\") {\n      // Layered-Escape rule 1: leave a press an inner handler already owned;\n      // a press during IME composition steers the conversion, not the drag.\n      if (event.defaultPrevented || event.isComposing) return;\n      if (this.#pointer?.started) {\n        const { pointerType } = this.#pointer;\n        this.#teardownSessions();\n        event.preventDefault();\n        this.#dispatchCancel(pointerType);\n      } else if (this.#keyboard) {\n        this.#teardownSessions();\n        event.preventDefault();\n        this.#dispatchCancel(\"keyboard\");\n      }\n      return;\n    }\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      // A live pointer drag owns the session: pressing Space mid-drag (the\n      // pointerdown focused the handle) must not start a parallel grab.\n      if (this.#pointer) return;\n      event.preventDefault();\n      if (this.#keyboard) this.#dropKeyboard();\n      else this.#grabKeyboard(handle);\n      return;\n    }\n\n    if (!this.#keyboard) return;\n    const step = this.#keyboardDelta(event.key);\n    if (!step) return;\n    // Consume every arrow while grabbed (even on a locked axis) so the page\n    // never scrolls mid-grab; only allowed-axis arrows emit a move.\n    event.preventDefault();\n    const [dx, dy] = this.#filterAxis(step[0], step[1]);\n    if (dx === 0 && dy === 0) return;\n    this.#keyboard.dx += dx;\n    this.#keyboard.dy += dy;\n    this.#followMove(this.#keyboard.dx, this.#keyboard.dy);\n    this.dispatch(\"move\", {\n      detail: {\n        dx: this.#keyboard.dx,\n        dy: this.#keyboard.dy,\n        x: this.#keyboard.dx,\n        y: this.#keyboard.dy,\n        pointerType: \"keyboard\",\n      },\n    });\n  };\n\n  /** Enters the grabbed mode: `data-grabbed` on element + handle, then `start`. */\n  #grabKeyboard(handle: HTMLElement): void {\n    this.#keyboard = { handle, dx: 0, dy: 0 };\n    this.element.setAttribute(\"data-grabbed\", \"true\");\n    handle.setAttribute(\"data-grabbed\", \"true\");\n    this.dispatch(\"start\", { detail: { x: 0, y: 0, pointerType: \"keyboard\" } });\n  }\n\n  #dropKeyboard(): void {\n    const session = this.#keyboard;\n    if (!session) return;\n    this.#clearKeyboardSession();\n    this.#followCommit(session.dx, session.dy);\n    this.dispatch(\"end\", { detail: { dx: session.dx, dy: session.dy, pointerType: \"keyboard\" } });\n  }\n\n  /** Maps an arrow key to a raw (unfiltered) `keyboardStep` delta. */\n  #keyboardDelta(key: string): [number, number] | null {\n    const step = this.keyboardStepValue;\n    switch (key) {\n      case \"ArrowRight\":\n        return [step, 0];\n      case \"ArrowLeft\":\n        return [-step, 0];\n      case \"ArrowDown\":\n        return [0, step];\n      case \"ArrowUp\":\n        return [0, -step];\n      default:\n        return null;\n    }\n  }\n\n  /** Zeroes the delta on the locked axis (`axis` = x | y | both). */\n  #filterAxis(dx: number, dy: number): [number, number] {\n    if (this.axisValue === \"x\") return [dx, 0];\n    if (this.axisValue === \"y\") return [0, dy];\n    return [dx, dy];\n  }\n\n  /** Releases capture + listeners and clears the pointer session and its hook. */\n  #endPointerSession(): void {\n    this.#releasePointerCapture();\n    this.#pointer = null;\n    this.#dragAbort?.abort();\n    this.#dragAbort = null;\n    this.element.removeAttribute(\"data-dragging\");\n  }\n\n  /** Releases the pointer capture the active session set (idempotent, safe). */\n  #releasePointerCapture(): void {\n    const session = this.#pointer;\n    if (session?.handle.hasPointerCapture(session.pointerId)) {\n      session.handle.releasePointerCapture(session.pointerId);\n    }\n  }\n\n  #clearKeyboardSession(): void {\n    this.#keyboard?.handle.removeAttribute(\"data-grabbed\");\n    this.#keyboard = null;\n    this.element.removeAttribute(\"data-grabbed\");\n  }\n\n  /**\n   * Full teardown for a controller whose element is going away or lost its\n   * controller. Into a dead (detached) tree it is silent — consumers restore\n   * from their own `connect()`, not from a cancel event. But a detach that\n   * KEEPS the element (Turbo morph, `data-controller` removed) leaves the\n   * consumers alive and listening: an in-flight session must end in `cancel`\n   * there, or a composer like sortable strands its one-at-a-time session\n   * bookkeeping forever.\n   */\n  #teardown(): void {\n    // Disarm any probe still queued: without this, an immediate teardown\n    // (element removed right after a deferring disconnect) would let the\n    // orphaned probe run #teardown a second time — a double cancel.\n    this.#gate.cancel();\n    const interrupted = this.#pointer?.started\n      ? this.#pointer.pointerType\n      : this.#keyboard\n        ? (\"keyboard\" as const)\n        : null;\n    this.#teardownSessions();\n    for (const handle of this.#handles()) this.#restoreHandle(handle);\n    if (interrupted && this.element.isConnected) this.#dispatchCancel(interrupted);\n  }\n\n  /**\n   * Silently tears down whatever session is live (disconnect / disabled /\n   * Escape). Composed from the two single-session teardowns so pointer and\n   * keyboard cleanup cannot diverge as either path evolves.\n   */\n  #teardownSessions(): void {\n    this.#endPointerSession();\n    this.#clearKeyboardSession();\n  }\n\n  #dispatchCancel(pointerType: DragPointerType): void {\n    // Every cancel path funnels here, so follow's snap-back can never be missed\n    // (Escape, pointercancel, mid-session disable, detach-that-keeps-the-element).\n    this.#followReset();\n    this.dispatch(\"cancel\", { detail: { pointerType } });\n  }\n\n  /** Applies the in-flight offset to the element's `translate` (follow only). */\n  #followMove(dx: number, dy: number): void {\n    if (!this.followValue) return;\n    this.#applyFollow(this.#followBase.x + dx, this.#followBase.y + dy);\n  }\n\n  /** Folds a drop's deltas into the committed base offset (follow only). */\n  #followCommit(dx: number, dy: number): void {\n    if (!this.followValue) return;\n    this.#followBase = { x: this.#followBase.x + dx, y: this.#followBase.y + dy };\n    this.#applyFollow(this.#followBase.x, this.#followBase.y);\n  }\n\n  /** Snaps back to the committed position (follow only) — the cancel contract. */\n  #followReset(): void {\n    if (!this.followValue) return;\n    this.#applyFollow(this.#followBase.x, this.#followBase.y);\n  }\n\n  /**\n   * Writes the offset as the standalone CSS `translate` property — independent\n   * of `transform`, so an authored transform (scale, rotate…) is never\n   * clobbered. At the origin the property is removed to keep the DOM clean.\n   */\n  #applyFollow(x: number, y: number): void {\n    if (x === 0 && y === 0) this.element.style.removeProperty(\"translate\");\n    else this.element.style.setProperty(\"translate\", `${x}px ${y}px`);\n  }\n\n  /**\n   * Reads a committed follow offset back from the inline `translate`. Only the\n   * controller's own `<x>px <y>px` shape is recognized; anything else (an\n   * authored percentage, `none`, an empty string) starts the base at 0 — follow\n   * mode owns this property, per the class contract.\n   */\n  #parseFollowBase(): { x: number; y: number } {\n    const raw = this.element.style.getPropertyValue(\"translate\").trim();\n    const match = /^(-?\\d+(?:\\.\\d+)?)px(?:\\s+(-?\\d+(?:\\.\\d+)?)px)?$/.exec(raw);\n    if (!match) return { x: 0, y: 0 };\n    return { x: Number(match[1]), y: Number(match[2] ?? \"0\") };\n  }\n\n  /** The active handles: the `handle` targets, else the element itself. */\n  #handles(): HTMLElement[] {\n    return this.hasHandleTarget ? this.handleTargets : [this.element];\n  }\n\n  /** Resolves the handle owning an event target (the handle or a descendant). */\n  #handleFor(target: EventTarget | null): HTMLElement | null {\n    const node = target as Node | null;\n    if (!node) return null;\n    return this.#handles().find((handle) => handle === node || handle.contains(node)) ?? null;\n  }\n\n  #pointerTypeOf(event: PointerEvent): DragPointerType {\n    const type = event.pointerType;\n    if (type === \"touch\" || type === \"pen\") return type;\n    return \"mouse\";\n  }\n\n  /** `touch-action` that lets the page keep panning on the locked axis only. */\n  #touchActionForAxis(): string {\n    if (this.axisValue === \"x\") return \"pan-y\";\n    if (this.axisValue === \"y\") return \"pan-x\";\n    return \"none\";\n  }\n\n  /**\n   * Establishes the handle contract: a `touch-action` derived from `axis`\n   * (marker-guarded so an authored inline value wins and reconnects stay\n   * idempotent) and focusability for the keyboard path (`tabindex=\"0\"` only when\n   * the author supplied none — prefer a real `<button>` handle). Both additions\n   * are marker-owned so `#restoreHandle` reverts them symmetrically on teardown.\n   */\n  #prepareHandle(handle: HTMLElement): void {\n    if (\n      handle.style.touchAction === \"\" ||\n      handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)\n    ) {\n      handle.style.touchAction = this.#touchActionForAxis();\n      handle.setAttribute(PointerDragController.#TOUCH_ACTION_MARKER, \"true\");\n    }\n    if (handle.tabIndex < 0 && !handle.hasAttribute(\"tabindex\")) {\n      handle.setAttribute(\"tabindex\", \"0\");\n      handle.setAttribute(PointerDragController.#TABINDEX_MARKER, \"true\");\n    }\n  }\n\n  /** Reverts the marker-owned touch-action + tabindex (authored values untouched). */\n  #restoreHandle(handle: HTMLElement): void {\n    if (handle.hasAttribute(PointerDragController.#TOUCH_ACTION_MARKER)) {\n      handle.style.touchAction = \"\";\n      handle.removeAttribute(PointerDragController.#TOUCH_ACTION_MARKER);\n    }\n    if (handle.hasAttribute(PointerDragController.#TABINDEX_MARKER)) {\n      handle.removeAttribute(PointerDragController.#TABINDEX_MARKER);\n      // Only remove what is verifiably still ours and safe to remove: another\n      // owner (e.g. a roving list) may have rewritten the value since, and\n      // stripping tabindex off the focused element would blur it to <body>\n      // (losing the user's place — worse than leaking one tab stop).\n      if (handle.getAttribute(\"tabindex\") === \"0\" && document.activeElement !== handle) {\n        handle.removeAttribute(\"tabindex\");\n      }\n    }\n  }\n}\n"]}

package/dist/controllers/popover_controller.d.ts

@@ -28,12 +28,20 @@ import { Controller } from '@hotwired/stimulus';
  * - Click the trigger to toggle (`aria-expanded` + `hidden` reflect state).
  * - On open, focus moves to the first focusable element inside the panel (or the
  *   panel itself if it has none).
- * - `Escape` closes and restores focus to the trigger.
- * - An outside click (anywhere off the controller element) closes and restores
- *   focus to the trigger.
+ * - `Escape` closes and restores focus to the trigger. While open the panel is a
+ *   layer on the shared {@link EscapeLayer} stack; it claims a press only while
+ *   focus is inside the controller or fell to the body (a click on non-focusable
+ *   panel content), so a press aimed at another layer is never consumed here,
+ *   and one keypress closes exactly one layer (the shared layered-Escape
+ *   contract).
+ * - An outside click (anywhere off the controller element) closes without moving
+ *   focus. Focus stays at the clicked element, or falls back to the document body
+ *   for a non-focusable destination.
  * - Because it is modeless, focus is *not* trapped: when `Tab` moves focus out of
- *   the panel it closes (detected via `focusout`) without yanking focus back, so
- *   the natural tab destination is preserved.
+ *   the controller it closes (detected via bubbling `focusout`) without yanking
+ *   focus back, so forward and reverse traversal preserve their natural destination.
+ *   A `focusout` with no destination is ignored because it also occurs for clicks
+ *   on non-focusable content and when the browser window loses focus.
  * - Opt-in **dismiss on scroll** (`closeOnScroll`): while open, scrolling a tracked
  *   scroll-parent ancestor (or the window) closes the panel — the Radix / floating-ui
  *   convention. Closes without restoring focus (like the modeless `focusout` path)
@@ -54,13 +62,13 @@ declare class PopoverController extends Controller<HTMLElement> {
     readonly hasTriggerTarget: boolean;
     readonly hasPanelTarget: boolean;
     readonly closeOnScrollValue: boolean;
-    /** Starts closed and registers the document-level dismissal listeners. */
+    /** Starts closed and registers the standing dismissal listeners. */
     connect(): void;
     /**
-     * Removes the document-level listeners registered in {@link connect}, plus the
-     * panel's `focusout` listener if the popover is torn down while open (e.g. a
-     * Turbo navigation). `removeEventListener` is a no-op when it was never added,
-     * so this is safe in the closed state too — no listener outlives the element.
+     * Removes every standing listener registered in {@link connect} plus any active
+     * dismiss-on-scroll observers. `removeEventListener` is a no-op when it was
+     * never added, so this is safe in the closed state too — no listener outlives
+     * the element after a Turbo navigation.
      */
     disconnect(): void;
     /** Toggles the popover. Bound via `data-action` (click on the trigger). */

package/dist/controllers/popover_controller.js

@@ -2,6 +2,96 @@ import { Controller } from '@hotwired/stimulus';
 
 // src/controllers/popover_controller.ts
 
+// src/utils/escape_layer.ts
+function claimsWhileFocusWithin(element) {
+  return () => {
+    const active = element.ownerDocument.activeElement;
+    return active === null || active === element.ownerDocument.body || element.contains(active);
+  };
+}
+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.
+   */
+  activate(ownerDocument = document, options) {
+    this.deactivate();
+    let registry = _EscapeLayer.#registries.get(ownerDocument);
+    if (!registry) {
+      registry = _EscapeLayer.#createRegistry();
+      _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.
+   */
+  deactivate() {
+    const ownerDocument = this.#ownerDocument;
+    if (!ownerDocument) return;
+    const registry = _EscapeLayer.#registries.get(ownerDocument);
+    if (registry) {
+      const index = registry.stack.lastIndexOf(this);
+      if (index >= 0) registry.stack.splice(index, 1);
+      if (registry.stack.length === 0) {
+        ownerDocument.removeEventListener("keydown", registry.onKeydown);
+        _EscapeLayer.#registries.delete(ownerDocument);
+      }
+    }
+    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.
+   */
+  get ownsEscape() {
+    const ownerDocument = this.#ownerDocument;
+    if (!ownerDocument) return false;
+    const registry = _EscapeLayer.#registries.get(ownerDocument);
+    if (!registry) return false;
+    return _EscapeLayer.#resolveOwner(registry.stack) === this;
+  }
+  /** Builds a document's registry with its shared resolver listener. */
+  static #createRegistry() {
+    const registry = {
+      stack: [],
+      onKeydown: (event) => {
+        if (event.key !== "Escape" || event.defaultPrevented || event.isComposing) return;
+        const owner = _EscapeLayer.#resolveOwner(registry.stack);
+        if (!owner) return;
+        event.preventDefault();
+        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;
+      return layer;
+    }
+    return null;
+  }
+};
+
 // src/utils/scroll_dismiss.ts
 function observeScrollDismiss(element, onScroll) {
   const targets = [...scrollParents(element), window];
@@ -36,24 +126,26 @@ var PopoverController = class _PopoverController extends Controller {
   static actions = ["close", "open", "toggle"];
   /** Cleanup for the dismiss-on-scroll listeners while open, or `null`. */
   #stopScrollDismiss = null;
+  /** Escape-stack membership while open; the shared resolver dismisses via it. */
+  #escapeLayer = new EscapeLayer();
   /** Selector for natively focusable elements used to find the first one. */
   static #FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-  /** Starts closed and registers the document-level dismissal listeners. */
+  /** Starts closed and registers the standing dismissal listeners. */
   connect() {
     this.close();
     document.addEventListener("click", this.#onOutsideClick);
-    document.addEventListener("keydown", this.#onKeydown);
+    this.element.addEventListener("focusout", this.#onFocusOut);
   }
   /**
-   * Removes the document-level listeners registered in {@link connect}, plus the
-   * panel's `focusout` listener if the popover is torn down while open (e.g. a
-   * Turbo navigation). `removeEventListener` is a no-op when it was never added,
-   * so this is safe in the closed state too — no listener outlives the element.
+   * Removes every standing listener registered in {@link connect} plus any active
+   * dismiss-on-scroll observers. `removeEventListener` is a no-op when it was
+   * never added, so this is safe in the closed state too — no listener outlives
+   * the element after a Turbo navigation.
    */
   disconnect() {
+    this.#escapeLayer.deactivate();
     document.removeEventListener("click", this.#onOutsideClick);
-    document.removeEventListener("keydown", this.#onKeydown);
-    if (this.hasPanelTarget) this.panelTarget.removeEventListener("focusout", this.#onFocusOut);
+    this.element.removeEventListener("focusout", this.#onFocusOut);
     this.#stopScrollDismiss?.();
     this.#stopScrollDismiss = null;
   }
@@ -70,7 +162,10 @@ var PopoverController = class _PopoverController extends Controller {
     if (!this.hasPanelTarget || this.#isOpen) return;
     this.panelTarget.hidden = false;
     if (this.hasTriggerTarget) this.triggerTarget.setAttribute("aria-expanded", "true");
-    this.panelTarget.addEventListener("focusout", this.#onFocusOut);
+    this.#escapeLayer.activate(document, {
+      onDismiss: () => this.#closeAndRestore(),
+      claims: claimsWhileFocusWithin(this.element)
+    });
     if (this.closeOnScrollValue && !this.#stopScrollDismiss) {
       this.#stopScrollDismiss = observeScrollDismiss(this.element, () => this.close());
     }
@@ -78,11 +173,10 @@ var PopoverController = class _PopoverController extends Controller {
   }
   /** Closes the panel and reflects the collapsed state. Bound via `data-action`. */
   close() {
-    if (!this.hasPanelTarget) return;
-    this.panelTarget.removeEventListener("focusout", this.#onFocusOut);
+    this.#escapeLayer.deactivate();
     this.#stopScrollDismiss?.();
     this.#stopScrollDismiss = null;
-    this.panelTarget.hidden = true;
+    if (this.hasPanelTarget) this.panelTarget.hidden = true;
     if (this.hasTriggerTarget) this.triggerTarget.setAttribute("aria-expanded", "false");
   }
   /** Moves focus to the first focusable element in the panel, or the panel itself. */
@@ -95,31 +189,28 @@ var PopoverController = class _PopoverController extends Controller {
     if (!this.panelTarget.hasAttribute("tabindex")) this.panelTarget.tabIndex = -1;
     this.panelTarget.focus();
   }
-  /** Closes and restores focus to the trigger (shared by Escape / outside click). */
+  /** Closes and restores focus to the trigger for explicit keyboard dismissal. */
   #closeAndRestore() {
     this.close();
     if (this.hasTriggerTarget) this.triggerTarget.focus();
   }
-  /** Closes (restoring focus) when a click lands outside the controller element. */
+  /** Closes without moving focus when a click lands outside the controller element. */
   #onOutsideClick = (event) => {
-    if (this.#isOpen && !this.element.contains(event.target)) this.#closeAndRestore();
-  };
-  /** Closes (restoring focus) on `Escape` while open. */
-  #onKeydown = (event) => {
-    if (event.key === "Escape" && this.#isOpen) {
-      event.preventDefault();
-      this.#closeAndRestore();
-    }
+    const target = event.target;
+    if (this.#isOpen && target instanceof Node && !this.element.contains(target)) this.close();
   };
   /**
-   * Closes when focus leaves the panel for an element outside the controller
-   * (e.g. `Tab` past the last field). Focus is *not* restored — the natural
-   * destination is kept, which is the modeless contract. Moves within the
-   * controller (panel → trigger) keep it open.
+   * Closes when focus leaves the controller for a known external destination
+   * (e.g. forward Tab past the panel or reverse Tab past the trigger). Focus is
+   * not restored — the natural destination is kept, which is the modeless
+   * contract. A null/non-Node destination is indeterminate: browsers use it for
+   * clicks on non-focusable content and window deactivation, so the later outside
+   * click handler decides pointer dismissal instead.
    */
   #onFocusOut = (event) => {
+    if (!this.#isOpen) return;
     const next = event.relatedTarget;
-    if (next && this.element.contains(next)) return;
+    if (!(next instanceof Node) || this.element.contains(next)) return;
     this.close();
   };
   /** Whether the panel is currently visible. */