ngwr 14.7.0 → 14.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-toast-testing.mjs","sources":["../../../projects/lib/toast/testing/wr-toast-harness.ts","../../../projects/lib/toast/testing/ngwr-toast-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrToastType } from 'ngwr/toast';\n\nimport type { WrToastHarnessFilters } from './interfaces';\n\nconst TYPES: readonly WrToastType[] = ['info', 'success', 'warning', 'danger'];\n\n/**\n * Test harness for a toast shown with `WrToast.show()`.\n *\n * Toasts live in the overlay, so load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. What is worth asserting on a\n * toast is mostly what it ANNOUNCES: `getRole()` and `getLiveLevel()` are how a\n * screen-reader user learns something happened, and they escalate with the\n * intent — a `danger` toast interrupts, an `info` toast waits its turn.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const toast = await rootLoader.getHarness(WrToastHarness.with({ type: 'danger' }));\n *\n * expect(await toast.getMessage()).toBe('Could not save');\n * expect(await toast.getRole()).toBe('alert');\n * await toast.dismiss();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrToastHarness extends ComponentHarness {\n  static hostSelector = 'wr-toast';\n\n  /** Build a predicate that narrows the query — several toasts are usually stacked. */\n  static with(options: WrToastHarnessFilters = {}): HarnessPredicate<WrToastHarness> {\n    return new HarnessPredicate(WrToastHarness, options)\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('type', options.type, async (harness, type) => (await harness.getType()) === type);\n  }\n\n  /** The toast's message line. */\n  async getMessage(): Promise<string> {\n    return (await this.locatorFor('.wr-toast__message')()).text();\n  }\n\n  /** The toast's title, or `null` when it was shown without one. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-toast__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The intent, read from the `wr-toast--*` modifier. */\n  async getType(): Promise<WrToastType | null> {\n    const host = await this.host();\n    for (const type of TYPES) {\n      if (await host.hasClass(`wr-toast--${type}`)) return type;\n    }\n    return null;\n  }\n\n  /** `'alert'` for a danger toast, `'status'` otherwise — how urgently it interrupts. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** `'assertive'` for danger and warning, `'polite'` otherwise. */\n  async getLiveLevel(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-live');\n  }\n\n  /** Whether the toast offers a dismiss button. */\n  async isDismissible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__action--close')()) !== null;\n  }\n\n  /** Whether the toast offers a copy button. */\n  async hasCopyAction(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__action--copy')()) !== null;\n  }\n\n  /** Click the dismiss button. Throws on a toast shown `dismissible: false`. */\n  async dismiss(): Promise<void> {\n    await (await this.locatorFor('.wr-toast__action--close')()).click();\n  }\n\n  /** Click the copy button. Throws unless the toast was shown `showCopy: true`. */\n  async copy(): Promise<void> {\n    await (await this.locatorFor('.wr-toast__action--copy')()).click();\n  }\n\n  /** Whether the auto-dismiss progress bar is showing. */\n  async hasProgressBar(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__progress')()) !== null;\n  }\n\n  /** Hover the toast — which is what pauses its auto-dismiss timer. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer away again, resuming the timer. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\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-toast-testing.mjs","sources":["../../../projects/lib/toast/testing/wr-toast-harness.ts","../../../projects/lib/toast/testing/ngwr-toast-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrToastType } from 'ngwr/toast';\n\nimport type { WrToastHarnessFilters } from './interfaces';\n\nconst TYPES: readonly WrToastType[] = ['info', 'success', 'warning', 'danger'];\n\n/**\n * Test harness for a toast shown with `WrToast.show()`.\n *\n * Toasts live in the overlay, so load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. What is worth asserting on a\n * toast is mostly what it ANNOUNCES: `getRole()` and `getLiveLevel()` are how a\n * screen-reader user learns something happened, and they escalate with the\n * intent — a `danger` toast interrupts, an `info` toast waits its turn.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const toast = await rootLoader.getHarness(WrToastHarness.with({ type: 'danger' }));\n *\n * expect(await toast.getMessage()).toBe('Could not save');\n * expect(await toast.getRole()).toBe('alert');\n * await toast.dismiss();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrToastHarness extends ComponentHarness {\n  static hostSelector = 'wr-toast';\n\n  /** Build a predicate that narrows the query — several toasts are usually stacked. */\n  static with(options: WrToastHarnessFilters = {}): HarnessPredicate<WrToastHarness> {\n    return new HarnessPredicate(WrToastHarness, options)\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('type', options.type, async (harness, type) => (await harness.getType()) === type);\n  }\n\n  /** The toast's message line. */\n  async getMessage(): Promise<string> {\n    return (await this.locatorFor('.wr-toast__message')()).text();\n  }\n\n  /** The toast's title, or `null` when it was shown without one. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-toast__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The intent, read from the `wr-toast--*` modifier. */\n  async getType(): Promise<WrToastType | null> {\n    const host = await this.host();\n    for (const type of TYPES) {\n      if (await host.hasClass(`wr-toast--${type}`)) return type;\n    }\n    return null;\n  }\n\n  /** `'alert'` for a danger toast, `'status'` otherwise — how urgently it interrupts. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** `'assertive'` for danger and warning, `'polite'` otherwise. */\n  async getLiveLevel(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-live');\n  }\n\n  /** Whether the toast offers a dismiss button. */\n  async isDismissible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__action--close')()) !== null;\n  }\n\n  /** Whether the toast offers a copy button. */\n  async hasCopyAction(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__action--copy')()) !== null;\n  }\n\n  /** Click the dismiss button. Throws on a toast shown `dismissible: false`. */\n  async dismiss(): Promise<void> {\n    await (await this.locatorFor('.wr-toast__action--close')()).click();\n  }\n\n  /** Click the copy button. Throws unless the toast was shown `showCopy: true`. */\n  async copy(): Promise<void> {\n    await (await this.locatorFor('.wr-toast__action--copy')()).click();\n  }\n\n  /** Whether the auto-dismiss progress bar is showing. */\n  async hasProgressBar(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-toast__progress')()) !== null;\n  }\n\n  /** Hover the toast — which is what pauses its auto-dismiss timer. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer away again, resuming the timer. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAQH,MAAM,KAAK,GAA2B,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,MAAO,cAAe,SAAQ,gBAAgB,CAAA;AAClD,IAAA,OAAO,YAAY,GAAG,UAAU;;AAGhC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAiC,EAAE,EAAA;AAC7C,QAAA,OAAO,IAAI,gBAAgB,CAAC,cAAc,EAAE,OAAO;aAChD,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KACtD,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;aAE9D,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC;aAC/G,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IACjG;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,EAAE;IAC/D;;AAGA,IAAA,MAAM,QAAQ,GAAA;QACZ,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;AACjE,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,IAAI;IACpC;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAA,UAAA,EAAa,IAAI,EAAE,CAAC;AAAE,gBAAA,OAAO,IAAI;QAC3D;AACA,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;IACjD;;AAGA,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC;IACtD;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,EAAE,MAAM,IAAI;IAC/E;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EAAE,MAAM,IAAI;IAC9E;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,EAAE,EAAE,KAAK,EAAE;IACrE;;AAGA,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,EAAE,EAAE,KAAK,EAAE;IACpE;;AAGA,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,EAAE,MAAM,IAAI;IAC1E;;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;;;AChHF;;AAEG;;"}

package/fesm2022/ngwr-toast.mjs

@@ -115,10 +115,10 @@ class WrToastItem {
             this.swipeX.set(0);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToastItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrToastItem, isStandalone: true, selector: "wr-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, showCopy: { classPropertyName: "showCopy", publicName: "showCopy", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested" }, host: { listeners: { "mouseenter": "pauseRequested.emit()", "mouseleave": "resumeRequested.emit()", "touchstart": "onSwipeStart($event)", "touchmove": "onSwipeMove($event)", "touchend": "onSwipeEnd()", "touchcancel": "onSwipeEnd()" }, properties: { "class": "classes()", "style.--wr-toast-duration": "durationMs()", "style.transform": "swipeTransform()", "style.opacity": "swipeOpacity()", "style.transition": "swiping() ? \"none\" : null", "attr.role": "liveRole()", "attr.aria-live": "liveLevel()" } }, ngImport: i0, template: "<!-- A glyph per type, and this is the one channel the toast had none of. Its\n     four types differed by `--wr-toast-accent` alone \u2014 a 3px inline-start\n     border, in four colours that sit within 1.06:1 of each other in relative\n     luminance, so `success` and `danger` were the same 3px line to a reader\n     who cannot separate hue. The shapes are the ones `wr-alert` and\n     `wr-result` already use for the same four meanings: a check in a broken\n     circle, a triangle, an octagon, an `i`. Three components agreeing is worth\n     more than three components each being locally reasonable.\n\n     `aria-hidden`, because the type is already announced: the host takes\n     `role=\"alert\"` for danger and `role=\"status\"` otherwise. -->\n<svg\n  class=\"wr-toast__icon wr-icon__svg\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  @switch (type()) {\n    @case ('success') {\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    }\n    @case ('warning') {\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    }\n    @case ('danger') {\n      <path\n        d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\"\n      />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    }\n    @default {\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    }\n  }\n</svg>\n\n<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToastItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrToastItem, isStandalone: true, selector: "wr-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, showCopy: { classPropertyName: "showCopy", publicName: "showCopy", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested" }, host: { listeners: { "mouseenter": "pauseRequested.emit()", "mouseleave": "resumeRequested.emit()", "touchstart": "onSwipeStart($event)", "touchmove": "onSwipeMove($event)", "touchend": "onSwipeEnd()", "touchcancel": "onSwipeEnd()" }, properties: { "class": "classes()", "style.--wr-toast-duration": "durationMs()", "style.transform": "swipeTransform()", "style.opacity": "swipeOpacity()", "style.transition": "swiping() ? \"none\" : null", "attr.role": "liveRole()", "attr.aria-live": "liveLevel()" } }, ngImport: i0, template: "<!-- A glyph per type, and this is the one channel the toast had none of. Its\n     four types differed by `--wr-toast-accent` alone \u2014 a 3px inline-start\n     border, in four colours that sit within 1.06:1 of each other in relative\n     luminance, so `success` and `danger` were the same 3px line to a reader\n     who cannot separate hue. The shapes are the ones `wr-alert` and\n     `wr-result` already use for the same four meanings: a check in a broken\n     circle, a triangle, an octagon, an `i`. Three components agreeing is worth\n     more than three components each being locally reasonable.\n\n     `aria-hidden`, because the type is already announced: the host takes\n     `role=\"alert\"` for danger and `role=\"status\"` otherwise. -->\n<svg\n  class=\"wr-toast__icon wr-icon__svg\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  @switch (type()) {\n    @case ('success') {\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    }\n    @case ('warning') {\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    }\n    @case ('danger') {\n      <path\n        d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\"\n      />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    }\n    @default {\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    }\n  }\n</svg>\n\n<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToastItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToastItem, decorators: [{
             type: Component,
             args: [{ selector: 'wr-toast', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -284,10 +284,10 @@ class WrToastHost {
     showCopyFor(t) {
         return t.showCopy ?? this.config().showCopy;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToastHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrToastHost, isStandalone: true, selector: "wr-toast-host", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested", dismissAllRequested: "dismissAllRequested" }, host: { attributes: { "role": "region" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "class": "classes()", "attr.aria-label": "regionLabel()" } }, ngImport: i0, template: "@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n", dependencies: [{ kind: "component", type: WrToastItem, selector: "wr-toast", inputs: ["type", "title", "message", "dismissible", "showProgress", "showCopy", "duration", "labels"], outputs: ["dismissed", "pauseRequested", "resumeRequested"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToastHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrToastHost, isStandalone: true, selector: "wr-toast-host", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested", dismissAllRequested: "dismissAllRequested" }, host: { attributes: { "role": "region" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "class": "classes()", "attr.aria-label": "regionLabel()" } }, ngImport: i0, template: "@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n", dependencies: [{ kind: "component", type: WrToastItem, selector: "wr-toast", inputs: ["type", "title", "message", "dismissible", "showProgress", "showCopy", "duration", "labels"], outputs: ["dismissed", "pauseRequested", "resumeRequested"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToastHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToastHost, decorators: [{
             type: Component,
             args: [{ selector: 'wr-toast-host', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -623,10 +623,10 @@ class WrToast {
             this.hostRef = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToast, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrToast });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToast, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.7", ngImport: i0, type: WrToast });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToast, decorators: [{
             type: Service
         }] });
 

package/fesm2022/ngwr-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-toast.mjs","sources":["../../../projects/lib/toast/toast-item.ts","../../../projects/lib/toast/toast-item.html","../../../projects/lib/toast/toast-host.ts","../../../projects/lib/toast/toast-host.html","../../../projects/lib/toast/toast-ref.ts","../../../projects/lib/toast/default-toast-config.ts","../../../projects/lib/toast/tokens/toast-config.token.ts","../../../projects/lib/toast/services/toast.ts","../../../projects/lib/toast/provide-wr-toast-config.ts","../../../projects/lib/toast/ngwr-toast.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ElementRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastType } from './interfaces';\n\n/**\n * One toast row inside the toast host. Not used directly — see\n * `WrToast.show()`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast',\n  templateUrl: './toast-item.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-toast-duration]': 'durationMs()',\n    '[style.transform]': 'swipeTransform()',\n    '[style.opacity]': 'swipeOpacity()',\n    '[style.transition]': 'swiping() ? \"none\" : null',\n    '[attr.role]': 'liveRole()',\n    '[attr.aria-live]': 'liveLevel()',\n    '(mouseenter)': 'pauseRequested.emit()',\n    '(mouseleave)': 'resumeRequested.emit()',\n    '(touchstart)': 'onSwipeStart($event)',\n    '(touchmove)': 'onSwipeMove($event)',\n    '(touchend)': 'onSwipeEnd()',\n    '(touchcancel)': 'onSwipeEnd()',\n  },\n})\nexport class WrToastItem {\n  readonly type = input<WrToastType>('info');\n  readonly title = input<string | null>(null);\n  readonly message = input.required<string>();\n  readonly dismissible = input<boolean>(true);\n  readonly showProgress = input<boolean>(false);\n  readonly showCopy = input<boolean>(false);\n  /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */\n  readonly duration = input<number>(0);\n  /**\n   * Already resolved by the host — strings, not the config's nullable shape.\n   * The item renders them and never reaches for the catalog itself.\n   */\n  readonly labels = input.required<{ [K in keyof WrToastConfig['labels']]: string }>();\n\n  readonly dismissed = output<void>();\n  readonly pauseRequested = output<void>();\n  readonly resumeRequested = output<void>();\n\n  /** True for ~1.5s after a successful copy; flips the icon to a check. */\n  protected readonly justCopied = signal(false);\n  private copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly classes = computed(() => `wr-toast wr-toast--${this.type()}`);\n\n  /** Escalate to `alert`/`assertive` for danger/warning toasts. */\n  protected readonly liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'));\n  protected readonly liveLevel = computed(() =>\n    this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite'\n  );\n\n  /** Inline CSS value for `--wr-toast-duration`. */\n  protected readonly durationMs = computed(() => `${this.duration()}ms`);\n\n  protected readonly progressVisible = computed(() => this.showProgress() && this.duration() > 0);\n\n  protected async onCopy(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.message());\n      this.justCopied.set(true);\n      if (this.copyResetTimer) clearTimeout(this.copyResetTimer);\n      this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);\n    } catch {\n      // Clipboard unavailable (insecure context / permission denied) — silent.\n    }\n  }\n\n  // Swipe-sideways-to-dismiss. The toast follows the finger and fades; releasing\n  // past 40% of its width emits `dismissed`, otherwise it snaps back.\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private swipeStartX = 0;\n  private swipeWidth = 0;\n  protected readonly swipeX = signal(0);\n  protected readonly swiping = signal(false);\n\n  protected readonly swipeTransform = computed(() => (this.swipeX() === 0 ? null : `translateX(${this.swipeX()}px)`));\n  protected readonly swipeOpacity = computed(() => {\n    const dist = Math.abs(this.swipeX());\n    return dist === 0 ? null : Math.max(0, 1 - dist / (this.swipeWidth || 1));\n  });\n\n  protected onSwipeStart(event: TouchEvent): void {\n    if (!this.dismissible()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.swipeWidth = this.elRef.nativeElement.offsetWidth;\n    this.swiping.set(true);\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.swiping()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(): void {\n    if (!this.swiping()) return;\n    this.swiping.set(false);\n    if (Math.abs(this.swipeX()) > (this.swipeWidth || 0) * 0.4) {\n      this.dismissed.emit();\n    } else {\n      this.swipeX.set(0);\n    }\n  }\n}\n","<!-- A glyph per type, and this is the one channel the toast had none of. Its\n     four types differed by `--wr-toast-accent` alone — a 3px inline-start\n     border, in four colours that sit within 1.06:1 of each other in relative\n     luminance, so `success` and `danger` were the same 3px line to a reader\n     who cannot separate hue. The shapes are the ones `wr-alert` and\n     `wr-result` already use for the same four meanings: a check in a broken\n     circle, a triangle, an octagon, an `i`. Three components agreeing is worth\n     more than three components each being locally reasonable.\n\n     `aria-hidden`, because the type is already announced: the host takes\n     `role=\"alert\"` for danger and `role=\"status\"` otherwise. -->\n<svg\n  class=\"wr-toast__icon wr-icon__svg\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  @switch (type()) {\n    @case ('success') {\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    }\n    @case ('warning') {\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    }\n    @case ('danger') {\n      <path\n        d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\"\n      />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    }\n    @default {\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    }\n  }\n</svg>\n\n<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\n\nimport type { WrToastConfig, WrToastMode, WrToastOptions, WrToastPosition } from './interfaces';\nimport { WrToastItem } from './toast-item';\n\n/** ms before the pointer or focus leaving actually collapses the stack. Buffers\n * the cursor briefly leaving the host as toasts reflow underneath it, and focus\n * hopping between two buttons inside the host. */\nconst COLLAPSE_DELAY_MS = 120;\n\n/** Active entry pushed by the service — adds the bookkeeping fields the host renders. */\ntype ActiveToast = WrToastOptions & {\n  readonly id: number;\n  readonly resolvedDuration: number;\n};\n\n/**\n * Internal host that lives inside the toast overlay and renders the\n * active stack. Owned by `WrToast`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast-host',\n  templateUrl: './toast-host.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    role: 'region',\n    '[attr.aria-label]': 'regionLabel()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n  imports: [WrToastItem],\n})\nexport class WrToastHost {\n  readonly position = input<WrToastPosition>('top-end');\n  readonly config = input.required<WrToastConfig>();\n  /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */\n  readonly mode = input<WrToastMode>('stack');\n\n  /**\n   * Every string this host and its items render, resolved through the catalog.\n   *\n   * The config value WINS when the consumer sets one, and its default is now\n   * `null` — until v11 those defaults were English literals, so the four\n   * `toast.*` keys in the shipped catalogs were dead and a Russian app got an\n   * English close button. `region` had no key at all: the live region's name\n   * was the literal `'Notifications'` in a host binding.\n   */\n  protected readonly regionLabel = useI18nText(signal(null), 'toast.region', 'Notifications');\n\n  private readonly closeLabel = useI18nText(\n    computed(() => this.config().labels.close),\n    'toast.close',\n    'Close'\n  );\n  private readonly copyLabel = useI18nText(\n    computed(() => this.config().labels.copy),\n    'toast.copy',\n    'Copy'\n  );\n  private readonly copiedLabel = useI18nText(\n    computed(() => this.config().labels.copied),\n    'toast.copied',\n    'Copied'\n  );\n  protected readonly closeAllLabel = useI18nText(\n    computed(() => this.config().labels.closeAll),\n    'toast.closeAll',\n    'Close all'\n  );\n\n  /** What `wr-toast-item` receives — resolved, so the item stays presentational. */\n  protected readonly labels = computed(() => ({\n    close: this.closeLabel(),\n    copy: this.copyLabel(),\n    copied: this.copiedLabel(),\n    closeAll: this.closeAllLabel(),\n  }));\n\n  /** @internal — hovering or focusing the stack toggles this in stack mode. */\n  protected readonly expanded = signal(false);\n\n  /** Pointer is over the host. */\n  private readonly hovered = signal(false);\n  /** Focus is somewhere inside the host — keyboard equivalent of hovering, and\n   * the only way a keyboard user can reach the \"Close all\" button. */\n  private readonly focusWithin = signal(false);\n\n  private readonly destroyRef = inject(DestroyRef);\n  private collapseTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.clearCollapseTimer());\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    this.hovered.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onMouseLeave(): void {\n    this.hovered.set(false);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusIn(): void {\n    this.focusWithin.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusOut(): void {\n    this.focusWithin.set(false);\n    this.syncExpanded();\n  }\n\n  /** Expand immediately while the pointer or focus is inside, and delay the\n   * collapse so a cursor briefly slipping off the host during a layout reflow\n   * — or focus moving between two buttons inside it — doesn't cause a flicker. */\n  private syncExpanded(): void {\n    if (this.hovered() || this.focusWithin()) {\n      this.clearCollapseTimer();\n      this.expanded.set(true);\n      return;\n    }\n    if (this.collapseTimer !== null) return;\n    this.collapseTimer = setTimeout(() => {\n      this.collapseTimer = null;\n      if (!this.hovered() && !this.focusWithin()) this.expanded.set(false);\n    }, COLLAPSE_DELAY_MS);\n  }\n\n  private clearCollapseTimer(): void {\n    if (this.collapseTimer !== null) {\n      clearTimeout(this.collapseTimer);\n      this.collapseTimer = null;\n    }\n  }\n\n  /** @internal — pushed by the service: the rendered (capped) stack. */\n  readonly toasts = signal<readonly ActiveToast[]>([]);\n\n  /** @internal — pushed by the service: count still queued behind the cap. */\n  readonly queued = signal(0);\n\n  /** Total outstanding toasts (visible + queued) — what \"Close all\" clears. */\n  protected readonly totalCount = computed(() => this.toasts().length + this.queued());\n\n  /** @internal — service listens to update its internal state. */\n  readonly dismissed = output<number>();\n  readonly pauseRequested = output<number>();\n  readonly resumeRequested = output<number>();\n  readonly dismissAllRequested = output<void>();\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];\n    if (this.mode() === 'stack' && this.expanded()) parts.push('wr-toast-host--expanded');\n    return parts.join(' ');\n  });\n\n  /** Distance from the front of the stack (0 = newest / fully visible). */\n  protected stackIndex(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected readonly closeAllVisible = computed(() => {\n    const cfg = this.config();\n    // In stack mode the toasts cascade absolutely while collapsed, which\n    // makes the close-all button jump between layout positions on hover\n    // (button moves → cursor leaves → host collapses → cycle = blink).\n    // Only show it once the stack is expanded — by hover OR by focus entering\n    // it, so it stays reachable from the keyboard — or always in list mode.\n    if (this.mode() === 'stack' && !this.expanded()) return false;\n    return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;\n  });\n\n  protected showProgressFor(t: WrToastOptions): boolean {\n    return t.showProgress ?? this.config().showProgress;\n  }\n\n  protected showCopyFor(t: WrToastOptions): boolean {\n    return t.showCopy ?? this.config().showCopy;\n  }\n}\n","@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastOptions } from './interfaces';\n\n/**\n * Handle returned by `WrToast.show()`. Call `dismiss()` to remove\n * the toast early. Inspect `options` to see what the caller requested.\n */\nexport class WrToastRef {\n  constructor(\n    public readonly id: number,\n    public readonly options: WrToastOptions,\n    private readonly onDismiss: (id: number) => void\n  ) {}\n\n  /** Remove this toast from the stack. */\n  dismiss(): void {\n    this.onDismiss(this.id);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastConfig } from './interfaces';\n\n/**\n * Library defaults applied when no {@link provideWrToastConfig} call is\n * registered. Merged shallowly with the consumer's overrides (the `labels`\n * sub-object is merged separately so callers can override one string at a\n * time).\n */\nexport const DEFAULT_TOAST_CONFIG: WrToastConfig = {\n  position: 'top-end',\n  mode: 'stack',\n  duration: 4000,\n  showProgress: true,\n  showCopy: false,\n  showCloseAll: true,\n  closeAllThreshold: 2,\n  maxStack: 5,\n  // Null, not English: the host resolves each one through the i18n catalog and\n  // falls back to English only if nothing is registered. See `WrToastConfig`.\n  labels: {\n    close: null,\n    copy: null,\n    copied: null,\n    closeAll: null,\n  },\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from '../default-toast-config';\nimport type { WrToastConfig } from '../interfaces';\n\n/**\n * Holds the global {@link WrToastConfig} used by {@link WrToast}.\n * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service\n * works out of the box; override via {@link provideWrToastConfig}.\n */\nexport const WR_TOAST_CONFIG = new InjectionToken<WrToastConfig>('WR_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULT_TOAST_CONFIG,\n});\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { type ComponentRef, Injector, Service, inject } from '@angular/core';\n\nimport { WR_OVERLAY, wrFollowDirection } from 'ngwr/overlay';\n\nimport type { WrToastOptions, WrToastPosition } from '../interfaces';\nimport { WrToastHost } from '../toast-host';\nimport { WrToastRef } from '../toast-ref';\nimport { WR_TOAST_CONFIG } from '../tokens';\n\ntype ActiveEntry = WrToastOptions & {\n  readonly id: number;\n  /** Resolved auto-dismiss duration in ms after merging with global config. */\n  readonly resolvedDuration: number;\n  /** Resolved corner for this stack. */\n  readonly resolvedPosition: WrToastPosition;\n  /** Pending timeout handle. */\n  timer?: ReturnType<typeof setTimeout>;\n  /** Timestamp of the last timer (re)start, used to compute remaining on pause. */\n  startedAt?: number;\n  /** Milliseconds left when paused. */\n  remaining: number;\n};\n\n/**\n * Opens toast notifications in a single shared overlay.\n *\n * Global defaults come from {@link WR_TOAST_CONFIG}; register\n * {@link provideWrToastConfig} once at bootstrap to customise. Each\n * `show()` call accepts per-toast overrides via {@link WrToastOptions}.\n *\n * @example\n * ```ts\n * const toast = inject(WrToast);\n *\n * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });\n * toast.show({ type: 'danger', message: 'Network error', duration: 0 });\n * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });\n * ```\n *\n * @see https://ngwr.dev/reference/components/toast\n */\n@Service()\nexport class WrToast {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly config = inject(WR_TOAST_CONFIG);\n  private readonly injector = inject(Injector);\n  private readonly dir = inject(Directionality, { optional: true });\n\n  private overlayRef: OverlayRef | null = null;\n  private hostRef: ComponentRef<WrToastHost> | null = null;\n  /** Watches the overlay container for overlays opened after the host. */\n  private containerObserver: MutationObserver | null = null;\n  private currentPosition: WrToastPosition = this.config.position;\n  private currentMode: 'stack' | 'list' = this.config.mode;\n  private nextId = 1;\n  /** Currently rendered toasts (capped at `config.maxStack`). */\n  private active: ActiveEntry[] = [];\n  /** Overflow waiting for a free slot — promoted FIFO as actives dismiss, so\n   * nothing is ever silently dropped. */\n  private queue: ActiveEntry[] = [];\n\n  /** Open a toast. Returns a handle you can `dismiss()` early. */\n  show(options: WrToastOptions): WrToastRef {\n    const resolvedPosition = options.position ?? this.config.position;\n    const resolvedDuration = options.duration ?? this.config.duration;\n\n    this.ensureHost(resolvedPosition);\n    // A toast raised now belongs above everything already on screen, and the host\n    // it goes into may be much older than the dialog it has to clear. See\n    // `raiseHost`.\n    this.raiseHost();\n\n    const entry: ActiveEntry = {\n      ...options,\n      id: this.nextId++,\n      resolvedDuration,\n      resolvedPosition,\n      remaining: resolvedDuration,\n    };\n\n    const max = this.config.maxStack;\n    if (max > 0 && this.active.length >= max) {\n      // Stack is full — hold this one in the queue (no timer until it's shown).\n      this.queue = [...this.queue, entry];\n      this.pushToHost();\n    } else {\n      this.active = [...this.active, entry];\n      this.pushToHost();\n      this.startTimer(entry);\n    }\n\n    return new WrToastRef(entry.id, options, id => this.dismiss(id));\n  }\n\n  /** Dismiss a single toast by id. */\n  dismiss(id: number): void {\n    const entry = this.active.find(t => t.id === id);\n    if (entry?.timer) clearTimeout(entry.timer);\n    this.active = this.active.filter(t => t.id !== id);\n    // A dismiss can also target a still-queued toast.\n    this.queue = this.queue.filter(t => t.id !== id);\n    this.promoteFromQueue();\n    this.pushToHost();\n    if (this.active.length === 0 && this.queue.length === 0) this.disposeHost();\n  }\n\n  /** Dismiss every visible toast. Wired to the host's \"Close all\" button. */\n  dismissAll(): void {\n    for (const entry of this.active) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = [];\n    this.queue = [];\n    this.disposeHost();\n  }\n\n  /** Change the corner the stack opens in. Affects future toasts. */\n  setPosition(position: WrToastPosition): void {\n    this.currentPosition = position;\n    if (this.hostRef) this.hostRef.setInput('position', position);\n  }\n\n  /** Switch the layout mode at runtime. Persists across host re-creation. */\n  setMode(mode: 'stack' | 'list'): void {\n    this.currentMode = mode;\n    if (this.hostRef) this.hostRef.setInput('mode', mode);\n  }\n\n  // Timer\n\n  private startTimer(entry: ActiveEntry): void {\n    if (entry.remaining <= 0) return;\n    entry.startedAt = Date.now();\n    entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);\n  }\n\n  private pauseTimer(entry: ActiveEntry): void {\n    if (!entry.timer) return;\n    clearTimeout(entry.timer);\n    entry.timer = undefined;\n    if (entry.startedAt) {\n      entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));\n    }\n  }\n\n  // Host plumbing\n\n  private ensureHost(position: WrToastPosition): void {\n    if (this.overlayRef) {\n      if (position !== this.currentPosition) this.setPosition(position);\n      return;\n    }\n\n    this.currentPosition = position;\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global(),\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      hasBackdrop: false,\n      panelClass: ['wr-toast-overlay'],\n    });\n\n    // The corner is `inset-inline-start` / `-end` on the host component, so the\n    // side the stack sits on is decided entirely by the `dir` the CDK wrote at\n    // create. This host outlives every individual toast — it is torn down only\n    // when the last one leaves — so without this a stack raised before a flip\n    // stays on the reader's old side for the rest of the run. The position\n    // strategy is bare, so nothing else moves. Torn down with the ref by\n    // `disposeHost()`, and the next `ensureHost()` installs a new follower.\n    wrFollowDirection(this.overlayRef, this.dir, this.injector);\n\n    const portal = new ComponentPortal(WrToastHost);\n    this.hostRef = this.overlayRef.attach(portal);\n    this.hostRef.setInput('position', position);\n    this.hostRef.setInput('mode', this.currentMode);\n    this.hostRef.setInput('config', this.config);\n\n    const inst = this.hostRef.instance;\n    inst.dismissed.subscribe(id => this.dismiss(id));\n    inst.dismissAllRequested.subscribe(() => this.dismissAll());\n    inst.pauseRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.pauseTimer(entry);\n    });\n    inst.resumeRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.startTimer(entry);\n    });\n\n    this.watchForNewerOverlays();\n  }\n\n  /**\n   * Put the host back on top of the browser's top layer.\n   *\n   * The stacking rule here is not a z-index and cannot be fixed with one. CDK 22\n   * promotes every overlay by calling `showPopover()` on its host element, and\n   * the top layer is ordered by the MOMENT of promotion — a popover shown later\n   * paints over one shown earlier no matter what either element's z-index, DOM\n   * order or containing block says. The toast host is created once and kept\n   * alive until the last toast leaves, so its place in that order is frozen at\n   * whenever the first toast of the run appeared. Every dialog and drawer opened\n   * after that sits above it.\n   *\n   * The symptom was as bad as the mechanism is quiet: a toast raised from inside\n   * an open dialog rendered UNDER the dialog's backdrop, dimmed by it and\n   * hit-tested as it — so the close button was unreachable and clicking where it\n   * appeared closed the dialog instead. Nothing threw, and a toast with\n   * `duration: 0` never went away on its own.\n   *\n   * Hiding and re-showing moves the host to the end of the top layer. Both calls\n   * happen in one task, so there is no frame in which the host is `display:\n   * none` and nothing re-runs a toast's enter animation.\n   *\n   * Skipped while focus is inside the host: Chromium keeps focus across this\n   * pair, but the hide-popover algorithm is specified to restore focus to the\n   * previously focused element, and a host the user is already tabbing through\n   * is by definition reachable. In practice the two never coincide — a modal\n   * traps focus, so focus inside the host means nothing is above it to escape.\n   */\n  private raiseHost(): void {\n    const host = this.overlayRef?.hostElement;\n    // `usePopover` is off when the platform has no popover support (and on the\n    // server), and then there is no top layer to be at the wrong end of.\n    if (!host?.isConnected || !host.hasAttribute('popover')) return;\n    if (host.contains(host.ownerDocument.activeElement)) return;\n    try {\n      host.hidePopover();\n      host.showPopover();\n    } catch {\n      // `hidePopover` throws if the host is not showing — nothing to raise.\n    }\n  }\n\n  /**\n   * Re-raise the host whenever another overlay joins the container.\n   *\n   * `show()` covers the reported order (toast raised while a dialog is up). This\n   * covers the mirror image, which is the same defect seen from the other side:\n   * a toast already on screen when the dialog opens is left under it, unclickable\n   * for the rest of its duration, and no further `show()` is coming to fix it.\n   *\n   * Observing the host's own parent rather than a container resolved from the\n   * injector keeps this correct whether or not `provideWrOverlay()` is installed\n   * — the host is in whichever container it was actually appended to. Re-showing\n   * a popover moves nothing in the DOM, so this cannot re-trigger itself.\n   */\n  private watchForNewerOverlays(): void {\n    const parent = this.overlayRef?.hostElement.parentElement;\n    if (!parent || typeof MutationObserver === 'undefined') return;\n    this.containerObserver = new MutationObserver(() => this.raiseHost());\n    this.containerObserver.observe(parent, { childList: true });\n  }\n\n  /** Fill any free stack slots from the queue (FIFO), starting each promoted\n   * toast's auto-dismiss timer only as it becomes visible. */\n  private promoteFromQueue(): void {\n    const max = this.config.maxStack;\n    while ((max <= 0 || this.active.length < max) && this.queue.length > 0) {\n      const [next, ...rest] = this.queue;\n      this.queue = rest;\n      this.active = [...this.active, next];\n      this.startTimer(next);\n    }\n  }\n\n  private pushToHost(): void {\n    this.hostRef?.instance.toasts.set([...this.active]);\n    this.hostRef?.instance.queued.set(this.queue.length);\n  }\n\n  private disposeHost(): void {\n    this.containerObserver?.disconnect();\n    this.containerObserver = null;\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n      this.hostRef = null;\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ApplicationRef,\n  ENVIRONMENT_INITIALIZER,\n  type EnvironmentProviders,\n  EnvironmentInjector,\n  inject,\n  isDevMode,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from './default-toast-config';\nimport type { WrToastConfig } from './interfaces';\nimport { WR_TOAST_CONFIG } from './tokens';\n\n/**\n * Registers a global {@link WrToastConfig} for {@link WrToast}. Any\n * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`\n * sub-object is merged separately so you can override a single string at a\n * time (useful for i18n).\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrToastConfig({\n *       position: 'bottom-end',\n *       showCopy: true,\n *       maxStack: 3,\n *       labels: { close: 'Закрыть' },\n *     }),\n *   ],\n * });\n * ```\n *\n * **Bootstrap only, and the three ngwr providers differ here.** {@link WrToast}\n * is root-provided, so it reads this token once from the ROOT injector — a\n * `provideWrToastConfig()` in a route's `providers` is never seen, and used to\n * be ignored in silence. It now warns in dev mode instead. By contrast\n * `provideWrConfig()` IS read per route, because components resolve it from\n * their own injector, and `provideWrIcons()` works at any level and chains, so\n * a route may add icons to the set its parent registered.\n */\nexport function provideWrToastConfig(\n  config: Partial<Omit<WrToastConfig, 'labels'>> & { readonly labels?: Partial<WrToastConfig['labels']> }\n): EnvironmentProviders {\n  const merged: WrToastConfig = {\n    ...DEFAULT_TOAST_CONFIG,\n    ...config,\n    labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },\n  };\n  return makeEnvironmentProviders([\n    { provide: WR_TOAST_CONFIG, useValue: merged },\n    ...(isDevMode()\n      ? [\n          {\n            provide: ENVIRONMENT_INITIALIZER,\n            multi: true,\n            useValue: (): void => {\n              // Compared by identity against the application's own injector: a\n              // route creates a child EnvironmentInjector, and the root-provided\n              // service will resolve the token from the root regardless of what\n              // this one holds. Reported here rather than at the call site,\n              // because a provider function cannot know where it was spread.\n              const here = inject(EnvironmentInjector);\n              if (here !== inject(ApplicationRef).injector) {\n                // eslint-disable-next-line no-console -- dev-mode misconfiguration diagnostic\n                console.warn(\n                  '[NGWR] provideWrToastConfig() is in a route or child injector, where WrToast will never read it — ' +\n                    'the service is root-provided and resolves WR_TOAST_CONFIG once, from the root. Move it to the ' +\n                    'application providers, or set the same fields per call on toast.show().'\n                );\n              }\n            },\n          },\n        ]\n      : []),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-toast.mjs","sources":["../../../projects/lib/toast/toast-item.ts","../../../projects/lib/toast/toast-item.html","../../../projects/lib/toast/toast-host.ts","../../../projects/lib/toast/toast-host.html","../../../projects/lib/toast/toast-ref.ts","../../../projects/lib/toast/default-toast-config.ts","../../../projects/lib/toast/tokens/toast-config.token.ts","../../../projects/lib/toast/services/toast.ts","../../../projects/lib/toast/provide-wr-toast-config.ts","../../../projects/lib/toast/ngwr-toast.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ElementRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastType } from './interfaces';\n\n/**\n * One toast row inside the toast host. Not used directly — see\n * `WrToast.show()`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast',\n  templateUrl: './toast-item.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-toast-duration]': 'durationMs()',\n    '[style.transform]': 'swipeTransform()',\n    '[style.opacity]': 'swipeOpacity()',\n    '[style.transition]': 'swiping() ? \"none\" : null',\n    '[attr.role]': 'liveRole()',\n    '[attr.aria-live]': 'liveLevel()',\n    '(mouseenter)': 'pauseRequested.emit()',\n    '(mouseleave)': 'resumeRequested.emit()',\n    '(touchstart)': 'onSwipeStart($event)',\n    '(touchmove)': 'onSwipeMove($event)',\n    '(touchend)': 'onSwipeEnd()',\n    '(touchcancel)': 'onSwipeEnd()',\n  },\n})\nexport class WrToastItem {\n  readonly type = input<WrToastType>('info');\n  readonly title = input<string | null>(null);\n  readonly message = input.required<string>();\n  readonly dismissible = input<boolean>(true);\n  readonly showProgress = input<boolean>(false);\n  readonly showCopy = input<boolean>(false);\n  /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */\n  readonly duration = input<number>(0);\n  /**\n   * Already resolved by the host — strings, not the config's nullable shape.\n   * The item renders them and never reaches for the catalog itself.\n   */\n  readonly labels = input.required<{ [K in keyof WrToastConfig['labels']]: string }>();\n\n  readonly dismissed = output<void>();\n  readonly pauseRequested = output<void>();\n  readonly resumeRequested = output<void>();\n\n  /** True for ~1.5s after a successful copy; flips the icon to a check. */\n  protected readonly justCopied = signal(false);\n  private copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly classes = computed(() => `wr-toast wr-toast--${this.type()}`);\n\n  /** Escalate to `alert`/`assertive` for danger/warning toasts. */\n  protected readonly liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'));\n  protected readonly liveLevel = computed(() =>\n    this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite'\n  );\n\n  /** Inline CSS value for `--wr-toast-duration`. */\n  protected readonly durationMs = computed(() => `${this.duration()}ms`);\n\n  protected readonly progressVisible = computed(() => this.showProgress() && this.duration() > 0);\n\n  protected async onCopy(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.message());\n      this.justCopied.set(true);\n      if (this.copyResetTimer) clearTimeout(this.copyResetTimer);\n      this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);\n    } catch {\n      // Clipboard unavailable (insecure context / permission denied) — silent.\n    }\n  }\n\n  // Swipe-sideways-to-dismiss. The toast follows the finger and fades; releasing\n  // past 40% of its width emits `dismissed`, otherwise it snaps back.\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private swipeStartX = 0;\n  private swipeWidth = 0;\n  protected readonly swipeX = signal(0);\n  protected readonly swiping = signal(false);\n\n  protected readonly swipeTransform = computed(() => (this.swipeX() === 0 ? null : `translateX(${this.swipeX()}px)`));\n  protected readonly swipeOpacity = computed(() => {\n    const dist = Math.abs(this.swipeX());\n    return dist === 0 ? null : Math.max(0, 1 - dist / (this.swipeWidth || 1));\n  });\n\n  protected onSwipeStart(event: TouchEvent): void {\n    if (!this.dismissible()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.swipeWidth = this.elRef.nativeElement.offsetWidth;\n    this.swiping.set(true);\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.swiping()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(): void {\n    if (!this.swiping()) return;\n    this.swiping.set(false);\n    if (Math.abs(this.swipeX()) > (this.swipeWidth || 0) * 0.4) {\n      this.dismissed.emit();\n    } else {\n      this.swipeX.set(0);\n    }\n  }\n}\n","<!-- A glyph per type, and this is the one channel the toast had none of. Its\n     four types differed by `--wr-toast-accent` alone — a 3px inline-start\n     border, in four colours that sit within 1.06:1 of each other in relative\n     luminance, so `success` and `danger` were the same 3px line to a reader\n     who cannot separate hue. The shapes are the ones `wr-alert` and\n     `wr-result` already use for the same four meanings: a check in a broken\n     circle, a triangle, an octagon, an `i`. Three components agreeing is worth\n     more than three components each being locally reasonable.\n\n     `aria-hidden`, because the type is already announced: the host takes\n     `role=\"alert\"` for danger and `role=\"status\"` otherwise. -->\n<svg\n  class=\"wr-toast__icon wr-icon__svg\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  @switch (type()) {\n    @case ('success') {\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    }\n    @case ('warning') {\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    }\n    @case ('danger') {\n      <path\n        d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\"\n      />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    }\n    @default {\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    }\n  }\n</svg>\n\n<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--copy\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action wr-toast__action--close\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\n\nimport type { WrToastConfig, WrToastMode, WrToastOptions, WrToastPosition } from './interfaces';\nimport { WrToastItem } from './toast-item';\n\n/** ms before the pointer or focus leaving actually collapses the stack. Buffers\n * the cursor briefly leaving the host as toasts reflow underneath it, and focus\n * hopping between two buttons inside the host. */\nconst COLLAPSE_DELAY_MS = 120;\n\n/** Active entry pushed by the service — adds the bookkeeping fields the host renders. */\ntype ActiveToast = WrToastOptions & {\n  readonly id: number;\n  readonly resolvedDuration: number;\n};\n\n/**\n * Internal host that lives inside the toast overlay and renders the\n * active stack. Owned by `WrToast`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast-host',\n  templateUrl: './toast-host.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    role: 'region',\n    '[attr.aria-label]': 'regionLabel()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n  imports: [WrToastItem],\n})\nexport class WrToastHost {\n  readonly position = input<WrToastPosition>('top-end');\n  readonly config = input.required<WrToastConfig>();\n  /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */\n  readonly mode = input<WrToastMode>('stack');\n\n  /**\n   * Every string this host and its items render, resolved through the catalog.\n   *\n   * The config value WINS when the consumer sets one, and its default is now\n   * `null` — until v11 those defaults were English literals, so the four\n   * `toast.*` keys in the shipped catalogs were dead and a Russian app got an\n   * English close button. `region` had no key at all: the live region's name\n   * was the literal `'Notifications'` in a host binding.\n   */\n  protected readonly regionLabel = useI18nText(signal(null), 'toast.region', 'Notifications');\n\n  private readonly closeLabel = useI18nText(\n    computed(() => this.config().labels.close),\n    'toast.close',\n    'Close'\n  );\n  private readonly copyLabel = useI18nText(\n    computed(() => this.config().labels.copy),\n    'toast.copy',\n    'Copy'\n  );\n  private readonly copiedLabel = useI18nText(\n    computed(() => this.config().labels.copied),\n    'toast.copied',\n    'Copied'\n  );\n  protected readonly closeAllLabel = useI18nText(\n    computed(() => this.config().labels.closeAll),\n    'toast.closeAll',\n    'Close all'\n  );\n\n  /** What `wr-toast-item` receives — resolved, so the item stays presentational. */\n  protected readonly labels = computed(() => ({\n    close: this.closeLabel(),\n    copy: this.copyLabel(),\n    copied: this.copiedLabel(),\n    closeAll: this.closeAllLabel(),\n  }));\n\n  /** @internal — hovering or focusing the stack toggles this in stack mode. */\n  protected readonly expanded = signal(false);\n\n  /** Pointer is over the host. */\n  private readonly hovered = signal(false);\n  /** Focus is somewhere inside the host — keyboard equivalent of hovering, and\n   * the only way a keyboard user can reach the \"Close all\" button. */\n  private readonly focusWithin = signal(false);\n\n  private readonly destroyRef = inject(DestroyRef);\n  private collapseTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.clearCollapseTimer());\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    this.hovered.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onMouseLeave(): void {\n    this.hovered.set(false);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusIn(): void {\n    this.focusWithin.set(true);\n    this.syncExpanded();\n  }\n\n  /** @internal */\n  protected onFocusOut(): void {\n    this.focusWithin.set(false);\n    this.syncExpanded();\n  }\n\n  /** Expand immediately while the pointer or focus is inside, and delay the\n   * collapse so a cursor briefly slipping off the host during a layout reflow\n   * — or focus moving between two buttons inside it — doesn't cause a flicker. */\n  private syncExpanded(): void {\n    if (this.hovered() || this.focusWithin()) {\n      this.clearCollapseTimer();\n      this.expanded.set(true);\n      return;\n    }\n    if (this.collapseTimer !== null) return;\n    this.collapseTimer = setTimeout(() => {\n      this.collapseTimer = null;\n      if (!this.hovered() && !this.focusWithin()) this.expanded.set(false);\n    }, COLLAPSE_DELAY_MS);\n  }\n\n  private clearCollapseTimer(): void {\n    if (this.collapseTimer !== null) {\n      clearTimeout(this.collapseTimer);\n      this.collapseTimer = null;\n    }\n  }\n\n  /** @internal — pushed by the service: the rendered (capped) stack. */\n  readonly toasts = signal<readonly ActiveToast[]>([]);\n\n  /** @internal — pushed by the service: count still queued behind the cap. */\n  readonly queued = signal(0);\n\n  /** Total outstanding toasts (visible + queued) — what \"Close all\" clears. */\n  protected readonly totalCount = computed(() => this.toasts().length + this.queued());\n\n  /** @internal — service listens to update its internal state. */\n  readonly dismissed = output<number>();\n  readonly pauseRequested = output<number>();\n  readonly resumeRequested = output<number>();\n  readonly dismissAllRequested = output<void>();\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];\n    if (this.mode() === 'stack' && this.expanded()) parts.push('wr-toast-host--expanded');\n    return parts.join(' ');\n  });\n\n  /** Distance from the front of the stack (0 = newest / fully visible). */\n  protected stackIndex(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected readonly closeAllVisible = computed(() => {\n    const cfg = this.config();\n    // In stack mode the toasts cascade absolutely while collapsed, which\n    // makes the close-all button jump between layout positions on hover\n    // (button moves → cursor leaves → host collapses → cycle = blink).\n    // Only show it once the stack is expanded — by hover OR by focus entering\n    // it, so it stays reachable from the keyboard — or always in list mode.\n    if (this.mode() === 'stack' && !this.expanded()) return false;\n    return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;\n  });\n\n  protected showProgressFor(t: WrToastOptions): boolean {\n    return t.showProgress ?? this.config().showProgress;\n  }\n\n  protected showCopyFor(t: WrToastOptions): boolean {\n    return t.showCopy ?? this.config().showCopy;\n  }\n}\n","@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ closeAllLabel() }} ({{ totalCount() }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"labels()\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastOptions } from './interfaces';\n\n/**\n * Handle returned by `WrToast.show()`. Call `dismiss()` to remove\n * the toast early. Inspect `options` to see what the caller requested.\n */\nexport class WrToastRef {\n  constructor(\n    public readonly id: number,\n    public readonly options: WrToastOptions,\n    private readonly onDismiss: (id: number) => void\n  ) {}\n\n  /** Remove this toast from the stack. */\n  dismiss(): void {\n    this.onDismiss(this.id);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastConfig } from './interfaces';\n\n/**\n * Library defaults applied when no {@link provideWrToastConfig} call is\n * registered. Merged shallowly with the consumer's overrides (the `labels`\n * sub-object is merged separately so callers can override one string at a\n * time).\n */\nexport const DEFAULT_TOAST_CONFIG: WrToastConfig = {\n  position: 'top-end',\n  mode: 'stack',\n  duration: 4000,\n  showProgress: true,\n  showCopy: false,\n  showCloseAll: true,\n  closeAllThreshold: 2,\n  maxStack: 5,\n  // Null, not English: the host resolves each one through the i18n catalog and\n  // falls back to English only if nothing is registered. See `WrToastConfig`.\n  labels: {\n    close: null,\n    copy: null,\n    copied: null,\n    closeAll: null,\n  },\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from '../default-toast-config';\nimport type { WrToastConfig } from '../interfaces';\n\n/**\n * Holds the global {@link WrToastConfig} used by {@link WrToast}.\n * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service\n * works out of the box; override via {@link provideWrToastConfig}.\n */\nexport const WR_TOAST_CONFIG = new InjectionToken<WrToastConfig>('WR_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULT_TOAST_CONFIG,\n});\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { type ComponentRef, Injector, Service, inject } from '@angular/core';\n\nimport { WR_OVERLAY, wrFollowDirection } from 'ngwr/overlay';\n\nimport type { WrToastOptions, WrToastPosition } from '../interfaces';\nimport { WrToastHost } from '../toast-host';\nimport { WrToastRef } from '../toast-ref';\nimport { WR_TOAST_CONFIG } from '../tokens';\n\ntype ActiveEntry = WrToastOptions & {\n  readonly id: number;\n  /** Resolved auto-dismiss duration in ms after merging with global config. */\n  readonly resolvedDuration: number;\n  /** Resolved corner for this stack. */\n  readonly resolvedPosition: WrToastPosition;\n  /** Pending timeout handle. */\n  timer?: ReturnType<typeof setTimeout>;\n  /** Timestamp of the last timer (re)start, used to compute remaining on pause. */\n  startedAt?: number;\n  /** Milliseconds left when paused. */\n  remaining: number;\n};\n\n/**\n * Opens toast notifications in a single shared overlay.\n *\n * Global defaults come from {@link WR_TOAST_CONFIG}; register\n * {@link provideWrToastConfig} once at bootstrap to customise. Each\n * `show()` call accepts per-toast overrides via {@link WrToastOptions}.\n *\n * @example\n * ```ts\n * const toast = inject(WrToast);\n *\n * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });\n * toast.show({ type: 'danger', message: 'Network error', duration: 0 });\n * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });\n * ```\n *\n * @see https://ngwr.dev/reference/components/toast\n */\n@Service()\nexport class WrToast {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly config = inject(WR_TOAST_CONFIG);\n  private readonly injector = inject(Injector);\n  private readonly dir = inject(Directionality, { optional: true });\n\n  private overlayRef: OverlayRef | null = null;\n  private hostRef: ComponentRef<WrToastHost> | null = null;\n  /** Watches the overlay container for overlays opened after the host. */\n  private containerObserver: MutationObserver | null = null;\n  private currentPosition: WrToastPosition = this.config.position;\n  private currentMode: 'stack' | 'list' = this.config.mode;\n  private nextId = 1;\n  /** Currently rendered toasts (capped at `config.maxStack`). */\n  private active: ActiveEntry[] = [];\n  /** Overflow waiting for a free slot — promoted FIFO as actives dismiss, so\n   * nothing is ever silently dropped. */\n  private queue: ActiveEntry[] = [];\n\n  /** Open a toast. Returns a handle you can `dismiss()` early. */\n  show(options: WrToastOptions): WrToastRef {\n    const resolvedPosition = options.position ?? this.config.position;\n    const resolvedDuration = options.duration ?? this.config.duration;\n\n    this.ensureHost(resolvedPosition);\n    // A toast raised now belongs above everything already on screen, and the host\n    // it goes into may be much older than the dialog it has to clear. See\n    // `raiseHost`.\n    this.raiseHost();\n\n    const entry: ActiveEntry = {\n      ...options,\n      id: this.nextId++,\n      resolvedDuration,\n      resolvedPosition,\n      remaining: resolvedDuration,\n    };\n\n    const max = this.config.maxStack;\n    if (max > 0 && this.active.length >= max) {\n      // Stack is full — hold this one in the queue (no timer until it's shown).\n      this.queue = [...this.queue, entry];\n      this.pushToHost();\n    } else {\n      this.active = [...this.active, entry];\n      this.pushToHost();\n      this.startTimer(entry);\n    }\n\n    return new WrToastRef(entry.id, options, id => this.dismiss(id));\n  }\n\n  /** Dismiss a single toast by id. */\n  dismiss(id: number): void {\n    const entry = this.active.find(t => t.id === id);\n    if (entry?.timer) clearTimeout(entry.timer);\n    this.active = this.active.filter(t => t.id !== id);\n    // A dismiss can also target a still-queued toast.\n    this.queue = this.queue.filter(t => t.id !== id);\n    this.promoteFromQueue();\n    this.pushToHost();\n    if (this.active.length === 0 && this.queue.length === 0) this.disposeHost();\n  }\n\n  /** Dismiss every visible toast. Wired to the host's \"Close all\" button. */\n  dismissAll(): void {\n    for (const entry of this.active) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = [];\n    this.queue = [];\n    this.disposeHost();\n  }\n\n  /** Change the corner the stack opens in. Affects future toasts. */\n  setPosition(position: WrToastPosition): void {\n    this.currentPosition = position;\n    if (this.hostRef) this.hostRef.setInput('position', position);\n  }\n\n  /** Switch the layout mode at runtime. Persists across host re-creation. */\n  setMode(mode: 'stack' | 'list'): void {\n    this.currentMode = mode;\n    if (this.hostRef) this.hostRef.setInput('mode', mode);\n  }\n\n  // Timer\n\n  private startTimer(entry: ActiveEntry): void {\n    if (entry.remaining <= 0) return;\n    entry.startedAt = Date.now();\n    entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);\n  }\n\n  private pauseTimer(entry: ActiveEntry): void {\n    if (!entry.timer) return;\n    clearTimeout(entry.timer);\n    entry.timer = undefined;\n    if (entry.startedAt) {\n      entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));\n    }\n  }\n\n  // Host plumbing\n\n  private ensureHost(position: WrToastPosition): void {\n    if (this.overlayRef) {\n      if (position !== this.currentPosition) this.setPosition(position);\n      return;\n    }\n\n    this.currentPosition = position;\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global(),\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      hasBackdrop: false,\n      panelClass: ['wr-toast-overlay'],\n    });\n\n    // The corner is `inset-inline-start` / `-end` on the host component, so the\n    // side the stack sits on is decided entirely by the `dir` the CDK wrote at\n    // create. This host outlives every individual toast — it is torn down only\n    // when the last one leaves — so without this a stack raised before a flip\n    // stays on the reader's old side for the rest of the run. The position\n    // strategy is bare, so nothing else moves. Torn down with the ref by\n    // `disposeHost()`, and the next `ensureHost()` installs a new follower.\n    wrFollowDirection(this.overlayRef, this.dir, this.injector);\n\n    const portal = new ComponentPortal(WrToastHost);\n    this.hostRef = this.overlayRef.attach(portal);\n    this.hostRef.setInput('position', position);\n    this.hostRef.setInput('mode', this.currentMode);\n    this.hostRef.setInput('config', this.config);\n\n    const inst = this.hostRef.instance;\n    inst.dismissed.subscribe(id => this.dismiss(id));\n    inst.dismissAllRequested.subscribe(() => this.dismissAll());\n    inst.pauseRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.pauseTimer(entry);\n    });\n    inst.resumeRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.startTimer(entry);\n    });\n\n    this.watchForNewerOverlays();\n  }\n\n  /**\n   * Put the host back on top of the browser's top layer.\n   *\n   * The stacking rule here is not a z-index and cannot be fixed with one. CDK 22\n   * promotes every overlay by calling `showPopover()` on its host element, and\n   * the top layer is ordered by the MOMENT of promotion — a popover shown later\n   * paints over one shown earlier no matter what either element's z-index, DOM\n   * order or containing block says. The toast host is created once and kept\n   * alive until the last toast leaves, so its place in that order is frozen at\n   * whenever the first toast of the run appeared. Every dialog and drawer opened\n   * after that sits above it.\n   *\n   * The symptom was as bad as the mechanism is quiet: a toast raised from inside\n   * an open dialog rendered UNDER the dialog's backdrop, dimmed by it and\n   * hit-tested as it — so the close button was unreachable and clicking where it\n   * appeared closed the dialog instead. Nothing threw, and a toast with\n   * `duration: 0` never went away on its own.\n   *\n   * Hiding and re-showing moves the host to the end of the top layer. Both calls\n   * happen in one task, so there is no frame in which the host is `display:\n   * none` and nothing re-runs a toast's enter animation.\n   *\n   * Skipped while focus is inside the host: Chromium keeps focus across this\n   * pair, but the hide-popover algorithm is specified to restore focus to the\n   * previously focused element, and a host the user is already tabbing through\n   * is by definition reachable. In practice the two never coincide — a modal\n   * traps focus, so focus inside the host means nothing is above it to escape.\n   */\n  private raiseHost(): void {\n    const host = this.overlayRef?.hostElement;\n    // `usePopover` is off when the platform has no popover support (and on the\n    // server), and then there is no top layer to be at the wrong end of.\n    if (!host?.isConnected || !host.hasAttribute('popover')) return;\n    if (host.contains(host.ownerDocument.activeElement)) return;\n    try {\n      host.hidePopover();\n      host.showPopover();\n    } catch {\n      // `hidePopover` throws if the host is not showing — nothing to raise.\n    }\n  }\n\n  /**\n   * Re-raise the host whenever another overlay joins the container.\n   *\n   * `show()` covers the reported order (toast raised while a dialog is up). This\n   * covers the mirror image, which is the same defect seen from the other side:\n   * a toast already on screen when the dialog opens is left under it, unclickable\n   * for the rest of its duration, and no further `show()` is coming to fix it.\n   *\n   * Observing the host's own parent rather than a container resolved from the\n   * injector keeps this correct whether or not `provideWrOverlay()` is installed\n   * — the host is in whichever container it was actually appended to. Re-showing\n   * a popover moves nothing in the DOM, so this cannot re-trigger itself.\n   */\n  private watchForNewerOverlays(): void {\n    const parent = this.overlayRef?.hostElement.parentElement;\n    if (!parent || typeof MutationObserver === 'undefined') return;\n    this.containerObserver = new MutationObserver(() => this.raiseHost());\n    this.containerObserver.observe(parent, { childList: true });\n  }\n\n  /** Fill any free stack slots from the queue (FIFO), starting each promoted\n   * toast's auto-dismiss timer only as it becomes visible. */\n  private promoteFromQueue(): void {\n    const max = this.config.maxStack;\n    while ((max <= 0 || this.active.length < max) && this.queue.length > 0) {\n      const [next, ...rest] = this.queue;\n      this.queue = rest;\n      this.active = [...this.active, next];\n      this.startTimer(next);\n    }\n  }\n\n  private pushToHost(): void {\n    this.hostRef?.instance.toasts.set([...this.active]);\n    this.hostRef?.instance.queued.set(this.queue.length);\n  }\n\n  private disposeHost(): void {\n    this.containerObserver?.disconnect();\n    this.containerObserver = null;\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n      this.hostRef = null;\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ApplicationRef,\n  ENVIRONMENT_INITIALIZER,\n  type EnvironmentProviders,\n  EnvironmentInjector,\n  inject,\n  isDevMode,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from './default-toast-config';\nimport type { WrToastConfig } from './interfaces';\nimport { WR_TOAST_CONFIG } from './tokens';\n\n/**\n * Registers a global {@link WrToastConfig} for {@link WrToast}. Any\n * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`\n * sub-object is merged separately so you can override a single string at a\n * time (useful for i18n).\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrToastConfig({\n *       position: 'bottom-end',\n *       showCopy: true,\n *       maxStack: 3,\n *       labels: { close: 'Закрыть' },\n *     }),\n *   ],\n * });\n * ```\n *\n * **Bootstrap only, and the three ngwr providers differ here.** {@link WrToast}\n * is root-provided, so it reads this token once from the ROOT injector — a\n * `provideWrToastConfig()` in a route's `providers` is never seen, and used to\n * be ignored in silence. It now warns in dev mode instead. By contrast\n * `provideWrConfig()` IS read per route, because components resolve it from\n * their own injector, and `provideWrIcons()` works at any level and chains, so\n * a route may add icons to the set its parent registered.\n */\nexport function provideWrToastConfig(\n  config: Partial<Omit<WrToastConfig, 'labels'>> & { readonly labels?: Partial<WrToastConfig['labels']> }\n): EnvironmentProviders {\n  const merged: WrToastConfig = {\n    ...DEFAULT_TOAST_CONFIG,\n    ...config,\n    labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },\n  };\n  return makeEnvironmentProviders([\n    { provide: WR_TOAST_CONFIG, useValue: merged },\n    ...(isDevMode()\n      ? [\n          {\n            provide: ENVIRONMENT_INITIALIZER,\n            multi: true,\n            useValue: (): void => {\n              // Compared by identity against the application's own injector: a\n              // route creates a child EnvironmentInjector, and the root-provided\n              // service will resolve the token from the root regardless of what\n              // this one holds. Reported here rather than at the call site,\n              // because a provider function cannot know where it was spread.\n              const here = inject(EnvironmentInjector);\n              if (here !== inject(ApplicationRef).injector) {\n                // eslint-disable-next-line no-console -- dev-mode misconfiguration diagnostic\n                console.warn(\n                  '[NGWR] provideWrToastConfig() is in a route or child injector, where WrToast will never read it — ' +\n                    'the service is root-provided and resolves WR_TOAST_CONFIG once, from the root. Move it to the ' +\n                    'application providers, or set the same fields per call on toast.show().'\n                );\n              }\n            },\n          },\n        ]\n      : []),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-toolbar.mjs

@@ -12,6 +12,13 @@ import { input, ViewEncapsulation, Component } from '@angular/core';
  * Action bar with three named zones — `[wrToolbarStart]`,
  * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.
  *
+ * A bare `<div>` wrapper in a zone, one with no `class` and no `style`, is laid
+ * out as a wrapping row with the zone's own gap, so the controls inside it are
+ * spaced exactly like controls projected one by one. The gap follows
+ * `--wr-density-gap`. Give the wrapper a class or a style and its layout is
+ * yours: the toolbar sets nothing on it. Put running text in a `<span>` or a
+ * `<p>`, which stay in inline flow.
+ *
  * @example
  * ```html
  * <wr-toolbar>
@@ -37,10 +44,10 @@ class WrToolbar {
      * adapts inside a narrow column or split pane). @default false
      */
     responsive = input(false, { ...(ngDevMode ? { debugName: "responsive" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrToolbar, isStandalone: true, selector: "wr-toolbar", inputs: { responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "class.wr-toolbar--responsive": "responsive()" }, classAttribute: "wr-toolbar" }, ngImport: i0, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: WrToolbar, isStandalone: true, selector: "wr-toolbar", inputs: { responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "class.wr-toolbar--responsive": "responsive()" }, classAttribute: "wr-toolbar" }, ngImport: i0, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrToolbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrToolbar, decorators: [{
             type: Component,
             args: [{ selector: 'wr-toolbar', encapsulation: ViewEncapsulation.None, host: { class: 'wr-toolbar', role: 'toolbar', '[class.wr-toolbar--responsive]': 'responsive()' }, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n" }]
         }], propDecorators: { responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }] } });

package/fesm2022/ngwr-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-toolbar.mjs","sources":["../../../projects/lib/toolbar/toolbar.ts","../../../projects/lib/toolbar/toolbar.html","../../../projects/lib/toolbar/ngwr-toolbar.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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Action bar with three named zones — `[wrToolbarStart]`,\n * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.\n *\n * @example\n * ```html\n * <wr-toolbar>\n *   <div wrToolbarStart>\n *     <button wr-btn>Back</button>\n *     <strong>Items</strong>\n *   </div>\n *   <div wrToolbarCenter>\n *     <wr-segmented [(value)]=\"view\" [options]=\"['grid', 'list']\" />\n *   </div>\n *   <div wrToolbarEnd>\n *     <button wr-btn color=\"primary\">New</button>\n *   </div>\n * </wr-toolbar>\n * ```\n *\n * @see https://ngwr.dev/reference/components/toolbar\n */\n@Component({\n  selector: 'wr-toolbar',\n  templateUrl: './toolbar.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-toolbar', role: 'toolbar', '[class.wr-toolbar--responsive]': 'responsive()' },\n})\nexport class WrToolbar {\n  /**\n   * Stack the zones vertically when the toolbar's own box is too narrow to fit\n   * them in a row (a container query on its own width, not the viewport — so it\n   * adapts inside a narrow column or split pane). @default false\n   */\n  readonly responsive = input(false, { transform: coerceBooleanProperty });\n}\n","<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;AAKH;;;;;;;;;;;;;;;;;;;;;AAqBG;MAOU,SAAS,CAAA;AACpB;;;;AAIG;IACM,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;uGAN7D,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,oWCtCtB,gVASA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FD6Ba,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,iBAEP,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gCAAgC,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,gVAAA,EAAA;;;AEpClG;;AAEG;;;;"}
+{"version":3,"file":"ngwr-toolbar.mjs","sources":["../../../projects/lib/toolbar/toolbar.ts","../../../projects/lib/toolbar/toolbar.html","../../../projects/lib/toolbar/ngwr-toolbar.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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Action bar with three named zones — `[wrToolbarStart]`,\n * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.\n *\n * A bare `<div>` wrapper in a zone, one with no `class` and no `style`, is laid\n * out as a wrapping row with the zone's own gap, so the controls inside it are\n * spaced exactly like controls projected one by one. The gap follows\n * `--wr-density-gap`. Give the wrapper a class or a style and its layout is\n * yours: the toolbar sets nothing on it. Put running text in a `<span>` or a\n * `<p>`, which stay in inline flow.\n *\n * @example\n * ```html\n * <wr-toolbar>\n *   <div wrToolbarStart>\n *     <button wr-btn>Back</button>\n *     <strong>Items</strong>\n *   </div>\n *   <div wrToolbarCenter>\n *     <wr-segmented [(value)]=\"view\" [options]=\"['grid', 'list']\" />\n *   </div>\n *   <div wrToolbarEnd>\n *     <button wr-btn color=\"primary\">New</button>\n *   </div>\n * </wr-toolbar>\n * ```\n *\n * @see https://ngwr.dev/reference/components/toolbar\n */\n@Component({\n  selector: 'wr-toolbar',\n  templateUrl: './toolbar.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-toolbar', role: 'toolbar', '[class.wr-toolbar--responsive]': 'responsive()' },\n})\nexport class WrToolbar {\n  /**\n   * Stack the zones vertically when the toolbar's own box is too narrow to fit\n   * them in a row (a container query on its own width, not the viewport — so it\n   * adapts inside a narrow column or split pane). @default false\n   */\n  readonly responsive = input(false, { transform: coerceBooleanProperty });\n}\n","<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;AAKH;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;MAOU,SAAS,CAAA;AACpB;;;;AAIG;IACM,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;uGAN7D,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,oWC7CtB,gVASA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDoCa,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,iBAEP,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gCAAgC,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,gVAAA,EAAA;;;AE3ClG;;AAEG;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-tour-testing.mjs","sources":["../../../projects/lib/tour/testing/wr-tour-harness.ts","../../../projects/lib/tour/testing/ngwr-tour-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport { WrButtonHarness } from 'ngwr/button/testing';\n\nimport type { WrTourHarnessFilters, WrTourProgress } from './interfaces';\n\n/**\n * Test harness for the card `WrTour` shows beside the spotlit element.\n *\n * `WrTour` is a service with no element of its own, so there is nothing in your\n * fixture to load: the popup is a portal in the NGWR overlay container, and this\n * comes from `TestbedHarnessEnvironment.documentRootLoader()`. **One card exists at\n * a time** — the service tears the whole step down before opening the next — so a\n * harness held across {@link next} is pointed at a detached element, and a fresh one\n * has to be fetched per step.\n *\n * **The card is rebuilt per step, and that is what makes `getHarnessOrNull` the way\n * to ask whether a tour is running.** There is no \"closed\" state to read: the popup,\n * the overlay and the spotlight all go away together.\n *\n * **What \"last\" means here is not `current === total`.** A step whose target is not\n * on the page is skipped, so a tour of three steps can show two, and the service\n * looks AHEAD for a reachable one to decide what the primary button says.\n * {@link getProgress} reports the printed count, {@link getPrimaryLabel} what the\n * button actually reads — asserting the second is what catches a card that says\n * \"Next\" and then ends the tour.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * tour.start(steps);\n * await fixture.whenStable();\n *\n * const card = await rootLoader.getHarness(WrTourHarness);\n * expect(await card.getTitle()).toBe('Search');\n * await card.next();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrTourHarness extends ComponentHarness {\n  static hostSelector = '.wr-tour-popup';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrTourHarnessFilters = {}): HarnessPredicate<WrTourHarness> {\n    return new HarnessPredicate(WrTourHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('content', options.content, (harness, content) =>\n        HarnessPredicate.stringMatches(harness.getContent(), content)\n      );\n  }\n\n  /**\n   * Whether this card is still on the page.\n   *\n   * For a harness you are already HOLDING: moving to another step disposes the\n   * overlay, so this flips to `false` where a fresh `getHarnessOrNull()` answers\n   * with the NEW card rather than with nothing.\n   */\n  async isShowing(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-tour-popup');\n  }\n\n  /** The step's heading, or `null` for a step given no `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-tour-popup__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The step's body copy. */\n  async getContent(): Promise<string> {\n    return (await this.locatorFor('.wr-tour-popup__content')()).text();\n  }\n\n  /** The progress line as printed, e.g. `Step 2 of 4`. */\n  async getProgressText(): Promise<string> {\n    return (await this.locatorFor('.wr-tour-popup__progress')()).text();\n  }\n\n  /**\n   * The two numbers out of the progress line, or `null` when it does not hold two.\n   *\n   * Parsed from the rendered string rather than asked of the service, because the\n   * service is not something a harness can reach — and the string is what the user\n   * actually gets. A catalog that spells the numbers as words, or reverses them,\n   * makes this `null` instead of a wrong answer; assert {@link getProgressText} in\n   * that case.\n   *\n   * `total` is how many steps the tour was STARTED with, not how many it will show:\n   * a step whose target is missing is skipped and still counted here, which is the\n   * component's own choice and worth knowing before writing an assertion on it.\n   */\n  async getProgress(): Promise<WrTourProgress | null> {\n    const digits = (await this.getProgressText()).match(/\\d+/g);\n    if (!digits || digits.length < 2) return null;\n    return { current: Number(digits[0]), total: Number(digits[1]) };\n  }\n\n  /**\n   * The name the card announces — its title and the progress line, or just the\n   * progress line for an untitled step.\n   *\n   * The card is an `aria-modal` dialog, so it needs a name; the progress line is\n   * what an untitled step has instead of one.\n   */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** Whether the card announces itself as a modal dialog. */\n  async isModal(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('role')) === 'dialog' && (await host.getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Whether the card offers a Back button — which is the same question as \"is this\n   * the first step\", since the button is only rendered past it.\n   */\n  async hasBack(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-tour-popup__action--back')()) !== null;\n  }\n\n  /**\n   * What the primary button READS — the \"next\" label, or the \"done\" one on the last\n   * step the user will see.\n   *\n   * The assertion worth writing, and not derivable from the count: the service looks\n   * ahead for a step whose target is still on the page, so a tour whose last step is\n   * hidden ends one card early and this is the only place that shows.\n   */\n  async getPrimaryLabel(): Promise<string> {\n    return (await this.primary()).getText();\n  }\n\n  /** The Skip button's label. */\n  async getSkipLabel(): Promise<string> {\n    return (await this.skip()).getText();\n  }\n\n  /** The Back button's label. Throws on the first step, where there is none. */\n  async getBackLabel(): Promise<string> {\n    return (await this.backButton('getBackLabel')).getText();\n  }\n\n  /**\n   * Press the primary button — the next step, or the end of the tour.\n   *\n   * Composed through {@link WrButtonHarness} rather than clicking an element: these\n   * are `wr-btn`s, and that harness already knows how one reports being off.\n   */\n  async next(): Promise<void> {\n    await (await this.primary()).click();\n  }\n\n  /** Press Back. Throws on the first step, where the button is not rendered. */\n  async back(): Promise<void> {\n    await (await this.backButton('back')).click();\n  }\n\n  /** Press Skip — ending the tour without finishing it. */\n  async skipTour(): Promise<void> {\n    await (await this.skip()).click();\n  }\n\n  private async primary(): Promise<WrButtonHarness> {\n    return this.locatorFor(WrButtonHarness.with({ selector: '.wr-tour-popup__action--next' }))();\n  }\n\n  private async skip(): Promise<WrButtonHarness> {\n    return this.locatorFor(WrButtonHarness.with({ selector: '.wr-tour-popup__action--skip' }))();\n  }\n\n  private async backButton(method: string): Promise<WrButtonHarness> {\n    const button = await this.locatorForOptional(WrButtonHarness.with({ selector: '.wr-tour-popup__action--back' }))();\n    if (!button) {\n      throw new Error(\n        `WrTourHarness.${method}(): this card has no Back button — the tour is on its first step, where it is ` +\n          'not rendered at all.'\n      );\n    }\n    return button;\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-testing.mjs","sources":["../../../projects/lib/tour/testing/wr-tour-harness.ts","../../../projects/lib/tour/testing/ngwr-tour-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport { WrButtonHarness } from 'ngwr/button/testing';\n\nimport type { WrTourHarnessFilters, WrTourProgress } from './interfaces';\n\n/**\n * Test harness for the card `WrTour` shows beside the spotlit element.\n *\n * `WrTour` is a service with no element of its own, so there is nothing in your\n * fixture to load: the popup is a portal in the NGWR overlay container, and this\n * comes from `TestbedHarnessEnvironment.documentRootLoader()`. **One card exists at\n * a time** — the service tears the whole step down before opening the next — so a\n * harness held across {@link next} is pointed at a detached element, and a fresh one\n * has to be fetched per step.\n *\n * **The card is rebuilt per step, and that is what makes `getHarnessOrNull` the way\n * to ask whether a tour is running.** There is no \"closed\" state to read: the popup,\n * the overlay and the spotlight all go away together.\n *\n * **What \"last\" means here is not `current === total`.** A step whose target is not\n * on the page is skipped, so a tour of three steps can show two, and the service\n * looks AHEAD for a reachable one to decide what the primary button says.\n * {@link getProgress} reports the printed count, {@link getPrimaryLabel} what the\n * button actually reads — asserting the second is what catches a card that says\n * \"Next\" and then ends the tour.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * tour.start(steps);\n * await fixture.whenStable();\n *\n * const card = await rootLoader.getHarness(WrTourHarness);\n * expect(await card.getTitle()).toBe('Search');\n * await card.next();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrTourHarness extends ComponentHarness {\n  static hostSelector = '.wr-tour-popup';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrTourHarnessFilters = {}): HarnessPredicate<WrTourHarness> {\n    return new HarnessPredicate(WrTourHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('content', options.content, (harness, content) =>\n        HarnessPredicate.stringMatches(harness.getContent(), content)\n      );\n  }\n\n  /**\n   * Whether this card is still on the page.\n   *\n   * For a harness you are already HOLDING: moving to another step disposes the\n   * overlay, so this flips to `false` where a fresh `getHarnessOrNull()` answers\n   * with the NEW card rather than with nothing.\n   */\n  async isShowing(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-tour-popup');\n  }\n\n  /** The step's heading, or `null` for a step given no `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-tour-popup__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The step's body copy. */\n  async getContent(): Promise<string> {\n    return (await this.locatorFor('.wr-tour-popup__content')()).text();\n  }\n\n  /** The progress line as printed, e.g. `Step 2 of 4`. */\n  async getProgressText(): Promise<string> {\n    return (await this.locatorFor('.wr-tour-popup__progress')()).text();\n  }\n\n  /**\n   * The two numbers out of the progress line, or `null` when it does not hold two.\n   *\n   * Parsed from the rendered string rather than asked of the service, because the\n   * service is not something a harness can reach — and the string is what the user\n   * actually gets. A catalog that spells the numbers as words, or reverses them,\n   * makes this `null` instead of a wrong answer; assert {@link getProgressText} in\n   * that case.\n   *\n   * `total` is how many steps the tour was STARTED with, not how many it will show:\n   * a step whose target is missing is skipped and still counted here, which is the\n   * component's own choice and worth knowing before writing an assertion on it.\n   */\n  async getProgress(): Promise<WrTourProgress | null> {\n    const digits = (await this.getProgressText()).match(/\\d+/g);\n    if (!digits || digits.length < 2) return null;\n    return { current: Number(digits[0]), total: Number(digits[1]) };\n  }\n\n  /**\n   * The name the card announces — its title and the progress line, or just the\n   * progress line for an untitled step.\n   *\n   * The card is an `aria-modal` dialog, so it needs a name; the progress line is\n   * what an untitled step has instead of one.\n   */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** Whether the card announces itself as a modal dialog. */\n  async isModal(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('role')) === 'dialog' && (await host.getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Whether the card offers a Back button — which is the same question as \"is this\n   * the first step\", since the button is only rendered past it.\n   */\n  async hasBack(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-tour-popup__action--back')()) !== null;\n  }\n\n  /**\n   * What the primary button READS — the \"next\" label, or the \"done\" one on the last\n   * step the user will see.\n   *\n   * The assertion worth writing, and not derivable from the count: the service looks\n   * ahead for a step whose target is still on the page, so a tour whose last step is\n   * hidden ends one card early and this is the only place that shows.\n   */\n  async getPrimaryLabel(): Promise<string> {\n    return (await this.primary()).getText();\n  }\n\n  /** The Skip button's label. */\n  async getSkipLabel(): Promise<string> {\n    return (await this.skip()).getText();\n  }\n\n  /** The Back button's label. Throws on the first step, where there is none. */\n  async getBackLabel(): Promise<string> {\n    return (await this.backButton('getBackLabel')).getText();\n  }\n\n  /**\n   * Press the primary button — the next step, or the end of the tour.\n   *\n   * Composed through {@link WrButtonHarness} rather than clicking an element: these\n   * are `wr-btn`s, and that harness already knows how one reports being off.\n   */\n  async next(): Promise<void> {\n    await (await this.primary()).click();\n  }\n\n  /** Press Back. Throws on the first step, where the button is not rendered. */\n  async back(): Promise<void> {\n    await (await this.backButton('back')).click();\n  }\n\n  /** Press Skip — ending the tour without finishing it. */\n  async skipTour(): Promise<void> {\n    await (await this.skip()).click();\n  }\n\n  private async primary(): Promise<WrButtonHarness> {\n    return this.locatorFor(WrButtonHarness.with({ selector: '.wr-tour-popup__action--next' }))();\n  }\n\n  private async skip(): Promise<WrButtonHarness> {\n    return this.locatorFor(WrButtonHarness.with({ selector: '.wr-tour-popup__action--skip' }))();\n  }\n\n  private async backButton(method: string): Promise<WrButtonHarness> {\n    const button = await this.locatorForOptional(WrButtonHarness.with({ selector: '.wr-tour-popup__action--back' }))();\n    if (!button) {\n      throw new Error(\n        `WrTourHarness.${method}(): this card has no Back button — the tour is on its first step, where it is ` +\n          'not rendered at all.'\n      );\n    }\n    return button;\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-tour.mjs

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