ngwr 14.4.0 → 14.5.1

package/fesm2022/ngwr-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-overlay.mjs","sources":["../../../projects/lib/overlay/wr-overlay-close.ts","../../../projects/lib/overlay/wr-mirror-offsets.ts","../../../projects/lib/overlay/wr-outside-click.ts","../../../projects/lib/overlay/wr-overlay-container.ts","../../../projects/lib/overlay/tokens/wr-overlay.token.ts","../../../projects/lib/overlay/tokens/wr-overlay-container.token.ts","../../../projects/lib/overlay/tokens/wr-responsive-overlays.token.ts","../../../projects/lib/overlay/provide-wr-overlay.ts","../../../projects/lib/overlay/provide-wr-responsive-overlays.ts","../../../projects/lib/overlay/ngwr-overlay.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\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\n/** The same 24×24 stroked ✕ the rest of the library's chrome draws (alert, toast, lightbox). */\nconst CLOSE_ICON_ATTRS: readonly (readonly [string, string])[] = [\n  ['class', 'wr-icon__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];\nconst CLOSE_ICON_PATHS: readonly string[] = ['M18 6 6 18', 'm6 6 12 12'];\n\n/**\n * Builds the ✕ node by node.\n *\n * It was one `innerHTML = CLOSE_ICON`, and the string was a compile-time\n * constant, so it was never an injection risk — it was an AVAILABILITY one.\n * Under `require-trusted-types-for 'script'` an `innerHTML` write throws\n * `TrustedHTML assignment` whatever the string is, and the throw landed after\n * the overlay was on screen: a modal with no ✕, no backdrop subscription and no\n * Escape handler, over the whole application. `createElementNS` is not a\n * Trusted Types sink, so there is nothing left to police.\n */\nfunction createCloseIcon(doc: Document): SVGSVGElement {\n  const svg = doc.createElementNS(SVG_NS, 'svg');\n  // `setAttribute`, not `.className` — on an SVG element that property is an\n  // `SVGAnimatedString` and assigning a string to it silently does nothing.\n  for (const [name, value] of CLOSE_ICON_ATTRS) svg.setAttribute(name, value);\n  for (const d of CLOSE_ICON_PATHS) {\n    const path = doc.createElementNS(SVG_NS, 'path');\n    path.setAttribute('d', d);\n    svg.appendChild(path);\n  }\n  return svg;\n}\n\n/**\n * Appends a dismiss (✕) button to a service-opened overlay panel.\n *\n * `WrDialog` and `WrDrawerManager` build their panel around a component the\n * consumer supplies, so there is no template of their own to put a corner button\n * in — they call this instead. Component-driven overlays (`<wr-drawer>`) render\n * the same markup in their template.\n *\n * Uses `host.ownerDocument` rather than the global `document`, so it carries no\n * hidden browser-only assumption; callers still gate on the platform because\n * they have nothing to append to on the server.\n *\n * @param host Panel element the button is appended to (and positioned against).\n * @param className BEM class for the button, e.g. `wr-dialog__close`.\n * @param label Accessible name — already localized by the caller.\n * @param onClose Invoked on click.\n */\nexport function wrAppendOverlayClose(\n  host: HTMLElement,\n  className: string,\n  label: string,\n  onClose: () => void\n): HTMLButtonElement {\n  const button = host.ownerDocument.createElement('button');\n  button.type = 'button';\n  button.className = className;\n  button.setAttribute('aria-label', label);\n  button.appendChild(createCloseIcon(host.ownerDocument));\n  button.addEventListener('click', onClose);\n  host.appendChild(button);\n  return button;\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 { ConnectedPosition } from '@angular/cdk/overlay';\n\n/**\n * Mirror the horizontal offsets of a connected-position list for RTL.\n *\n * The CDK mirrors `originX` / `overlayX` under `dir=\"rtl\"` — a `start` anchor\n * resolves to the origin's right edge — but it does NOT mirror `offsetX`, which\n * it adds to the final PHYSICAL x (`_getOffset` returns `position.offsetX`\n * verbatim). So a position that meant \"sit to the inline-start of the trigger,\n * 8px clear of it\" keeps its `-8` under RTL, where the panel is now on the\n * right: the gap becomes an 8px OVERLAP, and the panel sits on top of the thing\n * it is describing.\n *\n * Nothing in the CDK will do this for us, and the amount is per position, so\n * every ngwr overlay that offsets along the inline axis passes its list through\n * here. `offsetY` is untouched: the block axis does not flip.\n *\n * @example\n * ```ts\n * const dir = inject(Directionality, { optional: true });\n *\n * strategy.withPositions(wrMirrorOffsets(WR_POPOVER_POSITIONS[position], dir?.value === 'rtl'));\n * ```\n */\nexport function wrMirrorOffsets(positions: readonly ConnectedPosition[], isRtl: boolean): ConnectedPosition[] {\n  // Copied rather than mutated even when there is nothing to do: the position\n  // tables are module-level constants shared by every instance, so handing back\n  // the same objects invites a caller to write through them.\n  if (!isRtl) return positions.map(position => ({ ...position }));\n\n  return positions.map(position => ({\n    ...position,\n    ...(position.offsetX == null ? {} : { offsetX: -position.offsetX }),\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 { OverlayRef } from '@angular/cdk/overlay';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { PLATFORM_ID, Service, inject } from '@angular/core';\n\nimport { Observable, type Subscriber } from 'rxjs';\n\n/** One live subscription to `WrOutsideClick.outsidePointerEvents()`. */\ninterface Watcher {\n  readonly overlayRef: OverlayRef;\n  readonly subscriber: Subscriber<MouseEvent>;\n}\n\n/**\n * Shadow-piercing `event.target` — `composedPath()[0]` is the real originator\n * when the click started inside a shadow root, where `target` is retargeted to\n * the host.\n */\nfunction eventTarget(event: Event): EventTarget | null {\n  if (event.composedPath) {\n    try {\n      return event.composedPath()[0] ?? event.target;\n    } catch {\n      /* Detached / synthetic events can throw — fall through to `target`. */\n    }\n  }\n  return event.target;\n}\n\n/** `parent.contains(child)`, but stepping out of shadow roots through their hosts. */\nfunction containsAcrossShadow(parent: Node, child: EventTarget | null): boolean {\n  const hasShadowRoot = typeof ShadowRoot !== 'undefined';\n  let current = child as Node | null;\n  while (current) {\n    if (current === parent) return true;\n    current = hasShadowRoot && current instanceof ShadowRoot ? current.host : current.parentNode;\n  }\n  return false;\n}\n\n/**\n * Outside-click source for overlays — a drop-in replacement for\n * `OverlayRef.outsidePointerEvents()`.\n *\n * **Why this exists.** CDK's `OverlayOutsideClickDispatcher` binds its\n * listeners to `document.body`. When page content is shorter than the viewport,\n * a click in the empty space below it targets `<html>` — and `<html>` is\n * `body`'s *parent*, so the event bubbles straight to the document and `body`\n * never sees it. The overlay silently stays open. Listening on the document\n * itself catches both cases, and costs nothing else.\n *\n * Semantics are otherwise identical to the CDK's, deliberately:\n *\n * - Emits on `click` / `auxclick` / `contextmenu`, in the capture phase, and\n *   tracks `pointerdown` so a `click` is judged by where the press *started*\n *   (a drag that ends outside the pane doesn't count as an outside click).\n * - Walks watchers top-most first and stops at the first one that contains the\n *   event, so clicking inside a stacked overlay can't close the ones beneath\n *   it (a `wr-select` opened inside a `wr-popover`, say).\n * - Fires for the very click that opened the overlay, which is why every caller\n *   also ignores events landing on its own trigger.\n *\n * Registration is per subscription: the document listeners go up with the first\n * watcher and come down with the last, so an app with no open overlay has none.\n * That sentence was aspirational until v11 — see {@link outsidePointerEvents}.\n */\n@Service()\nexport class WrOutsideClick {\n  private readonly doc = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  /** In attach order — last is top-most. */\n  private readonly watchers: Watcher[] = [];\n  private cleanup: (() => void) | null = null;\n  private pressOrigin: EventTarget | null = null;\n\n  /**\n   * Emits every `click` / `auxclick` / `contextmenu` that lands outside the\n   * given overlay's pane, for as long as the overlay is attached.\n   *\n   * **It completes when the overlay detaches, and that is load-bearing.** Every\n   * one of the ten call sites subscribes inside its own `openOverlay()` and\n   * pipes `takeUntilDestroyed(destroyRef)` — a DIRECTIVE lifetime, not an\n   * overlay one — and none of them unsubscribes on close, because the natural\n   * reading of that idiom is \"this ends with the component\". Without the\n   * completion below the teardown never ran: one watcher accumulated per OPEN\n   * for the life of the page, each pinning a disposed `OverlayRef` (and through\n   * it a detached pane, its portal outlet and their injectors), the four\n   * capture-phase document listeners could never come down because\n   * `watchers.length` never reached zero, and every click on the page walked a\n   * list that only grew. A `mode=\"tooltip\"` popover made it unbounded — one\n   * permanent watcher per hover.\n   *\n   * Completing here rather than fixing ten call sites is deliberate: the next\n   * component to open an overlay would have made the same reasonable mistake.\n   * It is also what CDK's own `OverlayRef.outsidePointerEvents()` does.\n   */\n  outsidePointerEvents(overlayRef: OverlayRef): Observable<MouseEvent> {\n    return new Observable<MouseEvent>(subscriber => {\n      if (!this.isBrowser) return;\n\n      const watcher: Watcher = { overlayRef, subscriber };\n      this.watchers.push(watcher);\n      if (this.watchers.length === 1) this.listen();\n\n      // BOTH handlers, and the second one is not defensive padding. `dispose()`\n      // emits a detachment and then completes the subject, so a live overlay\n      // arrives through `next` — but a ref that was already disposed before\n      // anyone subscribed has nothing left to emit and arrives through\n      // `complete` alone. Listening for `next` only left exactly the watcher\n      // this whole change exists to remove.\n      const ended = (): void => subscriber.complete();\n      const detached = overlayRef.detachments().subscribe({ next: ended, complete: ended });\n\n      return () => {\n        detached.unsubscribe();\n        const index = this.watchers.indexOf(watcher);\n        if (index > -1) this.watchers.splice(index, 1);\n        if (!this.watchers.length) this.unlisten();\n      };\n    });\n  }\n\n  private readonly onPointerDown = (event: Event): void => {\n    this.pressOrigin = eventTarget(event);\n  };\n\n  private readonly onClick = (event: Event): void => {\n    const target = eventTarget(event);\n    // `detail > 0` means the click really came from a pointer press. A click\n    // activated by Enter or Space carries `detail: 0` and has no `pointerdown`\n    // of its own — so trusting a leftover origin there judged it by a press\n    // that belonged to something else entirely. A press inside the pane that\n    // never produced a click (a drag released off-window, a node removed under\n    // the finger, a cancelled touch) survives in `pressOrigin`, and the next\n    // keyboard activation anywhere on the page then read as \"inside\": the panel\n    // would not close, for keyboard users only.\n    const fromPointer = event.type === 'click' && (event as MouseEvent).detail > 0;\n    const origin = fromPointer && this.pressOrigin ? this.pressOrigin : target;\n    this.pressOrigin = null;\n\n    // Snapshot: a watcher that closes on this event unsubscribes synchronously,\n    // mutating `watchers` while we're walking it.\n    const watchers = this.watchers.slice();\n    for (let i = watchers.length - 1; i > -1; i--) {\n      const { overlayRef, subscriber } = watchers[i];\n      if (!overlayRef.hasAttached()) continue;\n\n      const pane = overlayRef.overlayElement;\n      if (containsAcrossShadow(pane, target) || containsAcrossShadow(pane, origin)) break;\n\n      subscriber.next(event as MouseEvent);\n    }\n  };\n\n  private listen(): void {\n    const options: AddEventListenerOptions = { capture: true };\n    const doc = this.doc;\n\n    doc.addEventListener('pointerdown', this.onPointerDown, options);\n    doc.addEventListener('click', this.onClick, options);\n    doc.addEventListener('auxclick', this.onClick, options);\n    doc.addEventListener('contextmenu', this.onClick, options);\n\n    this.cleanup = () => {\n      doc.removeEventListener('pointerdown', this.onPointerDown, options);\n      doc.removeEventListener('click', this.onClick, options);\n      doc.removeEventListener('auxclick', this.onClick, options);\n      doc.removeEventListener('contextmenu', this.onClick, options);\n    };\n  }\n\n  private unlisten(): void {\n    this.cleanup?.();\n    this.cleanup = null;\n    this.pressOrigin = 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 { OverlayContainer } from '@angular/cdk/overlay';\nimport { Service } from '@angular/core';\n\n/**\n * Custom CDK `OverlayContainer` subclass that tags its DOM element with\n * `.wr-overlay-container` in addition to CDK's own `.cdk-overlay-container`.\n *\n * Why: CDK uses a single overlay container per app — every CDK consumer\n * (this lib, Angular Material, NG-ZORRO, etc.) puts its overlays in the\n * same root element. With this class applied you can scope NGWR-specific\n * overlay styles via the tag, e.g.:\n *\n * ```scss\n * .wr-overlay-container .cdk-overlay-pane { z-index: 1100; }\n * ```\n *\n * It does **not** isolate two libraries that both subclass OverlayContainer\n * — the last provider wins. It does give NGWR overlays a stable CSS hook.\n */\n@Service()\nexport class WrOverlayContainer extends OverlayContainer {\n  protected override _createContainer(): void {\n    super._createContainer();\n    this._containerElement?.classList.add('wr-overlay-container');\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 { Overlay } from '@angular/cdk/overlay';\nimport { InjectionToken, inject } from '@angular/core';\n\n/**\n * Injection token for the CDK `Overlay` service NGWR components should\n * use to open panels.\n *\n * Defaults to CDK's root `Overlay` (shared with every other CDK consumer\n * in the app). Call `provideWrOverlay()` to bind it to an isolated\n * `Overlay` instance backed by a separate `OverlayContainer` — that way\n * NGWR overlays don't share the same DOM root with other libraries.\n *\n * @internal — directives/services inside the lib inject this instead of\n * CDK's `Overlay` directly.\n */\nexport const WR_OVERLAY = new InjectionToken<Overlay>('WR_OVERLAY', {\n  providedIn: 'root',\n  factory: () => inject(Overlay),\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 { OverlayContainer } from '@angular/cdk/overlay';\nimport { InjectionToken, inject } from '@angular/core';\n\n/**\n * Injection token for the overlay container NGWR components should use.\n *\n * Defaults to CDK's `OverlayContainer` — i.e. the same root element every\n * CDK consumer shares. Call `provideWrOverlay()` to replace it with an\n * isolated instance so NGWR overlays don't collide with other libraries.\n *\n * @internal\n */\nexport const WR_OVERLAY_CONTAINER = new InjectionToken<OverlayContainer>('WR_OVERLAY_CONTAINER', {\n  providedIn: 'root',\n  factory: () => inject(OverlayContainer),\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\n/** Configuration for responsive (bottom-sheet) overlay presentation. */\ninterface WrResponsiveOverlaysConfig {\n  /**\n   * Viewport width (CSS px) at or below which overlays present as a\n   * bottom-sheet instead of a floating panel. @default 640\n   */\n  readonly breakpoint: number;\n}\n\n/**\n * When set, overlay services (dialog, select, dropdown, …) present as a\n * slide-up bottom-sheet on viewports at or below `breakpoint`. `null`\n * (the default) keeps every overlay floating. Configure via\n * {@link provideWrResponsiveOverlays}; override per call with a\n * component's `responsive` option.\n *\n * @internal\n */\nconst WR_RESPONSIVE_OVERLAYS = new InjectionToken<WrResponsiveOverlaysConfig | null>('WR_RESPONSIVE_OVERLAYS', {\n  factory: () => null,\n});\n\n/**\n * Decide whether an overlay should present as a bottom-sheet for the\n * current viewport.\n *\n * - `responsive === true` — sheet on small viewports regardless of config.\n * - `responsive === false` — never a sheet.\n * - `responsive === undefined` — follow the global config (sheet when\n *   {@link provideWrResponsiveOverlays} is configured).\n *\n * SSR-safe: returns `false` when there's no `window`.\n *\n * @internal\n */\nfunction wrPresentAsSheet(responsive: boolean | undefined, config: WrResponsiveOverlaysConfig | null): boolean {\n  const enabled = responsive ?? config !== null;\n  if (!enabled || typeof window === 'undefined') return false;\n  return window.innerWidth <= (config?.breakpoint ?? 640);\n}\n\nexport { WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet };\nexport type { WrResponsiveOverlaysConfig };\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 { Overlay, OverlayContainer } from '@angular/cdk/overlay';\nimport {\n  EnvironmentInjector,\n  Injector,\n  type EnvironmentProviders,\n  inject,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\n\nimport { WrVisualViewport } from 'ngwr/platform';\n\nimport { WR_OVERLAY, WR_OVERLAY_CONTAINER } from './tokens';\nimport { WrOverlayContainer } from './wr-overlay-container';\n\n/**\n * Isolates NGWR overlays from other CDK consumers in the app.\n *\n * Without this call, NGWR overlays use CDK's root `Overlay` — they\n * render into the same `.cdk-overlay-container` element as Angular\n * Material, NG-ZORRO, etc. With it, NGWR gets its own `OverlayContainer`\n * (marked `.wr-overlay-container`) **and** its own `Overlay` service\n * instance — so styles, z-index, and lifecycle never collide.\n *\n * It does this by replacing two injection tokens:\n * - `WR_OVERLAY_CONTAINER` → custom `WrOverlayContainer` subclass\n * - `WR_OVERLAY` → a fresh `Overlay` instance built in a child injector\n *   that resolves `OverlayContainer` to the custom subclass\n *\n * CDK's own root `Overlay` / `OverlayContainer` are left untouched, so\n * other libraries keep working with their original container.\n *\n * @example\n * ```ts\n * import { provideWrOverlay } from 'ngwr/overlay';\n *\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrOverlay(),\n *   ],\n * });\n * ```\n */\nexport function provideWrOverlay(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    // Track the visual viewport app-wide so overlay sheets (and the\n    // command-palette) can lift above the on-screen keyboard. No-op on the\n    // server / in browsers without the API.\n    provideEnvironmentInitializer(() => void inject(WrVisualViewport)),\n    { provide: WR_OVERLAY_CONTAINER, useClass: WrOverlayContainer },\n    {\n      provide: WR_OVERLAY,\n      useFactory: (): Overlay => {\n        const parent = inject(EnvironmentInjector);\n        const container = inject(WR_OVERLAY_CONTAINER);\n\n        // Child injector resolves `OverlayContainer` to our subclass and\n        // creates a fresh `Overlay` instance bound to it. CDK's own root\n        // `Overlay` and `OverlayContainer` are untouched in the parent.\n        const child = Injector.create({\n          parent,\n          providers: [\n            { provide: OverlayContainer, useValue: container },\n            { provide: Overlay, useClass: Overlay },\n          ],\n        });\n\n        return child.get(Overlay);\n      },\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 { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { WR_RESPONSIVE_OVERLAYS, type WrResponsiveOverlaysConfig } from './tokens/wr-responsive-overlays.token';\n\n/**\n * Opt every NGWR overlay into responsive presentation — on viewports at or\n * below `breakpoint`, dialogs / selects / dropdowns and friends slide up as\n * a full-width bottom-sheet instead of a floating panel. Built on the same\n * overlay plumbing, so focus-trap, backdrop and scroll-blocking carry over.\n *\n * Individual components can still opt out (or in) per instance via their\n * `responsive` option.\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [provideWrOverlay(), provideWrResponsiveOverlays()],\n * });\n *\n * // Custom breakpoint:\n * provideWrResponsiveOverlays({ breakpoint: 768 });\n * ```\n */\nexport function provideWrResponsiveOverlays(config?: Partial<WrResponsiveOverlaysConfig>): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: WR_RESPONSIVE_OVERLAYS, useValue: { breakpoint: config?.breakpoint ?? 640 } },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEH,MAAM,MAAM,GAAG,4BAA4B;AAE3C;AACA,MAAM,gBAAgB,GAA2C;IAC/D,CAAC,OAAO,EAAE,cAAc,CAAC;IACzB,CAAC,SAAS,EAAE,WAAW,CAAC;IACxB,CAAC,MAAM,EAAE,MAAM,CAAC;IAChB,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1B,CAAC,cAAc,EAAE,GAAG,CAAC;IACrB,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC3B,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC5B,CAAC,aAAa,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,gBAAgB,GAAsB,CAAC,YAAY,EAAE,YAAY,CAAC;AAExE;;;;;;;;;;AAUG;AACH,SAAS,eAAe,CAAC,GAAa,EAAA;IACpC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC;;;AAG9C,IAAA,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,gBAAgB;AAAE,QAAA,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;AAC3E,IAAA,KAAK,MAAM,CAAC,IAAI,gBAAgB,EAAE;QAChC,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC;AAChD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;AACzB,QAAA,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,GAAG;AACZ;AAEA;;;;;;;;;;;;;;;;AAgBG;AACG,SAAU,oBAAoB,CAClC,IAAiB,EACjB,SAAiB,EACjB,KAAa,EACb,OAAmB,EAAA;IAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;AACzD,IAAA,MAAM,CAAC,IAAI,GAAG,QAAQ;AACtB,IAAA,MAAM,CAAC,SAAS,GAAG,SAAS;AAC5B,IAAA,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC;IACxC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACvD,IAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;AACzC,IAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACxB,IAAA,OAAO,MAAM;AACf;;AC7EA;;;;;AAKG;AAIH;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,eAAe,CAAC,SAAuC,EAAE,KAAc,EAAA;;;;AAIrF,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;IAE/D,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAK;AAChC,QAAA,GAAG,QAAQ;QACX,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AACpE,KAAA,CAAC,CAAC;AACL;;ACtBA;;;;AAIG;AACH,SAAS,WAAW,CAAC,KAAY,EAAA;AAC/B,IAAA,IAAI,KAAK,CAAC,YAAY,EAAE;AACtB,QAAA,IAAI;YACF,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM;QAChD;AAAE,QAAA,MAAM;;QAER;IACF;IACA,OAAO,KAAK,CAAC,MAAM;AACrB;AAEA;AACA,SAAS,oBAAoB,CAAC,MAAY,EAAE,KAAyB,EAAA;AACnE,IAAA,MAAM,aAAa,GAAG,OAAO,UAAU,KAAK,WAAW;IACvD,IAAI,OAAO,GAAG,KAAoB;IAClC,OAAO,OAAO,EAAE;QACd,IAAI,OAAO,KAAK,MAAM;AAAE,YAAA,OAAO,IAAI;AACnC,QAAA,OAAO,GAAG,aAAa,IAAI,OAAO,YAAY,UAAU,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,UAAU;IAC9F;AACA,IAAA,OAAO,KAAK;AACd;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;MAEU,cAAc,CAAA;AACR,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;IACtB,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;;IAGlD,QAAQ,GAAc,EAAE;IACjC,OAAO,GAAwB,IAAI;IACnC,WAAW,GAAuB,IAAI;AAE9C;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,IAAA,oBAAoB,CAAC,UAAsB,EAAA;AACzC,QAAA,OAAO,IAAI,UAAU,CAAa,UAAU,IAAG;YAC7C,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;AAErB,YAAA,MAAM,OAAO,GAAY,EAAE,UAAU,EAAE,UAAU,EAAE;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;AAC3B,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;gBAAE,IAAI,CAAC,MAAM,EAAE;;;;;;;YAQ7C,MAAM,KAAK,GAAG,MAAY,UAAU,CAAC,QAAQ,EAAE;AAC/C,YAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAErF,YAAA,OAAO,MAAK;gBACV,QAAQ,CAAC,WAAW,EAAE;gBACtB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC5C,IAAI,KAAK,GAAG,CAAC,CAAC;oBAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC9C,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM;oBAAE,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAA,CAAC;AACH,QAAA,CAAC,CAAC;IACJ;AAEiB,IAAA,aAAa,GAAG,CAAC,KAAY,KAAU;AACtD,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC;AACvC,IAAA,CAAC;AAEgB,IAAA,OAAO,GAAG,CAAC,KAAY,KAAU;AAChD,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;;;;;;;;;AASjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,IAAK,KAAoB,CAAC,MAAM,GAAG,CAAC;AAC9E,QAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,MAAM;AAC1E,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;;QAIvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AACtC,QAAA,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7C,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC9C,YAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;gBAAE;AAE/B,YAAA,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc;AACtC,YAAA,IAAI,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC;gBAAE;AAE9E,YAAA,UAAU,CAAC,IAAI,CAAC,KAAmB,CAAC;QACtC;AACF,IAAA,CAAC;IAEO,MAAM,GAAA;AACZ,QAAA,MAAM,OAAO,GAA4B,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;QAEpB,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;QAChE,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;QACpD,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;QACvD,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;AAE1D,QAAA,IAAI,CAAC,OAAO,GAAG,MAAK;YAClB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;YACnE,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;YACvD,GAAG,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;YAC1D,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;AAC/D,QAAA,CAAC;IACH;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,IAAI;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;uGA7GW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAd,cAAc,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B;;;ACxED;;;;;AAKG;AAKH;;;;;;;;;;;;;;;AAeG;AAEG,MAAO,kBAAmB,SAAQ,gBAAgB,CAAA;IACnC,gBAAgB,GAAA;QACjC,KAAK,CAAC,gBAAgB,EAAE;QACxB,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC;IAC/D;uGAJW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;AC1BD;;;;;AAKG;AAKH;;;;;;;;;;;AAWG;MACU,UAAU,GAAG,IAAI,cAAc,CAAU,YAAY,EAAE;AAClE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC;AAC/B,CAAA;;ACzBD;;;;;AAKG;AAKH;;;;;;;;AAQG;MACU,oBAAoB,GAAG,IAAI,cAAc,CAAmB,sBAAsB,EAAE;AAC/F,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,MAAM,CAAC,gBAAgB,CAAC;AACxC,CAAA;;ACtBD;;;;;AAKG;AAaH;;;;;;;;AAQG;AACH,MAAM,sBAAsB,GAAG,IAAI,cAAc,CAAoC,wBAAwB,EAAE;AAC7G,IAAA,OAAO,EAAE,MAAM,IAAI;AACpB,CAAA;AAED;;;;;;;;;;;;AAYG;AACH,SAAS,gBAAgB,CAAC,UAA+B,EAAE,MAAyC,EAAA;AAClG,IAAA,MAAM,OAAO,GAAG,UAAU,IAAI,MAAM,KAAK,IAAI;AAC7C,IAAA,IAAI,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,KAAK;IAC3D,OAAO,MAAM,CAAC,UAAU,KAAK,MAAM,EAAE,UAAU,IAAI,GAAG,CAAC;AACzD;;AChDA;;;;;AAKG;AAiBH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;SACa,gBAAgB,GAAA;AAC9B,IAAA,OAAO,wBAAwB,CAAC;;;;QAI9B,6BAA6B,CAAC,MAAM,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClE,QAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,kBAAkB,EAAE;AAC/D,QAAA;AACE,YAAA,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,MAAc;AACxB,gBAAA,MAAM,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC1C,gBAAA,MAAM,SAAS,GAAG,MAAM,CAAC,oBAAoB,CAAC;;;;AAK9C,gBAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;oBAC5B,MAAM;AACN,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE;AAClD,wBAAA,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;AACxC,qBAAA;AACF,iBAAA,CAAC;AAEF,gBAAA,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;YAC3B,CAAC;AACF,SAAA;AACF,KAAA,CAAC;AACJ;;AC9EA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,2BAA2B,CAAC,MAA4C,EAAA;AACtF,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,IAAI,GAAG,EAAE,EAAE;AACzF,KAAA,CAAC;AACJ;;AClCA;;AAEG;;;;"}
+{"version":3,"file":"ngwr-overlay.mjs","sources":["../../../projects/lib/overlay/wr-overlay-close.ts","../../../projects/lib/overlay/wr-follow-direction.ts","../../../projects/lib/overlay/wr-mirror-offsets.ts","../../../projects/lib/overlay/wr-outside-click.ts","../../../projects/lib/overlay/wr-overlay-container.ts","../../../projects/lib/overlay/tokens/wr-overlay.token.ts","../../../projects/lib/overlay/tokens/wr-overlay-container.token.ts","../../../projects/lib/overlay/tokens/wr-responsive-overlays.token.ts","../../../projects/lib/overlay/provide-wr-overlay.ts","../../../projects/lib/overlay/provide-wr-responsive-overlays.ts","../../../projects/lib/overlay/ngwr-overlay.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\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\n/** The same 24×24 stroked ✕ the rest of the library's chrome draws (alert, toast, lightbox). */\nconst CLOSE_ICON_ATTRS: readonly (readonly [string, string])[] = [\n  ['class', 'wr-icon__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];\nconst CLOSE_ICON_PATHS: readonly string[] = ['M18 6 6 18', 'm6 6 12 12'];\n\n/**\n * Builds the ✕ node by node.\n *\n * It was one `innerHTML = CLOSE_ICON`, and the string was a compile-time\n * constant, so it was never an injection risk — it was an AVAILABILITY one.\n * Under `require-trusted-types-for 'script'` an `innerHTML` write throws\n * `TrustedHTML assignment` whatever the string is, and the throw landed after\n * the overlay was on screen: a modal with no ✕, no backdrop subscription and no\n * Escape handler, over the whole application. `createElementNS` is not a\n * Trusted Types sink, so there is nothing left to police.\n */\nfunction createCloseIcon(doc: Document): SVGSVGElement {\n  const svg = doc.createElementNS(SVG_NS, 'svg');\n  // `setAttribute`, not `.className` — on an SVG element that property is an\n  // `SVGAnimatedString` and assigning a string to it silently does nothing.\n  for (const [name, value] of CLOSE_ICON_ATTRS) svg.setAttribute(name, value);\n  for (const d of CLOSE_ICON_PATHS) {\n    const path = doc.createElementNS(SVG_NS, 'path');\n    path.setAttribute('d', d);\n    svg.appendChild(path);\n  }\n  return svg;\n}\n\n/**\n * Appends a dismiss (✕) button to a service-opened overlay panel.\n *\n * `WrDialog` and `WrDrawerManager` build their panel around a component the\n * consumer supplies, so there is no template of their own to put a corner button\n * in — they call this instead. Component-driven overlays (`<wr-drawer>`) render\n * the same markup in their template.\n *\n * Uses `host.ownerDocument` rather than the global `document`, so it carries no\n * hidden browser-only assumption; callers still gate on the platform because\n * they have nothing to append to on the server.\n *\n * @param host Panel element the button is appended to (and positioned against).\n * @param className BEM class for the button, e.g. `wr-dialog__close`.\n * @param label Accessible name — already localized by the caller.\n * @param onClose Invoked on click.\n */\nexport function wrAppendOverlayClose(\n  host: HTMLElement,\n  className: string,\n  label: string,\n  onClose: () => void\n): HTMLButtonElement {\n  const button = host.ownerDocument.createElement('button');\n  button.type = 'button';\n  button.className = className;\n  button.setAttribute('aria-label', label);\n  button.appendChild(createCloseIcon(host.ownerDocument));\n  button.addEventListener('click', onClose);\n  host.appendChild(button);\n  return button;\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 { Direction, Directionality } from '@angular/cdk/bidi';\nimport type { OverlayRef } from '@angular/cdk/overlay';\nimport { type Injector, effect, untracked } from '@angular/core';\n\nimport { Subscription } from 'rxjs';\n\nimport { noop } from 'ngwr/utils';\n\n/**\n * Keep an OPEN overlay on the application's reading direction.\n *\n * The CDK reads the direction ONCE, as a string, when the overlay is created\n * (`overlayConfig.direction ||= directionality.value`), writes it as the host's\n * `dir` on attach, and never looks at it again — `updatePosition()` does not\n * touch it and `setDirection()` is the only thing that does. So an application\n * that flips direction while a panel is open mirrors the page and leaves the\n * panel behind, still `ltr`, still resolving `start` to the left. This site's\n * own LTR/RTL switch is the demonstration: it lives inside a `wr-dropdown`, and\n * the `wr-segmented` it is built from reads `Directionality` live — so the thumb\n * slides to the other slot while the pane around it still renders `ltr`, and\n * parks under the wrong label.\n *\n * Call it once per `OverlayRef`, right after `overlay.create(...)`. The follower\n * ends itself when that overlay detaches or is disposed, so a reopen — which is\n * always a NEW ref in this library — needs a new call, and the returned teardown\n * is only for stopping early.\n *\n * `onDirectionChange` is for the sites whose position LIST is itself\n * direction-dependent (the four that pass their table through\n * {@link wrMirrorOffsets}): it runs with the new direction already on the ref\n * and before the overlay repositions, so the strategy is carrying the mirrored\n * offsets by the time the CDK re-resolves them.\n *\n * SSR-safe: it touches no browser global of its own, and the CDK's position\n * strategies no-op off the browser, so a flip on the server only rewrites the\n * attribute.\n *\n * @param overlayRef The overlay to keep in step, freshly created.\n * @param dir The `Directionality` the caller injected. `null` — an optional\n *   inject with no provider, i.e. a bare `TestBed` — means there is nothing\n *   ambient to follow and this does nothing at all.\n * @param injector Owns the `valueSignal` watch; the caller's own is right.\n * @param onDirectionChange Re-applies direction-dependent state, e.g.\n *   `strategy.withPositions(wrMirrorOffsets(TABLE, direction === 'rtl'))`.\n * @returns Stops following. Idempotent, and unnecessary in the normal case.\n *\n * @example\n * ```ts\n * this.overlayRef = this.overlay.create({ positionStrategy, ... });\n * wrFollowDirection(this.overlayRef, this.dir, this.injector, direction =>\n *   positionStrategy.withPositions(\n *     wrMirrorOffsets(WR_POPCONFIRM_POSITIONS[this.position()], direction === 'rtl')\n *   )\n * );\n * ```\n */\nexport function wrFollowDirection(\n  overlayRef: OverlayRef,\n  dir: Directionality | null,\n  injector: Injector,\n  onDirectionChange?: (direction: Direction) => void\n): () => void {\n  if (!dir) return noop;\n\n  const apply = (next: Direction): void => {\n    // Comparing against the REF rather than a direction captured up here does\n    // three jobs at once: the watch's mandatory first run is a no-op, a flip\n    // that arrives down both channels is applied once, and a same-value write\n    // never yanks a panel the user is reading.\n    if (next === overlayRef.getDirection()) return;\n\n    overlayRef.setDirection(next); // rewrites the host's `dir`; it does NOT reposition\n    onDirectionChange?.(next); // the caller re-mirrors its position list here\n    overlayRef.updatePosition(); // re-resolves start/end against the direction just set\n  };\n\n  // Two channels, because they are not the same thing. `valueSignal` is the\n  // state — `Directionality.value` is a getter over it, so nothing can change\n  // direction without writing it. `change` is an EventEmitter the root instance\n  // never emits: it reads the document once at construction and only completes\n  // the emitter on destroy, so it belongs to the `[dir]` directive (and to an\n  // app, like this site's header, that emits it by hand as a courtesy). Keying\n  // on `change` alone would be dead for an app that just writes the signal;\n  // keying on the signal alone would ignore the `{ value, change }` test double\n  // that a dozen of the library's RTL specs hand their component.\n  //\n  // `untracked` because of WHERE this is called from: half the call sites open\n  // their overlay out of an `effect(() => { if (this.isOpen()) … })`, and\n  // `effect()` refuses in dev mode to be created inside a reactive context.\n  // Laundering only the CREATION is exactly right — the watch below still\n  // depends on `valueSignal` and on nothing else.\n  const watch = untracked(() =>\n    effect(\n      () => {\n        // Read as a plain optional function rather than as a `Signal`, because\n        // the case being guarded is a double that has no signal at all: falling\n        // back to `value` registers no dependency, so the watch simply never\n        // re-runs and `change` carries that case on its own.\n        const read: (() => Direction) | undefined = dir.valueSignal;\n        apply(read ? read() : dir.value);\n      },\n      { injector }\n    )\n  );\n\n  // rxjs owns the teardown, and an `OverlayRef` is why. Open and close happen in\n  // an event handler or an effect, never in an injection context, so the idiom\n  // that suggests itself — `takeUntilDestroyed(destroyRef)` — would tie this to\n  // the DIRECTIVE's lifetime: a menu opened fifty times would leave fifty\n  // followers behind, each pinning a disposed ref. (`WrOutsideClick`'s JSDoc\n  // records that same mistake, made at ten call sites.) `detachments()` is the\n  // overlay's own lifetime and the one channel every dismissal goes through.\n  // And it is not hygiene: `setDirection()` writes through the host element\n  // `dispose()` nulls, so a watch that outlives its overlay THROWS on the next\n  // flip.\n  const teardown = new Subscription();\n  const stop = (): void => teardown.unsubscribe();\n\n  teardown.add(() => watch.destroy());\n  teardown.add(dir.change.subscribe(apply));\n  // Both handlers, for the reason `WrOutsideClick` gives: a live ref arrives\n  // through `next`, one already disposed before this call has only `complete`\n  // left to give.\n  teardown.add(overlayRef.detachments().subscribe({ next: stop, complete: stop }));\n\n  // `Subscription.unsubscribe()` is a no-op once closed, so the caller's copy of\n  // this and the automatic one cannot fight, and calling it twice is free.\n  return stop;\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 { ConnectedPosition } from '@angular/cdk/overlay';\n\n/**\n * Mirror the horizontal offsets of a connected-position list for RTL.\n *\n * The CDK mirrors `originX` / `overlayX` under `dir=\"rtl\"` — a `start` anchor\n * resolves to the origin's right edge — but it does NOT mirror `offsetX`, which\n * it adds to the final PHYSICAL x (`_getOffset` returns `position.offsetX`\n * verbatim). So a position that meant \"sit to the inline-start of the trigger,\n * 8px clear of it\" keeps its `-8` under RTL, where the panel is now on the\n * right: the gap becomes an 8px OVERLAP, and the panel sits on top of the thing\n * it is describing.\n *\n * Nothing in the CDK will do this for us, and the amount is per position, so\n * every ngwr overlay that offsets along the inline axis passes its list through\n * here. `offsetY` is untouched: the block axis does not flip.\n *\n * @example\n * ```ts\n * const dir = inject(Directionality, { optional: true });\n *\n * strategy.withPositions(wrMirrorOffsets(WR_POPOVER_POSITIONS[position], dir?.value === 'rtl'));\n * ```\n */\nexport function wrMirrorOffsets(positions: readonly ConnectedPosition[], isRtl: boolean): ConnectedPosition[] {\n  // Copied rather than mutated even when there is nothing to do: the position\n  // tables are module-level constants shared by every instance, so handing back\n  // the same objects invites a caller to write through them.\n  if (!isRtl) return positions.map(position => ({ ...position }));\n\n  return positions.map(position => ({\n    ...position,\n    ...(position.offsetX == null ? {} : { offsetX: -position.offsetX }),\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 { OverlayRef } from '@angular/cdk/overlay';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { PLATFORM_ID, Service, inject } from '@angular/core';\n\nimport { Observable, type Subscriber } from 'rxjs';\n\n/** One live subscription to `WrOutsideClick.outsidePointerEvents()`. */\ninterface Watcher {\n  readonly overlayRef: OverlayRef;\n  readonly subscriber: Subscriber<MouseEvent>;\n}\n\n/**\n * Shadow-piercing `event.target` — `composedPath()[0]` is the real originator\n * when the click started inside a shadow root, where `target` is retargeted to\n * the host.\n */\nfunction eventTarget(event: Event): EventTarget | null {\n  if (event.composedPath) {\n    try {\n      return event.composedPath()[0] ?? event.target;\n    } catch {\n      /* Detached / synthetic events can throw — fall through to `target`. */\n    }\n  }\n  return event.target;\n}\n\n/** `parent.contains(child)`, but stepping out of shadow roots through their hosts. */\nfunction containsAcrossShadow(parent: Node, child: EventTarget | null): boolean {\n  const hasShadowRoot = typeof ShadowRoot !== 'undefined';\n  let current = child as Node | null;\n  while (current) {\n    if (current === parent) return true;\n    current = hasShadowRoot && current instanceof ShadowRoot ? current.host : current.parentNode;\n  }\n  return false;\n}\n\n/**\n * Outside-click source for overlays — a drop-in replacement for\n * `OverlayRef.outsidePointerEvents()`.\n *\n * **Why this exists.** CDK's `OverlayOutsideClickDispatcher` binds its\n * listeners to `document.body`. When page content is shorter than the viewport,\n * a click in the empty space below it targets `<html>` — and `<html>` is\n * `body`'s *parent*, so the event bubbles straight to the document and `body`\n * never sees it. The overlay silently stays open. Listening on the document\n * itself catches both cases, and costs nothing else.\n *\n * Semantics are otherwise identical to the CDK's, deliberately:\n *\n * - Emits on `click` / `auxclick` / `contextmenu`, in the capture phase, and\n *   tracks `pointerdown` so a `click` is judged by where the press *started*\n *   (a drag that ends outside the pane doesn't count as an outside click).\n * - Walks watchers top-most first and stops at the first one that contains the\n *   event, so clicking inside a stacked overlay can't close the ones beneath\n *   it (a `wr-select` opened inside a `wr-popover`, say).\n * - Fires for the very click that opened the overlay, which is why every caller\n *   also ignores events landing on its own trigger.\n *\n * Registration is per subscription: the document listeners go up with the first\n * watcher and come down with the last, so an app with no open overlay has none.\n * That sentence was aspirational until v11 — see {@link outsidePointerEvents}.\n */\n@Service()\nexport class WrOutsideClick {\n  private readonly doc = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  /** In attach order — last is top-most. */\n  private readonly watchers: Watcher[] = [];\n  private cleanup: (() => void) | null = null;\n  private pressOrigin: EventTarget | null = null;\n\n  /**\n   * Emits every `click` / `auxclick` / `contextmenu` that lands outside the\n   * given overlay's pane, for as long as the overlay is attached.\n   *\n   * **It completes when the overlay detaches, and that is load-bearing.** Every\n   * one of the ten call sites subscribes inside its own `openOverlay()` and\n   * pipes `takeUntilDestroyed(destroyRef)` — a DIRECTIVE lifetime, not an\n   * overlay one — and none of them unsubscribes on close, because the natural\n   * reading of that idiom is \"this ends with the component\". Without the\n   * completion below the teardown never ran: one watcher accumulated per OPEN\n   * for the life of the page, each pinning a disposed `OverlayRef` (and through\n   * it a detached pane, its portal outlet and their injectors), the four\n   * capture-phase document listeners could never come down because\n   * `watchers.length` never reached zero, and every click on the page walked a\n   * list that only grew. A `mode=\"tooltip\"` popover made it unbounded — one\n   * permanent watcher per hover.\n   *\n   * Completing here rather than fixing ten call sites is deliberate: the next\n   * component to open an overlay would have made the same reasonable mistake.\n   * It is also what CDK's own `OverlayRef.outsidePointerEvents()` does.\n   */\n  outsidePointerEvents(overlayRef: OverlayRef): Observable<MouseEvent> {\n    return new Observable<MouseEvent>(subscriber => {\n      if (!this.isBrowser) return;\n\n      const watcher: Watcher = { overlayRef, subscriber };\n      this.watchers.push(watcher);\n      if (this.watchers.length === 1) this.listen();\n\n      // BOTH handlers, and the second one is not defensive padding. `dispose()`\n      // emits a detachment and then completes the subject, so a live overlay\n      // arrives through `next` — but a ref that was already disposed before\n      // anyone subscribed has nothing left to emit and arrives through\n      // `complete` alone. Listening for `next` only left exactly the watcher\n      // this whole change exists to remove.\n      const ended = (): void => subscriber.complete();\n      const detached = overlayRef.detachments().subscribe({ next: ended, complete: ended });\n\n      return () => {\n        detached.unsubscribe();\n        const index = this.watchers.indexOf(watcher);\n        if (index > -1) this.watchers.splice(index, 1);\n        if (!this.watchers.length) this.unlisten();\n      };\n    });\n  }\n\n  private readonly onPointerDown = (event: Event): void => {\n    this.pressOrigin = eventTarget(event);\n  };\n\n  private readonly onClick = (event: Event): void => {\n    const target = eventTarget(event);\n    // `detail > 0` means the click really came from a pointer press. A click\n    // activated by Enter or Space carries `detail: 0` and has no `pointerdown`\n    // of its own — so trusting a leftover origin there judged it by a press\n    // that belonged to something else entirely. A press inside the pane that\n    // never produced a click (a drag released off-window, a node removed under\n    // the finger, a cancelled touch) survives in `pressOrigin`, and the next\n    // keyboard activation anywhere on the page then read as \"inside\": the panel\n    // would not close, for keyboard users only.\n    const fromPointer = event.type === 'click' && (event as MouseEvent).detail > 0;\n    const origin = fromPointer && this.pressOrigin ? this.pressOrigin : target;\n    this.pressOrigin = null;\n\n    // Snapshot: a watcher that closes on this event unsubscribes synchronously,\n    // mutating `watchers` while we're walking it.\n    const watchers = this.watchers.slice();\n    for (let i = watchers.length - 1; i > -1; i--) {\n      const { overlayRef, subscriber } = watchers[i];\n      if (!overlayRef.hasAttached()) continue;\n\n      const pane = overlayRef.overlayElement;\n      if (containsAcrossShadow(pane, target) || containsAcrossShadow(pane, origin)) break;\n\n      subscriber.next(event as MouseEvent);\n    }\n  };\n\n  private listen(): void {\n    const options: AddEventListenerOptions = { capture: true };\n    const doc = this.doc;\n\n    doc.addEventListener('pointerdown', this.onPointerDown, options);\n    doc.addEventListener('click', this.onClick, options);\n    doc.addEventListener('auxclick', this.onClick, options);\n    doc.addEventListener('contextmenu', this.onClick, options);\n\n    this.cleanup = () => {\n      doc.removeEventListener('pointerdown', this.onPointerDown, options);\n      doc.removeEventListener('click', this.onClick, options);\n      doc.removeEventListener('auxclick', this.onClick, options);\n      doc.removeEventListener('contextmenu', this.onClick, options);\n    };\n  }\n\n  private unlisten(): void {\n    this.cleanup?.();\n    this.cleanup = null;\n    this.pressOrigin = 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 { OverlayContainer } from '@angular/cdk/overlay';\nimport { Service } from '@angular/core';\n\n/**\n * Custom CDK `OverlayContainer` subclass that tags its DOM element with\n * `.wr-overlay-container` in addition to CDK's own `.cdk-overlay-container`.\n *\n * Why: CDK uses a single overlay container per app — every CDK consumer\n * (this lib, Angular Material, NG-ZORRO, etc.) puts its overlays in the\n * same root element. With this class applied you can scope NGWR-specific\n * overlay styles via the tag, e.g.:\n *\n * ```scss\n * .wr-overlay-container .cdk-overlay-pane { z-index: 1100; }\n * ```\n *\n * It does **not** isolate two libraries that both subclass OverlayContainer\n * — the last provider wins. It does give NGWR overlays a stable CSS hook.\n */\n@Service()\nexport class WrOverlayContainer extends OverlayContainer {\n  protected override _createContainer(): void {\n    super._createContainer();\n    this._containerElement?.classList.add('wr-overlay-container');\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 { Overlay } from '@angular/cdk/overlay';\nimport { InjectionToken, inject } from '@angular/core';\n\n/**\n * Injection token for the CDK `Overlay` service NGWR components should\n * use to open panels.\n *\n * Defaults to CDK's root `Overlay` (shared with every other CDK consumer\n * in the app). Call `provideWrOverlay()` to bind it to an isolated\n * `Overlay` instance backed by a separate `OverlayContainer` — that way\n * NGWR overlays don't share the same DOM root with other libraries.\n *\n * @internal — directives/services inside the lib inject this instead of\n * CDK's `Overlay` directly.\n */\nexport const WR_OVERLAY = new InjectionToken<Overlay>('WR_OVERLAY', {\n  providedIn: 'root',\n  factory: () => inject(Overlay),\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 { OverlayContainer } from '@angular/cdk/overlay';\nimport { InjectionToken, inject } from '@angular/core';\n\n/**\n * Injection token for the overlay container NGWR components should use.\n *\n * Defaults to CDK's `OverlayContainer` — i.e. the same root element every\n * CDK consumer shares. Call `provideWrOverlay()` to replace it with an\n * isolated instance so NGWR overlays don't collide with other libraries.\n *\n * @internal\n */\nexport const WR_OVERLAY_CONTAINER = new InjectionToken<OverlayContainer>('WR_OVERLAY_CONTAINER', {\n  providedIn: 'root',\n  factory: () => inject(OverlayContainer),\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\n/** Configuration for responsive (bottom-sheet) overlay presentation. */\ninterface WrResponsiveOverlaysConfig {\n  /**\n   * Viewport width (CSS px) at or below which overlays present as a\n   * bottom-sheet instead of a floating panel. @default 640\n   */\n  readonly breakpoint: number;\n}\n\n/**\n * When set, overlay services (dialog, select, dropdown, …) present as a\n * slide-up bottom-sheet on viewports at or below `breakpoint`. `null`\n * (the default) keeps every overlay floating. Configure via\n * {@link provideWrResponsiveOverlays}; override per call with a\n * component's `responsive` option.\n *\n * @internal\n */\nconst WR_RESPONSIVE_OVERLAYS = new InjectionToken<WrResponsiveOverlaysConfig | null>('WR_RESPONSIVE_OVERLAYS', {\n  factory: () => null,\n});\n\n/**\n * Decide whether an overlay should present as a bottom-sheet for the\n * current viewport.\n *\n * - `responsive === true` — sheet on small viewports regardless of config.\n * - `responsive === false` — never a sheet.\n * - `responsive === undefined` — follow the global config (sheet when\n *   {@link provideWrResponsiveOverlays} is configured).\n *\n * SSR-safe: returns `false` when there's no `window`.\n *\n * @internal\n */\nfunction wrPresentAsSheet(responsive: boolean | undefined, config: WrResponsiveOverlaysConfig | null): boolean {\n  const enabled = responsive ?? config !== null;\n  if (!enabled || typeof window === 'undefined') return false;\n  return window.innerWidth <= (config?.breakpoint ?? 640);\n}\n\nexport { WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet };\nexport type { WrResponsiveOverlaysConfig };\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 { Overlay, OverlayContainer } from '@angular/cdk/overlay';\nimport {\n  EnvironmentInjector,\n  Injector,\n  type EnvironmentProviders,\n  inject,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\n\nimport { WrVisualViewport } from 'ngwr/platform';\n\nimport { WR_OVERLAY, WR_OVERLAY_CONTAINER } from './tokens';\nimport { WrOverlayContainer } from './wr-overlay-container';\n\n/**\n * Isolates NGWR overlays from other CDK consumers in the app.\n *\n * Without this call, NGWR overlays use CDK's root `Overlay` — they\n * render into the same `.cdk-overlay-container` element as Angular\n * Material, NG-ZORRO, etc. With it, NGWR gets its own `OverlayContainer`\n * (marked `.wr-overlay-container`) **and** its own `Overlay` service\n * instance — so styles, z-index, and lifecycle never collide.\n *\n * It does this by replacing two injection tokens:\n * - `WR_OVERLAY_CONTAINER` → custom `WrOverlayContainer` subclass\n * - `WR_OVERLAY` → a fresh `Overlay` instance built in a child injector\n *   that resolves `OverlayContainer` to the custom subclass\n *\n * CDK's own root `Overlay` / `OverlayContainer` are left untouched, so\n * other libraries keep working with their original container.\n *\n * @example\n * ```ts\n * import { provideWrOverlay } from 'ngwr/overlay';\n *\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrOverlay(),\n *   ],\n * });\n * ```\n */\nexport function provideWrOverlay(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    // Track the visual viewport app-wide so overlay sheets (and the\n    // command-palette) can lift above the on-screen keyboard. No-op on the\n    // server / in browsers without the API.\n    provideEnvironmentInitializer(() => void inject(WrVisualViewport)),\n    { provide: WR_OVERLAY_CONTAINER, useClass: WrOverlayContainer },\n    {\n      provide: WR_OVERLAY,\n      useFactory: (): Overlay => {\n        const parent = inject(EnvironmentInjector);\n        const container = inject(WR_OVERLAY_CONTAINER);\n\n        // Child injector resolves `OverlayContainer` to our subclass and\n        // creates a fresh `Overlay` instance bound to it. CDK's own root\n        // `Overlay` and `OverlayContainer` are untouched in the parent.\n        const child = Injector.create({\n          parent,\n          providers: [\n            { provide: OverlayContainer, useValue: container },\n            { provide: Overlay, useClass: Overlay },\n          ],\n        });\n\n        return child.get(Overlay);\n      },\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 { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { WR_RESPONSIVE_OVERLAYS, type WrResponsiveOverlaysConfig } from './tokens/wr-responsive-overlays.token';\n\n/**\n * Opt every NGWR overlay into responsive presentation — on viewports at or\n * below `breakpoint`, dialogs / selects / dropdowns and friends slide up as\n * a full-width bottom-sheet instead of a floating panel. Built on the same\n * overlay plumbing, so focus-trap, backdrop and scroll-blocking carry over.\n *\n * Individual components can still opt out (or in) per instance via their\n * `responsive` option.\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [provideWrOverlay(), provideWrResponsiveOverlays()],\n * });\n *\n * // Custom breakpoint:\n * provideWrResponsiveOverlays({ breakpoint: 768 });\n * ```\n */\nexport function provideWrResponsiveOverlays(config?: Partial<WrResponsiveOverlaysConfig>): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: WR_RESPONSIVE_OVERLAYS, useValue: { breakpoint: config?.breakpoint ?? 640 } },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;AAKG;AAEH,MAAM,MAAM,GAAG,4BAA4B;AAE3C;AACA,MAAM,gBAAgB,GAA2C;IAC/D,CAAC,OAAO,EAAE,cAAc,CAAC;IACzB,CAAC,SAAS,EAAE,WAAW,CAAC;IACxB,CAAC,MAAM,EAAE,MAAM,CAAC;IAChB,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1B,CAAC,cAAc,EAAE,GAAG,CAAC;IACrB,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC3B,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC5B,CAAC,aAAa,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,gBAAgB,GAAsB,CAAC,YAAY,EAAE,YAAY,CAAC;AAExE;;;;;;;;;;AAUG;AACH,SAAS,eAAe,CAAC,GAAa,EAAA;IACpC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC;;;AAG9C,IAAA,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,gBAAgB;AAAE,QAAA,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;AAC3E,IAAA,KAAK,MAAM,CAAC,IAAI,gBAAgB,EAAE;QAChC,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC;AAChD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;AACzB,QAAA,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,GAAG;AACZ;AAEA;;;;;;;;;;;;;;;;AAgBG;AACG,SAAU,oBAAoB,CAClC,IAAiB,EACjB,SAAiB,EACjB,KAAa,EACb,OAAmB,EAAA;IAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;AACzD,IAAA,MAAM,CAAC,IAAI,GAAG,QAAQ;AACtB,IAAA,MAAM,CAAC,SAAS,GAAG,SAAS;AAC5B,IAAA,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC;IACxC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACvD,IAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;AACzC,IAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACxB,IAAA,OAAO,MAAM;AACf;;AC7EA;;;;;AAKG;AAUH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CG;AACG,SAAU,iBAAiB,CAC/B,UAAsB,EACtB,GAA0B,EAC1B,QAAkB,EAClB,iBAAkD,EAAA;AAElD,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;AAErB,IAAA,MAAM,KAAK,GAAG,CAAC,IAAe,KAAU;;;;;AAKtC,QAAA,IAAI,IAAI,KAAK,UAAU,CAAC,YAAY,EAAE;YAAE;AAExC,QAAA,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAA,iBAAiB,GAAG,IAAI,CAAC,CAAC;AAC1B,QAAA,UAAU,CAAC,cAAc,EAAE,CAAC;AAC9B,IAAA,CAAC;;;;;;;;;;;;;;;;IAiBD,MAAM,KAAK,GAAG,SAAS,CAAC,MACtB,MAAM,CACJ,MAAK;;;;;AAKH,QAAA,MAAM,IAAI,GAAkC,GAAG,CAAC,WAAW;AAC3D,QAAA,KAAK,CAAC,IAAI,GAAG,IAAI,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,EACD,EAAE,QAAQ,EAAE,CACb,CACF;;;;;;;;;;;AAYD,IAAA,MAAM,QAAQ,GAAG,IAAI,YAAY,EAAE;IACnC,MAAM,IAAI,GAAG,MAAY,QAAQ,CAAC,WAAW,EAAE;IAE/C,QAAQ,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,OAAO,EAAE,CAAC;AACnC,IAAA,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;;;;IAIzC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;;AAIhF,IAAA,OAAO,IAAI;AACb;;ACvIA;;;;;AAKG;AAIH;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,eAAe,CAAC,SAAuC,EAAE,KAAc,EAAA;;;;AAIrF,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;IAE/D,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAK;AAChC,QAAA,GAAG,QAAQ;QACX,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AACpE,KAAA,CAAC,CAAC;AACL;;ACtBA;;;;AAIG;AACH,SAAS,WAAW,CAAC,KAAY,EAAA;AAC/B,IAAA,IAAI,KAAK,CAAC,YAAY,EAAE;AACtB,QAAA,IAAI;YACF,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM;QAChD;AAAE,QAAA,MAAM;;QAER;IACF;IACA,OAAO,KAAK,CAAC,MAAM;AACrB;AAEA;AACA,SAAS,oBAAoB,CAAC,MAAY,EAAE,KAAyB,EAAA;AACnE,IAAA,MAAM,aAAa,GAAG,OAAO,UAAU,KAAK,WAAW;IACvD,IAAI,OAAO,GAAG,KAAoB;IAClC,OAAO,OAAO,EAAE;QACd,IAAI,OAAO,KAAK,MAAM;AAAE,YAAA,OAAO,IAAI;AACnC,QAAA,OAAO,GAAG,aAAa,IAAI,OAAO,YAAY,UAAU,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,UAAU;IAC9F;AACA,IAAA,OAAO,KAAK;AACd;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;MAEU,cAAc,CAAA;AACR,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;IACtB,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;;IAGlD,QAAQ,GAAc,EAAE;IACjC,OAAO,GAAwB,IAAI;IACnC,WAAW,GAAuB,IAAI;AAE9C;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,IAAA,oBAAoB,CAAC,UAAsB,EAAA;AACzC,QAAA,OAAO,IAAI,UAAU,CAAa,UAAU,IAAG;YAC7C,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;AAErB,YAAA,MAAM,OAAO,GAAY,EAAE,UAAU,EAAE,UAAU,EAAE;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;AAC3B,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;gBAAE,IAAI,CAAC,MAAM,EAAE;;;;;;;YAQ7C,MAAM,KAAK,GAAG,MAAY,UAAU,CAAC,QAAQ,EAAE;AAC/C,YAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAErF,YAAA,OAAO,MAAK;gBACV,QAAQ,CAAC,WAAW,EAAE;gBACtB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC5C,IAAI,KAAK,GAAG,CAAC,CAAC;oBAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC9C,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM;oBAAE,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAA,CAAC;AACH,QAAA,CAAC,CAAC;IACJ;AAEiB,IAAA,aAAa,GAAG,CAAC,KAAY,KAAU;AACtD,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC;AACvC,IAAA,CAAC;AAEgB,IAAA,OAAO,GAAG,CAAC,KAAY,KAAU;AAChD,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;;;;;;;;;AASjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,IAAK,KAAoB,CAAC,MAAM,GAAG,CAAC;AAC9E,QAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,MAAM;AAC1E,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;;QAIvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AACtC,QAAA,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7C,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC9C,YAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;gBAAE;AAE/B,YAAA,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc;AACtC,YAAA,IAAI,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC;gBAAE;AAE9E,YAAA,UAAU,CAAC,IAAI,CAAC,KAAmB,CAAC;QACtC;AACF,IAAA,CAAC;IAEO,MAAM,GAAA;AACZ,QAAA,MAAM,OAAO,GAA4B,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;QAEpB,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;QAChE,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;QACpD,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;QACvD,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;AAE1D,QAAA,IAAI,CAAC,OAAO,GAAG,MAAK;YAClB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;YACnE,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;YACvD,GAAG,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;YAC1D,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;AAC/D,QAAA,CAAC;IACH;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,IAAI;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;uGA7GW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAd,cAAc,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B;;;ACxED;;;;;AAKG;AAKH;;;;;;;;;;;;;;;AAeG;AAEG,MAAO,kBAAmB,SAAQ,gBAAgB,CAAA;IACnC,gBAAgB,GAAA;QACjC,KAAK,CAAC,gBAAgB,EAAE;QACxB,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC;IAC/D;uGAJW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;AC1BD;;;;;AAKG;AAKH;;;;;;;;;;;AAWG;MACU,UAAU,GAAG,IAAI,cAAc,CAAU,YAAY,EAAE;AAClE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC;AAC/B,CAAA;;ACzBD;;;;;AAKG;AAKH;;;;;;;;AAQG;MACU,oBAAoB,GAAG,IAAI,cAAc,CAAmB,sBAAsB,EAAE;AAC/F,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,MAAM,CAAC,gBAAgB,CAAC;AACxC,CAAA;;ACtBD;;;;;AAKG;AAaH;;;;;;;;AAQG;AACH,MAAM,sBAAsB,GAAG,IAAI,cAAc,CAAoC,wBAAwB,EAAE;AAC7G,IAAA,OAAO,EAAE,MAAM,IAAI;AACpB,CAAA;AAED;;;;;;;;;;;;AAYG;AACH,SAAS,gBAAgB,CAAC,UAA+B,EAAE,MAAyC,EAAA;AAClG,IAAA,MAAM,OAAO,GAAG,UAAU,IAAI,MAAM,KAAK,IAAI;AAC7C,IAAA,IAAI,CAAC,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,KAAK;IAC3D,OAAO,MAAM,CAAC,UAAU,KAAK,MAAM,EAAE,UAAU,IAAI,GAAG,CAAC;AACzD;;AChDA;;;;;AAKG;AAiBH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;SACa,gBAAgB,GAAA;AAC9B,IAAA,OAAO,wBAAwB,CAAC;;;;QAI9B,6BAA6B,CAAC,MAAM,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClE,QAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,kBAAkB,EAAE;AAC/D,QAAA;AACE,YAAA,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,MAAc;AACxB,gBAAA,MAAM,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC1C,gBAAA,MAAM,SAAS,GAAG,MAAM,CAAC,oBAAoB,CAAC;;;;AAK9C,gBAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;oBAC5B,MAAM;AACN,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE;AAClD,wBAAA,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;AACxC,qBAAA;AACF,iBAAA,CAAC;AAEF,gBAAA,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;YAC3B,CAAC;AACF,SAAA;AACF,KAAA,CAAC;AACJ;;AC9EA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,2BAA2B,CAAC,MAA4C,EAAA;AACtF,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,IAAI,GAAG,EAAE,EAAE;AACzF,KAAA,CAAC;AACJ;;AClCA;;AAEG;;;;"}

package/fesm2022/ngwr-popconfirm.mjs

@@ -2,10 +2,10 @@ import { Directionality } from '@angular/cdk/bidi';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { input, output, ViewEncapsulation, Component, inject, ElementRef, ViewContainerRef, DestroyRef, signal, Directive } from '@angular/core';
+import { input, output, ViewEncapsulation, Component, inject, ElementRef, ViewContainerRef, Injector, DestroyRef, signal, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { useI18nText } from 'ngwr/i18n';
-import { WR_OVERLAY, WrOutsideClick, wrMirrorOffsets } from 'ngwr/overlay';
+import { WR_OVERLAY, WrOutsideClick, wrMirrorOffsets, wrFollowDirection } from 'ngwr/overlay';
 import { WrButton } from 'ngwr/button';
 
 /**
@@ -119,6 +119,7 @@ class WrPopconfirm {
     outsideClick = inject(WrOutsideClick);
     vcr = inject(ViewContainerRef);
     scrollStrategies = inject(ScrollStrategyOptions);
+    injector = inject(Injector);
     destroyRef = inject(DestroyRef);
     /** @internal Public so the host bindings can read it. */
     isOpen = signal(false, /* @ts-ignore */
@@ -144,16 +145,31 @@ class WrPopconfirm {
     open() {
         if (this.overlayRef)
             return;
+        // Read ONCE, here, and mirror this list rather than the input: the side is
+        // chosen at open and a later `position` write moves nothing, so a follower
+        // that re-read the signal would let a direction flip quietly adopt a
+        // position the panel never opened with — and the `wr-popconfirm-overlay--…`
+        // class minted from the same read below, which is what the stylesheet hangs
+        // the arrow and the spacing off, would still name the old one.
+        const positions = WR_POPCONFIRM_POSITIONS[this.position()];
         const positionStrategy = this.overlay
             .position()
             .flexibleConnectedTo(this.host)
-            .withPositions(wrMirrorOffsets(WR_POPCONFIRM_POSITIONS[this.position()], this.isRtl()))
+            .withPositions(wrMirrorOffsets(positions, this.isRtl()))
             .withPush(true);
         this.overlayRef = this.overlay.create({
             positionStrategy,
             scrollStrategy: this.scrollStrategies.reposition(),
             panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],
         });
+        // `isRtl()` above answered once, at `create()`, and so did the CDK's own
+        // capture of the direction — neither is revisited if the app flips while the
+        // question is still on screen. Both halves have to move: the `dir` on the
+        // host, so `start` / `end` resolve to the other edge, and the mirrored list,
+        // because `offsetX` is added to the final PHYSICAL x. Leave the list behind
+        // and the 8px gap on `left` / `right` becomes an 8px overlap over the very
+        // control the panel is asking about.
+        wrFollowDirection(this.overlayRef, this.dir, this.injector, direction => positionStrategy.withPositions(wrMirrorOffsets(positions, direction === 'rtl')));
         // Non-modal by choice, like `wr-popover`: an outside click or Escape closes it,
         // so trapping focus would only make it harder to leave. It still needs a role, a
         // name and the question read out as its description.

package/fesm2022/ngwr-popconfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-popconfirm.mjs","sources":["../../../projects/lib/popconfirm/interfaces/popconfirm-position.ts","../../../projects/lib/popconfirm/popconfirm-panel.ts","../../../projects/lib/popconfirm/popconfirm-panel.html","../../../projects/lib/popconfirm/popconfirm.ts","../../../projects/lib/popconfirm/ngwr-popconfirm.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 type { ConnectedPosition } from '@angular/cdk/overlay';\n\nexport type WrPopconfirmPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/** @internal */\nexport const WR_POPCONFIRM_POSITIONS: Record<WrPopconfirmPosition, ConnectedPosition[]> = {\n  top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 }],\n  bottom: [{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }],\n  left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 }],\n  right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 }],\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, ViewEncapsulation, input, output } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport type { WrColor } from 'ngwr/theme';\n\n/**\n * Confirmation panel rendered inside the popconfirm overlay. Not part\n * of the public template API — use `[wrPopconfirm]` instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popconfirm',\n  templateUrl: './popconfirm-panel.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-popconfirm' },\n  imports: [WrButton],\n})\nexport class WrPopconfirmPanel {\n  readonly message = input.required<string>();\n\n  /** Id the anchoring directive points `aria-describedby` at. */\n  readonly messageId = input<string | null>(null);\n  readonly confirmText = input<string>('Confirm');\n  readonly cancelText = input<string>('Cancel');\n  readonly confirmColor = input<WrColor>('primary');\n\n  readonly confirmed = output<void>();\n  readonly cancelled = output<void>();\n}\n","<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\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 { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DestroyRef, Directive, ElementRef, ViewContainerRef, inject, input, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WR_OVERLAY, WrOutsideClick, wrMirrorOffsets } from 'ngwr/overlay';\nimport type { WrColor } from 'ngwr/theme';\n\nimport { WR_POPCONFIRM_POSITIONS, type WrPopconfirmPosition } from './interfaces';\nimport { WrPopconfirmPanel } from './popconfirm-panel';\n\n/**\n * Small \"Are you sure?\" panel anchored to its trigger. Fires `confirmed`\n * or `cancelled` and closes automatically. Built on CDK Overlay.\n *\n * @example\n * ```html\n * <wr-btn\n *   color=\"danger\"\n *   [wrPopconfirm]=\"'Delete this item?'\"\n *   confirmColor=\"danger\"\n *   confirmText=\"Delete\"\n *   (confirmed)=\"remove()\"\n * >Delete</wr-btn>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popconfirm\n */\nlet popconfirmUid = 0;\n\n@Directive({\n  selector: '[wrPopconfirm]',\n  exportAs: 'wrPopconfirm',\n  host: {\n    // Marks the trigger the way `[wrPopover]` and `[wrDropdown]` mark theirs. The\n    // question is normally BOUND (`[wrPopconfirm]=\"question\"`), which leaves no\n    // attribute in the DOM at all, so without this there is nothing to find a\n    // trigger by once the panel is shut.\n    class: 'wr-popconfirm-trigger',\n    '(click)': 'toggle($event)',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    // Names the dialog this trigger opened, as every other overlay trigger in the\n    // catalog does. `aria-haspopup=\"dialog\"` promises a dialog and `aria-expanded`\n    // says it is showing; without the id, which one is left to guess.\n    '[attr.aria-controls]': 'isOpen() ? panelId : null',\n  },\n})\nexport class WrPopconfirm {\n  /** Confirmation message. */\n  readonly message = input.required<string>({ alias: 'wrPopconfirm' });\n\n  /** Anchor side. @default 'top' */\n  readonly position = input<WrPopconfirmPosition>('top');\n\n  /** Label for the confirm button. @default 'Confirm' */\n  /** Confirm button text. Falls back to `popconfirm.confirm`. */\n  readonly confirmText = input<string | null>(null);\n\n  /** Label for the cancel button. @default 'Cancel' */\n  /** Cancel button text. Falls back to `popconfirm.cancel`. */\n  readonly cancelText = input<string | null>(null);\n\n  /**\n   * Accessible name of the confirmation dialog. `role=\"dialog\"` with no name\n   * announces as a bare \"dialog\". Falls back to `popconfirm.label`.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  // The catalog has carried these translated for as long as the component has\n  // existed; the labels were hard-coded English defaults, so a localized app got\n  // English buttons with the right strings sitting one file away.\n  private readonly resolvedConfirm = useI18nText(this.confirmText, 'popconfirm.confirm', 'Confirm');\n  private readonly resolvedCancel = useI18nText(this.cancelText, 'popconfirm.cancel', 'Cancel');\n  private readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'popconfirm.label', 'Confirm action');\n\n  /** Color of the confirm button. @default 'primary' */\n  readonly confirmColor = input<WrColor>('primary');\n\n  /** Fires when the user clicks confirm. */\n  readonly confirmed = output<void>();\n\n  /** Fires when the user clicks cancel or dismisses the overlay. */\n  readonly cancelled = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** @internal Public so the host bindings can read it. */\n  readonly isOpen = signal(false);\n\n  private overlayRef: OverlayRef | null = null;\n\n  private readonly uid = ++popconfirmUid;\n\n  /** @internal Public so the host binding can read it. */\n  protected readonly panelId = `wr-popconfirm-${this.uid}`;\n\n  private readonly messageId = `wr-popconfirm-message-${this.uid}`;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** @internal */\n  protected toggle(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.overlayRef) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  open(): void {\n    if (this.overlayRef) return;\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions(wrMirrorOffsets(WR_POPCONFIRM_POSITIONS[this.position()], this.isRtl()))\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],\n    });\n\n    // Non-modal by choice, like `wr-popover`: an outside click or Escape closes it,\n    // so trapping focus would only make it harder to leave. It still needs a role, a\n    // name and the question read out as its description.\n    const pane = this.overlayRef.overlayElement;\n    pane.id = this.panelId;\n    pane.setAttribute('role', 'dialog');\n    pane.setAttribute('aria-modal', 'false');\n    pane.setAttribute('aria-label', this.resolvedAriaLabel());\n    pane.setAttribute('aria-describedby', this.messageId);\n\n    const portal = new ComponentPortal(WrPopconfirmPanel, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n    ref.setInput('message', this.message());\n    ref.setInput('messageId', this.messageId);\n    ref.setInput('confirmText', this.resolvedConfirm());\n    ref.setInput('cancelText', this.resolvedCancel());\n    ref.setInput('confirmColor', this.confirmColor());\n    // Render now rather than next frame: the buttons have to exist before focus can\n    // move to one, and a deferred focus is the class of bug this repo keeps finding.\n    ref.changeDetectorRef.detectChanges();\n    // Focus has to enter the panel — the overlay container sits at the end of\n    // `<body>`, so Tab from the trigger went to the next thing on the PAGE and the\n    // only way to confirm was unreachable. Cancel first: the action being confirmed\n    // is usually the destructive one.\n    pane.querySelector<HTMLElement>('.wr-popconfirm__actions wr-btn')?.focus();\n    this.isOpen.set(true);\n\n    ref.instance.confirmed.subscribe(() => {\n      this.confirmed.emit();\n      this.close();\n    });\n    ref.instance.cancelled.subscribe(() => this.dismiss());\n\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.dismiss();\n      });\n\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.dismiss();\n        }\n      });\n  }\n\n  close(): void {\n    this.dispose();\n  }\n\n  private dismiss(): void {\n    if (!this.overlayRef) return;\n    this.cancelled.emit();\n    this.dispose();\n  }\n\n  private dispose(): void {\n    if (!this.overlayRef) return;\n    // Focus lives inside the panel while it is open, and removing the panel would\n    // drop it to `<body>` — hand it back to the trigger instead, as `wr-dropdown`\n    // does on Escape. Only when focus is still IN there: if the user has already\n    // clicked elsewhere, taking it back would be stealing.\n    const returnFocus = this.overlayRef.overlayElement.contains(document.activeElement);\n    this.overlayRef.dispose();\n    this.overlayRef = null;\n    this.isOpen.set(false);\n    if (returnFocus) this.host.nativeElement.focus();\n  }\n\n  /**\n   * Whether the app reads right-to-left.\n   *\n   * Optional inject: `Directionality` is root-provided, so this is never null in\n   * an app — but a bare `TestBed` that provides nothing should still get a\n   * component that works, and defaulting to LTR is the honest fallback.\n   */\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-popconfirm.mjs","sources":["../../../projects/lib/popconfirm/interfaces/popconfirm-position.ts","../../../projects/lib/popconfirm/popconfirm-panel.ts","../../../projects/lib/popconfirm/popconfirm-panel.html","../../../projects/lib/popconfirm/popconfirm.ts","../../../projects/lib/popconfirm/ngwr-popconfirm.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 type { ConnectedPosition } from '@angular/cdk/overlay';\n\nexport type WrPopconfirmPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/** @internal */\nexport const WR_POPCONFIRM_POSITIONS: Record<WrPopconfirmPosition, ConnectedPosition[]> = {\n  top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 }],\n  bottom: [{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }],\n  left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 }],\n  right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 }],\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, ViewEncapsulation, input, output } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport type { WrColor } from 'ngwr/theme';\n\n/**\n * Confirmation panel rendered inside the popconfirm overlay. Not part\n * of the public template API — use `[wrPopconfirm]` instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popconfirm',\n  templateUrl: './popconfirm-panel.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-popconfirm' },\n  imports: [WrButton],\n})\nexport class WrPopconfirmPanel {\n  readonly message = input.required<string>();\n\n  /** Id the anchoring directive points `aria-describedby` at. */\n  readonly messageId = input<string | null>(null);\n  readonly confirmText = input<string>('Confirm');\n  readonly cancelText = input<string>('Cancel');\n  readonly confirmColor = input<WrColor>('primary');\n\n  readonly confirmed = output<void>();\n  readonly cancelled = output<void>();\n}\n","<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\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 { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Injector,\n  ViewContainerRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WR_OVERLAY, WrOutsideClick, wrFollowDirection, wrMirrorOffsets } from 'ngwr/overlay';\nimport type { WrColor } from 'ngwr/theme';\n\nimport { WR_POPCONFIRM_POSITIONS, type WrPopconfirmPosition } from './interfaces';\nimport { WrPopconfirmPanel } from './popconfirm-panel';\n\n/**\n * Small \"Are you sure?\" panel anchored to its trigger. Fires `confirmed`\n * or `cancelled` and closes automatically. Built on CDK Overlay.\n *\n * @example\n * ```html\n * <wr-btn\n *   color=\"danger\"\n *   [wrPopconfirm]=\"'Delete this item?'\"\n *   confirmColor=\"danger\"\n *   confirmText=\"Delete\"\n *   (confirmed)=\"remove()\"\n * >Delete</wr-btn>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popconfirm\n */\nlet popconfirmUid = 0;\n\n@Directive({\n  selector: '[wrPopconfirm]',\n  exportAs: 'wrPopconfirm',\n  host: {\n    // Marks the trigger the way `[wrPopover]` and `[wrDropdown]` mark theirs. The\n    // question is normally BOUND (`[wrPopconfirm]=\"question\"`), which leaves no\n    // attribute in the DOM at all, so without this there is nothing to find a\n    // trigger by once the panel is shut.\n    class: 'wr-popconfirm-trigger',\n    '(click)': 'toggle($event)',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    // Names the dialog this trigger opened, as every other overlay trigger in the\n    // catalog does. `aria-haspopup=\"dialog\"` promises a dialog and `aria-expanded`\n    // says it is showing; without the id, which one is left to guess.\n    '[attr.aria-controls]': 'isOpen() ? panelId : null',\n  },\n})\nexport class WrPopconfirm {\n  /** Confirmation message. */\n  readonly message = input.required<string>({ alias: 'wrPopconfirm' });\n\n  /** Anchor side. @default 'top' */\n  readonly position = input<WrPopconfirmPosition>('top');\n\n  /** Label for the confirm button. @default 'Confirm' */\n  /** Confirm button text. Falls back to `popconfirm.confirm`. */\n  readonly confirmText = input<string | null>(null);\n\n  /** Label for the cancel button. @default 'Cancel' */\n  /** Cancel button text. Falls back to `popconfirm.cancel`. */\n  readonly cancelText = input<string | null>(null);\n\n  /**\n   * Accessible name of the confirmation dialog. `role=\"dialog\"` with no name\n   * announces as a bare \"dialog\". Falls back to `popconfirm.label`.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  // The catalog has carried these translated for as long as the component has\n  // existed; the labels were hard-coded English defaults, so a localized app got\n  // English buttons with the right strings sitting one file away.\n  private readonly resolvedConfirm = useI18nText(this.confirmText, 'popconfirm.confirm', 'Confirm');\n  private readonly resolvedCancel = useI18nText(this.cancelText, 'popconfirm.cancel', 'Cancel');\n  private readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'popconfirm.label', 'Confirm action');\n\n  /** Color of the confirm button. @default 'primary' */\n  readonly confirmColor = input<WrColor>('primary');\n\n  /** Fires when the user clicks confirm. */\n  readonly confirmed = output<void>();\n\n  /** Fires when the user clicks cancel or dismisses the overlay. */\n  readonly cancelled = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** @internal Public so the host bindings can read it. */\n  readonly isOpen = signal(false);\n\n  private overlayRef: OverlayRef | null = null;\n\n  private readonly uid = ++popconfirmUid;\n\n  /** @internal Public so the host binding can read it. */\n  protected readonly panelId = `wr-popconfirm-${this.uid}`;\n\n  private readonly messageId = `wr-popconfirm-message-${this.uid}`;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** @internal */\n  protected toggle(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.overlayRef) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  open(): void {\n    if (this.overlayRef) return;\n\n    // Read ONCE, here, and mirror this list rather than the input: the side is\n    // chosen at open and a later `position` write moves nothing, so a follower\n    // that re-read the signal would let a direction flip quietly adopt a\n    // position the panel never opened with — and the `wr-popconfirm-overlay--…`\n    // class minted from the same read below, which is what the stylesheet hangs\n    // the arrow and the spacing off, would still name the old one.\n    const positions = WR_POPCONFIRM_POSITIONS[this.position()];\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions(wrMirrorOffsets(positions, this.isRtl()))\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],\n    });\n\n    // `isRtl()` above answered once, at `create()`, and so did the CDK's own\n    // capture of the direction — neither is revisited if the app flips while the\n    // question is still on screen. Both halves have to move: the `dir` on the\n    // host, so `start` / `end` resolve to the other edge, and the mirrored list,\n    // because `offsetX` is added to the final PHYSICAL x. Leave the list behind\n    // and the 8px gap on `left` / `right` becomes an 8px overlap over the very\n    // control the panel is asking about.\n    wrFollowDirection(this.overlayRef, this.dir, this.injector, direction =>\n      positionStrategy.withPositions(wrMirrorOffsets(positions, direction === 'rtl'))\n    );\n\n    // Non-modal by choice, like `wr-popover`: an outside click or Escape closes it,\n    // so trapping focus would only make it harder to leave. It still needs a role, a\n    // name and the question read out as its description.\n    const pane = this.overlayRef.overlayElement;\n    pane.id = this.panelId;\n    pane.setAttribute('role', 'dialog');\n    pane.setAttribute('aria-modal', 'false');\n    pane.setAttribute('aria-label', this.resolvedAriaLabel());\n    pane.setAttribute('aria-describedby', this.messageId);\n\n    const portal = new ComponentPortal(WrPopconfirmPanel, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n    ref.setInput('message', this.message());\n    ref.setInput('messageId', this.messageId);\n    ref.setInput('confirmText', this.resolvedConfirm());\n    ref.setInput('cancelText', this.resolvedCancel());\n    ref.setInput('confirmColor', this.confirmColor());\n    // Render now rather than next frame: the buttons have to exist before focus can\n    // move to one, and a deferred focus is the class of bug this repo keeps finding.\n    ref.changeDetectorRef.detectChanges();\n    // Focus has to enter the panel — the overlay container sits at the end of\n    // `<body>`, so Tab from the trigger went to the next thing on the PAGE and the\n    // only way to confirm was unreachable. Cancel first: the action being confirmed\n    // is usually the destructive one.\n    pane.querySelector<HTMLElement>('.wr-popconfirm__actions wr-btn')?.focus();\n    this.isOpen.set(true);\n\n    ref.instance.confirmed.subscribe(() => {\n      this.confirmed.emit();\n      this.close();\n    });\n    ref.instance.cancelled.subscribe(() => this.dismiss());\n\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.dismiss();\n      });\n\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.dismiss();\n        }\n      });\n  }\n\n  close(): void {\n    this.dispose();\n  }\n\n  private dismiss(): void {\n    if (!this.overlayRef) return;\n    this.cancelled.emit();\n    this.dispose();\n  }\n\n  private dispose(): void {\n    if (!this.overlayRef) return;\n    // Focus lives inside the panel while it is open, and removing the panel would\n    // drop it to `<body>` — hand it back to the trigger instead, as `wr-dropdown`\n    // does on Escape. Only when focus is still IN there: if the user has already\n    // clicked elsewhere, taking it back would be stealing.\n    const returnFocus = this.overlayRef.overlayElement.contains(document.activeElement);\n    this.overlayRef.dispose();\n    this.overlayRef = null;\n    this.isOpen.set(false);\n    if (returnFocus) this.host.nativeElement.focus();\n  }\n\n  /**\n   * Whether the app reads right-to-left.\n   *\n   * Optional inject: `Directionality` is root-provided, so this is never null in\n   * an app — but a bare `TestBed` that provides nothing should still get a\n   * component that works, and defaulting to LTR is the honest fallback.\n   */\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\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-popover-testing.mjs

@@ -31,9 +31,9 @@ function sleep(ms) {
  *
  * - **popover** — template content, opens on click (or hover), announces
  *   `role="dialog"` and is what the trigger's `aria-expanded` describes;
- * - **tooltip** — string content, opens on hover AND focus after a delay,
- *   announces `role="tooltip"` and DESCRIBES its trigger instead of being
- *   owned by it.
+ * - **tooltip** — string content, opens after a delay on hover or on KEYBOARD
+ *   focus (never on a `.focus()` call — see {@link focus}), announces
+ *   `role="tooltip"` and DESCRIBES its trigger instead of being owned by it.
  *
  * The panel is never inside the trigger: it is a portal in the overlay
  * container, a sibling of the whole app. It is reached through the document
@@ -123,7 +123,9 @@ class WrPopoverHarness extends ContentContainerComponentHarness {
      * Hover leads because a click is an outside pointer event for every OTHER open
      * panel, so leading with it would dismiss someone else's popover on the way to
      * opening this one; a click-driven popover ignores the hover outright. A
-     * tooltip is never clicked at all — hover and focus are its only gestures.
+     * tooltip is never clicked at all, and hover is the only one of its two
+     * gestures a harness can perform — the other is a keyboard focus, which is
+     * `FocusMonitor`'s to grant (see {@link focus}).
      *
      * Throws when nothing appears: a tooltip with an empty string never opens, and
      * a spec on fake timers has to advance the clock itself.
@@ -166,7 +168,22 @@ class WrPopoverHarness extends ContentContainerComponentHarness {
     async mouseAway() {
         return (await this.host()).mouseAway();
     }
-    /** Focus the trigger — a tooltip's other opening gesture, so keyboard users get the hint too. */
+    /**
+     * Focus the trigger PROGRAMMATICALLY — and note that this does not open a
+     * tooltip.
+     *
+     * `TestElement.focus()` is a `.focus()` call, which is the one kind of focus a
+     * tooltip deliberately ignores: it shows for a KEYBOARD focus only, because
+     * every overlay in the catalog hands focus back to the trigger it was opened
+     * from, and a tooltip that answered those appeared with no pointer to leave and
+     * no focus to lose. So this method is the way to assert that NOTHING happens.
+     *
+     * There is no keyboard-origin twin, and it cannot be written honestly here:
+     * origin is `FocusMonitor`'s answer, this class has no injector, and the Tab
+     * that would earn it moves focus in a browser and not in jsdom. A spec that
+     * needs the opening gesture drives `FocusMonitor.focusVia(el, 'keyboard')`
+     * itself, the way `popover.spec.ts` does — or uses `hover()`.
+     */
     async focus() {
         return (await this.host()).focus();
     }

package/fesm2022/ngwr-popover-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-popover-testing.mjs","sources":["../../../projects/lib/popover/testing/wr-popover-harness.ts","../../../projects/lib/popover/testing/ngwr-popover-testing.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 {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrPopoverPosition } from 'ngwr/popover';\n\nimport type { WrPopoverHarnessFilters } from './interfaces';\n\n/** How long the waiters poll before giving up, in ms. Generous next to the 120ms default delays. */\nconst DEFAULT_TIMEOUT = 1000;\n\n/** How often they re-check, in ms. */\nconst POLL_STEP = 10;\n\n/**\n * The real `setTimeout`, captured at module load — before a spec can install\n * fake timers.\n *\n * The waiters have to let REAL time pass: the show / hide delays are plain\n * `setTimeout`s inside the directive, and under zoneless change detection\n * `whenStable()` resolves without waiting for a macrotask. Reading the faked\n * global instead would mean the sleep never fires at all, and the harness would\n * hang where it should fail with the message it prepared.\n */\nconst realSetTimeout = globalThis.setTimeout;\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise(resolve => {\n    realSetTimeout(resolve, ms);\n  });\n}\n\n/**\n * Test harness for `[wrPopover]` — both shapes the one directive ships:\n *\n * - **popover** — template content, opens on click (or hover), announces\n *   `role=\"dialog\"` and is what the trigger's `aria-expanded` describes;\n * - **tooltip** — string content, opens on hover AND focus after a delay,\n *   announces `role=\"tooltip\"` and DESCRIBES its trigger instead of being\n *   owned by it.\n *\n * The panel is never inside the trigger: it is a portal in the overlay\n * container, a sibling of the whole app. It is reached through the document\n * root, scoped by the id the trigger publishes while the panel is showing —\n * `aria-controls` in popover mode, `aria-describedby` in tooltip mode. That id\n * is what lets two popovers be open at once without reading each other's\n * content, and it is why every panel reader throws while the panel is shut:\n * there is no element to answer about.\n *\n * Being a CONTENT CONTAINER is the point in popover mode — the panel holds the\n * consumer's own components, so `popover.getHarness(WrButtonHarness…)` reaches\n * them without the spec ever touching the overlay.\n *\n * **Timing.** A tooltip opens on `showDelay` and hides on `hideDelay`; a hover\n * popover hides 120ms after the pointer leaves. `open()`, `close()` and the two\n * waiters sit out that REAL time, so a spec that installs fake timers should\n * drive the clock itself and read `isOpen()` rather than call them.\n *\n * @example\n * ```ts\n * const loader = TestbedHarnessEnvironment.loader(fixture);\n * const details = await loader.getHarness(WrPopoverHarness.with({ triggerText: 'Details' }));\n *\n * await details.open();\n * expect(await details.getRole()).toBe('dialog');\n * await (await details.getHarness(WrButtonHarness.with({ text: 'Confirm' }))).click();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrPopoverHarness extends ContentContainerComponentHarness {\n  /**\n   * The directive's host — whatever element the consumer put `[wrPopover]` on.\n   *\n   * Matched by the marker class, not by `[wrPopover]`: popover-mode content is a\n   * `TemplateRef` and so is always BOUND (`[wrPopover]=\"tpl\"`), which leaves no\n   * attribute in the DOM at all, and a CLOSED tooltip publishes no ARIA either.\n   * (A tooltip written with the static string form, `wrPopover=\"Save changes\"`,\n   * does keep the attribute — but only that one shape would be findable by it.)\n   * Same shape as `.wr-dropdown-trigger`.\n   */\n  static hostSelector = '.wr-popover-trigger';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrPopoverHarnessFilters = {}): HarnessPredicate<WrPopoverHarness> {\n    return new HarnessPredicate(WrPopoverHarness, options)\n      .addOption('triggerText', options.triggerText, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getTriggerText(), text)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /**\n   * Which shape this trigger carries.\n   *\n   * Read from the ARIA contract, not from the `mode` input: a bound `[mode]`\n   * never reaches the DOM, while `aria-haspopup=\"dialog\"` is on every popover\n   * trigger and on no tooltip trigger — a tooltip is a description of the\n   * control, not a popup it owns.\n   */\n  async getMode(): Promise<'popover' | 'tooltip'> {\n    return (await (await this.host()).getAttribute('aria-haspopup')) === 'dialog' ? 'popover' : 'tooltip';\n  }\n\n  /** The trigger's own visible text. The panel's content is `getContentText()`. */\n  async getTriggerText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the panel is showing.\n   *\n   * Two different signals because the two modes advertise different things: a\n   * popover flips `aria-expanded` on its trigger, a tooltip has none at all and\n   * links its description instead. So a tooltip's answer is only as good as the\n   * directive's claim on `aria-describedby` — put the tooltip on a control that\n   * is ALSO described by something else (a `<wr-form-field>` hint, say) and the\n   * two bindings fight over one attribute.\n   */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    return (await this.getMode()) === 'popover'\n      ? (await host.getAttribute('aria-expanded')) === 'true'\n      : (await host.getAttribute('aria-describedby')) !== null;\n  }\n\n  /**\n   * Open the panel with the gesture this trigger actually answers to, and wait\n   * until it is showing.\n   *\n   * `trigger` is an input, so the DOM does not say which gesture this popover\n   * wants — the harness moves the pointer on first and falls back to a click.\n   * Hover leads because a click is an outside pointer event for every OTHER open\n   * panel, so leading with it would dismiss someone else's popover on the way to\n   * opening this one; a click-driven popover ignores the hover outright. A\n   * tooltip is never clicked at all — hover and focus are its only gestures.\n   *\n   * Throws when nothing appears: a tooltip with an empty string never opens, and\n   * a spec on fake timers has to advance the clock itself.\n   */\n  async open(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const host = await this.host();\n    await host.hover();\n    if ((await this.getMode()) === 'tooltip') return this.waitUntilOpen(timeout);\n\n    if (await this.isOpen()) return;\n    await host.click();\n    return this.waitUntilOpen(timeout);\n  }\n\n  /**\n   * Dismiss the panel and wait until it is gone.\n   *\n   * Escape, because it is the one gesture both modes honour immediately: a\n   * popover is closed by the overlay's keyboard dispatcher, a tooltip by the\n   * directive's own binding — no delay in either. To exercise the delayed\n   * pointer path instead, call `mouseAway()` and then `waitUntilClosed()`.\n   */\n  async close(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await this.sendEscape();\n    return this.waitUntilClosed(timeout);\n  }\n\n  /** Click the trigger. Opens a click-driven popover, toggles it shut again, and does nothing else. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Move the pointer onto the trigger — opens a hover popover at once, a tooltip after `showDelay`. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer off the trigger. The panel goes after the grace period, not instantly. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\n  }\n\n  /** Focus the trigger — a tooltip's other opening gesture, so keyboard users get the hint too. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blur the trigger, which hides a tooltip after `hideDelay`. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Press Escape on the trigger. Both modes dismiss on it, and neither moves focus. */\n  async sendEscape(): Promise<void> {\n    return (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Wait out a pending show. Resolves at once when the panel is already up. */\n  async waitUntilOpen(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilOpen(): nothing opened within ${timeout}ms. A tooltip waits out its ` +\n        'showDelay (and never opens at all for an empty string); this wait uses real time, so a spec on ' +\n        'fake timers has to advance the clock itself and read isOpen().'\n    );\n  }\n\n  /** Wait out a pending hide. Resolves at once when the panel is already gone. */\n  async waitUntilClosed(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(false, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilClosed(): still showing after ${timeout}ms. A hover popover closes 120ms ` +\n        'after the pointer leaves — and only if it left at all, since a mouseleave INTO that panel is ' +\n        'deliberately not a leave. A tooltip closes on its hideDelay after mouseleave or blur.'\n    );\n  }\n\n  /**\n   * The panel's text.\n   *\n   * In tooltip mode that is the string itself, rendered into the small text\n   * panel; in popover mode it is everything the projected template renders.\n   */\n  async getContentText(): Promise<string> {\n    return (await this.panel()).text();\n  }\n\n  /**\n   * The role the open panel announces: `'dialog'` for a popover, `'tooltip'` for\n   * a tooltip.\n   *\n   * Worth asserting rather than assuming, twice over: the directive sets it on\n   * the OVERLAY PANE, not on the content a consumer wrote, and in tooltip mode\n   * the pane is deliberately the only element carrying it — the text panel\n   * inside has none, or the description would nest a tooltip in a tooltip.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.panel()).getAttribute('role');\n  }\n\n  /**\n   * The panel's accessible name — `null` in tooltip mode.\n   *\n   * A popover is a named `role=\"dialog\"`: the `ariaLabel` input, or the i18n\n   * catalog's `popover.label` when the consumer says nothing, because an unnamed\n   * dialog announces as \"dialog\" and nothing else. A tooltip has no name of its\n   * own; it IS the trigger's description, which is `getDescriptionText()`.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.panel()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the panel claims modality.\n   *\n   * `false`, deliberately, and worth pinning: the popover sets\n   * `aria-modal=\"false\"` because focus is NOT trapped and the panel dismisses on\n   * outside click / Escape rather than blocking the page.\n   */\n  async isModal(): Promise<boolean> {\n    return (await (await this.panel()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Where the panel sits relative to the trigger, or `null` when it is presented\n   * as a sheet and has no anchor.\n   *\n   * The APPLIED position, not the requested one: CDK flips a placement that does\n   * not fit to the next in its fallback chain and swaps the modifier class with\n   * it. Under a unit test that is always the requested placement — jsdom measures\n   * every box as 0×0, so the first candidate always \"fits\" — but in a browser the\n   * two can differ, and this answers what is on screen. The directive defaults\n   * the request per mode (`bottom` for a popover, `top` for a tooltip).\n   *\n   * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query\n   * at all; this class is the placement, and it is what the arrow's own CSS keys\n   * off.\n   */\n  async getPosition(): Promise<WrPopoverPosition | null> {\n    const classes = (await (await this.panel()).getAttribute('class')) ?? '';\n    const modifier = /wr-(?:popover|tooltip)-overlay--([a-z-]+)/.exec(classes);\n    return modifier ? (modifier[1] as WrPopoverPosition) : null;\n  }\n\n  /** Whether the popover is presented as a full-width bottom sheet instead of an anchored panel. */\n  async isSheet(): Promise<boolean> {\n    return (await this.panel()).hasClass('wr-overlay-sheet');\n  }\n\n  /**\n   * The text a screen reader reads as the TRIGGER'S DESCRIPTION, or `null` when\n   * it describes nothing.\n   *\n   * This resolves `aria-describedby` the way an assistive technology would, so\n   * it answers the whole of tooltip mode's naming contract in one call. Always\n   * `null` for a popover, open or shut — a popover is a thing the trigger owns\n   * (`aria-haspopup` / `aria-expanded`), never a description of it.\n   */\n  async getDescriptionText(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('aria-describedby');\n    if (!id) return null;\n\n    const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();\n    return described ? described.text() : null;\n  }\n\n  /**\n   * Harnesses for the consumer's own components are resolved inside THIS\n   * instance's panel.\n   *\n   * Scoped by the published id rather than by `.wr-popover-overlay`: the overlay\n   * container is shared, so a class query would answer with whichever popover\n   * opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /** Poll until `isOpen()` reports `open`, and say whether it did. */\n  private async settled(open: boolean, timeout: number): Promise<boolean> {\n    for (let waited = 0; waited <= timeout; waited += POLL_STEP) {\n      if ((await this.isOpen()) === open) return true;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n    return false;\n  }\n\n  /** This instance's overlay pane. */\n  private async panel(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();\n  }\n\n  /** The id the trigger publishes for its panel, which only exists while the panel does. */\n  private async panelId(): Promise<string> {\n    const attribute = (await this.getMode()) === 'popover' ? 'aria-controls' : 'aria-describedby';\n    const id = await (await this.host()).getAttribute(attribute);\n\n    if (!id) {\n      throw new Error(\n        `WrPopoverHarness: nothing is showing. The trigger publishes its panel id as ${attribute} only ` +\n          'while the panel is open — call open() first (a tooltip also has to wait out its showDelay).'\n      );\n    }\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAcH;AACA,MAAM,eAAe,GAAG,IAAI;AAE5B;AACA,MAAM,SAAS,GAAG,EAAE;AAEpB;;;;;;;;;AASG;AACH,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU;AAE5C,SAAS,KAAK,CAAC,EAAU,EAAA;AACvB,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC;AAC7B,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;AACG,MAAO,gBAAiB,SAAQ,gCAAgC,CAAA;AACpE;;;;;;;;;AASG;AACH,IAAA,OAAO,YAAY,GAAG,qBAAqB;;AAG3C,IAAA,OAAO,IAAI,CAAC,OAAA,GAAmC,EAAE,EAAA;AAC/C,QAAA,OAAO,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,OAAO;aAClD,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,IAAI,KAC3D,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC;aAE/D,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI;aAC3F,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAChG;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,OAAO,GAAA;QACX,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,eAAe,CAAC,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvG;;AAGA,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE;IACnC;AAEA;;;;;;;;;AASG;AACH,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;QAC9B,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM;cAC9B,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM;AACjD,cAAE,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,MAAM,IAAI;IAC5D;AAEA;;;;;;;;;;;;;AAaG;AACH,IAAA,MAAM,IAAI,CAAC,OAAO,GAAG,eAAe,EAAA;AAClC,QAAA,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE;YAAE;AAEzB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,MAAM,IAAI,CAAC,KAAK,EAAE;QAClB,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS;AAAE,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;AAE5E,QAAA,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE;YAAE;AACzB,QAAA,MAAM,IAAI,CAAC,KAAK,EAAE;AAClB,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACpC;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,KAAK,CAAC,OAAO,GAAG,eAAe,EAAA;AACnC,QAAA,IAAI,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;YAAE;AAE5B,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE;AACvB,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;IACtC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,SAAS,GAAA;QACb,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE;IACxC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,IAAI,GAAA;QACR,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE;IACnC;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IACrD;;AAGA,IAAA,MAAM,aAAa,CAAC,OAAO,GAAG,eAAe,EAAA;QAC3C,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;YAAE;AAEvC,QAAA,MAAM,IAAI,KAAK,CACb,CAAA,wDAAA,EAA2D,OAAO,CAAA,4BAAA,CAA8B;YAC9F,iGAAiG;AACjG,YAAA,gEAAgE,CACnE;IACH;;AAGA,IAAA,MAAM,eAAe,CAAC,OAAO,GAAG,eAAe,EAAA;QAC7C,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC;YAAE;AAExC,QAAA,MAAM,IAAI,KAAK,CACb,CAAA,wDAAA,EAA2D,OAAO,CAAA,iCAAA,CAAmC;YACnG,+FAA+F;AAC/F,YAAA,uFAAuF,CAC1F;IACH;AAEA;;;;;AAKG;AACH,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;IACpC;AAEA;;;;;;;;AAQG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;IAClD;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;IACxD;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,MAAM,MAAM;IAC3E;AAEA;;;;;;;;;;;;;;AAcG;AACH,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;QACxE,MAAM,QAAQ,GAAG,2CAA2C,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1E,QAAA,OAAO,QAAQ,GAAI,QAAQ,CAAC,CAAC,CAAuB,GAAG,IAAI;IAC7D;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC1D;AAEA;;;;;;;;AAQG;AACH,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAAC;AACrE,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,OAAO,IAAI;AAEpB,QAAA,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,0BAA0B,EAAE,CAAC,kBAAkB,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE,CAAC,EAAE;AACxF,QAAA,OAAO,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,IAAI;IAC5C;AAEA;;;;;;;AAOG;AACgB,IAAA,MAAM,oBAAoB,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,0BAA0B,EAAE,CAAC,gBAAgB,CAAC,CAAA,CAAA,EAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC;IACvF;;AAGQ,IAAA,MAAM,OAAO,CAAC,IAAa,EAAE,OAAe,EAAA;AAClD,QAAA,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE;YAC3D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI;AAAE,gBAAA,OAAO,IAAI;AAE/C,YAAA,MAAM,KAAK,CAAC,SAAS,CAAC;AACtB,YAAA,MAAM,IAAI,CAAC,cAAc,EAAE;QAC7B;AACA,QAAA,OAAO,KAAK;IACd;;AAGQ,IAAA,MAAM,KAAK,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,0BAA0B,EAAE,CAAC,UAAU,CAAC,CAAA,CAAA,EAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC,EAAE;IACnF;;AAGQ,IAAA,MAAM,OAAO,GAAA;AACnB,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS,GAAG,eAAe,GAAG,kBAAkB;AAC7F,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,SAAS,CAAC;QAE5D,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,MAAM,IAAI,KAAK,CACb,CAAA,4EAAA,EAA+E,SAAS,CAAA,MAAA,CAAQ;AAC9F,gBAAA,6FAA6F,CAChG;QACH;AACA,QAAA,OAAO,EAAE;IACX;;;ACxWF;;AAEG;;;;"}
+{"version":3,"file":"ngwr-popover-testing.mjs","sources":["../../../projects/lib/popover/testing/wr-popover-harness.ts","../../../projects/lib/popover/testing/ngwr-popover-testing.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 {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrPopoverPosition } from 'ngwr/popover';\n\nimport type { WrPopoverHarnessFilters } from './interfaces';\n\n/** How long the waiters poll before giving up, in ms. Generous next to the 120ms default delays. */\nconst DEFAULT_TIMEOUT = 1000;\n\n/** How often they re-check, in ms. */\nconst POLL_STEP = 10;\n\n/**\n * The real `setTimeout`, captured at module load — before a spec can install\n * fake timers.\n *\n * The waiters have to let REAL time pass: the show / hide delays are plain\n * `setTimeout`s inside the directive, and under zoneless change detection\n * `whenStable()` resolves without waiting for a macrotask. Reading the faked\n * global instead would mean the sleep never fires at all, and the harness would\n * hang where it should fail with the message it prepared.\n */\nconst realSetTimeout = globalThis.setTimeout;\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise(resolve => {\n    realSetTimeout(resolve, ms);\n  });\n}\n\n/**\n * Test harness for `[wrPopover]` — both shapes the one directive ships:\n *\n * - **popover** — template content, opens on click (or hover), announces\n *   `role=\"dialog\"` and is what the trigger's `aria-expanded` describes;\n * - **tooltip** — string content, opens after a delay on hover or on KEYBOARD\n *   focus (never on a `.focus()` call — see {@link focus}), announces\n *   `role=\"tooltip\"` and DESCRIBES its trigger instead of being owned by it.\n *\n * The panel is never inside the trigger: it is a portal in the overlay\n * container, a sibling of the whole app. It is reached through the document\n * root, scoped by the id the trigger publishes while the panel is showing —\n * `aria-controls` in popover mode, `aria-describedby` in tooltip mode. That id\n * is what lets two popovers be open at once without reading each other's\n * content, and it is why every panel reader throws while the panel is shut:\n * there is no element to answer about.\n *\n * Being a CONTENT CONTAINER is the point in popover mode — the panel holds the\n * consumer's own components, so `popover.getHarness(WrButtonHarness…)` reaches\n * them without the spec ever touching the overlay.\n *\n * **Timing.** A tooltip opens on `showDelay` and hides on `hideDelay`; a hover\n * popover hides 120ms after the pointer leaves. `open()`, `close()` and the two\n * waiters sit out that REAL time, so a spec that installs fake timers should\n * drive the clock itself and read `isOpen()` rather than call them.\n *\n * @example\n * ```ts\n * const loader = TestbedHarnessEnvironment.loader(fixture);\n * const details = await loader.getHarness(WrPopoverHarness.with({ triggerText: 'Details' }));\n *\n * await details.open();\n * expect(await details.getRole()).toBe('dialog');\n * await (await details.getHarness(WrButtonHarness.with({ text: 'Confirm' }))).click();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrPopoverHarness extends ContentContainerComponentHarness {\n  /**\n   * The directive's host — whatever element the consumer put `[wrPopover]` on.\n   *\n   * Matched by the marker class, not by `[wrPopover]`: popover-mode content is a\n   * `TemplateRef` and so is always BOUND (`[wrPopover]=\"tpl\"`), which leaves no\n   * attribute in the DOM at all, and a CLOSED tooltip publishes no ARIA either.\n   * (A tooltip written with the static string form, `wrPopover=\"Save changes\"`,\n   * does keep the attribute — but only that one shape would be findable by it.)\n   * Same shape as `.wr-dropdown-trigger`.\n   */\n  static hostSelector = '.wr-popover-trigger';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrPopoverHarnessFilters = {}): HarnessPredicate<WrPopoverHarness> {\n    return new HarnessPredicate(WrPopoverHarness, options)\n      .addOption('triggerText', options.triggerText, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getTriggerText(), text)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /**\n   * Which shape this trigger carries.\n   *\n   * Read from the ARIA contract, not from the `mode` input: a bound `[mode]`\n   * never reaches the DOM, while `aria-haspopup=\"dialog\"` is on every popover\n   * trigger and on no tooltip trigger — a tooltip is a description of the\n   * control, not a popup it owns.\n   */\n  async getMode(): Promise<'popover' | 'tooltip'> {\n    return (await (await this.host()).getAttribute('aria-haspopup')) === 'dialog' ? 'popover' : 'tooltip';\n  }\n\n  /** The trigger's own visible text. The panel's content is `getContentText()`. */\n  async getTriggerText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the panel is showing.\n   *\n   * Two different signals because the two modes advertise different things: a\n   * popover flips `aria-expanded` on its trigger, a tooltip has none at all and\n   * links its description instead. So a tooltip's answer is only as good as the\n   * directive's claim on `aria-describedby` — put the tooltip on a control that\n   * is ALSO described by something else (a `<wr-form-field>` hint, say) and the\n   * two bindings fight over one attribute.\n   */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    return (await this.getMode()) === 'popover'\n      ? (await host.getAttribute('aria-expanded')) === 'true'\n      : (await host.getAttribute('aria-describedby')) !== null;\n  }\n\n  /**\n   * Open the panel with the gesture this trigger actually answers to, and wait\n   * until it is showing.\n   *\n   * `trigger` is an input, so the DOM does not say which gesture this popover\n   * wants — the harness moves the pointer on first and falls back to a click.\n   * Hover leads because a click is an outside pointer event for every OTHER open\n   * panel, so leading with it would dismiss someone else's popover on the way to\n   * opening this one; a click-driven popover ignores the hover outright. A\n   * tooltip is never clicked at all, and hover is the only one of its two\n   * gestures a harness can perform — the other is a keyboard focus, which is\n   * `FocusMonitor`'s to grant (see {@link focus}).\n   *\n   * Throws when nothing appears: a tooltip with an empty string never opens, and\n   * a spec on fake timers has to advance the clock itself.\n   */\n  async open(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const host = await this.host();\n    await host.hover();\n    if ((await this.getMode()) === 'tooltip') return this.waitUntilOpen(timeout);\n\n    if (await this.isOpen()) return;\n    await host.click();\n    return this.waitUntilOpen(timeout);\n  }\n\n  /**\n   * Dismiss the panel and wait until it is gone.\n   *\n   * Escape, because it is the one gesture both modes honour immediately: a\n   * popover is closed by the overlay's keyboard dispatcher, a tooltip by the\n   * directive's own binding — no delay in either. To exercise the delayed\n   * pointer path instead, call `mouseAway()` and then `waitUntilClosed()`.\n   */\n  async close(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await this.sendEscape();\n    return this.waitUntilClosed(timeout);\n  }\n\n  /** Click the trigger. Opens a click-driven popover, toggles it shut again, and does nothing else. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Move the pointer onto the trigger — opens a hover popover at once, a tooltip after `showDelay`. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer off the trigger. The panel goes after the grace period, not instantly. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\n  }\n\n  /**\n   * Focus the trigger PROGRAMMATICALLY — and note that this does not open a\n   * tooltip.\n   *\n   * `TestElement.focus()` is a `.focus()` call, which is the one kind of focus a\n   * tooltip deliberately ignores: it shows for a KEYBOARD focus only, because\n   * every overlay in the catalog hands focus back to the trigger it was opened\n   * from, and a tooltip that answered those appeared with no pointer to leave and\n   * no focus to lose. So this method is the way to assert that NOTHING happens.\n   *\n   * There is no keyboard-origin twin, and it cannot be written honestly here:\n   * origin is `FocusMonitor`'s answer, this class has no injector, and the Tab\n   * that would earn it moves focus in a browser and not in jsdom. A spec that\n   * needs the opening gesture drives `FocusMonitor.focusVia(el, 'keyboard')`\n   * itself, the way `popover.spec.ts` does — or uses `hover()`.\n   */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blur the trigger, which hides a tooltip after `hideDelay`. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Press Escape on the trigger. Both modes dismiss on it, and neither moves focus. */\n  async sendEscape(): Promise<void> {\n    return (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Wait out a pending show. Resolves at once when the panel is already up. */\n  async waitUntilOpen(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilOpen(): nothing opened within ${timeout}ms. A tooltip waits out its ` +\n        'showDelay (and never opens at all for an empty string); this wait uses real time, so a spec on ' +\n        'fake timers has to advance the clock itself and read isOpen().'\n    );\n  }\n\n  /** Wait out a pending hide. Resolves at once when the panel is already gone. */\n  async waitUntilClosed(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(false, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilClosed(): still showing after ${timeout}ms. A hover popover closes 120ms ` +\n        'after the pointer leaves — and only if it left at all, since a mouseleave INTO that panel is ' +\n        'deliberately not a leave. A tooltip closes on its hideDelay after mouseleave or blur.'\n    );\n  }\n\n  /**\n   * The panel's text.\n   *\n   * In tooltip mode that is the string itself, rendered into the small text\n   * panel; in popover mode it is everything the projected template renders.\n   */\n  async getContentText(): Promise<string> {\n    return (await this.panel()).text();\n  }\n\n  /**\n   * The role the open panel announces: `'dialog'` for a popover, `'tooltip'` for\n   * a tooltip.\n   *\n   * Worth asserting rather than assuming, twice over: the directive sets it on\n   * the OVERLAY PANE, not on the content a consumer wrote, and in tooltip mode\n   * the pane is deliberately the only element carrying it — the text panel\n   * inside has none, or the description would nest a tooltip in a tooltip.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.panel()).getAttribute('role');\n  }\n\n  /**\n   * The panel's accessible name — `null` in tooltip mode.\n   *\n   * A popover is a named `role=\"dialog\"`: the `ariaLabel` input, or the i18n\n   * catalog's `popover.label` when the consumer says nothing, because an unnamed\n   * dialog announces as \"dialog\" and nothing else. A tooltip has no name of its\n   * own; it IS the trigger's description, which is `getDescriptionText()`.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.panel()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the panel claims modality.\n   *\n   * `false`, deliberately, and worth pinning: the popover sets\n   * `aria-modal=\"false\"` because focus is NOT trapped and the panel dismisses on\n   * outside click / Escape rather than blocking the page.\n   */\n  async isModal(): Promise<boolean> {\n    return (await (await this.panel()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Where the panel sits relative to the trigger, or `null` when it is presented\n   * as a sheet and has no anchor.\n   *\n   * The APPLIED position, not the requested one: CDK flips a placement that does\n   * not fit to the next in its fallback chain and swaps the modifier class with\n   * it. Under a unit test that is always the requested placement — jsdom measures\n   * every box as 0×0, so the first candidate always \"fits\" — but in a browser the\n   * two can differ, and this answers what is on screen. The directive defaults\n   * the request per mode (`bottom` for a popover, `top` for a tooltip).\n   *\n   * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query\n   * at all; this class is the placement, and it is what the arrow's own CSS keys\n   * off.\n   */\n  async getPosition(): Promise<WrPopoverPosition | null> {\n    const classes = (await (await this.panel()).getAttribute('class')) ?? '';\n    const modifier = /wr-(?:popover|tooltip)-overlay--([a-z-]+)/.exec(classes);\n    return modifier ? (modifier[1] as WrPopoverPosition) : null;\n  }\n\n  /** Whether the popover is presented as a full-width bottom sheet instead of an anchored panel. */\n  async isSheet(): Promise<boolean> {\n    return (await this.panel()).hasClass('wr-overlay-sheet');\n  }\n\n  /**\n   * The text a screen reader reads as the TRIGGER'S DESCRIPTION, or `null` when\n   * it describes nothing.\n   *\n   * This resolves `aria-describedby` the way an assistive technology would, so\n   * it answers the whole of tooltip mode's naming contract in one call. Always\n   * `null` for a popover, open or shut — a popover is a thing the trigger owns\n   * (`aria-haspopup` / `aria-expanded`), never a description of it.\n   */\n  async getDescriptionText(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('aria-describedby');\n    if (!id) return null;\n\n    const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();\n    return described ? described.text() : null;\n  }\n\n  /**\n   * Harnesses for the consumer's own components are resolved inside THIS\n   * instance's panel.\n   *\n   * Scoped by the published id rather than by `.wr-popover-overlay`: the overlay\n   * container is shared, so a class query would answer with whichever popover\n   * opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /** Poll until `isOpen()` reports `open`, and say whether it did. */\n  private async settled(open: boolean, timeout: number): Promise<boolean> {\n    for (let waited = 0; waited <= timeout; waited += POLL_STEP) {\n      if ((await this.isOpen()) === open) return true;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n    return false;\n  }\n\n  /** This instance's overlay pane. */\n  private async panel(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();\n  }\n\n  /** The id the trigger publishes for its panel, which only exists while the panel does. */\n  private async panelId(): Promise<string> {\n    const attribute = (await this.getMode()) === 'popover' ? 'aria-controls' : 'aria-describedby';\n    const id = await (await this.host()).getAttribute(attribute);\n\n    if (!id) {\n      throw new Error(\n        `WrPopoverHarness: nothing is showing. The trigger publishes its panel id as ${attribute} only ` +\n          'while the panel is open — call open() first (a tooltip also has to wait out its showDelay).'\n      );\n    }\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}