ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-tour.mjs

@@ -1,10 +1,11 @@
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, computed, ViewEncapsulation, Component, EnvironmentInjector, DOCUMENT, PLATFORM_ID, signal, Injector, Service } from '@angular/core';
-import { WR_OVERLAY } from 'ngwr/overlay';
+import { InjectionToken, inject, computed, ViewEncapsulation, Component, EnvironmentInjector, DOCUMENT, PLATFORM_ID, signal, DestroyRef, Injector, Service } from '@angular/core';
+import { WR_OVERLAY, wrMirrorOffsets } from 'ngwr/overlay';
 import { WrButton } from 'ngwr/button';
 import { readI18nText, useI18nFormatter } from 'ngwr/i18n';
 
@@ -33,7 +34,10 @@ class WrTourPopup {
     skipLabel = readI18nText('tour.skip', 'Skip tour');
     /** `Step {{current}} of {{total}}` — also the dialog's accessible name. */
     progress = useI18nFormatter('tour.progress', 'Step {{current}} of {{total}}');
-    isLast = computed(() => this.tour.index() >= this.tour.total() - 1, /* @ts-ignore */
+    // From the service, not `index() >= total() - 1`: a trailing step whose target is
+    // missing gets skipped, so the raw count called the final card "Next" and then
+    // ended the tour when it was pressed.
+    isLast = computed(() => this.tour.isLast(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
     isFirst = computed(() => this.tour.index() <= 0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isFirst" }] : /* istanbul ignore next */ []));
@@ -44,10 +48,10 @@ class WrTourPopup {
         return title ? `${title} — ${this.progressText()}` : this.progressText();
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrTourPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrTourPopup, isStandalone: true, selector: "wr-tour-popup", host: { attributes: { "role": "dialog", "aria-modal": "true" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "wr-tour-popup" }, ngImport: i0, template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <button wr-btn type=\"button\" size=\"sm\" color=\"medium\" outlined (click)=\"tour.stop()\">\n    {{ skipLabel }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"tour.prev()\">{{ backLabel }}</button>\n  }\n  <button wr-btn type=\"button\" size=\"sm\" color=\"primary\" (click)=\"tour.next()\">\n    {{ isLast() ? doneLabel : nextLabel }}\n  </button>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTourPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrTourPopup, isStandalone: true, selector: "wr-tour-popup", host: { attributes: { "role": "dialog", "aria-modal": "true" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "wr-tour-popup" }, ngImport: i0, template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <button wr-btn type=\"button\" size=\"sm\" color=\"medium\" outlined (click)=\"tour.stop()\">\n    {{ skipLabel }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"tour.prev()\">{{ backLabel }}</button>\n  }\n  <button wr-btn type=\"button\" size=\"sm\" color=\"primary\" (click)=\"tour.next()\">\n    {{ isLast() ? doneLabel : nextLabel }}\n  </button>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrTourPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTourPopup, decorators: [{
             type: Component,
             args: [{ selector: 'wr-tour-popup', encapsulation: ViewEncapsulation.None, host: { class: 'wr-tour-popup', role: 'dialog', 'aria-modal': 'true', '[attr.aria-label]': 'ariaLabel()' }, imports: [WrButton], template: "@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <button wr-btn type=\"button\" size=\"sm\" color=\"medium\" outlined (click)=\"tour.stop()\">\n    {{ skipLabel }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"tour.prev()\">{{ backLabel }}</button>\n  }\n  <button wr-btn type=\"button\" size=\"sm\" color=\"primary\" (click)=\"tour.next()\">\n    {{ isLast() ? doneLabel : nextLabel }}\n  </button>\n</div>\n" }]
         }] });
@@ -96,6 +100,7 @@ const CONNECTED = {
  */
 class WrTour {
     overlay = inject(WR_OVERLAY);
+    dir = inject(Directionality, { optional: true });
     scrollStrategies = inject(ScrollStrategyOptions);
     injector = inject(EnvironmentInjector);
     focusTrapFactory = inject(ConfigurableFocusTrapFactory);
@@ -106,6 +111,7 @@ class WrTour {
     cursor = signal(-1, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "cursor" }] : /* istanbul ignore next */ []));
     overlayRef = null;
+    focusTrap = null;
     spotlight = null;
     detachKeydown = null;
     detachReposition = null;
@@ -122,6 +128,25 @@ class WrTour {
     /** The step being shown, or `null` when idle. */
     step = computed(() => this.steps()[this.cursor()] ?? null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    // Whether any step AFTER the current one can actually be shown. Settled once per
+    // move, in `goTo`, because reachability is a DOM question and not a signal.
+    noStepAfter = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "noStepAfter" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether this is the last step the user will see. Not `index() === total() - 1`:
+     * a trailing step whose target is missing is skipped, so comparing against the
+     * raw count left the primary button reading "Next" on the final card and then
+     * ending the tour when it was pressed.
+     */
+    isLast = computed(() => this.noStepAfter(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Everything this service owns lives OUTSIDE its own injector: a CDK overlay, a
+        // div appended to `document.body`, a document keydown listener and two window
+        // listeners. Nothing removes them when the injector goes, so a tour running at
+        // teardown left its cut-out on the page.
+        inject(DestroyRef).onDestroy(() => this.stop());
+    }
     /**
      * Begin a tour. Restarts if one is already running. A no-op under SSR — a
      * tour is a client-side affordance and there is nothing to spotlight on the
@@ -171,8 +196,18 @@ class WrTour {
         }
         this.teardownStep();
         this.cursor.set(i);
+        this.noStepAfter.set(!this.anyResolvableAfter(i));
         this.openStep(steps[i]);
     }
+    /** Whether the tour has a step past `index` that can actually be shown. */
+    anyResolvableAfter(index) {
+        const steps = this.steps();
+        for (let i = index + 1; i < steps.length; i += 1) {
+            if (this.resolve(steps[i]) !== null)
+                return true;
+        }
+        return false;
+    }
     resolve(step) {
         if (typeof step.target !== 'string')
             return step.target.isConnected ? step.target : null;
@@ -197,11 +232,11 @@ class WrTour {
         const positionStrategy = this.overlay
             .position()
             .flexibleConnectedTo(target)
-            .withPositions(FALLBACKS[placement].map(side => ({
+            .withPositions(wrMirrorOffsets(FALLBACKS[placement].map(side => ({
             ...CONNECTED[side],
             offsetY: side === 'bottom' ? 12 : side === 'top' ? -12 : 0,
             offsetX: side === 'right' ? 12 : side === 'left' ? -12 : 0,
-        })))
+        })), this.isRtl()))
             .withPush(true);
         this.overlayRef = this.overlay.create({
             positionStrategy,
@@ -210,10 +245,15 @@ class WrTour {
         });
         const portal = new ComponentPortal(WrTourPopup, null, Injector.create({ parent: this.injector, providers: [{ provide: WR_TOUR_STEP, useValue: this }] }));
         const ref = this.overlayRef.attach(portal);
-        const trap = this.focusTrapFactory.create(ref.location.nativeElement);
-        void trap.focusInitialElementWhenReady();
+        // Kept on the instance, not in a local: a trap registers with CDK's
+        // `FocusTrapManager` and installs a capture-phase document focus listener, so an
+        // undestroyed one leaks per STEP and every tour left a stack of them behind.
+        this.focusTrap = this.focusTrapFactory.create(ref.location.nativeElement);
+        void this.focusTrap.focusInitialElementWhenReady();
         const onKey = (event) => {
-            if (event.key === 'Escape') {
+            // The listener is on the document, so a step shown over a dialog would see the
+            // Escape that dialog just handled and close the tour too.
+            if (event.key === 'Escape' && !event.defaultPrevented) {
                 event.preventDefault();
                 this.stop();
             }
@@ -240,6 +280,8 @@ class WrTour {
         el.style.height = `${r.height + pad * 2}px`;
     }
     teardownStep() {
+        this.focusTrap?.destroy();
+        this.focusTrap = null;
         this.detachKeydown?.();
         this.detachKeydown = null;
         this.detachReposition?.();
@@ -249,12 +291,22 @@ class WrTour {
         this.spotlight?.remove();
         this.spotlight = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrTour, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.0", ngImport: i0, type: WrTour });
+    /**
+     * Whether the app reads right-to-left.
+     *
+     * Optional inject: `Directionality` is root-provided, so this is never null in
+     * an app — but a bare `TestBed` that provides nothing should still get a
+     * component that works, and defaulting to LTR is the honest fallback.
+     */
+    isRtl() {
+        return this.dir?.value === 'rtl';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTour, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.1", ngImport: i0, type: WrTour });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTour, decorators: [{
             type: Service
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngwr-tour.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-tour.mjs","sources":["../../../projects/lib/tour/tour-popup.ts","../../../projects/lib/tour/tour-popup.html","../../../projects/lib/tour/tour.ts","../../../projects/lib/tour/ngwr-tour.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, InjectionToken, ViewEncapsulation, computed, inject } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { readI18nText, useI18nFormatter } from 'ngwr/i18n';\n\nimport type { WrTourStep } from './interfaces';\n\n/** What the popup needs from the running tour, without importing the service (cycle). */\nexport interface WrTourController {\n  readonly index: () => number;\n  readonly total: () => number;\n  readonly step: () => WrTourStep | null;\n  next(): void;\n  prev(): void;\n  stop(): void;\n}\n\n/** Provided by `WrTour` when it attaches the popup portal. */\nexport const WR_TOUR_STEP = new InjectionToken<WrTourController>('WR_TOUR_STEP');\n\n/**\n * The card a tour shows next to the spotlit element. Rendered by `WrTour` into\n * a CDK overlay — not something you place yourself.\n *\n * @see https://ngwr.dev/reference/services/tour\n */\n@Component({\n  selector: 'wr-tour-popup',\n  templateUrl: './tour-popup.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-tour-popup', role: 'dialog', 'aria-modal': 'true', '[attr.aria-label]': 'ariaLabel()' },\n  imports: [WrButton],\n})\nexport class WrTourPopup {\n  protected readonly tour = inject(WR_TOUR_STEP);\n\n  // `readI18nText`, not `useI18nText`: these have no consumer-facing input to\n  // forward, and the popup is rebuilt for every step, so resolving once at\n  // construction is enough.\n  protected readonly nextLabel = readI18nText('tour.next', 'Next');\n  protected readonly backLabel = readI18nText('tour.back', 'Back');\n  protected readonly doneLabel = readI18nText('tour.done', 'Done');\n  protected readonly skipLabel = readI18nText('tour.skip', 'Skip tour');\n\n  /** `Step {{current}} of {{total}}` — also the dialog's accessible name. */\n  protected readonly progress = useI18nFormatter('tour.progress', 'Step {{current}} of {{total}}');\n\n  protected readonly isLast = computed(() => this.tour.index() >= this.tour.total() - 1);\n  protected readonly isFirst = computed(() => this.tour.index() <= 0);\n\n  protected readonly progressText = computed(() =>\n    this.progress({ current: this.tour.index() + 1, total: this.tour.total() })\n  );\n\n  protected readonly ariaLabel = computed(() => {\n    const title = this.tour.step()?.title;\n    return title ? `${title} — ${this.progressText()}` : this.progressText();\n  });\n}\n","@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <button wr-btn type=\"button\" size=\"sm\" color=\"medium\" outlined (click)=\"tour.stop()\">\n    {{ skipLabel }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"tour.prev()\">{{ backLabel }}</button>\n  }\n  <button wr-btn type=\"button\" size=\"sm\" color=\"primary\" (click)=\"tour.next()\">\n    {{ isLast() ? doneLabel : nextLabel }}\n  </button>\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 { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport { DOCUMENT, EnvironmentInjector, Injector, PLATFORM_ID, Service, computed, inject, signal } from '@angular/core';\n\nimport { WR_OVERLAY } from 'ngwr/overlay';\n\nimport type { WrTourPlacement, WrTourStep } from './interfaces';\nimport { WR_TOUR_STEP, WrTourPopup } from './tour-popup';\n\n/** Fallback order per preferred side — the opposite side first, then the sides. */\nconst FALLBACKS: Record<WrTourPlacement, readonly WrTourPlacement[]> = {\n  bottom: ['bottom', 'top', 'right', 'left'],\n  top: ['top', 'bottom', 'right', 'left'],\n  left: ['left', 'right', 'bottom', 'top'],\n  right: ['right', 'left', 'bottom', 'top'],\n};\n\nconst CONNECTED: Record<\n  WrTourPlacement,\n  {\n    originX: 'start' | 'center' | 'end';\n    originY: 'top' | 'center' | 'bottom';\n    overlayX: 'start' | 'center' | 'end';\n    overlayY: 'top' | 'center' | 'bottom';\n  }\n> = {\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\n};\n\n/**\n * Guided product tour: a spotlight over one element at a time plus a popup\n * explaining it.\n *\n * Steps are data, not markup — call `start()` with an array and the service owns\n * the overlay, the cut-out, focus and the keyboard. A step whose target is not\n * on the page is skipped rather than shown floating, so a tour survives a\n * feature being hidden behind a flag or a permission.\n *\n * @example\n * ```ts\n * private readonly tour = inject(WrTour);\n *\n * showMeAround(): void {\n *   this.tour.start([\n *     { target: '[data-tour=\"search\"]', title: 'Search', content: 'Find anything by name.' },\n *     { target: '[data-tour=\"filters\"]', content: 'Narrow the list down.', placement: 'right' },\n *   ]);\n * }\n * ```\n *\n * @see https://ngwr.dev/reference/services/tour\n */\n@Service()\nexport class WrTour {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private readonly steps = signal<readonly WrTourStep[]>([]);\n  private readonly cursor = signal(-1);\n\n  private overlayRef: OverlayRef | null = null;\n  private spotlight: HTMLElement | null = null;\n  private detachKeydown: (() => void) | null = null;\n  private detachReposition: (() => void) | null = null;\n  private restoreFocus: HTMLElement | null = null;\n\n  /** Whether a tour is running. */\n  readonly active = computed(() => this.cursor() >= 0);\n\n  /** Zero-based index of the current step, `-1` when idle. */\n  readonly index = computed(() => this.cursor());\n\n  /** How many steps this tour has. */\n  readonly total = computed(() => this.steps().length);\n\n  /** The step being shown, or `null` when idle. */\n  readonly step = computed<WrTourStep | null>(() => this.steps()[this.cursor()] ?? null);\n\n  /**\n   * Begin a tour. Restarts if one is already running. A no-op under SSR — a\n   * tour is a client-side affordance and there is nothing to spotlight on the\n   * server.\n   */\n  start(steps: readonly WrTourStep[]): void {\n    if (!this.isBrowser || steps.length === 0) return;\n    this.stop();\n    this.steps.set(steps);\n    this.restoreFocus = this.document.activeElement as HTMLElement | null;\n    this.goTo(0, 1);\n  }\n\n  /** Advance; finishes the tour past the last step. */\n  next(): void {\n    this.goTo(this.cursor() + 1, 1);\n  }\n\n  /** Go back; stays put on the first step. */\n  prev(): void {\n    this.goTo(this.cursor() - 1, -1);\n  }\n\n  /** End the tour and return focus where it was. */\n  stop(): void {\n    this.teardownStep();\n    this.steps.set([]);\n    this.cursor.set(-1);\n    this.restoreFocus?.focus?.();\n    this.restoreFocus = null;\n  }\n\n  /**\n   * Move to `index`, skipping steps whose target is not in the DOM. `direction`\n   * says which way to keep skipping, so a missing step never traps the tour\n   * between two dead ends.\n   */\n  private goTo(index: number, direction: 1 | -1): void {\n    const steps = this.steps();\n    let i = index;\n    while (i >= 0 && i < steps.length && this.resolve(steps[i]) === null) i += direction;\n\n    if (i < 0) {\n      // Ran off the start while going back — stay where we were.\n      return;\n    }\n    if (i >= steps.length) {\n      this.stop();\n      return;\n    }\n\n    this.teardownStep();\n    this.cursor.set(i);\n    this.openStep(steps[i]);\n  }\n\n  private resolve(step: WrTourStep): HTMLElement | null {\n    if (typeof step.target !== 'string') return step.target.isConnected ? step.target : null;\n    return this.document.querySelector<HTMLElement>(step.target);\n  }\n\n  private openStep(step: WrTourStep): void {\n    const target = this.resolve(step);\n    if (!target) return;\n\n    target.scrollIntoView({ block: 'center', inline: 'nearest', behavior: 'smooth' });\n\n    // The cut-out is a bare element sized to the target with an enormous spread\n    // shadow: everything outside it dims, the target itself stays untouched.\n    // Cheaper and far more robust than a clip-path polygon, and it needs no\n    // recompute when the page reflows beyond moving the box.\n    const spotlight = this.document.createElement('div');\n    spotlight.className = 'wr-tour__spotlight';\n    spotlight.setAttribute('aria-hidden', 'true');\n    this.document.body.appendChild(spotlight);\n    this.spotlight = spotlight;\n    this.placeSpotlight(target);\n\n    const placement = step.placement ?? 'bottom';\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(target)\n      .withPositions(\n        FALLBACKS[placement].map(side => ({\n          ...CONNECTED[side],\n          offsetY: side === 'bottom' ? 12 : side === 'top' ? -12 : 0,\n          offsetX: side === 'right' ? 12 : side === 'left' ? -12 : 0,\n        }))\n      )\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: 'wr-tour-overlay',\n    });\n\n    const portal = new ComponentPortal(\n      WrTourPopup,\n      null,\n      Injector.create({ parent: this.injector, providers: [{ provide: WR_TOUR_STEP, useValue: this }] })\n    );\n    const ref = this.overlayRef.attach(portal);\n\n    const trap = this.focusTrapFactory.create(ref.location.nativeElement as HTMLElement);\n    void trap.focusInitialElementWhenReady();\n\n    const onKey = (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        this.stop();\n      }\n    };\n    this.document.addEventListener('keydown', onKey);\n    this.detachKeydown = () => this.document.removeEventListener('keydown', onKey);\n\n    const reposition = (): void => this.placeSpotlight(target);\n    window.addEventListener('scroll', reposition, true);\n    window.addEventListener('resize', reposition);\n    this.detachReposition = () => {\n      window.removeEventListener('scroll', reposition, true);\n      window.removeEventListener('resize', reposition);\n    };\n  }\n\n  private placeSpotlight(target: HTMLElement): void {\n    const el = this.spotlight;\n    if (!el) return;\n    const r = target.getBoundingClientRect();\n    const pad = 6;\n    el.style.top = `${r.top - pad}px`;\n    el.style.left = `${r.left - pad}px`;\n    el.style.width = `${r.width + pad * 2}px`;\n    el.style.height = `${r.height + pad * 2}px`;\n  }\n\n  private teardownStep(): void {\n    this.detachKeydown?.();\n    this.detachKeydown = null;\n    this.detachReposition?.();\n    this.detachReposition = null;\n    this.overlayRef?.dispose();\n    this.overlayRef = null;\n    this.spotlight?.remove();\n    this.spotlight = null;\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-tour.mjs","sources":["../../../projects/lib/tour/tour-popup.ts","../../../projects/lib/tour/tour-popup.html","../../../projects/lib/tour/tour.ts","../../../projects/lib/tour/ngwr-tour.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, InjectionToken, ViewEncapsulation, computed, inject } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { readI18nText, useI18nFormatter } from 'ngwr/i18n';\n\nimport type { WrTourStep } from './interfaces';\n\n/** What the popup needs from the running tour, without importing the service (cycle). */\nexport interface WrTourController {\n  readonly index: () => number;\n  readonly total: () => number;\n  readonly step: () => WrTourStep | null;\n  /**\n   * Whether this is the last step the user will actually see — the service looks\n   * ahead for a reachable one, because a trailing step whose target is missing gets\n   * skipped and the raw count would call the final card \"Next\".\n   */\n  readonly isLast: () => boolean;\n  next(): void;\n  prev(): void;\n  stop(): void;\n}\n\n/** Provided by `WrTour` when it attaches the popup portal. */\nexport const WR_TOUR_STEP = new InjectionToken<WrTourController>('WR_TOUR_STEP');\n\n/**\n * The card a tour shows next to the spotlit element. Rendered by `WrTour` into\n * a CDK overlay — not something you place yourself.\n *\n * @see https://ngwr.dev/reference/services/tour\n */\n@Component({\n  selector: 'wr-tour-popup',\n  templateUrl: './tour-popup.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-tour-popup', role: 'dialog', 'aria-modal': 'true', '[attr.aria-label]': 'ariaLabel()' },\n  imports: [WrButton],\n})\nexport class WrTourPopup {\n  protected readonly tour = inject(WR_TOUR_STEP);\n\n  // `readI18nText`, not `useI18nText`: these have no consumer-facing input to\n  // forward, and the popup is rebuilt for every step, so resolving once at\n  // construction is enough.\n  protected readonly nextLabel = readI18nText('tour.next', 'Next');\n  protected readonly backLabel = readI18nText('tour.back', 'Back');\n  protected readonly doneLabel = readI18nText('tour.done', 'Done');\n  protected readonly skipLabel = readI18nText('tour.skip', 'Skip tour');\n\n  /** `Step {{current}} of {{total}}` — also the dialog's accessible name. */\n  protected readonly progress = useI18nFormatter('tour.progress', 'Step {{current}} of {{total}}');\n\n  // From the service, not `index() >= total() - 1`: a trailing step whose target is\n  // missing gets skipped, so the raw count called the final card \"Next\" and then\n  // ended the tour when it was pressed.\n  protected readonly isLast = computed(() => this.tour.isLast());\n  protected readonly isFirst = computed(() => this.tour.index() <= 0);\n\n  protected readonly progressText = computed(() =>\n    this.progress({ current: this.tour.index() + 1, total: this.tour.total() })\n  );\n\n  protected readonly ariaLabel = computed(() => {\n    const title = this.tour.step()?.title;\n    return title ? `${title} — ${this.progressText()}` : this.progressText();\n  });\n}\n","@let step = tour.step();\n\n<p class=\"wr-tour-popup__progress\">{{ progressText() }}</p>\n\n@if (step?.title; as title) {\n  <h2 class=\"wr-tour-popup__title\">{{ title }}</h2>\n}\n\n<p class=\"wr-tour-popup__content\">{{ step?.content }}</p>\n\n<div class=\"wr-tour-popup__actions\">\n  <button wr-btn type=\"button\" size=\"sm\" color=\"medium\" outlined (click)=\"tour.stop()\">\n    {{ skipLabel }}\n  </button>\n\n  <span class=\"wr-tour-popup__spacer\"></span>\n\n  @if (!isFirst()) {\n    <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"tour.prev()\">{{ backLabel }}</button>\n  }\n  <button wr-btn type=\"button\" size=\"sm\" color=\"primary\" (click)=\"tour.next()\">\n    {{ isLast() ? doneLabel : nextLabel }}\n  </button>\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 { type ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  DOCUMENT,\n  DestroyRef,\n  EnvironmentInjector,\n  Injector,\n  PLATFORM_ID,\n  Service,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\n\nimport { WR_OVERLAY, wrMirrorOffsets } from 'ngwr/overlay';\n\nimport type { WrTourPlacement, WrTourStep } from './interfaces';\nimport { WR_TOUR_STEP, WrTourPopup } from './tour-popup';\n\n/** Fallback order per preferred side — the opposite side first, then the sides. */\nconst FALLBACKS: Record<WrTourPlacement, readonly WrTourPlacement[]> = {\n  bottom: ['bottom', 'top', 'right', 'left'],\n  top: ['top', 'bottom', 'right', 'left'],\n  left: ['left', 'right', 'bottom', 'top'],\n  right: ['right', 'left', 'bottom', 'top'],\n};\n\nconst CONNECTED: Record<\n  WrTourPlacement,\n  {\n    originX: 'start' | 'center' | 'end';\n    originY: 'top' | 'center' | 'bottom';\n    overlayX: 'start' | 'center' | 'end';\n    overlayY: 'top' | 'center' | 'bottom';\n  }\n> = {\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\n};\n\n/**\n * Guided product tour: a spotlight over one element at a time plus a popup\n * explaining it.\n *\n * Steps are data, not markup — call `start()` with an array and the service owns\n * the overlay, the cut-out, focus and the keyboard. A step whose target is not\n * on the page is skipped rather than shown floating, so a tour survives a\n * feature being hidden behind a flag or a permission.\n *\n * @example\n * ```ts\n * private readonly tour = inject(WrTour);\n *\n * showMeAround(): void {\n *   this.tour.start([\n *     { target: '[data-tour=\"search\"]', title: 'Search', content: 'Find anything by name.' },\n *     { target: '[data-tour=\"filters\"]', content: 'Narrow the list down.', placement: 'right' },\n *   ]);\n * }\n * ```\n *\n * @see https://ngwr.dev/reference/services/tour\n */\n@Service()\nexport class WrTour {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private readonly steps = signal<readonly WrTourStep[]>([]);\n  private readonly cursor = signal(-1);\n\n  private overlayRef: OverlayRef | null = null;\n  private focusTrap: ConfigurableFocusTrap | null = null;\n  private spotlight: HTMLElement | null = null;\n  private detachKeydown: (() => void) | null = null;\n  private detachReposition: (() => void) | null = null;\n  private restoreFocus: HTMLElement | null = null;\n\n  /** Whether a tour is running. */\n  readonly active = computed(() => this.cursor() >= 0);\n\n  /** Zero-based index of the current step, `-1` when idle. */\n  readonly index = computed(() => this.cursor());\n\n  /** How many steps this tour has. */\n  readonly total = computed(() => this.steps().length);\n\n  /** The step being shown, or `null` when idle. */\n  readonly step = computed<WrTourStep | null>(() => this.steps()[this.cursor()] ?? null);\n\n  // Whether any step AFTER the current one can actually be shown. Settled once per\n  // move, in `goTo`, because reachability is a DOM question and not a signal.\n  private readonly noStepAfter = signal(false);\n\n  /**\n   * Whether this is the last step the user will see. Not `index() === total() - 1`:\n   * a trailing step whose target is missing is skipped, so comparing against the\n   * raw count left the primary button reading \"Next\" on the final card and then\n   * ending the tour when it was pressed.\n   */\n  readonly isLast = computed(() => this.noStepAfter());\n\n  constructor() {\n    // Everything this service owns lives OUTSIDE its own injector: a CDK overlay, a\n    // div appended to `document.body`, a document keydown listener and two window\n    // listeners. Nothing removes them when the injector goes, so a tour running at\n    // teardown left its cut-out on the page.\n    inject(DestroyRef).onDestroy(() => this.stop());\n  }\n\n  /**\n   * Begin a tour. Restarts if one is already running. A no-op under SSR — a\n   * tour is a client-side affordance and there is nothing to spotlight on the\n   * server.\n   */\n  start(steps: readonly WrTourStep[]): void {\n    if (!this.isBrowser || steps.length === 0) return;\n    this.stop();\n    this.steps.set(steps);\n    this.restoreFocus = this.document.activeElement as HTMLElement | null;\n    this.goTo(0, 1);\n  }\n\n  /** Advance; finishes the tour past the last step. */\n  next(): void {\n    this.goTo(this.cursor() + 1, 1);\n  }\n\n  /** Go back; stays put on the first step. */\n  prev(): void {\n    this.goTo(this.cursor() - 1, -1);\n  }\n\n  /** End the tour and return focus where it was. */\n  stop(): void {\n    this.teardownStep();\n    this.steps.set([]);\n    this.cursor.set(-1);\n    this.restoreFocus?.focus?.();\n    this.restoreFocus = null;\n  }\n\n  /**\n   * Move to `index`, skipping steps whose target is not in the DOM. `direction`\n   * says which way to keep skipping, so a missing step never traps the tour\n   * between two dead ends.\n   */\n  private goTo(index: number, direction: 1 | -1): void {\n    const steps = this.steps();\n    let i = index;\n    while (i >= 0 && i < steps.length && this.resolve(steps[i]) === null) i += direction;\n\n    if (i < 0) {\n      // Ran off the start while going back — stay where we were.\n      return;\n    }\n    if (i >= steps.length) {\n      this.stop();\n      return;\n    }\n\n    this.teardownStep();\n    this.cursor.set(i);\n    this.noStepAfter.set(!this.anyResolvableAfter(i));\n    this.openStep(steps[i]);\n  }\n\n  /** Whether the tour has a step past `index` that can actually be shown. */\n  private anyResolvableAfter(index: number): boolean {\n    const steps = this.steps();\n    for (let i = index + 1; i < steps.length; i += 1) {\n      if (this.resolve(steps[i]) !== null) return true;\n    }\n    return false;\n  }\n\n  private resolve(step: WrTourStep): HTMLElement | null {\n    if (typeof step.target !== 'string') return step.target.isConnected ? step.target : null;\n    return this.document.querySelector<HTMLElement>(step.target);\n  }\n\n  private openStep(step: WrTourStep): void {\n    const target = this.resolve(step);\n    if (!target) return;\n\n    target.scrollIntoView({ block: 'center', inline: 'nearest', behavior: 'smooth' });\n\n    // The cut-out is a bare element sized to the target with an enormous spread\n    // shadow: everything outside it dims, the target itself stays untouched.\n    // Cheaper and far more robust than a clip-path polygon, and it needs no\n    // recompute when the page reflows beyond moving the box.\n    const spotlight = this.document.createElement('div');\n    spotlight.className = 'wr-tour__spotlight';\n    spotlight.setAttribute('aria-hidden', 'true');\n    this.document.body.appendChild(spotlight);\n    this.spotlight = spotlight;\n    this.placeSpotlight(target);\n\n    const placement = step.placement ?? 'bottom';\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(target)\n      .withPositions(\n        wrMirrorOffsets(\n          FALLBACKS[placement].map(side => ({\n            ...CONNECTED[side],\n            offsetY: side === 'bottom' ? 12 : side === 'top' ? -12 : 0,\n            offsetX: side === 'right' ? 12 : side === 'left' ? -12 : 0,\n          })),\n          this.isRtl()\n        )\n      )\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: 'wr-tour-overlay',\n    });\n\n    const portal = new ComponentPortal(\n      WrTourPopup,\n      null,\n      Injector.create({ parent: this.injector, providers: [{ provide: WR_TOUR_STEP, useValue: this }] })\n    );\n    const ref = this.overlayRef.attach(portal);\n\n    // Kept on the instance, not in a local: a trap registers with CDK's\n    // `FocusTrapManager` and installs a capture-phase document focus listener, so an\n    // undestroyed one leaks per STEP and every tour left a stack of them behind.\n    this.focusTrap = this.focusTrapFactory.create(ref.location.nativeElement as HTMLElement);\n    void this.focusTrap.focusInitialElementWhenReady();\n\n    const onKey = (event: KeyboardEvent): void => {\n      // The listener is on the document, so a step shown over a dialog would see the\n      // Escape that dialog just handled and close the tour too.\n      if (event.key === 'Escape' && !event.defaultPrevented) {\n        event.preventDefault();\n        this.stop();\n      }\n    };\n    this.document.addEventListener('keydown', onKey);\n    this.detachKeydown = () => this.document.removeEventListener('keydown', onKey);\n\n    const reposition = (): void => this.placeSpotlight(target);\n    window.addEventListener('scroll', reposition, true);\n    window.addEventListener('resize', reposition);\n    this.detachReposition = () => {\n      window.removeEventListener('scroll', reposition, true);\n      window.removeEventListener('resize', reposition);\n    };\n  }\n\n  private placeSpotlight(target: HTMLElement): void {\n    const el = this.spotlight;\n    if (!el) return;\n    const r = target.getBoundingClientRect();\n    const pad = 6;\n    el.style.top = `${r.top - pad}px`;\n    el.style.left = `${r.left - pad}px`;\n    el.style.width = `${r.width + pad * 2}px`;\n    el.style.height = `${r.height + pad * 2}px`;\n  }\n\n  private teardownStep(): void {\n    this.focusTrap?.destroy();\n    this.focusTrap = null;\n    this.detachKeydown?.();\n    this.detachKeydown = null;\n    this.detachReposition?.();\n    this.detachReposition = null;\n    this.overlayRef?.dispose();\n    this.overlayRef = null;\n    this.spotlight?.remove();\n    this.spotlight = null;\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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"}