stimeo-ui 0.7.0 → 0.9.0

package/dist/controllers/file_dropzone_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/controllers/file_dropzone_controller.ts"],"names":[],"mappings":"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","file":"file_dropzone_controller.js","sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\n/**\n * Headless, accessible file drag-and-drop / upload field.\n *\n * Markup contract (identifier: `stimeo--file-dropzone`):\n *   <div data-controller=\"stimeo--file-dropzone\"\n *        data-stimeo--file-dropzone-max-size-value=\"5242880\">\n *     <div data-stimeo--file-dropzone-target=\"zone\"\n *          data-action=\"dragover->stimeo--file-dropzone#onDragOver\n *                       dragleave->stimeo--file-dropzone#onDragLeave\n *                       drop->stimeo--file-dropzone#onDrop\">\n *       <button type=\"button\" data-stimeo--file-dropzone-target=\"trigger\"\n *               data-action=\"click->stimeo--file-dropzone#openDialog\">Choose…</button>\n *       <input type=\"file\" accept=\"image/*\" multiple class=\"visually-hidden\"\n *              data-stimeo--file-dropzone-target=\"input\"\n *              data-action=\"change->stimeo--file-dropzone#onChange\" />\n *     </div>\n *     <ul data-stimeo--file-dropzone-target=\"list\" aria-label=\"Selected files\"></ul>\n *     <span role=\"status\" aria-live=\"polite\" class=\"visually-hidden\"\n *           data-stimeo--file-dropzone-target=\"status\"></span>\n *     <template data-stimeo--file-dropzone-target=\"itemTemplate\">…</template>\n *   </div>\n *\n * There is no single APG pattern; the native `<input type=\"file\">` stays the\n * primary, keyboard-operable path and the drop zone is an enhancement, mapping to\n * WCAG 2.1.1, 2.4.7, 4.1.2, 4.1.3, and 1.4.1 (drag state is conveyed in words,\n * not color alone).\n *\n * Behavior provided:\n * - Click / keyboard via the `trigger` opens the native file dialog; drag-and-drop\n *   over the `zone` adds files (with a `data-dragover` flag and a spoken hint).\n * - Each file is validated against `accept`, `maxSize`, and the file count\n *   (`maxFiles`, or 1 when the input is not `multiple`); rejects fire\n *   `stimeo--file-dropzone:reject` and set `data-…-invalid`.\n * - Accepted files render from `itemTemplate` with a `Remove {name}` button and an\n *   image thumbnail (`objectURL`); every change dispatches\n *   `stimeo--file-dropzone:change` with the current `File[]`.\n * - Removing a file revokes its `objectURL` and moves focus to the next (else\n *   previous) remove button, falling back to the trigger; `disconnect()` revokes\n *   every outstanding `objectURL`. Replacing the `list` target rebinds delegated\n *   removal and moves the client-only previews into the replacement.\n * `reject` dispatches `{ file: File, reason: \"type\" | \"size\" | \"count\" }`.\n * `change` dispatches `{ files: File[] }`.\n */\nexport class FileDropzoneController extends Controller<HTMLElement> {\n  static override targets = [\"zone\", \"trigger\", \"input\", \"list\", \"item\", \"itemTemplate\", \"status\"];\n  static override values = {\n    maxSize: { type: Number, default: 0 },\n    maxFiles: { type: Number, default: 0 },\n    dragLabel: { type: String, default: \"Drop files to add them\" },\n  };\n  static actions = [\"onChange\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"openDialog\"] as const;\n  static events = [\"change\", \"reject\"] as const;\n\n  declare readonly inputTarget: HTMLInputElement;\n  declare readonly listTarget: HTMLElement;\n  declare readonly listTargets: HTMLElement[];\n  declare readonly triggerTarget: HTMLElement;\n  declare readonly itemTemplateTarget: HTMLTemplateElement;\n  declare readonly statusTarget: HTMLElement;\n  declare readonly hasListTarget: boolean;\n  declare readonly hasTriggerTarget: boolean;\n  declare readonly hasItemTemplateTarget: boolean;\n  declare readonly hasStatusTarget: boolean;\n  declare readonly hasZoneTarget: boolean;\n  declare readonly zoneTarget: HTMLElement;\n\n  declare maxSizeValue: number;\n  declare maxFilesValue: number;\n  declare dragLabelValue: string;\n\n  /** Selected files paired with their rendered item and any preview objectURL. */\n  readonly #entries: Array<{ file: File; item: HTMLElement; url?: string }> = [];\n  /** Prevents initial and teardown target callbacks from binding outside controller lifetime. */\n  #connected = false;\n\n  /** Wires file removal as a delegated listener on the list container. */\n  override connect(): void {\n    this.#connected = true;\n    if (this.hasListTarget) this.#bindList(this.listTarget);\n  }\n\n  /** Revokes any outstanding preview URLs so none leaks across navigations. */\n  override disconnect(): void {\n    this.#connected = false;\n    for (const list of this.listTargets) list.removeEventListener(\"click\", this.#onItemClick);\n    for (const entry of this.#entries) {\n      if (entry.url) URL.revokeObjectURL(entry.url);\n    }\n    this.#entries.length = 0;\n  }\n\n  /** Rebinds removal and restores client-only previews when Turbo replaces the list target. */\n  listTargetConnected(list: HTMLElement): void {\n    if (!this.#connected) return;\n    this.#bindList(list);\n  }\n\n  /** Releases only the list target that actually disconnected. */\n  listTargetDisconnected(list: HTMLElement): void {\n    list.removeEventListener(\"click\", this.#onItemClick);\n  }\n\n  /** Binds delegated removal once and moves live preview items into the current list. */\n  #bindList(list: HTMLElement): void {\n    list.addEventListener(\"click\", this.#onItemClick);\n    for (const entry of this.#entries) {\n      if (!list.contains(entry.item)) list.appendChild(entry.item);\n    }\n  }\n\n  /** Opens the native file dialog. Bound via `data-action` (trigger click). */\n  openDialog(): void {\n    this.inputTarget.click();\n  }\n\n  /** Adds the files chosen through the native dialog. */\n  onChange(): void {\n    if (this.inputTarget.files) this.#addFiles(this.inputTarget.files);\n    // Clear so re-selecting the same file still fires `change`.\n    this.inputTarget.value = \"\";\n  }\n\n  /** Marks the zone as a drop target and announces the affordance in words. */\n  onDragOver(event: DragEvent): void {\n    event.preventDefault();\n    if (this.hasZoneTarget) this.zoneTarget.setAttribute(\"data-dragover\", \"\");\n    this.#setStatus(this.dragLabelValue);\n  }\n\n  /** Clears the drag-over flag when the pointer leaves the zone. */\n  onDragLeave(): void {\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(\"data-dragover\");\n  }\n\n  /** Accepts dropped files, clearing the drag-over state. */\n  onDrop(event: DragEvent): void {\n    event.preventDefault();\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(\"data-dragover\");\n    if (event.dataTransfer?.files) this.#addFiles(event.dataTransfer.files);\n  }\n\n  /**\n   * Removes the file whose remove button was clicked. Delegated on the list\n   * container rather than bound per item via `data-action`, so it works the instant\n   * an item is appended without waiting on Stimulus to wire a freshly created element.\n   */\n  readonly #onItemClick = (event: MouseEvent): void => {\n    const list = event.currentTarget as HTMLElement | null;\n    const button = (event.target as HTMLElement).closest(\"button\");\n    if (\n      !this.#connected ||\n      !list ||\n      !button ||\n      !this.hasListTarget ||\n      list !== this.listTarget ||\n      !list.contains(button)\n    ) {\n      return;\n    }\n    const index = this.#entries.findIndex((entry) => entry.item.contains(button));\n    if (index !== -1) this.#removeAt(index);\n  };\n\n  /** Validates each incoming file and renders the accepted ones. */\n  #addFiles(files: FileList): void {\n    let changed = false;\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(\"data-stimeo--file-dropzone-invalid\");\n    for (const file of Array.from(files)) {\n      const reason = this.#validate(file);\n      if (reason) {\n        if (this.hasZoneTarget) {\n          this.zoneTarget.setAttribute(\"data-stimeo--file-dropzone-invalid\", \"\");\n        }\n        this.#setStatus(file.name);\n        this.dispatch(\"reject\", { detail: { file, reason } });\n        continue;\n      }\n      this.#appendFile(file);\n      this.#setStatus(file.name);\n      changed = true;\n    }\n    if (changed) this.dispatch(\"change\", { detail: { files: this.#files } });\n  }\n\n  /** Returns the rejection reason for `file`, or `null` when it is acceptable. */\n  #validate(file: File): \"type\" | \"size\" | \"count\" | null {\n    const limit = this.#effectiveMaxFiles;\n    if (limit > 0 && this.#entries.length >= limit) return \"count\";\n    if (!this.#matchesAccept(file)) return \"type\";\n    if (this.maxSizeValue > 0 && file.size > this.maxSizeValue) return \"size\";\n    return null;\n  }\n\n  /** Builds one preview item (name, optional thumbnail, remove button). */\n  #appendFile(file: File): void {\n    if (!this.hasItemTemplateTarget || !this.hasListTarget) return;\n    const fragment = this.itemTemplateTarget.content.cloneNode(true) as DocumentFragment;\n    const item = fragment.querySelector<HTMLElement>('[data-stimeo--file-dropzone-target=\"item\"]');\n    const name = fragment.querySelector<HTMLElement>('[data-file-dropzone-slot=\"name\"]');\n    const thumb = fragment.querySelector<HTMLImageElement>('[data-file-dropzone-slot=\"thumb\"]');\n    const button = fragment.querySelector<HTMLButtonElement>(\"button\");\n    if (!item) return;\n    if (name) name.textContent = file.name;\n    if (button) button.setAttribute(\"aria-label\", `Remove ${file.name}`);\n\n    let url: string | undefined;\n    if (thumb && file.type.startsWith(\"image/\")) {\n      url = URL.createObjectURL(file);\n      thumb.src = url;\n      thumb.alt = file.name;\n      thumb.hidden = false;\n    } else if (thumb) {\n      thumb.hidden = true;\n    }\n\n    this.listTarget.appendChild(fragment);\n    this.#entries.push({ file, item, url });\n  }\n\n  /** Removes entry `index`, revokes its preview, and re-homes focus. */\n  #removeAt(index: number): void {\n    const entry = this.#entries[index];\n    if (!entry) return;\n    if (entry.url) URL.revokeObjectURL(entry.url);\n    entry.item.remove();\n    this.#entries.splice(index, 1);\n    this.#setStatus(entry.file.name);\n    this.dispatch(\"change\", { detail: { files: this.#files } });\n\n    const buttons = this.#removeButtons;\n    if (buttons.length === 0) {\n      if (this.hasTriggerTarget) this.triggerTarget.focus();\n    } else {\n      (buttons[index] ?? buttons[buttons.length - 1])?.focus();\n    }\n  }\n\n  /** Whether `file` satisfies the input's `accept` list (empty accepts all). */\n  #matchesAccept(file: File): boolean {\n    const accept = this.inputTarget.accept.trim();\n    if (accept === \"\") return true;\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return accept.split(\",\").some((raw) => {\n      const token = raw.trim().toLowerCase();\n      if (token === \"\") return false;\n      if (token.startsWith(\".\")) return name.endsWith(token);\n      if (token.endsWith(\"/*\")) return type.startsWith(token.slice(0, -1));\n      return type === token;\n    });\n  }\n\n  /** Updates the live region so assistive tech announces the change. */\n  #setStatus(text: string): void {\n    if (this.hasStatusTarget) this.statusTarget.textContent = text;\n  }\n\n  /** Effective file cap: `maxFiles`, or 1 when the input is single-select. */\n  get #effectiveMaxFiles(): number {\n    if (this.maxFilesValue > 0) return this.maxFilesValue;\n    return this.inputTarget.multiple ? 0 : 1;\n  }\n\n  /** The remove buttons currently in the list, in order. */\n  get #removeButtons(): HTMLButtonElement[] {\n    return Array.from(this.listTarget.querySelectorAll<HTMLButtonElement>(\"button\"));\n  }\n\n  /** The accepted files in selection order. */\n  get #files(): File[] {\n    return this.#entries.map((entry) => entry.file);\n  }\n}\n"]}
+{"version":3,"sources":["../../src/utils/announce.ts","../../src/utils/before_cache_reset.ts","../../src/utils/detach_gate.ts","../../src/utils/focus_candidate.ts","../../src/controllers/file_dropzone_controller.ts"],"names":[],"mappings":"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","file":"file_dropzone_controller.js","sourcesContent":["/**\n * Sends one message to the page's shared `stimeo--announcer`.\n *\n * A component that has to reach assistive tech does not carry a live region of its\n * own: a region only announces what changes *after* assistive tech already knows\n * about it, which a region that appears (or is un-hidden) with its message cannot\n * satisfy. The one region that can is the announcer sitting in the page from the\n * start, so state changes are handed to it as an event and it does the reading.\n *\n * The event goes to `window` because the announcer is usually a sibling high in the\n * document rather than an ancestor of the component dispatching it.\n *\n * Wording comes from the consumer — the library ships no English strings — so an\n * empty message is silently dropped and nothing is announced.\n *\n * @example\n * ```ts\n * announce(this.announceTextValue, { assertive: false });\n * ```\n */\nexport function announce(message: string, options: { assertive?: boolean } = {}): void {\n  const text = message.trim();\n  if (text.length === 0) return;\n  window.dispatchEvent(\n    new CustomEvent(\"stimeo--announcer:announce\", {\n      detail: { message: text, assertive: options.assertive === true },\n    }),\n  );\n}\n\n/**\n * Fills `{name}` placeholders in an announcement template from `values`.\n *\n * The same substitution the value-text templates use, so a consumer writes\n * `\"{percent}% complete\"` in one attribute and gets the same rules everywhere. A\n * placeholder with no matching entry is left as authored rather than blanked, which\n * keeps a typo visible instead of silently swallowing the word.\n */\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{([a-zA-Z][a-zA-Z0-9]*)\\}/g, (match, name: string) => {\n    const replacement = values[name];\n    return replacement === undefined ? match : String(replacement);\n  });\n}\n","/**\n * Runs a controller's \"return to the initial state\" pass just before Turbo\n * caches the page.\n *\n * **`disconnect()` cannot do this job, for two independent reasons.** Turbo\n * queues the clone from this event rather than taking it here, and the body swap\n * that runs the controller's `disconnect()` is queued separately — so which of\n * the two lands first is not something a controller can rely on, and a rewind\n * written in `disconnect()` may reach only the DOM being thrown away. In the\n * other direction, `disconnect()` also fires on an in-page move (Stimulus tears\n * down and reconnects the same element), where rewinding would wipe a\n * legitimately in-progress interaction — a spinner mid-load would vanish. One\n * timing is unreliable, the other is too eager; `turbo:before-cache` is the only\n * point that is exactly \"the page is about to be frozen\".\n *\n * Scope is the subscription only: registering on `activate()`, unregistering on\n * `deactivate()`, and one shared document listener no matter how many instances\n * are live. *What* to return to its initial state — which `data-state`, which\n * `hidden`, which `aria-busy` — stays in the controller, because no two\n * consumers answer it the same way (the `MicrotaskCoalescer` split).\n *\n * **Rewind state, not appearance.** The pass writes attributes the controller\n * itself owns; the visual result of those attributes is the consumer's CSS, and\n * a library that reached for style or class names would be guessing at markup\n * it does not own.\n *\n * Both entry points are idempotent, so the lifecycle hooks can call them\n * unconditionally: a second `activate()` does not double-subscribe and does not\n * make the callback run twice, and `deactivate()` on an instance that never\n * subscribed is a no-op.\n *\n * This file's own doc block is dropped from `dist`, but every member comment is\n * inlined into each consumer entry (`tsup` builds with `splitting: false`), so\n * rationale belongs here and only the contract belongs on the members.\n *\n * @example\n * ```ts\n * readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n *\n * connect()    { this.#beforeCache.activate(); }\n * disconnect() { this.#beforeCache.deactivate(); }\n * ```\n */\nexport class BeforeCacheReset {\n  /** Every subscribed instance, iterated by the one shared document listener. */\n  static readonly #subscribers = new Set<BeforeCacheReset>();\n\n  /** The shared listener; installed while at least one instance is subscribed. */\n  static readonly #onBeforeCache = (): void => {\n    for (const subscriber of BeforeCacheReset.#subscribers) subscriber.#rewind();\n  };\n\n  readonly #rewind: () => void;\n\n  /** @param rewind - the pass that returns this controller's state to its initial form. */\n  constructor(rewind: () => void) {\n    this.#rewind = rewind;\n  }\n\n  /** Subscribes to `turbo:before-cache`; call from `connect()`. Idempotent. */\n  activate(): void {\n    const first = BeforeCacheReset.#subscribers.size === 0;\n    BeforeCacheReset.#subscribers.add(this);\n    if (first) {\n      document.addEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n    }\n  }\n\n  /** Unsubscribes; call from `disconnect()`. Safe when never subscribed. */\n  deactivate(): void {\n    BeforeCacheReset.#subscribers.delete(this);\n    if (BeforeCacheReset.#subscribers.size > 0) return;\n    document.removeEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n  }\n}\n","/**\n * 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: teardown into a dead (detached) tree is\n * silent — consumers restore from their own `connect()`; a detach that keeps the\n * tree 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 while a probe is queued — the last disconnect was ambiguous and no\n   * reconnect has cancelled it yet. Read it from `connect()` to tell the\n   * reconnect half of an in-page move from a first connect: a controller whose\n   * initialisation restarts a measurement (a min-duration floor, an elapsed\n   * counter) must skip it for the move, where nothing actually restarted.\n   */\n  get pending(): boolean {\n    return this.#pending;\n  }\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","/**\n * Whether a disabled `<fieldset>` ancestor actually reaches `control`.\n *\n * HTML exempts the contents of a fieldset's **first direct-child `<legend>`**, and\n * the exemption is per fieldset — a control legal in one legend can still be\n * disabled by a second, outer fieldset, so the walk continues upward.\n *\n * Exported for the consumer that needs this rule *without* the rest of\n * {@link canTakeFocus}: `toolbar` bounds its own `hidden` walk at the toolbar\n * root, which is a different rule, so it composes the two itself.\n */\nexport function inheritsFieldsetDisabled(control: HTMLElement): boolean {\n  let fieldset: Element | null = control.closest(\"fieldset[disabled]\");\n  while (fieldset) {\n    const legend = Array.from(fieldset.children).find((child) => child.tagName === \"LEGEND\");\n    if (!legend?.contains(control)) return true;\n    fieldset = fieldset.parentElement?.closest(\"fieldset[disabled]\") ?? null;\n  }\n  return false;\n}\n\n/**\n * Whether an element can actually take focus, checked **before** `focus()` runs.\n *\n * A controller that must move focus off a control it is about to disable or hide\n * picks a destination and calls `focus()` on it. If that destination cannot take\n * focus, the call **fails silently**: `hidden` and natively `disabled` elements\n * swallow it, so the caret stays in the subtree that is disappearing and lands on\n * `<body>` a frame later — the exact outcome the rescue exists to prevent, minus\n * any signal that it happened.\n *\n * Testing after the fact is the obvious alternative and is deliberately not the\n * rule. Reading `document.activeElement` back only works in a real browser, and\n * looping over candidates that way performs a real focus move per failure —\n * observable to assistive technology. Checking first costs nothing and catches\n * the cases that actually occur.\n *\n * **`aria-disabled` is not disqualifying.** It is the attribute an author uses\n * for a control that must stay *discoverable*, and the roving contract keeps\n * such items reachable. Only the three conditions that make the platform refuse\n * focus are checked: `hidden` / `inert` (an ancestor's counts),\n * `input[type=\"hidden\"]`, the native `disabled` property, and `disabled`\n * inherited from an ancestor `fieldset`. CSS-only invisibility is handled by\n * {@link isRenderedForFocus} when a consumer needs sequential-focus semantics.\n *\n * Reading `:disabled` instead of walking the fieldset chain would be shorter, but\n * that pseudo-class is not evaluated consistently outside real browsers and this\n * has to be right headlessly too. happy-dom in particular focuses a `<button>`\n * inside a disabled fieldset where a real engine refuses, so the inheritance is\n * spelled out rather than delegated.\n *\n * What a consumer does when nothing survives is its own call: some fall back to\n * their landmark, while a widget whose caret already sits somewhere legitimate\n * refuses the move outright rather than relocating it.\n *\n * @example\n * ```ts\n * const target = candidates.find(canTakeFocus);\n * if (target) target.focus();\n * else {\n *   this.#tabindex.lend(this.element); // nothing left: fall back to the landmark\n *   this.element.focus();\n * }\n * ```\n *\n * @param element - the candidate destination\n */\nexport function canTakeFocus(element: HTMLElement): boolean {\n  if (element.closest(\"[hidden], [inert]\")) return false;\n  if (element instanceof HTMLInputElement && element.type === \"hidden\") return false;\n  if (!(\"disabled\" in element)) return true;\n  if ((element as HTMLElement & { disabled: boolean }).disabled) return false;\n  return !inheritsFieldsetDisabled(element);\n}\n\n/** Elements whose semantics or authored attributes can place them in sequential focus order. */\nexport const TAB_STOP_CANDIDATE_SELECTOR = [\n  \"a[href]\",\n  \"area[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"summary\",\n  \"iframe\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"[tabindex]\",\n  \"[contenteditable]\",\n].join(\",\");\n\n/** Optional browser visibility API used to exclude CSS-hidden candidates. */\ninterface VisibilityCheckable {\n  checkVisibility?: (options?: { visibilityProperty?: boolean }) => boolean;\n}\n\n/** Whether CSS visibility allows an otherwise eligible element to participate in focus order. */\nexport function isRenderedForFocus(element: HTMLElement): boolean {\n  const check = (element as HTMLElement & VisibilityCheckable).checkVisibility;\n  return typeof check === \"function\" ? check.call(element, { visibilityProperty: true }) : true;\n}\n\n/** Parses an authored `tabindex`; invalid syntax has no explicit focus-order meaning. */\nfunction authoredTabindex(element: HTMLElement): number | null {\n  const value = element.getAttribute(\"tabindex\");\n  if (value === null || !/^[+-]?\\d+$/.test(value.trim())) return null;\n  return Number(value);\n}\n\n/** Whether the element's native semantics place it in sequential focus order. */\nfunction hasNativeTabStop(element: HTMLElement): boolean {\n  if (element instanceof HTMLAnchorElement || element instanceof HTMLAreaElement) {\n    return element.hasAttribute(\"href\");\n  }\n  if (\n    element instanceof HTMLButtonElement ||\n    element instanceof HTMLSelectElement ||\n    element instanceof HTMLTextAreaElement\n  ) {\n    return true;\n  }\n  if (element instanceof HTMLInputElement) return element.type !== \"hidden\";\n  if (element instanceof HTMLIFrameElement) return true;\n  if (element.tagName === \"AUDIO\" || element.tagName === \"VIDEO\") {\n    return element.hasAttribute(\"controls\");\n  }\n  if (element instanceof HTMLElement && element.tagName === \"SUMMARY\") {\n    const details = element.parentElement;\n    return (\n      details instanceof HTMLDetailsElement &&\n      Array.from(details.children).find((child) => child.tagName === \"SUMMARY\") === element\n    );\n  }\n  return false;\n}\n\n/** Whether an explicit `contenteditable` value creates an editable tab stop. */\nfunction hasEditableTabStop(element: HTMLElement): boolean {\n  const value = element.getAttribute(\"contenteditable\")?.toLowerCase();\n  return value === \"\" || value === \"true\" || value === \"plaintext-only\";\n}\n\n/**\n * Whether an element is a usable sequential Tab stop right now.\n *\n * Native semantics, authored `tabindex`, editable hosts, inherited disabled state,\n * HTML `hidden`/`inert`, and CSS visibility are evaluated together. `aria-disabled`\n * remains focusable because it communicates unavailability without removing the\n * control from discovery order.\n */\nexport function isTabStop(element: HTMLElement): boolean {\n  if (!canTakeFocus(element) || !isRenderedForFocus(element)) return false;\n\n  const tabindex = authoredTabindex(element);\n  if (tabindex !== null) return tabindex >= 0;\n  return hasNativeTabStop(element) || hasEditableTabStop(element);\n}\n\n/** Returns every usable sequential Tab stop below `root` in document order. */\nexport function tabStopsWithin(root: ParentNode): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TAB_STOP_CANDIDATE_SELECTOR)).filter(\n    isTabStop,\n  );\n}\n\n/** Returns the first usable sequential Tab stop below `root`, if one exists. */\nexport function firstTabStop(root: ParentNode): HTMLElement | null {\n  for (const candidate of root.querySelectorAll<HTMLElement>(TAB_STOP_CANDIDATE_SELECTOR)) {\n    if (isTabStop(candidate)) return candidate;\n  }\n  return null;\n}\n\n/** Whether `root` contains at least one usable sequential Tab stop. */\nexport function hasTabStop(root: ParentNode): boolean {\n  return firstTabStop(root) !== null;\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { announce, fillTemplate } from \"../utils/announce\";\nimport { BeforeCacheReset } from \"../utils/before_cache_reset\";\nimport { DetachGate } from \"../utils/detach_gate\";\nimport { inheritsFieldsetDisabled } from \"../utils/focus_candidate\";\n\n/** Why one file was turned away, in the order the checks run. */\ntype RejectReason = \"type\" | \"size\" | \"duplicate\" | \"count\";\n\n/** Present on the zone while a drag hovers it. */\nconst DRAGOVER_ATTRIBUTE = \"data-dragover\";\n\n/** Present on the zone from the first rejection of a batch until the next batch. */\nconst INVALID_ATTRIBUTE = \"data-stimeo--file-dropzone-invalid\";\n\n/** One selected file paired with its rendered item and any preview objectURL. */\ninterface Entry {\n  readonly file: File;\n  readonly item: HTMLElement;\n  readonly url?: string;\n}\n\n/** One batch's rejections for a single reason, condensed into one announcement. */\ninterface RejectBatch {\n  readonly name: string;\n  count: number;\n}\n\n/**\n * Headless, accessible file drag-and-drop / upload field.\n *\n * Markup contract (identifier: `stimeo--file-dropzone`):\n *   <div data-controller=\"stimeo--file-dropzone\"\n *        data-stimeo--file-dropzone-max-size-value=\"5242880\"\n *        data-stimeo--file-dropzone-announce-added-text-value=\"{name} added; {total} selected\">\n *     <div data-stimeo--file-dropzone-target=\"zone\"\n *          data-action=\"dragover->stimeo--file-dropzone#onDragOver\n *                       dragleave->stimeo--file-dropzone#onDragLeave\n *                       drop->stimeo--file-dropzone#onDrop\">\n *       <button type=\"button\" data-stimeo--file-dropzone-target=\"trigger\"\n *               data-action=\"click->stimeo--file-dropzone#openDialog\">Choose…</button>\n *       <input type=\"file\" accept=\"image/*\" multiple class=\"visually-hidden\"\n *              data-stimeo--file-dropzone-target=\"input\"\n *              data-action=\"change->stimeo--file-dropzone#onChange\" />\n *     </div>\n *     <ul data-stimeo--file-dropzone-target=\"list\" aria-label=\"Selected files\"></ul>\n *     <template data-stimeo--file-dropzone-target=\"itemTemplate\">\n *       <li data-stimeo--file-dropzone-target=\"item\">\n *         <img data-stimeo--file-dropzone-target=\"thumb\" alt=\"\" hidden />\n *         <span data-stimeo--file-dropzone-target=\"name\"></span>\n *         <button type=\"button\" aria-label=\"Remove {name}\"\n *                 data-stimeo--file-dropzone-target=\"remove\">×</button>\n *       </li>\n *     </template>\n *   </div>\n *\n * There is no single APG pattern; the native `<input type=\"file\">` stays the\n * primary, keyboard-operable path and the drop zone is an enhancement, mapping to\n * WCAG 2.1.1, 2.4.7, 4.1.2, 4.1.3, and 1.4.1 (drag state is conveyed in words,\n * not color alone).\n *\n * Behavior provided:\n * - Click / keyboard via the `trigger` opens the native file dialog; drag-and-drop\n *   over the `zone` adds files. The zone carries `data-dragover` for as long as the\n *   pointer is anywhere inside it, descendants included — a `dragleave` whose\n *   `relatedTarget` is still in the zone is the pointer crossing an inner element,\n *   not leaving.\n * - Each file is validated in order against `accept`, `maxSize`, duplication, and\n *   the file count (`maxFiles`, or 1 when the input is not `multiple`). The reason\n *   is therefore the most specific one: a file the zone would refuse whatever the\n *   count says reports its own defect rather than `count`. Rejects fire\n *   `stimeo--file-dropzone:reject` and set `data-…-invalid`, which the next batch\n *   clears.\n * - Two files count as the same when name, size, and last-modified time all match;\n *   `allowDuplicates` turns the check off.\n * - Accepted files render from `itemTemplate`; the template's own remove-button\n *   `aria-label` is kept and its `{name}` expanded, so the accessible name stays in\n *   the consumer's language. A template missing a part renders nothing, changes no\n *   state, and reports itself once per connection.\n * - The accepted set is mirrored onto the native input, so a plain form submit\n *   carries the dropped files with no JavaScript from the consumer. Where\n *   `DataTransfer` cannot be constructed the previews and events still work and the\n *   input keeps whatever the native dialog last put there.\n * - Removing a file revokes its `objectURL` and moves focus to the next (else\n *   previous) remove button, falling back to the trigger.\n * - Additions, rejections, removals, and the drag affordance are handed to the\n *   page's shared `stimeo--announcer` as one polite message each, worded by the\n *   consumer (`{name}` is the file this message is about, `{count}` how many files\n *   it covers, `{total}` how many are selected afterwards). Empty templates stay\n *   silent, keeping announcements opt-in and i18n-neutral. One batch produces at\n *   most one message per outcome, so dropping twenty files never reads twenty lines.\n * - A drop into a disabled field is refused: with the input `disabled` or inside a\n *   disabled `fieldset` the zone never becomes a drop target, matching what the\n *   native click and keyboard paths already do.\n * - Replacing the `list` target rebinds delegated removal and moves the\n *   client-only previews into the replacement; a morph that empties the list in\n *   place moves them back on the next interaction.\n * `reject` dispatches `{ file: File, reason: \"type\" | \"size\" | \"duplicate\" | \"count\" }`.\n * `change` and `reconcile` dispatch `{ files: File[] }`.\n *\n * @remarks\n * Previews are client-only state that no restored snapshot can revive — the `File`\n * objects and their `blob:` URLs die with the page. Just before Turbo caches the\n * page the generated items are removed, every `objectURL` revoked, and both state\n * attributes withdrawn, so a restored snapshot starts pristine instead of showing\n * rows that cannot be removed and do not count towards `maxFiles`. A `disconnect()`\n * that turns out to be an in-page move keeps the selection intact.\n */\nexport class FileDropzoneController extends Controller<HTMLElement> {\n  static override targets = [\n    \"zone\",\n    \"trigger\",\n    \"input\",\n    \"list\",\n    \"item\",\n    \"itemTemplate\",\n    \"name\",\n    \"thumb\",\n    \"remove\",\n  ];\n  static override values = {\n    maxSize: { type: Number, default: 0 },\n    maxFiles: { type: Number, default: 0 },\n    allowDuplicates: { type: Boolean, default: false },\n    announceDragText: { type: String, default: \"\" },\n    announceAddedText: { type: String, default: \"\" },\n    announceRemovedText: { type: String, default: \"\" },\n    announceRejectedTypeText: { type: String, default: \"\" },\n    announceRejectedSizeText: { type: String, default: \"\" },\n    announceRejectedDuplicateText: { type: String, default: \"\" },\n    announceRejectedCountText: { type: String, default: \"\" },\n  };\n  static actions = [\"onChange\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"openDialog\"] as const;\n  static events = [\"change\", \"reject\", \"reconcile\"] as const;\n\n  declare readonly inputTarget: HTMLInputElement;\n  declare readonly listTarget: HTMLElement;\n  declare readonly listTargets: HTMLElement[];\n  declare readonly triggerTarget: HTMLElement;\n  declare readonly itemTemplateTarget: HTMLTemplateElement;\n  declare readonly hasInputTarget: boolean;\n  declare readonly hasListTarget: boolean;\n  declare readonly hasTriggerTarget: boolean;\n  declare readonly hasItemTemplateTarget: boolean;\n  declare readonly hasZoneTarget: boolean;\n  declare readonly zoneTarget: HTMLElement;\n\n  declare maxSizeValue: number;\n  declare maxFilesValue: number;\n  declare allowDuplicatesValue: boolean;\n  declare announceDragTextValue: string;\n  declare announceAddedTextValue: string;\n  declare announceRemovedTextValue: string;\n  declare announceRejectedTypeTextValue: string;\n  declare announceRejectedSizeTextValue: string;\n  declare announceRejectedDuplicateTextValue: string;\n  declare announceRejectedCountTextValue: string;\n\n  /** Selected files paired with their rendered item and any preview objectURL. */\n  readonly #entries: Entry[] = [];\n  /** Whether a drag is currently over the zone; the source for `data-dragover`. */\n  #dragging = false;\n  /** Whether this connection already reported its unusable item template. */\n  #warnedTemplate = false;\n  readonly #gate = new DetachGate();\n  readonly #beforeCache = new BeforeCacheReset(() => this.#rewindForCache());\n\n  /** Subscribes to the Turbo cache rewind and re-arms the template diagnostic. */\n  override connect(): void {\n    this.#gate.cancel();\n    this.#warnedTemplate = false;\n    this.#beforeCache.activate();\n  }\n\n  /**\n   * Releases the delegated listeners. The selection itself survives an in-page\n   * move and is released only once the gate proves a real detach — revoking a\n   * preview URL on a move would leave a live item pointing at a dead `blob:`.\n   */\n  override disconnect(): void {\n    for (const list of this.listTargets) list.removeEventListener(\"click\", this.#onItemClick);\n    this.#beforeCache.deactivate();\n    this.#gate.disconnected(this, () => this.#teardown());\n  }\n\n  /**\n   * Binds removal and restores client-only previews for every list this controller\n   * renders into — the one present at connect and any Turbo puts in its place.\n   * This is the only place the listener is attached, so the pair with\n   * {@link listTargetDisconnected} keeps it from outliving the element it is on.\n   */\n  listTargetConnected(list: HTMLElement): void {\n    this.#bindList(list);\n  }\n\n  /** Releases only the list target that actually disconnected. */\n  listTargetDisconnected(list: HTMLElement): void {\n    list.removeEventListener(\"click\", this.#onItemClick);\n  }\n\n  /** Binds delegated removal once and moves live preview items into the current list. */\n  #bindList(list: HTMLElement): void {\n    list.addEventListener(\"click\", this.#onItemClick);\n    for (const entry of this.#entries) {\n      if (!list.contains(entry.item)) list.appendChild(entry.item);\n    }\n  }\n\n  /** Opens the native file dialog. Bound via `data-action` (trigger click). */\n  openDialog(): void {\n    if (this.#isDisabled) return;\n    this.inputTarget.click();\n  }\n\n  /**\n   * Adds the files chosen through the native dialog. The input holds only what\n   * the dialog just returned, so the accepted set is written back over it once\n   * the batch is validated.\n   */\n  onChange(): void {\n    const files = this.inputTarget.files;\n    if (files) this.#addFiles(files);\n    else this.#syncInput();\n  }\n\n  /**\n   * Marks the zone as a drop target and announces the affordance once per drag.\n   * Bound via `data-action` (dragover). Leaving the default alone is what refuses\n   * the drop, so a disabled field and a drag an inner dropzone already claimed\n   * both fall through untouched.\n   */\n  onDragOver(event: DragEvent): void {\n    if (event.defaultPrevented || this.#isDisabled) return;\n    event.preventDefault();\n    if (this.#dragging) return;\n    this.#dragging = true;\n    if (this.hasZoneTarget) this.zoneTarget.setAttribute(DRAGOVER_ATTRIBUTE, \"\");\n    // No file is involved yet, so only `{total}` resolves; the rest stay as authored.\n    announce(fillTemplate(this.announceDragTextValue, { total: this.#entries.length }));\n  }\n\n  /**\n   * Clears the drag-over flag when the pointer leaves the zone. Bound via\n   * `data-action` (dragleave). `dragleave` bubbles from every descendant the\n   * pointer crosses, so the flag only drops when the element being entered is\n   * outside the zone (or there is none, the pointer having left the window).\n   */\n  onDragLeave(event: DragEvent): void {\n    const next = event.relatedTarget;\n    if (this.hasZoneTarget && next instanceof Node && this.zoneTarget.contains(next)) return;\n    this.#endDrag();\n  }\n\n  /** Accepts dropped files, clearing the drag-over state. Bound via `data-action` (drop). */\n  onDrop(event: DragEvent): void {\n    if (event.defaultPrevented) return;\n    this.#endDrag();\n    if (this.#isDisabled) return;\n    event.preventDefault();\n    if (event.dataTransfer?.files) this.#addFiles(event.dataTransfer.files);\n  }\n\n  /**\n   * Removes the file whose remove button was clicked. Delegated on the list\n   * container rather than bound per item via `data-action`, so it works the instant\n   * an item is appended without waiting on Stimulus to wire a freshly created element.\n   * Only the item's declared `remove` target counts, so an authored second control\n   * inside an item does what it says instead of silently discarding the file. The\n   * button has to belong to a tracked item, which is what makes a list this\n   * controller no longer renders into inert — its items moved out with it.\n   */\n  readonly #onItemClick = (event: MouseEvent): void => {\n    const button = (event.target as HTMLElement).closest<HTMLButtonElement>(\n      'button[data-stimeo--file-dropzone-target~=\"remove\"]',\n    );\n    const index = this.#entries.findIndex((entry) => entry.item.contains(button));\n    if (index !== -1) this.#removeAt(index);\n  };\n\n  /** Validates each incoming file, renders the accepted ones, and reports the batch. */\n  #addFiles(files: FileList): void {\n    this.#rehome();\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(INVALID_ATTRIBUTE);\n    const rejected = new Map<RejectReason, RejectBatch>();\n    const turnedAway: Array<{ file: File; reason: RejectReason }> = [];\n    let addedName = \"\";\n    let added = 0;\n    for (const file of Array.from(files)) {\n      const reason = this.#validate(file);\n      if (reason !== null) {\n        if (this.hasZoneTarget) this.zoneTarget.setAttribute(INVALID_ATTRIBUTE, \"\");\n        const batch = rejected.get(reason);\n        if (batch) batch.count += 1;\n        else rejected.set(reason, { name: file.name, count: 1 });\n        turnedAway.push({ file, reason });\n        continue;\n      }\n      // Nothing is rendered when the template is unusable, so nothing was selected\n      // either: the set must not report a change it did not make.\n      if (!this.#appendFile(file)) continue;\n      if (added === 0) addedName = file.name;\n      added += 1;\n    }\n    this.#syncInput();\n    // The batch reports what it took before what it turned away — the same order\n    // the announcements use. A consumer that clears its rejection notice when a\n    // file lands would otherwise wipe the notice for the very drop that raised it.\n    if (added > 0) {\n      this.#announce(this.announceAddedTextValue, addedName, added);\n      this.dispatch(\"change\", { detail: { files: this.#files } });\n    }\n    for (const { file, reason } of turnedAway) {\n      this.dispatch(\"reject\", { detail: { file, reason } });\n    }\n    for (const [reason, batch] of rejected) {\n      this.#announce(this.#rejectText(reason), batch.name, batch.count);\n    }\n  }\n\n  /**\n   * Returns the rejection reason for `file`, or `null` when it is acceptable.\n   * The file's own defects are decided first, so a full list still tells the user\n   * which files it would never have taken.\n   */\n  #validate(file: File): RejectReason | null {\n    if (!this.#matchesAccept(file)) return \"type\";\n    if (this.maxSizeValue > 0 && file.size > this.maxSizeValue) return \"size\";\n    if (\n      !this.allowDuplicatesValue &&\n      this.#entries.some((entry) => this.#isSame(entry.file, file))\n    ) {\n      return \"duplicate\";\n    }\n    const limit = this.#effectiveMaxFiles;\n    if (limit > 0 && this.#entries.length >= limit) return \"count\";\n    return null;\n  }\n\n  /**\n   * Whether two files are the same selection. `File` objects from separate picks\n   * are never the same reference, so identity is the triple the platform exposes.\n   */\n  #isSame(a: File, b: File): boolean {\n    return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;\n  }\n\n  /**\n   * Builds one preview item (name, optional thumbnail, remove button) and reports\n   * whether it was rendered.\n   */\n  #appendFile(file: File): boolean {\n    if (!this.hasListTarget) return this.#warnTemplate('a \"list\" target to render into');\n    if (!this.hasItemTemplateTarget) return this.#warnTemplate('an \"itemTemplate\" target');\n    const fragment = this.itemTemplateTarget.content.cloneNode(true) as DocumentFragment;\n    const item = this.#slot(fragment, \"item\");\n    const name = this.#slot(fragment, \"name\");\n    const thumb = this.#slot<HTMLImageElement>(fragment, \"thumb\");\n    const button = fragment.querySelector<HTMLButtonElement>(\n      'button[data-stimeo--file-dropzone-target~=\"remove\"]',\n    );\n    const removeName = button?.getAttribute(\"aria-label\")?.trim() ?? \"\";\n    if (!item) return this.#warnTemplate('an \"item\" root');\n    if (!name) return this.#warnTemplate('a \"name\" element');\n    if (!button) return this.#warnTemplate('a \"remove\" target <button>');\n    if (removeName === \"\") {\n      return this.#warnTemplate('a non-empty aria-label on its \"remove\" target');\n    }\n    name.textContent = file.name;\n    // The authored label owns the wording and the language; only `{name}` is filled.\n    button.setAttribute(\"aria-label\", fillTemplate(removeName, { name: file.name }));\n\n    let url: string | undefined;\n    if (thumb && file.type.startsWith(\"image/\")) {\n      url = URL.createObjectURL(file);\n      thumb.src = url;\n      thumb.alt = file.name;\n      thumb.hidden = false;\n    } else if (thumb) {\n      thumb.hidden = true;\n    }\n\n    this.listTarget.appendChild(fragment);\n    this.#entries.push({ file, item, url });\n    return true;\n  }\n\n  /** Resolves one declared part inside a cloned item template. */\n  #slot<T extends HTMLElement = HTMLElement>(fragment: DocumentFragment, name: string): T | null {\n    return fragment.querySelector<T>(`[data-stimeo--file-dropzone-target~=\"${name}\"]`);\n  }\n\n  /**\n   * Reports an unusable item template to the author, once per connection.\n   *\n   * The addition itself stays a no-op — nothing about the selection, the native\n   * input, the announcements, or the events changes. Without this line the only\n   * symptom is a picker that accepts no file at all, and the causes the Inspector\n   * cannot see statically (a server-rendered template, a name that renders empty\n   * from a missing translation) would have no diagnostic anywhere.\n   */\n  #warnTemplate(missing: string): false {\n    if (!this.#warnedTemplate) {\n      this.#warnedTemplate = true;\n      console.warn(\n        `Stimeo UI: \"${this.identifier}\" added no file because its item template lacks ${missing}.`,\n      );\n    }\n    return false;\n  }\n\n  /** Removes entry `index`, revokes its preview, and re-homes focus. */\n  #removeAt(index: number): void {\n    const entry = this.#entries[index];\n    if (!entry) return;\n    if (entry.url) URL.revokeObjectURL(entry.url);\n    entry.item.remove();\n    this.#entries.splice(index, 1);\n    this.#syncInput();\n    this.#announce(this.announceRemovedTextValue, entry.file.name, 1);\n    this.dispatch(\"change\", { detail: { files: this.#files } });\n\n    const buttons = this.#removeButtons;\n    if (buttons.length === 0) {\n      if (this.hasTriggerTarget) this.triggerTarget.focus();\n    } else {\n      (buttons[index] ?? buttons[buttons.length - 1])?.focus();\n    }\n  }\n\n  /** Whether `file` satisfies the input's `accept` list (empty accepts all). */\n  #matchesAccept(file: File): boolean {\n    const accept = this.inputTarget.accept.trim();\n    if (accept === \"\") return true;\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return accept.split(\",\").some((raw) => {\n      const token = raw.trim().toLowerCase();\n      if (token === \"\") return false;\n      if (token.startsWith(\".\")) return name.endsWith(token);\n      if (token.endsWith(\"/*\")) return type.startsWith(token.slice(0, -1));\n      return type === token;\n    });\n  }\n\n  /**\n   * Sends one consumer-worded message to the page's shared announcer. `{name}` is\n   * the file the message is about, `{count}` how many files it covers, and\n   * `{total}` how many are selected once the batch has settled.\n   */\n  #announce(template: string, name: string, count: number): void {\n    announce(fillTemplate(template, { name, count, total: this.#entries.length }));\n  }\n\n  /** The consumer's wording for one rejection reason. */\n  #rejectText(reason: RejectReason): string {\n    switch (reason) {\n      case \"type\":\n        return this.announceRejectedTypeTextValue;\n      case \"size\":\n        return this.announceRejectedSizeTextValue;\n      case \"duplicate\":\n        return this.announceRejectedDuplicateTextValue;\n      case \"count\":\n        return this.announceRejectedCountTextValue;\n    }\n  }\n\n  /**\n   * Mirrors the accepted set onto the native input, so a plain form submit carries\n   * the dropped files. Skipped where `DataTransfer` cannot be constructed: the\n   * widget keeps working and the consumer still receives every `File` on `change`.\n   */\n  #syncInput(): void {\n    // The rewind runs from the shared before-cache pass, where a throw would rob\n    // every later subscriber of its own rewind — and a morph can take the input\n    // target away before that point.\n    if (!this.hasInputTarget) return;\n    const transfer = this.#newTransfer();\n    if (!transfer) return;\n    for (const entry of this.#entries) transfer.items.add(entry.file);\n    this.inputTarget.files = transfer.files;\n  }\n\n  /** A usable empty `DataTransfer`, or `null` where the platform has none. */\n  #newTransfer(): DataTransfer | null {\n    try {\n      return new DataTransfer();\n    } catch {\n      // No constructor at all, or one that refuses construction.\n      return null;\n    }\n  }\n\n  /**\n   * Moves surviving preview items back under the current list. A morph that\n   * empties the list in place leaves the selection with no rendering, and the\n   * files it holds cannot be rebuilt from the DOM, so the items are re-homed\n   * rather than forgotten.\n   */\n  #rehome(): void {\n    if (!this.hasListTarget) return;\n    for (const entry of this.#entries) {\n      if (!this.listTarget.contains(entry.item)) this.listTarget.appendChild(entry.item);\n    }\n  }\n\n  /** Drops the drag-over state, whether the drag ended in a drop or left the zone. */\n  #endDrag(): void {\n    this.#dragging = false;\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(DRAGOVER_ATTRIBUTE);\n  }\n\n  /**\n   * Discards the selection and every state attribute this controller wrote, so\n   * neither a cached snapshot nor a stranded subtree keeps items whose files are\n   * gone. Silent: `change` means a selection the user changed, and the cache\n   * rewind reports itself as `reconcile` instead.\n   */\n  #rewindForCache(): void {\n    const had = this.#entries.length > 0;\n    this.#reset();\n    // The rewind decides the selection is gone, so consumers that painted from\n    // `change` (or from `reject`) can drop what they drew before the snapshot is\n    // taken. Nothing to report when there was nothing to discard.\n    if (had) this.dispatch(\"reconcile\", { detail: { files: this.#files } });\n  }\n\n  #reset(): void {\n    for (const entry of this.#entries) {\n      if (entry.url) URL.revokeObjectURL(entry.url);\n      entry.item.remove();\n    }\n    this.#entries.length = 0;\n    this.#syncInput();\n    this.#endDrag();\n    if (this.hasZoneTarget) this.zoneTarget.removeAttribute(INVALID_ATTRIBUTE);\n  }\n\n  /** Releases the selection once the disconnect is known to be a real detach. */\n  #teardown(): void {\n    this.#gate.cancel();\n    this.#reset();\n  }\n\n  /** Whether the field refuses input, natively or through an ancestor `fieldset`. */\n  get #isDisabled(): boolean {\n    return this.inputTarget.disabled || inheritsFieldsetDisabled(this.inputTarget);\n  }\n\n  /** Effective file cap: `maxFiles`, or 1 when the input is single-select. */\n  get #effectiveMaxFiles(): number {\n    if (this.maxFilesValue > 0) return this.maxFilesValue;\n    return this.inputTarget.multiple ? 0 : 1;\n  }\n\n  /** The declared remove button of each rendered item, in selection order. */\n  get #removeButtons(): HTMLButtonElement[] {\n    const buttons: HTMLButtonElement[] = [];\n    for (const entry of this.#entries) {\n      const button = entry.item.querySelector<HTMLButtonElement>(\n        'button[data-stimeo--file-dropzone-target~=\"remove\"]',\n      );\n      if (button) buttons.push(button);\n    }\n    return buttons;\n  }\n\n  /** The accepted files in selection order. */\n  get #files(): File[] {\n    return this.#entries.map((entry) => entry.file);\n  }\n}\n"]}

