ngwr 14.3.1 → 14.4.0

package/fesm2022/ngwr-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-toast.mjs","sources":["../../../projects/lib/toast/toast-item.ts","../../../projects/lib/toast/toast-item.html","../../../projects/lib/toast/toast-host.ts","../../../projects/lib/toast/toast-host.html","../../../projects/lib/toast/toast-ref.ts","../../../projects/lib/toast/default-toast-config.ts","../../../projects/lib/toast/tokens/toast-config.token.ts","../../../projects/lib/toast/services/toast.ts","../../../projects/lib/toast/provide-wr-toast-config.ts","../../../projects/lib/toast/ngwr-toast.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ElementRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastType } from './interfaces';\n\n/**\n * One toast row inside the toast host. Not used directly — see\n * `WrToast.show()`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast',\n  templateUrl: './toast-item.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-toast-duration]': 'durationMs()',\n    '[style.transform]': 'swipeTransform()',\n    '[style.opacity]': 'swipeOpacity()',\n    '[style.transition]': 'swiping() ? \"none\" : null',\n    '[attr.role]': 'liveRole()',\n    '[attr.aria-live]': 'liveLevel()',\n    '(mouseenter)': 'pauseRequested.emit()',\n    '(mouseleave)': 'resumeRequested.emit()',\n    '(touchstart)': 'onSwipeStart($event)',\n    '(touchmove)': 'onSwipeMove($event)',\n    '(touchend)': 'onSwipeEnd()',\n    '(touchcancel)': 'onSwipeEnd()',\n  },\n})\nexport class WrToastItem {\n  readonly type = input<WrToastType>('info');\n  readonly title = input<string | null>(null);\n  readonly message = input.required<string>();\n  readonly dismissible = input<boolean>(true);\n  readonly showProgress = input<boolean>(false);\n  readonly showCopy = input<boolean>(false);\n  /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */\n  readonly duration = input<number>(0);\n  /**\n   * Already resolved by the host — strings, not the config's nullable shape.\n   * The item renders them and never reaches for the catalog itself.\n   */\n  readonly labels = input.required<{ [K in keyof WrToastConfig['labels']]: string }>();\n\n  readonly dismissed = output<void>();\n  readonly pauseRequested = output<void>();\n  readonly resumeRequested = output<void>();\n\n  /** True for ~1.5s after a successful copy; flips the icon to a check. */\n  protected readonly justCopied = signal(false);\n  private copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly classes = computed(() => `wr-toast wr-toast--${this.type()}`);\n\n  /** Escalate to `alert`/`assertive` for danger/warning toasts. */\n  protected readonly liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'));\n  protected readonly liveLevel = computed(() =>\n    this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite'\n  );\n\n  /** Inline CSS value for `--wr-toast-duration`. */\n  protected readonly durationMs = computed(() => `${this.duration()}ms`);\n\n  protected readonly progressVisible = computed(() => this.showProgress() && this.duration() > 0);\n\n  protected async onCopy(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.message());\n      this.justCopied.set(true);\n      if (this.copyResetTimer) clearTimeout(this.copyResetTimer);\n      this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);\n    } catch {\n      // Clipboard unavailable (insecure context / permission denied) — silent.\n    }\n  }\n\n  // Swipe-sideways-to-dismiss. The toast follows the finger and fades; releasing\n  // past 40% of its width emits `dismissed`, otherwise it snaps back.\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private swipeStartX = 0;\n  private swipeWidth = 0;\n  protected readonly swipeX = signal(0);\n  protected readonly swiping = signal(false);\n\n  protected readonly swipeTransform = computed(() => (this.swipeX() === 0 ? null : `translateX(${this.swipeX()}px)`));\n  protected readonly swipeOpacity = computed(() => {\n    const dist = Math.abs(this.swipeX());\n    return dist === 0 ? null : Math.max(0, 1 - dist / (this.swipeWidth || 1));\n  });\n\n  protected onSwipeStart(event: TouchEvent): void {\n    if (!this.dismissible()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.swipeWidth = this.elRef.nativeElement.offsetWidth;\n    this.swiping.set(true);\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.swiping()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(): void {\n    if (!this.swiping()) return;\n    this.swiping.set(false);\n    if (Math.abs(this.swipeX()) > (this.swipeWidth || 0) * 0.4) {\n      this.dismissed.emit();\n    } else {\n      this.swipeX.set(0);\n    }\n  }\n}\n","<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\n\nimport type { WrToastConfig, WrToastMode, WrToastOptions, WrToastPosition } from './interfaces';\nimport { WrToastItem } from './toast-item';\n\n/** ms before the pointer or focus leaving actually collapses the stack. Buffers\n * the cursor briefly leaving the host as toasts reflow underneath it, and focus\n * hopping between two buttons inside the host. */\nconst COLLAPSE_DELAY_MS = 120;\n\n/** Active entry pushed by the service — adds the bookkeeping fields the host renders. */\ntype ActiveToast = WrToastOptions & {\n  readonly id: number;\n  readonly resolvedDuration: number;\n};\n\n/**\n * Internal host that lives inside the toast overlay and renders the\n * active stack. Owned by `WrToast`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast-host',\n  templateUrl: './toast-host.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    role: 'region',\n    '[attr.aria-label]': 'regionLabel()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n  imports: [WrToastItem],\n})\nexport class WrToastHost {\n  readonly position = input<WrToastPosition>('top-end');\n  readonly config = input.required<WrToastConfig>();\n  /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */\n  readonly mode = input<WrToastMode>('stack');\n\n  /**\n   * Every string this host and its items render, resolved through the catalog.\n   *\n   * The config value WINS when the consumer sets one, and its default is now\n   * `null` — until v11 those defaults were English literals, so the four\n   * `toast.*` keys in the shipped catalogs were dead and a Russian app got an\n   * English close button. `region` had no key at all: the live region's name\n   * was the literal `'Notifications'` in a host binding.\n   */\n  protected readonly regionLabel = useI18nText(signal(null), 'toast.region', 'Notifications');\n\n  private readonly closeLabel = useI18nText(\n    computed(() => this.config().labels.close),\n    'toast.close',\n    'Close'\n  );\n  private readonly copyLabel = useI18nText(\n    computed(() => this.config().labels.copy),\n    'toast.copy',\n    'Copy'\n  );\n  private readonly copiedLabel = useI18nText(\n    computed(() => this.config().labels.copied),\n    'toast.copied',\n    'Copied'\n  );\n  protected readonly closeAllLabel = useI18nText(\n    computed(() => this.config().labels.closeAll),\n    'toast.closeAll',\n    'Close all'\n  );\n\n  /** What `wr-toast-item` receives — resolved, so the item stays presentational. */\n  protected readonly labels = computed(() => ({\n    close: this.closeLabel(),\n    copy: this.copyLabel(),\n    copied: this.copiedLabel(),\n    closeAll: this.closeAllLabel(),\n  }));\n\n  /** @internal — hovering or focusing the stack toggles this in stack mode. */\n  protected readonly expanded = signal(false);\n\n  /** Pointer is over the host. */\n  private readonly hovered = signal(false);\n  /** Focus is somewhere inside the host — keyboard equivalent of hovering, and\n   * the only way a keyboard user can reach the \"Close all\" button. */\n  private readonly focusWithin = signal(false);\n\n  private readonly destroyRef = inject(DestroyRef);\n  private collapseTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.clearCollapseTimer());\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    this.hovered.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onMouseLeave(): void {\n    this.hovered.set(false);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusIn(): void {\n    this.focusWithin.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusOut(): void {\n    this.focusWithin.set(false);\n    this.syncExpanded();\n  }\n\n  /** Expand immediately while the pointer or focus is inside, and delay the\n   * collapse so a cursor briefly slipping off the host during a layout reflow\n   * — or focus moving between two buttons inside it — doesn't cause a flicker. */\n  private syncExpanded(): void {\n    if (this.hovered() || this.focusWithin()) {\n      this.clearCollapseTimer();\n      this.expanded.set(true);\n      return;\n    }\n    if (this.collapseTimer !== null) return;\n    this.collapseTimer = setTimeout(() => {\n      this.collapseTimer = null;\n      if (!this.hovered() && !this.focusWithin()) this.expanded.set(false);\n    }, COLLAPSE_DELAY_MS);\n  }\n\n  private clearCollapseTimer(): void {\n    if (this.collapseTimer !== null) {\n      clearTimeout(this.collapseTimer);\n      this.collapseTimer = null;\n    }\n  }\n\n  /** @internal — pushed by the service: the rendered (capped) stack. */\n  readonly toasts = signal<readonly ActiveToast[]>([]);\n\n  /** @internal — pushed by the service: count still queued behind the cap. */\n  readonly queued = signal(0);\n\n  /** Total outstanding toasts (visible + queued) — what \"Close all\" clears. */\n  protected readonly totalCount = computed(() => this.toasts().length + this.queued());\n\n  /** @internal — service listens to update its internal state. */\n  readonly dismissed = output<number>();\n  readonly pauseRequested = output<number>();\n  readonly resumeRequested = output<number>();\n  readonly dismissAllRequested = output<void>();\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];\n    if (this.mode() === 'stack' && this.expanded()) parts.push('wr-toast-host--expanded');\n    return parts.join(' ');\n  });\n\n  /** Distance from the front of the stack (0 = newest / fully visible). */\n  protected stackIndex(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected readonly closeAllVisible = computed(() => {\n    const cfg = this.config();\n    // In stack mode the toasts cascade absolutely while collapsed, which\n    // makes the close-all button jump between layout positions on hover\n    // (button moves → cursor leaves → host collapses → cycle = blink).\n    // Only show it once the stack is expanded — by hover OR by focus entering\n    // it, so it stays reachable from the keyboard — or always in list mode.\n    if (this.mode() === 'stack' && !this.expanded()) return false;\n    return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;\n  });\n\n  protected showProgressFor(t: WrToastOptions): boolean {\n    return t.showProgress ?? this.config().showProgress;\n  }\n\n  protected showCopyFor(t: WrToastOptions): boolean {\n    return t.showCopy ?? this.config().showCopy;\n  }\n}\n","@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastOptions } from './interfaces';\n\n/**\n * Handle returned by `WrToast.show()`. Call `dismiss()` to remove\n * the toast early. Inspect `options` to see what the caller requested.\n */\nexport class WrToastRef {\n  constructor(\n    public readonly id: number,\n    public readonly options: WrToastOptions,\n    private readonly onDismiss: (id: number) => void\n  ) {}\n\n  /** Remove this toast from the stack. */\n  dismiss(): void {\n    this.onDismiss(this.id);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastConfig } from './interfaces';\n\n/**\n * Library defaults applied when no {@link provideWrToastConfig} call is\n * registered. Merged shallowly with the consumer's overrides (the `labels`\n * sub-object is merged separately so callers can override one string at a\n * time).\n */\nexport const DEFAULT_TOAST_CONFIG: WrToastConfig = {\n  position: 'top-end',\n  mode: 'stack',\n  duration: 4000,\n  showProgress: true,\n  showCopy: false,\n  showCloseAll: true,\n  closeAllThreshold: 2,\n  maxStack: 5,\n  // Null, not English: the host resolves each one through the i18n catalog and\n  // falls back to English only if nothing is registered. See `WrToastConfig`.\n  labels: {\n    close: null,\n    copy: null,\n    copied: null,\n    closeAll: null,\n  },\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from '../default-toast-config';\nimport type { WrToastConfig } from '../interfaces';\n\n/**\n * Holds the global {@link WrToastConfig} used by {@link WrToast}.\n * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service\n * works out of the box; override via {@link provideWrToastConfig}.\n */\nexport const WR_TOAST_CONFIG = new InjectionToken<WrToastConfig>('WR_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULT_TOAST_CONFIG,\n});\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { type ComponentRef, Service, inject } from '@angular/core';\n\nimport { WR_OVERLAY } from 'ngwr/overlay';\n\nimport type { WrToastOptions, WrToastPosition } from '../interfaces';\nimport { WrToastHost } from '../toast-host';\nimport { WrToastRef } from '../toast-ref';\nimport { WR_TOAST_CONFIG } from '../tokens';\n\ntype ActiveEntry = WrToastOptions & {\n  readonly id: number;\n  /** Resolved auto-dismiss duration in ms after merging with global config. */\n  readonly resolvedDuration: number;\n  /** Resolved corner for this stack. */\n  readonly resolvedPosition: WrToastPosition;\n  /** Pending timeout handle. */\n  timer?: ReturnType<typeof setTimeout>;\n  /** Timestamp of the last timer (re)start, used to compute remaining on pause. */\n  startedAt?: number;\n  /** Milliseconds left when paused. */\n  remaining: number;\n};\n\n/**\n * Opens toast notifications in a single shared overlay.\n *\n * Global defaults come from {@link WR_TOAST_CONFIG}; register\n * {@link provideWrToastConfig} once at bootstrap to customise. Each\n * `show()` call accepts per-toast overrides via {@link WrToastOptions}.\n *\n * @example\n * ```ts\n * const toast = inject(WrToast);\n *\n * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });\n * toast.show({ type: 'danger', message: 'Network error', duration: 0 });\n * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });\n * ```\n *\n * @see https://ngwr.dev/reference/components/toast\n */\n@Service()\nexport class WrToast {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly config = inject(WR_TOAST_CONFIG);\n\n  private overlayRef: OverlayRef | null = null;\n  private hostRef: ComponentRef<WrToastHost> | null = null;\n  /** Watches the overlay container for overlays opened after the host. */\n  private containerObserver: MutationObserver | null = null;\n  private currentPosition: WrToastPosition = this.config.position;\n  private currentMode: 'stack' | 'list' = this.config.mode;\n  private nextId = 1;\n  /** Currently rendered toasts (capped at `config.maxStack`). */\n  private active: ActiveEntry[] = [];\n  /** Overflow waiting for a free slot — promoted FIFO as actives dismiss, so\n   * nothing is ever silently dropped. */\n  private queue: ActiveEntry[] = [];\n\n  /** Open a toast. Returns a handle you can `dismiss()` early. */\n  show(options: WrToastOptions): WrToastRef {\n    const resolvedPosition = options.position ?? this.config.position;\n    const resolvedDuration = options.duration ?? this.config.duration;\n\n    this.ensureHost(resolvedPosition);\n    // A toast raised now belongs above everything already on screen, and the host\n    // it goes into may be much older than the dialog it has to clear. See\n    // `raiseHost`.\n    this.raiseHost();\n\n    const entry: ActiveEntry = {\n      ...options,\n      id: this.nextId++,\n      resolvedDuration,\n      resolvedPosition,\n      remaining: resolvedDuration,\n    };\n\n    const max = this.config.maxStack;\n    if (max > 0 && this.active.length >= max) {\n      // Stack is full — hold this one in the queue (no timer until it's shown).\n      this.queue = [...this.queue, entry];\n      this.pushToHost();\n    } else {\n      this.active = [...this.active, entry];\n      this.pushToHost();\n      this.startTimer(entry);\n    }\n\n    return new WrToastRef(entry.id, options, id => this.dismiss(id));\n  }\n\n  /** Dismiss a single toast by id. */\n  dismiss(id: number): void {\n    const entry = this.active.find(t => t.id === id);\n    if (entry?.timer) clearTimeout(entry.timer);\n    this.active = this.active.filter(t => t.id !== id);\n    // A dismiss can also target a still-queued toast.\n    this.queue = this.queue.filter(t => t.id !== id);\n    this.promoteFromQueue();\n    this.pushToHost();\n    if (this.active.length === 0 && this.queue.length === 0) this.disposeHost();\n  }\n\n  /** Dismiss every visible toast. Wired to the host's \"Close all\" button. */\n  dismissAll(): void {\n    for (const entry of this.active) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = [];\n    this.queue = [];\n    this.disposeHost();\n  }\n\n  /** Change the corner the stack opens in. Affects future toasts. */\n  setPosition(position: WrToastPosition): void {\n    this.currentPosition = position;\n    if (this.hostRef) this.hostRef.setInput('position', position);\n  }\n\n  /** Switch the layout mode at runtime. Persists across host re-creation. */\n  setMode(mode: 'stack' | 'list'): void {\n    this.currentMode = mode;\n    if (this.hostRef) this.hostRef.setInput('mode', mode);\n  }\n\n  // Timer\n\n  private startTimer(entry: ActiveEntry): void {\n    if (entry.remaining <= 0) return;\n    entry.startedAt = Date.now();\n    entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);\n  }\n\n  private pauseTimer(entry: ActiveEntry): void {\n    if (!entry.timer) return;\n    clearTimeout(entry.timer);\n    entry.timer = undefined;\n    if (entry.startedAt) {\n      entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));\n    }\n  }\n\n  // Host plumbing\n\n  private ensureHost(position: WrToastPosition): void {\n    if (this.overlayRef) {\n      if (position !== this.currentPosition) this.setPosition(position);\n      return;\n    }\n\n    this.currentPosition = position;\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global(),\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      hasBackdrop: false,\n      panelClass: ['wr-toast-overlay'],\n    });\n\n    const portal = new ComponentPortal(WrToastHost);\n    this.hostRef = this.overlayRef.attach(portal);\n    this.hostRef.setInput('position', position);\n    this.hostRef.setInput('mode', this.currentMode);\n    this.hostRef.setInput('config', this.config);\n\n    const inst = this.hostRef.instance;\n    inst.dismissed.subscribe(id => this.dismiss(id));\n    inst.dismissAllRequested.subscribe(() => this.dismissAll());\n    inst.pauseRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.pauseTimer(entry);\n    });\n    inst.resumeRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.startTimer(entry);\n    });\n\n    this.watchForNewerOverlays();\n  }\n\n  /**\n   * Put the host back on top of the browser's top layer.\n   *\n   * The stacking rule here is not a z-index and cannot be fixed with one. CDK 22\n   * promotes every overlay by calling `showPopover()` on its host element, and\n   * the top layer is ordered by the MOMENT of promotion — a popover shown later\n   * paints over one shown earlier no matter what either element's z-index, DOM\n   * order or containing block says. The toast host is created once and kept\n   * alive until the last toast leaves, so its place in that order is frozen at\n   * whenever the first toast of the run appeared. Every dialog and drawer opened\n   * after that sits above it.\n   *\n   * The symptom was as bad as the mechanism is quiet: a toast raised from inside\n   * an open dialog rendered UNDER the dialog's backdrop, dimmed by it and\n   * hit-tested as it — so the close button was unreachable and clicking where it\n   * appeared closed the dialog instead. Nothing threw, and a toast with\n   * `duration: 0` never went away on its own.\n   *\n   * Hiding and re-showing moves the host to the end of the top layer. Both calls\n   * happen in one task, so there is no frame in which the host is `display:\n   * none` and nothing re-runs a toast's enter animation.\n   *\n   * Skipped while focus is inside the host: Chromium keeps focus across this\n   * pair, but the hide-popover algorithm is specified to restore focus to the\n   * previously focused element, and a host the user is already tabbing through\n   * is by definition reachable. In practice the two never coincide — a modal\n   * traps focus, so focus inside the host means nothing is above it to escape.\n   */\n  private raiseHost(): void {\n    const host = this.overlayRef?.hostElement;\n    // `usePopover` is off when the platform has no popover support (and on the\n    // server), and then there is no top layer to be at the wrong end of.\n    if (!host?.isConnected || !host.hasAttribute('popover')) return;\n    if (host.contains(host.ownerDocument.activeElement)) return;\n    try {\n      host.hidePopover();\n      host.showPopover();\n    } catch {\n      // `hidePopover` throws if the host is not showing — nothing to raise.\n    }\n  }\n\n  /**\n   * Re-raise the host whenever another overlay joins the container.\n   *\n   * `show()` covers the reported order (toast raised while a dialog is up). This\n   * covers the mirror image, which is the same defect seen from the other side:\n   * a toast already on screen when the dialog opens is left under it, unclickable\n   * for the rest of its duration, and no further `show()` is coming to fix it.\n   *\n   * Observing the host's own parent rather than a container resolved from the\n   * injector keeps this correct whether or not `provideWrOverlay()` is installed\n   * — the host is in whichever container it was actually appended to. Re-showing\n   * a popover moves nothing in the DOM, so this cannot re-trigger itself.\n   */\n  private watchForNewerOverlays(): void {\n    const parent = this.overlayRef?.hostElement.parentElement;\n    if (!parent || typeof MutationObserver === 'undefined') return;\n    this.containerObserver = new MutationObserver(() => this.raiseHost());\n    this.containerObserver.observe(parent, { childList: true });\n  }\n\n  /** Fill any free stack slots from the queue (FIFO), starting each promoted\n   * toast's auto-dismiss timer only as it becomes visible. */\n  private promoteFromQueue(): void {\n    const max = this.config.maxStack;\n    while ((max <= 0 || this.active.length < max) && this.queue.length > 0) {\n      const [next, ...rest] = this.queue;\n      this.queue = rest;\n      this.active = [...this.active, next];\n      this.startTimer(next);\n    }\n  }\n\n  private pushToHost(): void {\n    this.hostRef?.instance.toasts.set([...this.active]);\n    this.hostRef?.instance.queued.set(this.queue.length);\n  }\n\n  private disposeHost(): void {\n    this.containerObserver?.disconnect();\n    this.containerObserver = null;\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n      this.hostRef = null;\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ApplicationRef,\n  ENVIRONMENT_INITIALIZER,\n  type EnvironmentProviders,\n  EnvironmentInjector,\n  inject,\n  isDevMode,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from './default-toast-config';\nimport type { WrToastConfig } from './interfaces';\nimport { WR_TOAST_CONFIG } from './tokens';\n\n/**\n * Registers a global {@link WrToastConfig} for {@link WrToast}. Any\n * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`\n * sub-object is merged separately so you can override a single string at a\n * time (useful for i18n).\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrToastConfig({\n *       position: 'bottom-end',\n *       showCopy: true,\n *       maxStack: 3,\n *       labels: { close: 'Закрыть' },\n *     }),\n *   ],\n * });\n * ```\n *\n * **Bootstrap only, and the three ngwr providers differ here.** {@link WrToast}\n * is root-provided, so it reads this token once from the ROOT injector — a\n * `provideWrToastConfig()` in a route's `providers` is never seen, and used to\n * be ignored in silence. It now warns in dev mode instead. By contrast\n * `provideWrConfig()` IS read per route, because components resolve it from\n * their own injector, and `provideWrIcons()` works at any level and chains, so\n * a route may add icons to the set its parent registered.\n */\nexport function provideWrToastConfig(\n  config: Partial<Omit<WrToastConfig, 'labels'>> & { readonly labels?: Partial<WrToastConfig['labels']> }\n): EnvironmentProviders {\n  const merged: WrToastConfig = {\n    ...DEFAULT_TOAST_CONFIG,\n    ...config,\n    labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },\n  };\n  return makeEnvironmentProviders([\n    { provide: WR_TOAST_CONFIG, useValue: merged },\n    ...(isDevMode()\n      ? [\n          {\n            provide: ENVIRONMENT_INITIALIZER,\n            multi: true,\n            useValue: (): void => {\n              // Compared by identity against the application's own injector: a\n              // route creates a child EnvironmentInjector, and the root-provided\n              // service will resolve the token from the root regardless of what\n              // this one holds. Reported here rather than at the call site,\n              // because a provider function cannot know where it was spread.\n              const here = inject(EnvironmentInjector);\n              if (here !== inject(ApplicationRef).injector) {\n                // eslint-disable-next-line no-console -- dev-mode misconfiguration diagnostic\n                console.warn(\n                  '[NGWR] provideWrToastConfig() is in a route or child injector, where WrToast will never read it — ' +\n                    'the service is root-provided and resolves WR_TOAST_CONFIG once, from the root. Move it to the ' +\n                    'application providers, or set the same fields per call on toast.show().'\n                );\n              }\n            },\n          },\n        ]\n      : []),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAAA;;;;;AAKG;AAMH;;;;;AAKG;MAqBU,WAAW,CAAA;IACb,IAAI,GAAG,KAAK,CAAc,MAAM;6EAAC;IACjC,KAAK,GAAG,KAAK,CAAgB,IAAI;8EAAC;IAClC,OAAO,GAAG,KAAK,CAAC,QAAQ;gFAAU;IAClC,WAAW,GAAG,KAAK,CAAU,IAAI;oFAAC;IAClC,YAAY,GAAG,KAAK,CAAU,KAAK;qFAAC;IACpC,QAAQ,GAAG,KAAK,CAAU,KAAK;iFAAC;;IAEhC,QAAQ,GAAG,KAAK,CAAS,CAAC;iFAAC;AACpC;;;AAGG;IACM,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAAoD;IAE3E,SAAS,GAAG,MAAM,EAAQ;IAC1B,cAAc,GAAG,MAAM,EAAQ;IAC/B,eAAe,GAAG,MAAM,EAAQ;;IAGtB,UAAU,GAAG,MAAM,CAAC,KAAK;mFAAC;IACrC,cAAc,GAAyC,IAAI;IAEhD,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE;gFAAC;;IAG7D,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;iFAAC;IAC1E,SAAS,GAAG,QAAQ,CAAC,MACtC,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,GAAG,WAAW,GAAG,QAAQ;kFAC/E;;IAGkB,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,EAAA,CAAI;mFAAC;AAEnD,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC;wFAAC;AAErF,IAAA,MAAM,MAAM,GAAA;AACpB,QAAA,IAAI;YACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AACnD,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,CAAC,cAAc;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC;AAC1D,YAAA,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAC1E;AAAE,QAAA,MAAM;;QAER;IACF;;;AAIiB,IAAA,KAAK,GAAG,MAAM,CAA0B,UAAU,CAAC;IAC5D,WAAW,GAAG,CAAC;IACf,UAAU,GAAG,CAAC;IACH,MAAM,GAAG,MAAM,CAAC,CAAC;+EAAC;IAClB,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IAEvB,cAAc,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,EAAE,CAAA,GAAA,CAAK,CAAC;uFAAC;AAChG,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;QAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AACpC,QAAA,OAAO,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;qFAAC;AAEQ,IAAA,YAAY,CAAC,KAAiB,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YAAE;QACzB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO;QAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW;AACtD,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACxB;AAEU,IAAA,WAAW,CAAC,KAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;IACnD;IAEU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACvB,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,GAAG,EAAE;AAC1D,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACpB;IACF;uGArFW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,irDCrCxB,8sEA8EA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDzCa,WAAW,EAAA,UAAA,EAAA,CAAA;kBApBvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,6BAA6B,EAAE,cAAc;AAC7C,wBAAA,mBAAmB,EAAE,kBAAkB;AACvC,wBAAA,iBAAiB,EAAE,gBAAgB;AACnC,wBAAA,oBAAoB,EAAE,2BAA2B;AACjD,wBAAA,aAAa,EAAE,YAAY;AAC3B,wBAAA,kBAAkB,EAAE,aAAa;AACjC,wBAAA,cAAc,EAAE,uBAAuB;AACvC,wBAAA,cAAc,EAAE,wBAAwB;AACxC,wBAAA,cAAc,EAAE,sBAAsB;AACtC,wBAAA,aAAa,EAAE,qBAAqB;AACpC,wBAAA,YAAY,EAAE,cAAc;AAC5B,wBAAA,eAAe,EAAE,cAAc;AAChC,qBAAA,EAAA,QAAA,EAAA,8sEAAA,EAAA;;;AEnCH;;;;;AAKG;AASH;;AAEkD;AAClD,MAAM,iBAAiB,GAAG,GAAG;AAQ7B;;;;;AAKG;MAgBU,WAAW,CAAA;IACb,QAAQ,GAAG,KAAK,CAAkB,SAAS;iFAAC;IAC5C,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAAiB;;IAExC,IAAI,GAAG,KAAK,CAAc,OAAO;6EAAC;AAE3C;;;;;;;;AAQG;AACgB,IAAA,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE,eAAe,CAAC;IAE1E,UAAU,GAAG,WAAW,CACvC,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,aAAa,EACb,OAAO,CACR;IACgB,SAAS,GAAG,WAAW,CACtC,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EACzC,YAAY,EACZ,MAAM,CACP;IACgB,WAAW,GAAG,WAAW,CACxC,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAC3C,cAAc,EACd,QAAQ,CACT;IACkB,aAAa,GAAG,WAAW,CAC5C,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAC7C,gBAAgB,EAChB,WAAW,CACZ;;AAGkB,IAAA,MAAM,GAAG,QAAQ,CAAC,OAAO;AAC1C,QAAA,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;AACxB,QAAA,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE;AACtB,QAAA,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE;AAC1B,QAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE;KAC/B,CAAC;+EAAC;;IAGgB,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;;IAG1B,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;AACxC;AACoE;IACnD,WAAW,GAAG,MAAM,CAAC,KAAK;oFAAC;AAE3B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IACxC,aAAa,GAAyC,IAAI;AAElE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5D;;IAGU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,EAAE;IACrB;;IAGU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,EAAE;IACrB;;IAGU,SAAS,GAAA;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,YAAY,EAAE;IACrB;;IAGU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;IACrB;AAEA;;AAEgF;IACxE,YAAY,GAAA;QAClB,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACxC,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;YACvB;QACF;AACA,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI;YAAE;AACjC,QAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YACzB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AAAE,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QACtE,CAAC,EAAE,iBAAiB,CAAC;IACvB;IAEQ,kBAAkB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;AAC/B,YAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B;IACF;;IAGS,MAAM,GAAG,MAAM,CAAyB,EAAE;+EAAC;;IAG3C,MAAM,GAAG,MAAM,CAAC,CAAC;+EAAC;;AAGR,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;mFAAC;;IAG3E,SAAS,GAAG,MAAM,EAAU;IAC5B,cAAc,GAAG,MAAM,EAAU;IACjC,eAAe,GAAG,MAAM,EAAU;IAClC,mBAAmB,GAAG,MAAM,EAAQ;AAE1B,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,KAAK,GAAG,CAAC,eAAe,EAAE,CAAA,eAAA,EAAkB,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAE,EAAE,kBAAkB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;QACrG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC;AACrF,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACxB,CAAC;gFAAC;;AAGQ,IAAA,UAAU,CAAC,CAAS,EAAA;QAC5B,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;IACrC;AAEmB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACjD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;;;;;;QAMzB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,KAAK;AAC7D,QAAA,OAAO,GAAG,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,GAAG,CAAC,iBAAiB;IAC1E,CAAC;wFAAC;AAEQ,IAAA,eAAe,CAAC,CAAiB,EAAA;QACzC,OAAO,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,YAAY;IACrD;AAEU,IAAA,WAAW,CAAC,CAAiB,EAAA;QACrC,OAAO,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ;IAC7C;uGAxJW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,cAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9CxB,0xBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDsBY,WAAW,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEV,WAAW,EAAA,UAAA,EAAA,CAAA;kBAfvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,aAAA,EAEV,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,mBAAmB,EAAE,eAAe;AACpC,wBAAA,cAAc,EAAE,gBAAgB;AAChC,wBAAA,cAAc,EAAE,gBAAgB;AAChC,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,YAAY,EAAE,cAAc;qBAC7B,EAAA,OAAA,EACQ,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,0xBAAA,EAAA;;;AE5CxB;;;;;AAKG;AAIH;;;AAGG;MACU,UAAU,CAAA;AAEH,IAAA,EAAA;AACA,IAAA,OAAA;AACC,IAAA,SAAA;AAHnB,IAAA,WAAA,CACkB,EAAU,EACV,OAAuB,EACtB,SAA+B,EAAA;QAFhC,IAAA,CAAA,EAAE,GAAF,EAAE;QACF,IAAA,CAAA,OAAO,GAAP,OAAO;QACN,IAAA,CAAA,SAAS,GAAT,SAAS;IACzB;;IAGH,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACzB;AACD;;ACxBD;;;;;AAKG;AAIH;;;;;AAKG;AACI,MAAM,oBAAoB,GAAkB;AACjD,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,QAAQ,EAAE,CAAC;;;AAGX,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA;;;AC/BH;;;;;AAKG;AAOH;;;;AAIG;MACU,eAAe,GAAG,IAAI,cAAc,CAAgB,iBAAiB,EAAE;AAClF,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,oBAAoB;AACpC,CAAA;;ACYD;;;;;;;;;;;;;;;;;AAiBG;MAEU,OAAO,CAAA;AACD,IAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,IAAA,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;IAEzC,UAAU,GAAsB,IAAI;IACpC,OAAO,GAAqC,IAAI;;IAEhD,iBAAiB,GAA4B,IAAI;AACjD,IAAA,eAAe,GAAoB,IAAI,CAAC,MAAM,CAAC,QAAQ;AACvD,IAAA,WAAW,GAAqB,IAAI,CAAC,MAAM,CAAC,IAAI;IAChD,MAAM,GAAG,CAAC;;IAEV,MAAM,GAAkB,EAAE;AAClC;AACuC;IAC/B,KAAK,GAAkB,EAAE;;AAGjC,IAAA,IAAI,CAAC,OAAuB,EAAA;QAC1B,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;QACjE,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;AAEjE,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;QAIjC,IAAI,CAAC,SAAS,EAAE;AAEhB,QAAA,MAAM,KAAK,GAAgB;AACzB,YAAA,GAAG,OAAO;AACV,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,gBAAgB;YAChB,gBAAgB;AAChB,YAAA,SAAS,EAAE,gBAAgB;SAC5B;AAED,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ;AAChC,QAAA,IAAI,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE;;YAExC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;YACnC,IAAI,CAAC,UAAU,EAAE;QACnB;aAAO;YACL,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;YACrC,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACxB;QAEA,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAClE;;AAGA,IAAA,OAAO,CAAC,EAAU,EAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAChD,IAAI,KAAK,EAAE,KAAK;AAAE,YAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AAC3C,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;;AAElD,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAChD,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,IAAI,CAAC,WAAW,EAAE;IAC7E;;IAGA,UAAU,GAAA;AACR,QAAA,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YAC/B,IAAI,KAAK,CAAC,KAAK;AAAE,gBAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5C;AACA,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,WAAW,EAAE;IACpB;;AAGA,IAAA,WAAW,CAAC,QAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC/D;;AAGA,IAAA,OAAO,CAAC,IAAsB,EAAA;AAC5B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;IACvD;;AAIQ,IAAA,UAAU,CAAC,KAAkB,EAAA;AACnC,QAAA,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC;YAAE;AAC1B,QAAA,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;QAC5B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzE;AAEQ,IAAA,UAAU,CAAC,KAAkB,EAAA;QACnC,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE;AAClB,QAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,KAAK,CAAC,KAAK,GAAG,SAAS;AACvB,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QACjF;IACF;;AAIQ,IAAA,UAAU,CAAC,QAAyB,EAAA;AAC1C,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,eAAe;AAAE,gBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;YACjE;QACF;AAEA,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;QAE/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACpC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAClD,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE;AACpD,YAAA,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,CAAC,kBAAkB,CAAC;AACjC,SAAA,CAAC;AAEF,QAAA,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;AAE5C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;AAC3D,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,IAAG;AACjC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAChD,YAAA,IAAI,KAAK;AAAE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAG;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAChD,YAAA,IAAI,KAAK;AAAE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,qBAAqB,EAAE;IAC9B;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;IACK,SAAS,GAAA;AACf,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW;;;QAGzC,IAAI,CAAC,IAAI,EAAE,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;YAAE;QACzD,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;YAAE;AACrD,QAAA,IAAI;YACF,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,WAAW,EAAE;QACpB;AAAE,QAAA,MAAM;;QAER;IACF;AAEA;;;;;;;;;;;;AAYG;IACK,qBAAqB,GAAA;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,aAAa;AACzD,QAAA,IAAI,CAAC,MAAM,IAAI,OAAO,gBAAgB,KAAK,WAAW;YAAE;AACxD,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;AACrE,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC7D;AAEA;AAC4D;IACpD,gBAAgB,GAAA;AACtB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ;QAChC,OAAO,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACtE,MAAM,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;AAClC,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;YACjB,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACvB;IACF;IAEQ,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IACtD;IAEQ,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE;AACpC,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC7B,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB;IACF;uGAlOW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAP,OAAO,EAAA,CAAA;;2FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBADnB;;;AClDD;;;;;AAKG;AAgBH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;AACG,SAAU,oBAAoB,CAClC,MAAuG,EAAA;AAEvG,IAAA,MAAM,MAAM,GAAkB;AAC5B,QAAA,GAAG,oBAAoB;AACvB,QAAA,GAAG,MAAM;QACT,MAAM,EAAE,EAAE,GAAG,oBAAoB,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE;KAC7D;AACD,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE;QAC9C,IAAI,SAAS;AACX,cAAE;AACE,gBAAA;AACE,oBAAA,OAAO,EAAE,uBAAuB;AAChC,oBAAA,KAAK,EAAE,IAAI;oBACX,QAAQ,EAAE,MAAW;;;;;;AAMnB,wBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,mBAAmB,CAAC;wBACxC,IAAI,IAAI,KAAK,MAAM,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE;;4BAE5C,OAAO,CAAC,IAAI,CACV,oGAAoG;gCAClG,gGAAgG;AAChG,gCAAA,yEAAyE,CAC5E;wBACH;oBACF,CAAC;AACF,iBAAA;AACF;cACD,EAAE,CAAC;AACR,KAAA,CAAC;AACJ;;ACpFA;;AAEG;;;;"}
+{"version":3,"file":"ngwr-toast.mjs","sources":["../../../projects/lib/toast/toast-item.ts","../../../projects/lib/toast/toast-item.html","../../../projects/lib/toast/toast-host.ts","../../../projects/lib/toast/toast-host.html","../../../projects/lib/toast/toast-ref.ts","../../../projects/lib/toast/default-toast-config.ts","../../../projects/lib/toast/tokens/toast-config.token.ts","../../../projects/lib/toast/services/toast.ts","../../../projects/lib/toast/provide-wr-toast-config.ts","../../../projects/lib/toast/ngwr-toast.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ElementRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastType } from './interfaces';\n\n/**\n * One toast row inside the toast host. Not used directly — see\n * `WrToast.show()`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast',\n  templateUrl: './toast-item.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-toast-duration]': 'durationMs()',\n    '[style.transform]': 'swipeTransform()',\n    '[style.opacity]': 'swipeOpacity()',\n    '[style.transition]': 'swiping() ? \"none\" : null',\n    '[attr.role]': 'liveRole()',\n    '[attr.aria-live]': 'liveLevel()',\n    '(mouseenter)': 'pauseRequested.emit()',\n    '(mouseleave)': 'resumeRequested.emit()',\n    '(touchstart)': 'onSwipeStart($event)',\n    '(touchmove)': 'onSwipeMove($event)',\n    '(touchend)': 'onSwipeEnd()',\n    '(touchcancel)': 'onSwipeEnd()',\n  },\n})\nexport class WrToastItem {\n  readonly type = input<WrToastType>('info');\n  readonly title = input<string | null>(null);\n  readonly message = input.required<string>();\n  readonly dismissible = input<boolean>(true);\n  readonly showProgress = input<boolean>(false);\n  readonly showCopy = input<boolean>(false);\n  /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */\n  readonly duration = input<number>(0);\n  /**\n   * Already resolved by the host — strings, not the config's nullable shape.\n   * The item renders them and never reaches for the catalog itself.\n   */\n  readonly labels = input.required<{ [K in keyof WrToastConfig['labels']]: string }>();\n\n  readonly dismissed = output<void>();\n  readonly pauseRequested = output<void>();\n  readonly resumeRequested = output<void>();\n\n  /** True for ~1.5s after a successful copy; flips the icon to a check. */\n  protected readonly justCopied = signal(false);\n  private copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly classes = computed(() => `wr-toast wr-toast--${this.type()}`);\n\n  /** Escalate to `alert`/`assertive` for danger/warning toasts. */\n  protected readonly liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'));\n  protected readonly liveLevel = computed(() =>\n    this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite'\n  );\n\n  /** Inline CSS value for `--wr-toast-duration`. */\n  protected readonly durationMs = computed(() => `${this.duration()}ms`);\n\n  protected readonly progressVisible = computed(() => this.showProgress() && this.duration() > 0);\n\n  protected async onCopy(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.message());\n      this.justCopied.set(true);\n      if (this.copyResetTimer) clearTimeout(this.copyResetTimer);\n      this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);\n    } catch {\n      // Clipboard unavailable (insecure context / permission denied) — silent.\n    }\n  }\n\n  // Swipe-sideways-to-dismiss. The toast follows the finger and fades; releasing\n  // past 40% of its width emits `dismissed`, otherwise it snaps back.\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private swipeStartX = 0;\n  private swipeWidth = 0;\n  protected readonly swipeX = signal(0);\n  protected readonly swiping = signal(false);\n\n  protected readonly swipeTransform = computed(() => (this.swipeX() === 0 ? null : `translateX(${this.swipeX()}px)`));\n  protected readonly swipeOpacity = computed(() => {\n    const dist = Math.abs(this.swipeX());\n    return dist === 0 ? null : Math.max(0, 1 - dist / (this.swipeWidth || 1));\n  });\n\n  protected onSwipeStart(event: TouchEvent): void {\n    if (!this.dismissible()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.swipeWidth = this.elRef.nativeElement.offsetWidth;\n    this.swiping.set(true);\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.swiping()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(): void {\n    if (!this.swiping()) return;\n    this.swiping.set(false);\n    if (Math.abs(this.swipeX()) > (this.swipeWidth || 0) * 0.4) {\n      this.dismissed.emit();\n    } else {\n      this.swipeX.set(0);\n    }\n  }\n}\n","<!-- A glyph per type, and this is the one channel the toast had none of. Its\n     four types differed by `--wr-toast-accent` alone — a 3px inline-start\n     border, in four colours that sit within 1.06:1 of each other in relative\n     luminance, so `success` and `danger` were the same 3px line to a reader\n     who cannot separate hue. The shapes are the ones `wr-alert` and\n     `wr-result` already use for the same four meanings: a check in a broken\n     circle, a triangle, an octagon, an `i`. Three components agreeing is worth\n     more than three components each being locally reasonable.\n\n     `aria-hidden`, because the type is already announced: the host takes\n     `role=\"alert\"` for danger and `role=\"status\"` otherwise. -->\n<svg\n  class=\"wr-toast__icon wr-icon__svg\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  @switch (type()) {\n    @case ('success') {\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    }\n    @case ('warning') {\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    }\n    @case ('danger') {\n      <path\n        d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\"\n      />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    }\n    @default {\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    }\n  }\n</svg>\n\n<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\n\nimport type { WrToastConfig, WrToastMode, WrToastOptions, WrToastPosition } from './interfaces';\nimport { WrToastItem } from './toast-item';\n\n/** ms before the pointer or focus leaving actually collapses the stack. Buffers\n * the cursor briefly leaving the host as toasts reflow underneath it, and focus\n * hopping between two buttons inside the host. */\nconst COLLAPSE_DELAY_MS = 120;\n\n/** Active entry pushed by the service — adds the bookkeeping fields the host renders. */\ntype ActiveToast = WrToastOptions & {\n  readonly id: number;\n  readonly resolvedDuration: number;\n};\n\n/**\n * Internal host that lives inside the toast overlay and renders the\n * active stack. Owned by `WrToast`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast-host',\n  templateUrl: './toast-host.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    role: 'region',\n    '[attr.aria-label]': 'regionLabel()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n  imports: [WrToastItem],\n})\nexport class WrToastHost {\n  readonly position = input<WrToastPosition>('top-end');\n  readonly config = input.required<WrToastConfig>();\n  /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */\n  readonly mode = input<WrToastMode>('stack');\n\n  /**\n   * Every string this host and its items render, resolved through the catalog.\n   *\n   * The config value WINS when the consumer sets one, and its default is now\n   * `null` — until v11 those defaults were English literals, so the four\n   * `toast.*` keys in the shipped catalogs were dead and a Russian app got an\n   * English close button. `region` had no key at all: the live region's name\n   * was the literal `'Notifications'` in a host binding.\n   */\n  protected readonly regionLabel = useI18nText(signal(null), 'toast.region', 'Notifications');\n\n  private readonly closeLabel = useI18nText(\n    computed(() => this.config().labels.close),\n    'toast.close',\n    'Close'\n  );\n  private readonly copyLabel = useI18nText(\n    computed(() => this.config().labels.copy),\n    'toast.copy',\n    'Copy'\n  );\n  private readonly copiedLabel = useI18nText(\n    computed(() => this.config().labels.copied),\n    'toast.copied',\n    'Copied'\n  );\n  protected readonly closeAllLabel = useI18nText(\n    computed(() => this.config().labels.closeAll),\n    'toast.closeAll',\n    'Close all'\n  );\n\n  /** What `wr-toast-item` receives — resolved, so the item stays presentational. */\n  protected readonly labels = computed(() => ({\n    close: this.closeLabel(),\n    copy: this.copyLabel(),\n    copied: this.copiedLabel(),\n    closeAll: this.closeAllLabel(),\n  }));\n\n  /** @internal — hovering or focusing the stack toggles this in stack mode. */\n  protected readonly expanded = signal(false);\n\n  /** Pointer is over the host. */\n  private readonly hovered = signal(false);\n  /** Focus is somewhere inside the host — keyboard equivalent of hovering, and\n   * the only way a keyboard user can reach the \"Close all\" button. */\n  private readonly focusWithin = signal(false);\n\n  private readonly destroyRef = inject(DestroyRef);\n  private collapseTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.clearCollapseTimer());\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    this.hovered.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onMouseLeave(): void {\n    this.hovered.set(false);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusIn(): void {\n    this.focusWithin.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusOut(): void {\n    this.focusWithin.set(false);\n    this.syncExpanded();\n  }\n\n  /** Expand immediately while the pointer or focus is inside, and delay the\n   * collapse so a cursor briefly slipping off the host during a layout reflow\n   * — or focus moving between two buttons inside it — doesn't cause a flicker. */\n  private syncExpanded(): void {\n    if (this.hovered() || this.focusWithin()) {\n      this.clearCollapseTimer();\n      this.expanded.set(true);\n      return;\n    }\n    if (this.collapseTimer !== null) return;\n    this.collapseTimer = setTimeout(() => {\n      this.collapseTimer = null;\n      if (!this.hovered() && !this.focusWithin()) this.expanded.set(false);\n    }, COLLAPSE_DELAY_MS);\n  }\n\n  private clearCollapseTimer(): void {\n    if (this.collapseTimer !== null) {\n      clearTimeout(this.collapseTimer);\n      this.collapseTimer = null;\n    }\n  }\n\n  /** @internal — pushed by the service: the rendered (capped) stack. */\n  readonly toasts = signal<readonly ActiveToast[]>([]);\n\n  /** @internal — pushed by the service: count still queued behind the cap. */\n  readonly queued = signal(0);\n\n  /** Total outstanding toasts (visible + queued) — what \"Close all\" clears. */\n  protected readonly totalCount = computed(() => this.toasts().length + this.queued());\n\n  /** @internal — service listens to update its internal state. */\n  readonly dismissed = output<number>();\n  readonly pauseRequested = output<number>();\n  readonly resumeRequested = output<number>();\n  readonly dismissAllRequested = output<void>();\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];\n    if (this.mode() === 'stack' && this.expanded()) parts.push('wr-toast-host--expanded');\n    return parts.join(' ');\n  });\n\n  /** Distance from the front of the stack (0 = newest / fully visible). */\n  protected stackIndex(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected readonly closeAllVisible = computed(() => {\n    const cfg = this.config();\n    // In stack mode the toasts cascade absolutely while collapsed, which\n    // makes the close-all button jump between layout positions on hover\n    // (button moves → cursor leaves → host collapses → cycle = blink).\n    // Only show it once the stack is expanded — by hover OR by focus entering\n    // it, so it stays reachable from the keyboard — or always in list mode.\n    if (this.mode() === 'stack' && !this.expanded()) return false;\n    return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;\n  });\n\n  protected showProgressFor(t: WrToastOptions): boolean {\n    return t.showProgress ?? this.config().showProgress;\n  }\n\n  protected showCopyFor(t: WrToastOptions): boolean {\n    return t.showCopy ?? this.config().showCopy;\n  }\n}\n","@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastOptions } from './interfaces';\n\n/**\n * Handle returned by `WrToast.show()`. Call `dismiss()` to remove\n * the toast early. Inspect `options` to see what the caller requested.\n */\nexport class WrToastRef {\n  constructor(\n    public readonly id: number,\n    public readonly options: WrToastOptions,\n    private readonly onDismiss: (id: number) => void\n  ) {}\n\n  /** Remove this toast from the stack. */\n  dismiss(): void {\n    this.onDismiss(this.id);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastConfig } from './interfaces';\n\n/**\n * Library defaults applied when no {@link provideWrToastConfig} call is\n * registered. Merged shallowly with the consumer's overrides (the `labels`\n * sub-object is merged separately so callers can override one string at a\n * time).\n */\nexport const DEFAULT_TOAST_CONFIG: WrToastConfig = {\n  position: 'top-end',\n  mode: 'stack',\n  duration: 4000,\n  showProgress: true,\n  showCopy: false,\n  showCloseAll: true,\n  closeAllThreshold: 2,\n  maxStack: 5,\n  // Null, not English: the host resolves each one through the i18n catalog and\n  // falls back to English only if nothing is registered. See `WrToastConfig`.\n  labels: {\n    close: null,\n    copy: null,\n    copied: null,\n    closeAll: null,\n  },\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from '../default-toast-config';\nimport type { WrToastConfig } from '../interfaces';\n\n/**\n * Holds the global {@link WrToastConfig} used by {@link WrToast}.\n * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service\n * works out of the box; override via {@link provideWrToastConfig}.\n */\nexport const WR_TOAST_CONFIG = new InjectionToken<WrToastConfig>('WR_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULT_TOAST_CONFIG,\n});\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { type ComponentRef, Service, inject } from '@angular/core';\n\nimport { WR_OVERLAY } from 'ngwr/overlay';\n\nimport type { WrToastOptions, WrToastPosition } from '../interfaces';\nimport { WrToastHost } from '../toast-host';\nimport { WrToastRef } from '../toast-ref';\nimport { WR_TOAST_CONFIG } from '../tokens';\n\ntype ActiveEntry = WrToastOptions & {\n  readonly id: number;\n  /** Resolved auto-dismiss duration in ms after merging with global config. */\n  readonly resolvedDuration: number;\n  /** Resolved corner for this stack. */\n  readonly resolvedPosition: WrToastPosition;\n  /** Pending timeout handle. */\n  timer?: ReturnType<typeof setTimeout>;\n  /** Timestamp of the last timer (re)start, used to compute remaining on pause. */\n  startedAt?: number;\n  /** Milliseconds left when paused. */\n  remaining: number;\n};\n\n/**\n * Opens toast notifications in a single shared overlay.\n *\n * Global defaults come from {@link WR_TOAST_CONFIG}; register\n * {@link provideWrToastConfig} once at bootstrap to customise. Each\n * `show()` call accepts per-toast overrides via {@link WrToastOptions}.\n *\n * @example\n * ```ts\n * const toast = inject(WrToast);\n *\n * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });\n * toast.show({ type: 'danger', message: 'Network error', duration: 0 });\n * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });\n * ```\n *\n * @see https://ngwr.dev/reference/components/toast\n */\n@Service()\nexport class WrToast {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly config = inject(WR_TOAST_CONFIG);\n\n  private overlayRef: OverlayRef | null = null;\n  private hostRef: ComponentRef<WrToastHost> | null = null;\n  /** Watches the overlay container for overlays opened after the host. */\n  private containerObserver: MutationObserver | null = null;\n  private currentPosition: WrToastPosition = this.config.position;\n  private currentMode: 'stack' | 'list' = this.config.mode;\n  private nextId = 1;\n  /** Currently rendered toasts (capped at `config.maxStack`). */\n  private active: ActiveEntry[] = [];\n  /** Overflow waiting for a free slot — promoted FIFO as actives dismiss, so\n   * nothing is ever silently dropped. */\n  private queue: ActiveEntry[] = [];\n\n  /** Open a toast. Returns a handle you can `dismiss()` early. */\n  show(options: WrToastOptions): WrToastRef {\n    const resolvedPosition = options.position ?? this.config.position;\n    const resolvedDuration = options.duration ?? this.config.duration;\n\n    this.ensureHost(resolvedPosition);\n    // A toast raised now belongs above everything already on screen, and the host\n    // it goes into may be much older than the dialog it has to clear. See\n    // `raiseHost`.\n    this.raiseHost();\n\n    const entry: ActiveEntry = {\n      ...options,\n      id: this.nextId++,\n      resolvedDuration,\n      resolvedPosition,\n      remaining: resolvedDuration,\n    };\n\n    const max = this.config.maxStack;\n    if (max > 0 && this.active.length >= max) {\n      // Stack is full — hold this one in the queue (no timer until it's shown).\n      this.queue = [...this.queue, entry];\n      this.pushToHost();\n    } else {\n      this.active = [...this.active, entry];\n      this.pushToHost();\n      this.startTimer(entry);\n    }\n\n    return new WrToastRef(entry.id, options, id => this.dismiss(id));\n  }\n\n  /** Dismiss a single toast by id. */\n  dismiss(id: number): void {\n    const entry = this.active.find(t => t.id === id);\n    if (entry?.timer) clearTimeout(entry.timer);\n    this.active = this.active.filter(t => t.id !== id);\n    // A dismiss can also target a still-queued toast.\n    this.queue = this.queue.filter(t => t.id !== id);\n    this.promoteFromQueue();\n    this.pushToHost();\n    if (this.active.length === 0 && this.queue.length === 0) this.disposeHost();\n  }\n\n  /** Dismiss every visible toast. Wired to the host's \"Close all\" button. */\n  dismissAll(): void {\n    for (const entry of this.active) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = [];\n    this.queue = [];\n    this.disposeHost();\n  }\n\n  /** Change the corner the stack opens in. Affects future toasts. */\n  setPosition(position: WrToastPosition): void {\n    this.currentPosition = position;\n    if (this.hostRef) this.hostRef.setInput('position', position);\n  }\n\n  /** Switch the layout mode at runtime. Persists across host re-creation. */\n  setMode(mode: 'stack' | 'list'): void {\n    this.currentMode = mode;\n    if (this.hostRef) this.hostRef.setInput('mode', mode);\n  }\n\n  // Timer\n\n  private startTimer(entry: ActiveEntry): void {\n    if (entry.remaining <= 0) return;\n    entry.startedAt = Date.now();\n    entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);\n  }\n\n  private pauseTimer(entry: ActiveEntry): void {\n    if (!entry.timer) return;\n    clearTimeout(entry.timer);\n    entry.timer = undefined;\n    if (entry.startedAt) {\n      entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));\n    }\n  }\n\n  // Host plumbing\n\n  private ensureHost(position: WrToastPosition): void {\n    if (this.overlayRef) {\n      if (position !== this.currentPosition) this.setPosition(position);\n      return;\n    }\n\n    this.currentPosition = position;\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global(),\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      hasBackdrop: false,\n      panelClass: ['wr-toast-overlay'],\n    });\n\n    const portal = new ComponentPortal(WrToastHost);\n    this.hostRef = this.overlayRef.attach(portal);\n    this.hostRef.setInput('position', position);\n    this.hostRef.setInput('mode', this.currentMode);\n    this.hostRef.setInput('config', this.config);\n\n    const inst = this.hostRef.instance;\n    inst.dismissed.subscribe(id => this.dismiss(id));\n    inst.dismissAllRequested.subscribe(() => this.dismissAll());\n    inst.pauseRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.pauseTimer(entry);\n    });\n    inst.resumeRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.startTimer(entry);\n    });\n\n    this.watchForNewerOverlays();\n  }\n\n  /**\n   * Put the host back on top of the browser's top layer.\n   *\n   * The stacking rule here is not a z-index and cannot be fixed with one. CDK 22\n   * promotes every overlay by calling `showPopover()` on its host element, and\n   * the top layer is ordered by the MOMENT of promotion — a popover shown later\n   * paints over one shown earlier no matter what either element's z-index, DOM\n   * order or containing block says. The toast host is created once and kept\n   * alive until the last toast leaves, so its place in that order is frozen at\n   * whenever the first toast of the run appeared. Every dialog and drawer opened\n   * after that sits above it.\n   *\n   * The symptom was as bad as the mechanism is quiet: a toast raised from inside\n   * an open dialog rendered UNDER the dialog's backdrop, dimmed by it and\n   * hit-tested as it — so the close button was unreachable and clicking where it\n   * appeared closed the dialog instead. Nothing threw, and a toast with\n   * `duration: 0` never went away on its own.\n   *\n   * Hiding and re-showing moves the host to the end of the top layer. Both calls\n   * happen in one task, so there is no frame in which the host is `display:\n   * none` and nothing re-runs a toast's enter animation.\n   *\n   * Skipped while focus is inside the host: Chromium keeps focus across this\n   * pair, but the hide-popover algorithm is specified to restore focus to the\n   * previously focused element, and a host the user is already tabbing through\n   * is by definition reachable. In practice the two never coincide — a modal\n   * traps focus, so focus inside the host means nothing is above it to escape.\n   */\n  private raiseHost(): void {\n    const host = this.overlayRef?.hostElement;\n    // `usePopover` is off when the platform has no popover support (and on the\n    // server), and then there is no top layer to be at the wrong end of.\n    if (!host?.isConnected || !host.hasAttribute('popover')) return;\n    if (host.contains(host.ownerDocument.activeElement)) return;\n    try {\n      host.hidePopover();\n      host.showPopover();\n    } catch {\n      // `hidePopover` throws if the host is not showing — nothing to raise.\n    }\n  }\n\n  /**\n   * Re-raise the host whenever another overlay joins the container.\n   *\n   * `show()` covers the reported order (toast raised while a dialog is up). This\n   * covers the mirror image, which is the same defect seen from the other side:\n   * a toast already on screen when the dialog opens is left under it, unclickable\n   * for the rest of its duration, and no further `show()` is coming to fix it.\n   *\n   * Observing the host's own parent rather than a container resolved from the\n   * injector keeps this correct whether or not `provideWrOverlay()` is installed\n   * — the host is in whichever container it was actually appended to. Re-showing\n   * a popover moves nothing in the DOM, so this cannot re-trigger itself.\n   */\n  private watchForNewerOverlays(): void {\n    const parent = this.overlayRef?.hostElement.parentElement;\n    if (!parent || typeof MutationObserver === 'undefined') return;\n    this.containerObserver = new MutationObserver(() => this.raiseHost());\n    this.containerObserver.observe(parent, { childList: true });\n  }\n\n  /** Fill any free stack slots from the queue (FIFO), starting each promoted\n   * toast's auto-dismiss timer only as it becomes visible. */\n  private promoteFromQueue(): void {\n    const max = this.config.maxStack;\n    while ((max <= 0 || this.active.length < max) && this.queue.length > 0) {\n      const [next, ...rest] = this.queue;\n      this.queue = rest;\n      this.active = [...this.active, next];\n      this.startTimer(next);\n    }\n  }\n\n  private pushToHost(): void {\n    this.hostRef?.instance.toasts.set([...this.active]);\n    this.hostRef?.instance.queued.set(this.queue.length);\n  }\n\n  private disposeHost(): void {\n    this.containerObserver?.disconnect();\n    this.containerObserver = null;\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n      this.hostRef = null;\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ApplicationRef,\n  ENVIRONMENT_INITIALIZER,\n  type EnvironmentProviders,\n  EnvironmentInjector,\n  inject,\n  isDevMode,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from './default-toast-config';\nimport type { WrToastConfig } from './interfaces';\nimport { WR_TOAST_CONFIG } from './tokens';\n\n/**\n * Registers a global {@link WrToastConfig} for {@link WrToast}. Any\n * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`\n * sub-object is merged separately so you can override a single string at a\n * time (useful for i18n).\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrToastConfig({\n *       position: 'bottom-end',\n *       showCopy: true,\n *       maxStack: 3,\n *       labels: { close: 'Закрыть' },\n *     }),\n *   ],\n * });\n * ```\n *\n * **Bootstrap only, and the three ngwr providers differ here.** {@link WrToast}\n * is root-provided, so it reads this token once from the ROOT injector — a\n * `provideWrToastConfig()` in a route's `providers` is never seen, and used to\n * be ignored in silence. It now warns in dev mode instead. By contrast\n * `provideWrConfig()` IS read per route, because components resolve it from\n * their own injector, and `provideWrIcons()` works at any level and chains, so\n * a route may add icons to the set its parent registered.\n */\nexport function provideWrToastConfig(\n  config: Partial<Omit<WrToastConfig, 'labels'>> & { readonly labels?: Partial<WrToastConfig['labels']> }\n): EnvironmentProviders {\n  const merged: WrToastConfig = {\n    ...DEFAULT_TOAST_CONFIG,\n    ...config,\n    labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },\n  };\n  return makeEnvironmentProviders([\n    { provide: WR_TOAST_CONFIG, useValue: merged },\n    ...(isDevMode()\n      ? [\n          {\n            provide: ENVIRONMENT_INITIALIZER,\n            multi: true,\n            useValue: (): void => {\n              // Compared by identity against the application's own injector: a\n              // route creates a child EnvironmentInjector, and the root-provided\n              // service will resolve the token from the root regardless of what\n              // this one holds. Reported here rather than at the call site,\n              // because a provider function cannot know where it was spread.\n              const here = inject(EnvironmentInjector);\n              if (here !== inject(ApplicationRef).injector) {\n                // eslint-disable-next-line no-console -- dev-mode misconfiguration diagnostic\n                console.warn(\n                  '[NGWR] provideWrToastConfig() is in a route or child injector, where WrToast will never read it — ' +\n                    'the service is root-provided and resolves WR_TOAST_CONFIG once, from the root. Move it to the ' +\n                    'application providers, or set the same fields per call on toast.show().'\n                );\n              }\n            },\n          },\n        ]\n      : []),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-toolbar.mjs

@@ -37,10 +37,10 @@ class WrToolbar {
      * adapts inside a narrow column or split pane). @default false
      */
     responsive = input(false, { ...(ngDevMode ? { debugName: "responsive" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: WrToolbar, isStandalone: true, selector: "wr-toolbar", inputs: { responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "class.wr-toolbar--responsive": "responsive()" }, classAttribute: "wr-toolbar" }, ngImport: i0, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrToolbar, isStandalone: true, selector: "wr-toolbar", inputs: { responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "class.wr-toolbar--responsive": "responsive()" }, classAttribute: "wr-toolbar" }, ngImport: i0, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrToolbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToolbar, decorators: [{
             type: Component,
             args: [{ selector: 'wr-toolbar', encapsulation: ViewEncapsulation.None, host: { class: 'wr-toolbar', role: 'toolbar', '[class.wr-toolbar--responsive]': 'responsive()' }, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n" }]
         }], propDecorators: { responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }] } });

package/fesm2022/ngwr-tour.mjs

@@ -50,10 +50,10 @@ class WrTourPopup {
         return title ? `${title} — ${this.progressText()}` : this.progressText();
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTourPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrTourPopup, isStandalone: true, selector: "wr-tour-popup", host: { attributes: { "role": "dialog", "aria-modal": "true" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "wr-tour-popup" }, ngImport: i0, template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <!-- The three buttons are told apart by a class rather than by their position in\n       the row: the back button is conditional, so an index means one thing on the\n       first step and another everywhere else \u2014 and the labels are translated. -->\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"medium\"\n    outlined\n    class=\"wr-tour-popup__action wr-tour-popup__action--skip\"\n    (click)=\"tour.stop()\"\n  >\n    {{ skipLabel() }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button\n      wr-btn\n      type=\"button\"\n      size=\"sm\"\n      outlined\n      class=\"wr-tour-popup__action wr-tour-popup__action--back\"\n      (click)=\"tour.prev()\"\n    >\n      {{ backLabel() }}\n    </button>\n  }\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"primary\"\n    class=\"wr-tour-popup__action wr-tour-popup__action--next\"\n    (click)=\"tour.next()\"\n  >\n    {{ isLast() ? doneLabel() : nextLabel() }}\n  </button>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "disabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTourPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrTourPopup, isStandalone: true, selector: "wr-tour-popup", host: { attributes: { "role": "dialog", "aria-modal": "true" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "wr-tour-popup" }, ngImport: i0, template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <!-- The three buttons are told apart by a class rather than by their position in\n       the row: the back button is conditional, so an index means one thing on the\n       first step and another everywhere else \u2014 and the labels are translated. -->\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"medium\"\n    outlined\n    class=\"wr-tour-popup__action wr-tour-popup__action--skip\"\n    (click)=\"tour.stop()\"\n  >\n    {{ skipLabel() }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button\n      wr-btn\n      type=\"button\"\n      size=\"sm\"\n      outlined\n      class=\"wr-tour-popup__action wr-tour-popup__action--back\"\n      (click)=\"tour.prev()\"\n    >\n      {{ backLabel() }}\n    </button>\n  }\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"primary\"\n    class=\"wr-tour-popup__action wr-tour-popup__action--next\"\n    (click)=\"tour.next()\"\n  >\n    {{ isLast() ? doneLabel() : nextLabel() }}\n  </button>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "disabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTourPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTourPopup, decorators: [{
             type: Component,
             args: [{ selector: 'wr-tour-popup', encapsulation: ViewEncapsulation.None, host: { class: 'wr-tour-popup', role: 'dialog', 'aria-modal': 'true', '[attr.aria-label]': 'ariaLabel()' }, imports: [WrButton], template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <!-- The three buttons are told apart by a class rather than by their position in\n       the row: the back button is conditional, so an index means one thing on the\n       first step and another everywhere else \u2014 and the labels are translated. -->\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"medium\"\n    outlined\n    class=\"wr-tour-popup__action wr-tour-popup__action--skip\"\n    (click)=\"tour.stop()\"\n  >\n    {{ skipLabel() }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button\n      wr-btn\n      type=\"button\"\n      size=\"sm\"\n      outlined\n      class=\"wr-tour-popup__action wr-tour-popup__action--back\"\n      (click)=\"tour.prev()\"\n    >\n      {{ backLabel() }}\n    </button>\n  }\n  <button\n    wr-btn\n    type=\"button\"\n    size=\"sm\"\n    color=\"primary\"\n    class=\"wr-tour-popup__action wr-tour-popup__action--next\"\n    (click)=\"tour.next()\"\n  >\n    {{ isLast() ? doneLabel() : nextLabel() }}\n  </button>\n</div>\n" }]
         }] });
@@ -325,10 +325,10 @@ class WrTour {
     isRtl() {
         return this.dir?.value === 'rtl';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTour, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.5", ngImport: i0, type: WrTour });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTour, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrTour });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTour, decorators: [{
             type: Service
         }], ctorParameters: () => [] });
 

package/fesm2022/ngwr-transfer.mjs

@@ -1,6 +1,6 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { input, model, output, signal, computed, ViewEncapsulation, Component } from '@angular/core';
+import { input, model, output, signal, computed, isDevMode, inject, ElementRef, Injector, afterNextRender, ViewEncapsulation, Component } from '@angular/core';
 import { WrButton } from 'ngwr/button';
 import { WrCheckbox } from 'ngwr/checkbox';
 import { useFormFieldAria, WR_FORM_FIELD } from 'ngwr/form';
@@ -102,6 +102,17 @@ class WrTransfer {
     resolvedSearch = useI18nText(this.searchPlaceholder, 'transfer.search', 'Search');
     resolvedEmpty = useI18nText(this.emptyText, 'transfer.empty', 'Nothing here');
     resolvedSelectAll = useI18nText(this.selectAllLabel, 'transfer.selectAll', 'Select all');
+    /**
+     * The select-all checkbox's accessible name, composed IN THE CATALOG.
+     *
+     * It used to be a template literal — `` `${title} — ${selectAll}` `` — which
+     * froze both the separator and the operand order into English. A translator
+     * could change each half and not the sentence they make, which is the exact
+     * defect the calendar and event-calendar catalogs were rewritten to remove.
+     * The key ships as `{{pane}} — {{action}}` in every locale, so nothing reads
+     * differently today and every locale can now reorder it without a code change.
+     */
+    selectAllAria = useI18nFormatter('transfer.selectAllAria', '{{pane}} — {{action}}');
     resolvedToTarget = useI18nText(this.toTargetLabel, 'transfer.toTarget', 'Move to selected');
     resolvedToSource = useI18nText(this.toSourceLabel, 'transfer.toSource', 'Move to available');
     /** `{{checked}} / {{total}}` under each heading. @internal */
@@ -129,13 +140,44 @@ class WrTransfer {
     ...(ngDevMode ? [{ debugName: "valueSet" }] : /* istanbul ignore next */ []));
     source = computed(() => this.pane(this.items().filter(item => !this.valueSet().has(item.value)), this.sourceQuery(), this.sourceChecked()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
-    target = computed(() => this.pane(
-    // Right-pane order follows `value`, not `items`: the order a user built is
-    // the one they expect to read back.
-    this.selected()
-        .map(v => this.items().find(item => item.value === v))
-        .filter((item) => item !== undefined), this.targetQuery(), this.targetChecked()), /* @ts-ignore */
+    target = computed(() => {
+        // Right-pane order follows `value`, not `items`: the order a user built is
+        // the one they expect to read back.
+        const rows = this.selected()
+            .map(v => this.items().find(item => item.value === v))
+            .filter((item) => item !== undefined);
+        if (isDevMode() && rows.length !== this.selected().length)
+            this.warnAboutOrphans();
+        return this.pane(rows, this.targetQuery(), this.targetChecked());
+    }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    /**
+     * Say something when `value` holds a value no `items` entry matches.
+     *
+     * Such a value is in NEITHER pane — the left one filters out anything already
+     * selected and the right one can only render rows it found — and the header
+     * counts the rows it shows, so nothing on screen contradicts anything. The
+     * result is a value the user can neither see nor remove, and no sign that it
+     * is there.
+     *
+     * A warning rather than an invented row, which matches how the library treats
+     * the same question elsewhere: `wr-select` renders a value outside its option
+     * list only under an explicit `freeText`, so an unmatched value is a mode a
+     * consumer opts into, not a shape a component guesses at. It also stays quiet
+     * about the common transient case — `items` arriving after `value` — because
+     * the message names the values and a developer can see them settle.
+     */
+    warnAboutOrphans() {
+        const known = new Set(this.items().map(item => item.value));
+        const orphans = this.selected().filter(v => !known.has(v));
+        if (orphans.length === 0)
+            return;
+        // eslint-disable-next-line no-console -- dev-mode validation
+        console.warn(`[NGWR] <wr-transfer>: ${orphans.length} value(s) in \`value\` match no \`items\` entry ` +
+            `and are rendered in neither pane, so a user can neither see nor remove them: ` +
+            `${orphans.map(v => JSON.stringify(v)).join(', ')}. ` +
+            `If \`items\` loads after \`value\`, this settles on its own.`);
+    }
     canMoveRight = computed(() => !this.disabled() && !this.readonly() && this.source().checkedCount > 0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "canMoveRight" }] : /* istanbul ignore next */ []));
     canMoveLeft = computed(() => !this.disabled() && !this.readonly() && this.target().checkedCount > 0, /* @ts-ignore */
@@ -183,6 +225,39 @@ class WrTransfer {
         const query = event.target?.value ?? '';
         (pane === 'source' ? this.sourceQuery : this.targetQuery).set(query);
     }
+    host = inject(ElementRef);
+    injector = inject(Injector);
+    /**
+     * Keep focus in the widget after a move.
+     *
+     * A move empties the pane's staging set, which is exactly what disables the
+     * button that was just pressed — so the element holding DOM focus went
+     * `disabled` as a RESULT of its own activation and the browser dropped focus
+     * to `<body>`. From there the next Tab restarts at the top of the document,
+     * which for a keyboard user is being thrown out of a control they were in the
+     * middle of using.
+     *
+     * The landing is the FIRST ROW OF THE PANE THE ROWS ARRIVED IN, and the
+     * obvious alternative does not work: after a move BOTH buttons are disabled,
+     * because each needs something ticked and the move cleared the tick on one
+     * side and arrived unticked on the other. The rows that just moved are where
+     * the user's attention is and where the next action lives, so that is where
+     * focus goes.
+     *
+     * `afterNextRender`, not `queueMicrotask`: under zoneless CD the microtask
+     * runs before the moved rows are in the DOM, so the focus call would land on
+     * the pane as it was before the move.
+     */
+    restoreFocusAfterMove(landing) {
+        afterNextRender(() => {
+            const root = this.host.nativeElement;
+            const pane = landing === 'target'
+                ? root.querySelector('.wr-transfer__pane--target')
+                : root.querySelector('.wr-transfer__pane:not(.wr-transfer__pane--target)');
+            const row = pane?.querySelector('.wr-transfer__item input:not([disabled])');
+            row?.focus();
+        }, { injector: this.injector });
+    }
     moveRight() {
         if (this.disabled() || this.readonly())
             return;
@@ -196,6 +271,7 @@ class WrTransfer {
         this.value.set([...this.selected(), ...moving]);
         this.sourceChecked.set([]);
         this.touch.emit();
+        this.restoreFocusAfterMove('target');
     }
     moveLeft() {
         if (this.disabled() || this.readonly())
@@ -206,6 +282,7 @@ class WrTransfer {
         this.value.set(this.selected().filter(v => !moving.has(v)));
         this.targetChecked.set([]);
         this.touch.emit();
+        this.restoreFocusAfterMove('source');
     }
     /** Filter, then derive the header state from what survived. */
     pane(rows, query, checked) {
@@ -223,10 +300,10 @@ class WrTransfer {
             someChecked: shown.length > 0 && shown.length < enabled.length,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTransfer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrTransfer, isStandalone: true, selector: "wr-transfer", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, sourceTitle: { classPropertyName: "sourceTitle", publicName: "sourceTitle", isSignal: true, isRequired: false, transformFunction: null }, targetTitle: { classPropertyName: "targetTitle", publicName: "targetTitle", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, toTargetLabel: { classPropertyName: "toTargetLabel", publicName: "toTargetLabel", isSignal: true, isRequired: false, transformFunction: null }, toSourceLabel: { classPropertyName: "toSourceLabel", publicName: "toSourceLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "attr.aria-invalid": "fieldAria.ariaInvalid()", "attr.aria-describedby": "fieldAria.describedBy()" } }, providers: [{ provide: WR_FORM_FIELD, useValue: null }], ngImport: i0, template: "<!--\n  Two panes and the buttons between them. Each pane is a PLAIN `<ul>` of\n  checkboxes, deliberately: dressing it as a `role=\"listbox\"` of `role=\"option\"`\n  rows reads better in the abstract but is invalid \u2014 an option may not contain an\n  interactive control, and the axe gate says so. The checkbox is the thing the\n  user operates, so it is the thing the semantics should describe; the pane\n  heading names the group.\n-->\n@for (pane of panes; track pane) {\n  @let state = pane === 'source' ? source() : target();\n  @let title = pane === 'source' ? resolvedSourceTitle() : resolvedTargetTitle();\n\n  <div class=\"wr-transfer__pane\" [class.wr-transfer__pane--target]=\"pane === 'target'\">\n    <div class=\"wr-transfer__head\">\n      <wr-checkbox\n        size=\"sm\"\n        [checked]=\"state.allChecked\"\n        [indeterminate]=\"state.someChecked\"\n        [disabled]=\"disabled() || state.enabledCount === 0\"\n        [readonly]=\"readonly()\"\n        [ariaLabel]=\"`${title} \u2014 ${resolvedSelectAll()}`\"\n        (checkedChange)=\"toggleAll(pane, $event)\"\n      />\n      <span class=\"wr-transfer__title\">{{ title }}</span>\n      <span class=\"wr-transfer__count\">{{\n        countLabel({ checked: state.checkedCount, total: state.rows.length })\n      }}</span>\n    </div>\n\n    @if (searchable()) {\n      <div class=\"wr-transfer__search\">\n        <input\n          wrInput\n          size=\"sm\"\n          type=\"search\"\n          [placeholder]=\"resolvedSearch()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"`${title} \u2014 ${resolvedSearch()}`\"\n          (input)=\"onSearch(pane, $event)\"\n        />\n      </div>\n    }\n\n    <ul class=\"wr-transfer__list\" [attr.aria-label]=\"title\">\n      @for (item of state.rows; track item.value) {\n        <li class=\"wr-transfer__item\" [class.wr-transfer__item--disabled]=\"item.disabled\">\n          <wr-checkbox\n            size=\"sm\"\n            [checked]=\"isChecked(pane, item)\"\n            [disabled]=\"disabled() || !!item.disabled\"\n            [readonly]=\"readonly()\"\n            (checkedChange)=\"toggle(pane, item, $event)\"\n            (touch)=\"touch.emit()\"\n          >\n            {{ item.label }}\n          </wr-checkbox>\n        </li>\n      } @empty {\n        <li class=\"wr-transfer__empty\">{{ resolvedEmpty() }}</li>\n      }\n    </ul>\n  </div>\n\n  <!-- The buttons live between the panes, so they are emitted after the first. -->\n  @if (pane === 'source') {\n    <div class=\"wr-transfer__actions\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-target\"\n        [disabled]=\"!canMoveRight()\"\n        [attr.aria-label]=\"resolvedToTarget()\"\n        (click)=\"moveRight()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-source\"\n        [disabled]=\"!canMoveLeft()\"\n        [attr.aria-label]=\"resolvedToSource()\"\n        (click)=\"moveLeft()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n    </div>\n  }\n}\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "disabledWhenLoading"] }, { kind: "component", type: WrCheckbox, selector: "wr-checkbox", inputs: ["id", "checkboxValue", "ariaLabel", "checked", "disabled", "readonly", "size", "icon", "indeterminate"], outputs: ["checkedChange", "touch"] }, { kind: "directive", type: WrInput, selector: "input[wrInput], textarea[wrInput]", inputs: ["size", "rounded"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTransfer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrTransfer, isStandalone: true, selector: "wr-transfer", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, sourceTitle: { classPropertyName: "sourceTitle", publicName: "sourceTitle", isSignal: true, isRequired: false, transformFunction: null }, targetTitle: { classPropertyName: "targetTitle", publicName: "targetTitle", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, toTargetLabel: { classPropertyName: "toTargetLabel", publicName: "toTargetLabel", isSignal: true, isRequired: false, transformFunction: null }, toSourceLabel: { classPropertyName: "toSourceLabel", publicName: "toSourceLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "attr.aria-invalid": "fieldAria.ariaInvalid()", "attr.aria-describedby": "fieldAria.describedBy()" } }, providers: [{ provide: WR_FORM_FIELD, useValue: null }], ngImport: i0, template: "<!--\n  Two panes and the buttons between them. Each pane is a PLAIN `<ul>` of\n  checkboxes, deliberately: dressing it as a `role=\"listbox\"` of `role=\"option\"`\n  rows reads better in the abstract but is invalid \u2014 an option may not contain an\n  interactive control, and the axe gate says so. The checkbox is the thing the\n  user operates, so it is the thing the semantics should describe; the pane\n  heading names the group.\n-->\n@for (pane of panes; track pane) {\n  @let state = pane === 'source' ? source() : target();\n  @let title = pane === 'source' ? resolvedSourceTitle() : resolvedTargetTitle();\n\n  <div class=\"wr-transfer__pane\" [class.wr-transfer__pane--target]=\"pane === 'target'\">\n    <div class=\"wr-transfer__head\">\n      <wr-checkbox\n        size=\"sm\"\n        [checked]=\"state.allChecked\"\n        [indeterminate]=\"state.someChecked\"\n        [disabled]=\"disabled() || state.enabledCount === 0\"\n        [readonly]=\"readonly()\"\n        [ariaLabel]=\"selectAllAria({ action: resolvedSelectAll(), pane: title })\"\n        (checkedChange)=\"toggleAll(pane, $event)\"\n      />\n      <span class=\"wr-transfer__title\">{{ title }}</span>\n      <span class=\"wr-transfer__count\">{{\n        countLabel({ checked: state.checkedCount, total: state.rows.length })\n      }}</span>\n    </div>\n\n    @if (searchable()) {\n      <div class=\"wr-transfer__search\">\n        <input\n          wrInput\n          size=\"sm\"\n          type=\"search\"\n          [placeholder]=\"resolvedSearch()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"`${title} \u2014 ${resolvedSearch()}`\"\n          (input)=\"onSearch(pane, $event)\"\n        />\n      </div>\n    }\n\n    <ul class=\"wr-transfer__list\" [attr.aria-label]=\"title\">\n      @for (item of state.rows; track item.value) {\n        <li class=\"wr-transfer__item\" [class.wr-transfer__item--disabled]=\"item.disabled\">\n          <wr-checkbox\n            size=\"sm\"\n            [checked]=\"isChecked(pane, item)\"\n            [disabled]=\"disabled() || !!item.disabled\"\n            [readonly]=\"readonly()\"\n            (checkedChange)=\"toggle(pane, item, $event)\"\n            (touch)=\"touch.emit()\"\n          >\n            {{ item.label }}\n          </wr-checkbox>\n        </li>\n      } @empty {\n        <li class=\"wr-transfer__empty\">{{ resolvedEmpty() }}</li>\n      }\n    </ul>\n  </div>\n\n  <!-- The buttons live between the panes, so they are emitted after the first. -->\n  @if (pane === 'source') {\n    <div class=\"wr-transfer__actions\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-target\"\n        [disabled]=\"!canMoveRight()\"\n        [attr.aria-label]=\"resolvedToTarget()\"\n        (click)=\"moveRight()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-source\"\n        [disabled]=\"!canMoveLeft()\"\n        [attr.aria-label]=\"resolvedToSource()\"\n        (click)=\"moveLeft()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n    </div>\n  }\n}\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "disabledWhenLoading"] }, { kind: "component", type: WrCheckbox, selector: "wr-checkbox", inputs: ["id", "checkboxValue", "ariaLabel", "checked", "disabled", "readonly", "size", "icon", "indeterminate"], outputs: ["checkedChange", "touch"] }, { kind: "directive", type: WrInput, selector: "input[wrInput], textarea[wrInput]", inputs: ["size", "rounded"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrTransfer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTransfer, decorators: [{
             type: Component,
             args: [{ selector: 'wr-transfer', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -236,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                         role: 'group',
                         '[attr.aria-invalid]': 'fieldAria.ariaInvalid()',
                         '[attr.aria-describedby]': 'fieldAria.describedBy()',
-                    }, providers: [{ provide: WR_FORM_FIELD, useValue: null }], imports: [WrButton, WrCheckbox, WrInput], template: "<!--\n  Two panes and the buttons between them. Each pane is a PLAIN `<ul>` of\n  checkboxes, deliberately: dressing it as a `role=\"listbox\"` of `role=\"option\"`\n  rows reads better in the abstract but is invalid \u2014 an option may not contain an\n  interactive control, and the axe gate says so. The checkbox is the thing the\n  user operates, so it is the thing the semantics should describe; the pane\n  heading names the group.\n-->\n@for (pane of panes; track pane) {\n  @let state = pane === 'source' ? source() : target();\n  @let title = pane === 'source' ? resolvedSourceTitle() : resolvedTargetTitle();\n\n  <div class=\"wr-transfer__pane\" [class.wr-transfer__pane--target]=\"pane === 'target'\">\n    <div class=\"wr-transfer__head\">\n      <wr-checkbox\n        size=\"sm\"\n        [checked]=\"state.allChecked\"\n        [indeterminate]=\"state.someChecked\"\n        [disabled]=\"disabled() || state.enabledCount === 0\"\n        [readonly]=\"readonly()\"\n        [ariaLabel]=\"`${title} \u2014 ${resolvedSelectAll()}`\"\n        (checkedChange)=\"toggleAll(pane, $event)\"\n      />\n      <span class=\"wr-transfer__title\">{{ title }}</span>\n      <span class=\"wr-transfer__count\">{{\n        countLabel({ checked: state.checkedCount, total: state.rows.length })\n      }}</span>\n    </div>\n\n    @if (searchable()) {\n      <div class=\"wr-transfer__search\">\n        <input\n          wrInput\n          size=\"sm\"\n          type=\"search\"\n          [placeholder]=\"resolvedSearch()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"`${title} \u2014 ${resolvedSearch()}`\"\n          (input)=\"onSearch(pane, $event)\"\n        />\n      </div>\n    }\n\n    <ul class=\"wr-transfer__list\" [attr.aria-label]=\"title\">\n      @for (item of state.rows; track item.value) {\n        <li class=\"wr-transfer__item\" [class.wr-transfer__item--disabled]=\"item.disabled\">\n          <wr-checkbox\n            size=\"sm\"\n            [checked]=\"isChecked(pane, item)\"\n            [disabled]=\"disabled() || !!item.disabled\"\n            [readonly]=\"readonly()\"\n            (checkedChange)=\"toggle(pane, item, $event)\"\n            (touch)=\"touch.emit()\"\n          >\n            {{ item.label }}\n          </wr-checkbox>\n        </li>\n      } @empty {\n        <li class=\"wr-transfer__empty\">{{ resolvedEmpty() }}</li>\n      }\n    </ul>\n  </div>\n\n  <!-- The buttons live between the panes, so they are emitted after the first. -->\n  @if (pane === 'source') {\n    <div class=\"wr-transfer__actions\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-target\"\n        [disabled]=\"!canMoveRight()\"\n        [attr.aria-label]=\"resolvedToTarget()\"\n        (click)=\"moveRight()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-source\"\n        [disabled]=\"!canMoveLeft()\"\n        [attr.aria-label]=\"resolvedToSource()\"\n        (click)=\"moveLeft()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n    </div>\n  }\n}\n" }]
+                    }, providers: [{ provide: WR_FORM_FIELD, useValue: null }], imports: [WrButton, WrCheckbox, WrInput], template: "<!--\n  Two panes and the buttons between them. Each pane is a PLAIN `<ul>` of\n  checkboxes, deliberately: dressing it as a `role=\"listbox\"` of `role=\"option\"`\n  rows reads better in the abstract but is invalid \u2014 an option may not contain an\n  interactive control, and the axe gate says so. The checkbox is the thing the\n  user operates, so it is the thing the semantics should describe; the pane\n  heading names the group.\n-->\n@for (pane of panes; track pane) {\n  @let state = pane === 'source' ? source() : target();\n  @let title = pane === 'source' ? resolvedSourceTitle() : resolvedTargetTitle();\n\n  <div class=\"wr-transfer__pane\" [class.wr-transfer__pane--target]=\"pane === 'target'\">\n    <div class=\"wr-transfer__head\">\n      <wr-checkbox\n        size=\"sm\"\n        [checked]=\"state.allChecked\"\n        [indeterminate]=\"state.someChecked\"\n        [disabled]=\"disabled() || state.enabledCount === 0\"\n        [readonly]=\"readonly()\"\n        [ariaLabel]=\"selectAllAria({ action: resolvedSelectAll(), pane: title })\"\n        (checkedChange)=\"toggleAll(pane, $event)\"\n      />\n      <span class=\"wr-transfer__title\">{{ title }}</span>\n      <span class=\"wr-transfer__count\">{{\n        countLabel({ checked: state.checkedCount, total: state.rows.length })\n      }}</span>\n    </div>\n\n    @if (searchable()) {\n      <div class=\"wr-transfer__search\">\n        <input\n          wrInput\n          size=\"sm\"\n          type=\"search\"\n          [placeholder]=\"resolvedSearch()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"`${title} \u2014 ${resolvedSearch()}`\"\n          (input)=\"onSearch(pane, $event)\"\n        />\n      </div>\n    }\n\n    <ul class=\"wr-transfer__list\" [attr.aria-label]=\"title\">\n      @for (item of state.rows; track item.value) {\n        <li class=\"wr-transfer__item\" [class.wr-transfer__item--disabled]=\"item.disabled\">\n          <wr-checkbox\n            size=\"sm\"\n            [checked]=\"isChecked(pane, item)\"\n            [disabled]=\"disabled() || !!item.disabled\"\n            [readonly]=\"readonly()\"\n            (checkedChange)=\"toggle(pane, item, $event)\"\n            (touch)=\"touch.emit()\"\n          >\n            {{ item.label }}\n          </wr-checkbox>\n        </li>\n      } @empty {\n        <li class=\"wr-transfer__empty\">{{ resolvedEmpty() }}</li>\n      }\n    </ul>\n  </div>\n\n  <!-- The buttons live between the panes, so they are emitted after the first. -->\n  @if (pane === 'source') {\n    <div class=\"wr-transfer__actions\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-target\"\n        [disabled]=\"!canMoveRight()\"\n        [attr.aria-label]=\"resolvedToTarget()\"\n        (click)=\"moveRight()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        color=\"primary\"\n        outlined\n        class=\"wr-transfer__move wr-transfer__move--to-source\"\n        [disabled]=\"!canMoveLeft()\"\n        [attr.aria-label]=\"resolvedToSource()\"\n        (click)=\"moveLeft()\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n    </div>\n  }\n}\n" }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], sourceTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceTitle", required: false }] }], targetTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetTitle", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], selectAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllLabel", required: false }] }], toTargetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toTargetLabel", required: false }] }], toSourceLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toSourceLabel", required: false }] }] } });
 
 /**