package/dist/controllers/filter_controller.d.ts

@@ -30,9 +30,12 @@ type FilterControl = HTMLElement;
  *
  * @remarks
  * Behavior only — the consumer owns all styling and the controls' own accessible
- * state (e.g. `aria-pressed`). Visibility is re-derived from the live DOM on
- * `connect()` (Morph/Turbo-safe) and on every native `change` that bubbles to the
- * root; button toggles that emit no native `change` wire their event to the `apply`
+ * state (e.g. `aria-pressed`); the one exception is `clear`, which writes those
+ * controls one way, to off. Visibility is re-derived from the live DOM on
+ * `connect()`, on every native `change` that bubbles to the root, on the `apply`
+ * and `clear` actions, and when `match` changes at runtime — the declaration
+ * decides what is shown, so an element kept across a morph still follows it.
+ * Button toggles that emit no native `change` wire their event to the `apply`
  * action (e.g. `stimeo--toggle-group:change->stimeo--filter#apply`).
  */
 declare class FilterController extends Controller<HTMLElement> {
@@ -53,6 +56,15 @@ declare class FilterController extends Controller<HTMLElement> {
     matchValue: string;
     connect(): void;
     disconnect(): void;
+    /**
+     * Re-evaluates when the match declaration changes at runtime.
+     *
+     * The declaration decides which items are shown, so an element kept across a
+     * morph — where `connect()` does not run again — still has to follow it instead
+     * of waiting for the next control interaction. The evaluation is the ordinary
+     * one, `change` included: a declaration swap is an evaluation like any other.
+     */
+    matchValueChanged(): void;
     /** Re-derives every item's visibility from the active tokens and syncs groups/empty. */
     apply(): void;
     /** Turns every control off (uncheck / aria-pressed="false") and re-applies. */

package/dist/controllers/filter_controller.js

@@ -9,15 +9,46 @@ var FilterController = class extends Controller {
   #onChange = () => {
     this.apply();
   };
+  /**
+   * Gates the declaration callback to the connected window.
+   *
+   * Stimulus delivers a Value callback ahead of `connect()` and again for every
+   * runtime change; without the gate, merely connecting would emit an evaluation
+   * — and its `change` — before `connect()` runs its own.
+   */
+  #connected = false;
   connect() {
-    this.apply();
+    this.#evaluate();
     this.element.addEventListener("change", this.#onChange);
+    this.#connected = true;
   }
   disconnect() {
+    this.#connected = false;
     this.element.removeEventListener("change", this.#onChange);
   }
+  /**
+   * Re-evaluates when the match declaration changes at runtime.
+   *
+   * The declaration decides which items are shown, so an element kept across a
+   * morph — where `connect()` does not run again — still has to follow it instead
+   * of waiting for the next control interaction. The evaluation is the ordinary
+   * one, `change` included: a declaration swap is an evaluation like any other.
+   */
+  matchValueChanged() {
+    if (!this.#connected) return;
+    this.#evaluate();
+  }
   /** Re-derives every item's visibility from the active tokens and syncs groups/empty. */
   apply() {
+    this.#evaluate();
+  }
+  /**
+   * The evaluation itself: every item's visibility from the active tokens, then
+   * the groups and the empty element, then the `change` event.
+   *
+   * @stimeoRenderRoot
+   */
+  #evaluate() {
     const active = this.#activeTokens();
     let visibleCount = 0;
     for (const item of this.itemTargets) {

package/dist/controllers/filter_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/controllers/filter_controller.ts"],"names":[],"mappings":"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","file":"filter_controller.js","sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\n/** A control whose \"on\" state contributes its token to the active filter set. */\ntype FilterControl = HTMLElement;\n\n/**\n * Headless faceted-filter behavior: shows or hides a collection of items based on the\n * set of currently-active facet tokens, decoupled from how those tokens are toggled\n * (native checkboxes/radios, or button toggles such as `stimeo--toggle-group`).\n *\n * Markup contract (identifier: `stimeo--filter`):\n *   <div data-controller=\"stimeo--filter\" data-stimeo--filter-match-value=\"all\">\n *     <!-- controls: each contributes its token while \"on\" (aria-pressed / checked) -->\n *     <button type=\"button\" aria-pressed=\"false\" data-value=\"apg:dialog\"\n *             data-stimeo--filter-target=\"control\">Dialog</button>\n *     <!-- items: filtered in/out by their space-separated tokens -->\n *     <li data-stimeo--filter-target=\"item\"\n *         data-stimeo--filter-tokens=\"apg:dialog overlay\">…</li>\n *     <!-- optional: a container hidden once it holds no visible item -->\n *     <section data-stimeo--filter-target=\"group\">…</section>\n *     <!-- optional: an element revealed when nothing matches -->\n *     <p data-stimeo--filter-target=\"empty\" hidden>No matches</p>\n *   </div>\n *\n * `match` decides how multiple active tokens combine: `all` (default — an item must\n * carry every active token) or `any` (at least one). With no active token every item\n * is shown. Items are toggled via `hidden`; groups with zero visible items and the\n * `empty` element are kept in sync, and `stimeo--filter:change` is dispatched.\n *\n * `change` dispatches `{ active, visible, total }`.\n *\n * @remarks\n * Behavior only — the consumer owns all styling and the controls' own accessible\n * state (e.g. `aria-pressed`). Visibility is re-derived from the live DOM on\n * `connect()` (Morph/Turbo-safe) and on every native `change` that bubbles to the\n * root; button toggles that emit no native `change` wire their event to the `apply`\n * action (e.g. `stimeo--toggle-group:change->stimeo--filter#apply`).\n */\nexport class FilterController extends Controller<HTMLElement> {\n  static override targets = [\"item\", \"control\", \"group\", \"empty\"];\n  static override values = { match: { type: String, default: \"all\" } };\n  static actions = [\"apply\", \"clear\"] as const;\n  static events = [\"change\"] as const;\n\n  declare readonly itemTargets: HTMLElement[];\n  declare readonly controlTargets: FilterControl[];\n  declare readonly groupTargets: HTMLElement[];\n  declare readonly emptyTargets: HTMLElement[];\n\n  declare matchValue: string;\n\n  readonly #onChange = (): void => {\n    this.apply();\n  };\n\n  override connect(): void {\n    this.apply();\n    this.element.addEventListener(\"change\", this.#onChange);\n  }\n\n  override disconnect(): void {\n    this.element.removeEventListener(\"change\", this.#onChange);\n  }\n\n  /** Re-derives every item's visibility from the active tokens and syncs groups/empty. */\n  apply(): void {\n    const active = this.#activeTokens();\n    let visibleCount = 0;\n    for (const item of this.itemTargets) {\n      const visible = this.#matches(item, active);\n      item.hidden = !visible;\n      if (visible) visibleCount += 1;\n    }\n\n    for (const group of this.groupTargets) {\n      group.hidden = !this.#hasVisibleItem(group);\n    }\n    for (const empty of this.emptyTargets) {\n      empty.hidden = visibleCount > 0;\n    }\n\n    this.dispatch(\"change\", {\n      detail: { active, visible: visibleCount, total: this.itemTargets.length },\n    });\n  }\n\n  /** Turns every control off (uncheck / aria-pressed=\"false\") and re-applies. */\n  clear(): void {\n    for (const control of this.controlTargets) {\n      if (control instanceof HTMLInputElement) {\n        control.checked = false;\n      } else if (control.hasAttribute(\"aria-pressed\")) {\n        control.setAttribute(\"aria-pressed\", \"false\");\n      }\n    }\n    this.apply();\n  }\n\n  /** The tokens of every control currently \"on\" (checked or aria-pressed=\"true\"). */\n  #activeTokens(): string[] {\n    const tokens: string[] = [];\n    for (const control of this.controlTargets) {\n      if (this.#isOn(control)) tokens.push(this.#tokenOf(control));\n    }\n    return tokens.filter(Boolean);\n  }\n\n  /** Whether a control is in its \"on\" state. */\n  #isOn(control: FilterControl): boolean {\n    if (control instanceof HTMLInputElement) return control.checked;\n    return control.getAttribute(\"aria-pressed\") === \"true\";\n  }\n\n  /** A control's token: explicit `data-stimeo--filter-token`, else `data-value` / value. */\n  #tokenOf(control: FilterControl): string {\n    const explicit = control.getAttribute(\"data-stimeo--filter-token\") ?? control.dataset.value;\n    if (explicit) return explicit;\n    return control instanceof HTMLInputElement ? control.value : \"\";\n  }\n\n  /** Whether an item satisfies the active token set per `match` (empty active → shown). */\n  #matches(item: HTMLElement, active: string[]): boolean {\n    if (active.length === 0) return true;\n    const tokens = this.#tokensOf(item);\n    return this.matchValue === \"any\"\n      ? active.some((token) => tokens.includes(token))\n      : active.every((token) => tokens.includes(token));\n  }\n\n  /** An item's declared tokens (`data-stimeo--filter-tokens`, space-separated). */\n  #tokensOf(item: HTMLElement): string[] {\n    return (item.getAttribute(\"data-stimeo--filter-tokens\") ?? \"\").split(/\\s+/).filter(Boolean);\n  }\n\n  /** Whether a group still contains at least one non-hidden item. */\n  #hasVisibleItem(group: HTMLElement): boolean {\n    return this.itemTargets.some((item) => !item.hidden && group.contains(item));\n  }\n}\n"]}
+{"version":3,"sources":["../../src/controllers/filter_controller.ts"],"names":[],"mappings":"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","file":"filter_controller.js","sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\n/** A control whose \"on\" state contributes its token to the active filter set. */\ntype FilterControl = HTMLElement;\n\n/**\n * Headless faceted-filter behavior: shows or hides a collection of items based on the\n * set of currently-active facet tokens, decoupled from how those tokens are toggled\n * (native checkboxes/radios, or button toggles such as `stimeo--toggle-group`).\n *\n * Markup contract (identifier: `stimeo--filter`):\n *   <div data-controller=\"stimeo--filter\" data-stimeo--filter-match-value=\"all\">\n *     <!-- controls: each contributes its token while \"on\" (aria-pressed / checked) -->\n *     <button type=\"button\" aria-pressed=\"false\" data-value=\"apg:dialog\"\n *             data-stimeo--filter-target=\"control\">Dialog</button>\n *     <!-- items: filtered in/out by their space-separated tokens -->\n *     <li data-stimeo--filter-target=\"item\"\n *         data-stimeo--filter-tokens=\"apg:dialog overlay\">…</li>\n *     <!-- optional: a container hidden once it holds no visible item -->\n *     <section data-stimeo--filter-target=\"group\">…</section>\n *     <!-- optional: an element revealed when nothing matches -->\n *     <p data-stimeo--filter-target=\"empty\" hidden>No matches</p>\n *   </div>\n *\n * `match` decides how multiple active tokens combine: `all` (default — an item must\n * carry every active token) or `any` (at least one). With no active token every item\n * is shown. Items are toggled via `hidden`; groups with zero visible items and the\n * `empty` element are kept in sync, and `stimeo--filter:change` is dispatched.\n *\n * `change` dispatches `{ active, visible, total }`.\n *\n * @remarks\n * Behavior only — the consumer owns all styling and the controls' own accessible\n * state (e.g. `aria-pressed`); the one exception is `clear`, which writes those\n * controls one way, to off. Visibility is re-derived from the live DOM on\n * `connect()`, on every native `change` that bubbles to the root, on the `apply`\n * and `clear` actions, and when `match` changes at runtime — the declaration\n * decides what is shown, so an element kept across a morph still follows it.\n * Button toggles that emit no native `change` wire their event to the `apply`\n * action (e.g. `stimeo--toggle-group:change->stimeo--filter#apply`).\n */\nexport class FilterController extends Controller<HTMLElement> {\n  static override targets = [\"item\", \"control\", \"group\", \"empty\"];\n  static override values = { match: { type: String, default: \"all\" } };\n  static actions = [\"apply\", \"clear\"] as const;\n  static events = [\"change\"] as const;\n\n  declare readonly itemTargets: HTMLElement[];\n  declare readonly controlTargets: FilterControl[];\n  declare readonly groupTargets: HTMLElement[];\n  declare readonly emptyTargets: HTMLElement[];\n\n  declare matchValue: string;\n\n  readonly #onChange = (): void => {\n    this.apply();\n  };\n\n  /**\n   * Gates the declaration callback to the connected window.\n   *\n   * Stimulus delivers a Value callback ahead of `connect()` and again for every\n   * runtime change; without the gate, merely connecting would emit an evaluation\n   * — and its `change` — before `connect()` runs its own.\n   */\n  #connected = false;\n\n  override connect(): void {\n    this.#evaluate();\n    this.element.addEventListener(\"change\", this.#onChange);\n    this.#connected = true;\n  }\n\n  override disconnect(): void {\n    this.#connected = false;\n    this.element.removeEventListener(\"change\", this.#onChange);\n  }\n\n  /**\n   * Re-evaluates when the match declaration changes at runtime.\n   *\n   * The declaration decides which items are shown, so an element kept across a\n   * morph — where `connect()` does not run again — still has to follow it instead\n   * of waiting for the next control interaction. The evaluation is the ordinary\n   * one, `change` included: a declaration swap is an evaluation like any other.\n   */\n  matchValueChanged(): void {\n    if (!this.#connected) return;\n    this.#evaluate();\n  }\n\n  /** Re-derives every item's visibility from the active tokens and syncs groups/empty. */\n  apply(): void {\n    this.#evaluate();\n  }\n\n  /**\n   * The evaluation itself: every item's visibility from the active tokens, then\n   * the groups and the empty element, then the `change` event.\n   *\n   * @stimeoRenderRoot\n   */\n  #evaluate(): void {\n    const active = this.#activeTokens();\n    let visibleCount = 0;\n    for (const item of this.itemTargets) {\n      const visible = this.#matches(item, active);\n      item.hidden = !visible;\n      if (visible) visibleCount += 1;\n    }\n\n    for (const group of this.groupTargets) {\n      group.hidden = !this.#hasVisibleItem(group);\n    }\n    for (const empty of this.emptyTargets) {\n      empty.hidden = visibleCount > 0;\n    }\n\n    this.dispatch(\"change\", {\n      detail: { active, visible: visibleCount, total: this.itemTargets.length },\n    });\n  }\n\n  /** Turns every control off (uncheck / aria-pressed=\"false\") and re-applies. */\n  clear(): void {\n    for (const control of this.controlTargets) {\n      if (control instanceof HTMLInputElement) {\n        control.checked = false;\n      } else if (control.hasAttribute(\"aria-pressed\")) {\n        control.setAttribute(\"aria-pressed\", \"false\");\n      }\n    }\n    this.apply();\n  }\n\n  /** The tokens of every control currently \"on\" (checked or aria-pressed=\"true\"). */\n  #activeTokens(): string[] {\n    const tokens: string[] = [];\n    for (const control of this.controlTargets) {\n      if (this.#isOn(control)) tokens.push(this.#tokenOf(control));\n    }\n    return tokens.filter(Boolean);\n  }\n\n  /** Whether a control is in its \"on\" state. */\n  #isOn(control: FilterControl): boolean {\n    if (control instanceof HTMLInputElement) return control.checked;\n    return control.getAttribute(\"aria-pressed\") === \"true\";\n  }\n\n  /** A control's token: explicit `data-stimeo--filter-token`, else `data-value` / value. */\n  #tokenOf(control: FilterControl): string {\n    const explicit = control.getAttribute(\"data-stimeo--filter-token\") ?? control.dataset.value;\n    if (explicit) return explicit;\n    return control instanceof HTMLInputElement ? control.value : \"\";\n  }\n\n  /** Whether an item satisfies the active token set per `match` (empty active → shown). */\n  #matches(item: HTMLElement, active: string[]): boolean {\n    if (active.length === 0) return true;\n    const tokens = this.#tokensOf(item);\n    return this.matchValue === \"any\"\n      ? active.some((token) => tokens.includes(token))\n      : active.every((token) => tokens.includes(token));\n  }\n\n  /** An item's declared tokens (`data-stimeo--filter-tokens`, space-separated). */\n  #tokensOf(item: HTMLElement): string[] {\n    return (item.getAttribute(\"data-stimeo--filter-tokens\") ?? \"\").split(/\\s+/).filter(Boolean);\n  }\n\n  /** Whether a group still contains at least one non-hidden item. */\n  #hasVisibleItem(group: HTMLElement): boolean {\n    return this.itemTargets.some((item) => !item.hidden && group.contains(item));\n  }\n}\n"]}

package/dist/controllers/flash_controller.d.ts

@@ -22,6 +22,8 @@ import { Controller } from '@hotwired/stimulus';
  * `dismiss` dispatches `{ element, reason }`.
  *
  * `show` dispatches `{ type, message }`.
+ * `reconcile` dispatches `{ removed: number }` — the messages the Turbo cache
+ * rewind took out, which no `dismiss` will report because nobody dismissed them.
  *
  * @remarks
  * Reading is **delegated to the shared Announcer** — but only for the *initial*,
@@ -57,7 +59,7 @@ declare class FlashController extends Controller<HTMLElement> {
         };
     };
     static actions: readonly ["dismiss"];
-    static events: readonly ["show", "dismiss"];
+    static events: readonly ["show", "dismiss", "reconcile"];
     readonly regionTarget: HTMLElement;
     readonly messageTargets: HTMLElement[];
     readonly hasRegionTarget: boolean;

package/dist/controllers/flash_controller.js

@@ -129,7 +129,7 @@ var FlashController = class extends Controller {
     max: { type: Number, default: 0 }
   };
   static actions = ["dismiss"];
-  static events = ["show", "dismiss"];
+  static events = ["show", "dismiss", "reconcile"];
   #timers = new SafeTimeout();
   #observer = null;
   /** Whether the controller is between `connect()` and `disconnect()`. */
@@ -175,12 +175,14 @@ var FlashController = class extends Controller {
    * only: `dismiss` reports a dismissal, and freezing the page is not one.
    */
   #rewindForCache() {
+    const removed = this.#order.length;
     for (const message of [...this.#order]) {
       message.remove();
       this.#forget(message);
     }
     for (const message of this.#leaving) message.remove();
     this.#leaving.clear();
+    if (removed > 0) this.dispatch("reconcile", { detail: { removed } });
   }
   /** Follows a `region` element swapped in — or arriving — at runtime (Turbo Stream). */
   regionTargetConnected() {