ngwr 11.0.0 → 11.2.0

package/fesm2022/ngwr-rotating-text-testing.mjs

@@ -0,0 +1,220 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** One animated piece — a grapheme, a word or a line, depending on `splitBy`. */
+const CHAR = '.wr-rotating-text__char';
+/** The whole animated layer, and the one element taken out of the a11y tree. */
+const INNER = '.wr-rotating-text__inner';
+/** The readable copy of the string showing now, carried once outside the animated layer. */
+const SR_ONLY = '.wr-rotating-text__sr-only';
+/** A word group — kept whether the word is drawn whole or exploded into characters. */
+const WORD = '.wr-rotating-text__word';
+/**
+ * An inline `opacity: 1` — the end state the enter step commits on every piece.
+ *
+ * Matched off the `style` ATTRIBUTE, never through `getCssValue`: a computed style would
+ * answer `1` for a piece nobody ever wrote to, which is the exact case worth telling
+ * apart from a piece the component finished with.
+ */
+const SETTLED_OPACITY = /(?:^|;)\s*opacity\s*:\s*1\s*(?:;|$)/;
+/** Exactly what the element holds — untrimmed, unlike `TestElement.text()`. */
+async function rawText(element) {
+    return (await element.getProperty('textContent')) ?? '';
+}
+/**
+ * Test harness for `<wr-rotating-text>`.
+ *
+ * **What is announced and what is drawn are two questions, and this component is worth a
+ * harness mostly because it answers them separately.** The string showing now is carried
+ * verbatim in a visually-hidden span; the animated layer beside it is one span per
+ * grapheme, word or line and is `aria-hidden` as a whole, so a screen reader hears `one`
+ * rather than `o. n. e.` {@link getAccessibleText} is the first, {@link getRenderedText}
+ * and {@link getPieces} the second, and {@link isAnimatedLayerHidden} together with
+ * {@link hasAccessibleCopy} is the pairing that regresses silently when someone
+ * restructures the template — pieces hidden AND no readable copy is an element with no
+ * accessible text at all, which reads as a pass on either check alone.
+ *
+ * **The sr-only span is deliberately not a live region, and no method here implies
+ * otherwise.** `auto` advances every two seconds by default, and the APG's answer for
+ * self-advancing content is silence, not an announcement on a timer. What the harness
+ * pins is that the announced copy TRACKS the current word — nothing about it being
+ * spoken.
+ *
+ * **There is no `getIndex()`, and no `next()` / `previous()` / `jumpTo()` / `reset()`.**
+ * The index appears nowhere in the DOM — no attribute, no data hook — so deriving it
+ * would mean matching the shown string against a list the harness was never given, and
+ * guessing between duplicates. And the component renders no controls at all: rotation is
+ * a timer or a method call on the instance, so a harness "click" would have nothing to
+ * click and reaching into the component would make this a wrapper around the class rather
+ * than a reader of the DOM. Drive it from the spec — through the instance, or by
+ * advancing the interval — and assert the `nextChange` output for the index.
+ *
+ * **Nothing here reports the tween.** `duration`, `easing`, `staggerDuration` and
+ * `staggerFrom` are passed straight into Web Animation options and never written to the
+ * document; `delayFor()` is arithmetic with no rendered trace. So no `getDuration()`, no
+ * `getStagger()`, no `isAnimating()`. The pieces do carry inline `opacity` and
+ * `transform`, but on the animated path those are the FIRST keyframe — `opacity: 0` on
+ * text the user can see perfectly well — which is why the only reading offered is
+ * {@link isSettled}, and why it is spelled as a commitment rather than as a state of
+ * motion. The host's `overflow: hidden` clipping is layout, and every rect in a unit test
+ * is 0×0, so there is no `isClipped()` either.
+ *
+ * jsdom implements no Web Animations API, so the animated path throws on the first
+ * `el.animate` — before any assertion runs. Every spec supplies one half or the other:
+ *
+ * ```ts
+ * // Either: mount under reduced motion, where each swap is instant and nothing tweens.
+ * // (jsdom has no matchMedia, so WrPlatform must be provided as a value.)
+ * TestBed.configureTestingModule({ providers: [{ provide: WrPlatform, useValue: reducedMotion }] });
+ *
+ * // Or: stub the API — and remember a stub that never fires `onfinish` never resolves
+ * // the exit step, so the rotator stops after one swap.
+ * Reflect.set(Element.prototype, 'animate', () => ({ cancel: () => undefined, onfinish: null }));
+ * ```
+ *
+ * @example
+ * ```ts
+ * const rotator = await loader.getHarness(WrRotatingTextHarness);
+ *
+ * expect(await rotator.getAccessibleText()).toBe('design');
+ * expect(await rotator.getPieces()).toEqual(['d', 'e', 's', 'i', 'g', 'n']);
+ * expect(await rotator.isAnimatedLayerHidden()).toBe(true);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrRotatingTextHarness extends ComponentHarness {
+    static hostSelector = 'wr-rotating-text';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrRotatingTextHarness, options)
+            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getAccessibleText(), text))
+            .addOption('wordCount', options.wordCount, async (harness, count) => (await harness.getWordCount()) === count);
+    }
+    chars = this.locatorForAll(CHAR);
+    /**
+     * The string showing right now, as the one readable copy holds it.
+     *
+     * Literally what a screen reader gets, the animated layer being out of the tree — and
+     * the thing to assert a rotation against, since it is where `next()`, `previous()`, a
+     * clamped `jumpTo()`, `reset()`, the wrap at either end, the stop when `loop` is off and
+     * the shrinking-list clamp all become visible.
+     *
+     * Throws when the copy is missing rather than answering with the pieces' text: an empty
+     * string is what a rotator holding an empty list correctly reports, so a plausible
+     * nothing here is indistinguishable from the component having lost its accessible name
+     * entirely. Ask {@link hasAccessibleCopy} when presence is the question.
+     */
+    async getAccessibleText() {
+        const copy = await this.locatorForOptional(SR_ONLY)();
+        if (!copy) {
+            throw new Error('WrRotatingTextHarness.getAccessibleText(): this <wr-rotating-text> renders no ' +
+                `${SR_ONLY} span, so it has no accessible text at all — every piece it draws is aria-hidden. ` +
+                'Reading the pieces instead would report a healthy-looking string for a component a screen ' +
+                'reader cannot see.');
+        }
+        return rawText(copy);
+    }
+    /**
+     * Everything the animated layer draws, in document order, as one string.
+     *
+     * A different fact from {@link getAccessibleText}, and the comparison between them is
+     * the point: a split that drops its spacer renders `hellothere` while the readable copy
+     * stays perfect, and nothing else in the DOM says so.
+     *
+     * The spacer between words is a non-breaking space (`&nbsp;`), which is a rendering
+     * choice rather than a contract, so it is normalized to a plain space here — otherwise
+     * every round-trip assertion would have to spell U+00A0 out to pass against a working
+     * component. Note that `splitBy="lines"` genuinely does not round-trip: the newline the
+     * readable copy carries is drawn as that same spacer.
+     */
+    async getRenderedText() {
+        return (await rawText(await this.locatorFor(INNER)())).replace(/\u00a0/g, ' ');
+    }
+    /**
+     * The animated pieces, in document order.
+     *
+     * The granularity actually applied: one piece per grapheme for `splitBy="characters"`,
+     * one per word for `"words"`, one per line for `"lines"`. It is also where the grapheme
+     * contract shows — `a🚀b` must come back as three pieces, not four with two broken
+     * halves of a surrogate pair.
+     */
+    async getPieces() {
+        return Promise.all((await this.chars()).map(rawText));
+    }
+    /**
+     * How many word groups the split produced.
+     *
+     * Word boundaries survive every granularity: three words stay three groups even when
+     * each is exploded into characters, which is what keeps the line wrapping sane. A
+     * splitter that flattened the grouping would leave {@link getPieces} correct and break
+     * only this.
+     */
+    async getWordCount() {
+        return (await this.locatorForAll(WORD)()).length;
+    }
+    /**
+     * Whether the animated layer is out of the accessibility tree.
+     *
+     * ONE attribute answers it — `aria-hidden` sits on the `__inner` wrapper, so the pieces
+     * inherit it and none carries it itself, which keeps the attribute off the nodes the
+     * tween writes to. Asserting it per piece would fail on a component that is behaving.
+     *
+     * If it regresses, every rotation is spelled out letter by letter beside the copy that
+     * was already read, and nothing changes on screen — so no other check catches it.
+     */
+    async isAnimatedLayerHidden() {
+        return (await (await this.locatorFor(INNER)()).getAttribute('aria-hidden')) === 'true';
+    }
+    /**
+     * Whether the readable copy is rendered at all.
+     *
+     * The other half of {@link isAnimatedLayerHidden}, and it exists as a separate question
+     * because the failure the two catch together is invisible to each alone: a layer
+     * correctly hidden with no readable copy beside it is a control with no accessible text
+     * whatsoever, and `isAnimatedLayerHidden() === true` is exactly what it reports.
+     */
+    async hasAccessibleCopy() {
+        return (await this.locatorForOptional(SR_ONLY)()) !== null;
+    }
+    /**
+     * Whether the enter step committed its end state on every piece — NOT whether an
+     * animation finished.
+     *
+     * The component writes `opacity: 1` inline on each piece when the swap settles: instantly
+     * under reduced motion, and from the tween's `onfinish` otherwise. So this answers "the
+     * new word was actually taken over", which is the bug the deferred enter exists to
+     * prevent — a swap that animates the OLD spans leaves the new ones staged at `opacity: 0`
+     * and the text invisible, while the readable copy reports the new word correctly.
+     *
+     * It is all-or-nothing: one piece left staged is one invisible glyph in the middle of a
+     * word. On the animated path it stays `false` until each tween finishes, which in a unit
+     * test means forever, since a stubbed `Element.animate` never fires anything — that is
+     * an honest answer about a swap that never landed, not a limitation to work around.
+     *
+     * Throws when there are no pieces: "every piece is settled" is true of none of them,
+     * and that is also what a component that stopped rendering its text would report.
+     */
+    async isSettled() {
+        const pieces = await this.chars();
+        if (pieces.length === 0) {
+            throw new Error('WrRotatingTextHarness.isSettled(): this <wr-rotating-text> drew no pieces, so "settled" would be ' +
+                'vacuously true — the same answer a rotator that stopped rendering its text would give. Check ' +
+                '`texts` is not empty, or ask getPieces().');
+        }
+        const styles = await Promise.all(pieces.map(piece => piece.getAttribute('style')));
+        return styles.every(style => SETTLED_OPACITY.test(style ?? ''));
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrRotatingTextHarness };
+//# sourceMappingURL=ngwr-rotating-text-testing.mjs.map

package/fesm2022/ngwr-rotating-text-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-rotating-text-testing.mjs","sources":["../../../projects/lib/rotating-text/testing/wr-rotating-text-harness.ts","../../../projects/lib/rotating-text/testing/ngwr-rotating-text-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, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrRotatingTextHarnessFilters } from './interfaces';\n\n/** One animated piece — a grapheme, a word or a line, depending on `splitBy`. */\nconst CHAR = '.wr-rotating-text__char';\n\n/** The whole animated layer, and the one element taken out of the a11y tree. */\nconst INNER = '.wr-rotating-text__inner';\n\n/** The readable copy of the string showing now, carried once outside the animated layer. */\nconst SR_ONLY = '.wr-rotating-text__sr-only';\n\n/** A word group — kept whether the word is drawn whole or exploded into characters. */\nconst WORD = '.wr-rotating-text__word';\n\n/**\n * An inline `opacity: 1` — the end state the enter step commits on every piece.\n *\n * Matched off the `style` ATTRIBUTE, never through `getCssValue`: a computed style would\n * answer `1` for a piece nobody ever wrote to, which is the exact case worth telling\n * apart from a piece the component finished with.\n */\nconst SETTLED_OPACITY = /(?:^|;)\\s*opacity\\s*:\\s*1\\s*(?:;|$)/;\n\n/** Exactly what the element holds — untrimmed, unlike `TestElement.text()`. */\nasync function rawText(element: TestElement): Promise<string> {\n  return (await element.getProperty<string | null>('textContent')) ?? '';\n}\n\n/**\n * Test harness for `<wr-rotating-text>`.\n *\n * **What is announced and what is drawn are two questions, and this component is worth a\n * harness mostly because it answers them separately.** The string showing now is carried\n * verbatim in a visually-hidden span; the animated layer beside it is one span per\n * grapheme, word or line and is `aria-hidden` as a whole, so a screen reader hears `one`\n * rather than `o. n. e.` {@link getAccessibleText} is the first, {@link getRenderedText}\n * and {@link getPieces} the second, and {@link isAnimatedLayerHidden} together with\n * {@link hasAccessibleCopy} is the pairing that regresses silently when someone\n * restructures the template — pieces hidden AND no readable copy is an element with no\n * accessible text at all, which reads as a pass on either check alone.\n *\n * **The sr-only span is deliberately not a live region, and no method here implies\n * otherwise.** `auto` advances every two seconds by default, and the APG's answer for\n * self-advancing content is silence, not an announcement on a timer. What the harness\n * pins is that the announced copy TRACKS the current word — nothing about it being\n * spoken.\n *\n * **There is no `getIndex()`, and no `next()` / `previous()` / `jumpTo()` / `reset()`.**\n * The index appears nowhere in the DOM — no attribute, no data hook — so deriving it\n * would mean matching the shown string against a list the harness was never given, and\n * guessing between duplicates. And the component renders no controls at all: rotation is\n * a timer or a method call on the instance, so a harness \"click\" would have nothing to\n * click and reaching into the component would make this a wrapper around the class rather\n * than a reader of the DOM. Drive it from the spec — through the instance, or by\n * advancing the interval — and assert the `nextChange` output for the index.\n *\n * **Nothing here reports the tween.** `duration`, `easing`, `staggerDuration` and\n * `staggerFrom` are passed straight into Web Animation options and never written to the\n * document; `delayFor()` is arithmetic with no rendered trace. So no `getDuration()`, no\n * `getStagger()`, no `isAnimating()`. The pieces do carry inline `opacity` and\n * `transform`, but on the animated path those are the FIRST keyframe — `opacity: 0` on\n * text the user can see perfectly well — which is why the only reading offered is\n * {@link isSettled}, and why it is spelled as a commitment rather than as a state of\n * motion. The host's `overflow: hidden` clipping is layout, and every rect in a unit test\n * is 0×0, so there is no `isClipped()` either.\n *\n * jsdom implements no Web Animations API, so the animated path throws on the first\n * `el.animate` — before any assertion runs. Every spec supplies one half or the other:\n *\n * ```ts\n * // Either: mount under reduced motion, where each swap is instant and nothing tweens.\n * // (jsdom has no matchMedia, so WrPlatform must be provided as a value.)\n * TestBed.configureTestingModule({ providers: [{ provide: WrPlatform, useValue: reducedMotion }] });\n *\n * // Or: stub the API — and remember a stub that never fires `onfinish` never resolves\n * // the exit step, so the rotator stops after one swap.\n * Reflect.set(Element.prototype, 'animate', () => ({ cancel: () => undefined, onfinish: null }));\n * ```\n *\n * @example\n * ```ts\n * const rotator = await loader.getHarness(WrRotatingTextHarness);\n *\n * expect(await rotator.getAccessibleText()).toBe('design');\n * expect(await rotator.getPieces()).toEqual(['d', 'e', 's', 'i', 'g', 'n']);\n * expect(await rotator.isAnimatedLayerHidden()).toBe(true);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrRotatingTextHarness extends ComponentHarness {\n  static hostSelector = 'wr-rotating-text';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrRotatingTextHarnessFilters = {}): HarnessPredicate<WrRotatingTextHarness> {\n    return new HarnessPredicate(WrRotatingTextHarness, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleText(), text)\n      )\n      .addOption('wordCount', options.wordCount, async (harness, count) => (await harness.getWordCount()) === count);\n  }\n\n  private readonly chars = this.locatorForAll(CHAR);\n\n  /**\n   * The string showing right now, as the one readable copy holds it.\n   *\n   * Literally what a screen reader gets, the animated layer being out of the tree — and\n   * the thing to assert a rotation against, since it is where `next()`, `previous()`, a\n   * clamped `jumpTo()`, `reset()`, the wrap at either end, the stop when `loop` is off and\n   * the shrinking-list clamp all become visible.\n   *\n   * Throws when the copy is missing rather than answering with the pieces' text: an empty\n   * string is what a rotator holding an empty list correctly reports, so a plausible\n   * nothing here is indistinguishable from the component having lost its accessible name\n   * entirely. Ask {@link hasAccessibleCopy} when presence is the question.\n   */\n  async getAccessibleText(): Promise<string> {\n    const copy = await this.locatorForOptional(SR_ONLY)();\n\n    if (!copy) {\n      throw new Error(\n        'WrRotatingTextHarness.getAccessibleText(): this <wr-rotating-text> renders no ' +\n          `${SR_ONLY} span, so it has no accessible text at all — every piece it draws is aria-hidden. ` +\n          'Reading the pieces instead would report a healthy-looking string for a component a screen ' +\n          'reader cannot see.'\n      );\n    }\n\n    return rawText(copy);\n  }\n\n  /**\n   * Everything the animated layer draws, in document order, as one string.\n   *\n   * A different fact from {@link getAccessibleText}, and the comparison between them is\n   * the point: a split that drops its spacer renders `hellothere` while the readable copy\n   * stays perfect, and nothing else in the DOM says so.\n   *\n   * The spacer between words is a non-breaking space (`&nbsp;`), which is a rendering\n   * choice rather than a contract, so it is normalized to a plain space here — otherwise\n   * every round-trip assertion would have to spell U+00A0 out to pass against a working\n   * component. Note that `splitBy=\"lines\"` genuinely does not round-trip: the newline the\n   * readable copy carries is drawn as that same spacer.\n   */\n  async getRenderedText(): Promise<string> {\n    return (await rawText(await this.locatorFor(INNER)())).replace(/\\u00a0/g, ' ');\n  }\n\n  /**\n   * The animated pieces, in document order.\n   *\n   * The granularity actually applied: one piece per grapheme for `splitBy=\"characters\"`,\n   * one per word for `\"words\"`, one per line for `\"lines\"`. It is also where the grapheme\n   * contract shows — `a🚀b` must come back as three pieces, not four with two broken\n   * halves of a surrogate pair.\n   */\n  async getPieces(): Promise<string[]> {\n    return Promise.all((await this.chars()).map(rawText));\n  }\n\n  /**\n   * How many word groups the split produced.\n   *\n   * Word boundaries survive every granularity: three words stay three groups even when\n   * each is exploded into characters, which is what keeps the line wrapping sane. A\n   * splitter that flattened the grouping would leave {@link getPieces} correct and break\n   * only this.\n   */\n  async getWordCount(): Promise<number> {\n    return (await this.locatorForAll(WORD)()).length;\n  }\n\n  /**\n   * Whether the animated layer is out of the accessibility tree.\n   *\n   * ONE attribute answers it — `aria-hidden` sits on the `__inner` wrapper, so the pieces\n   * inherit it and none carries it itself, which keeps the attribute off the nodes the\n   * tween writes to. Asserting it per piece would fail on a component that is behaving.\n   *\n   * If it regresses, every rotation is spelled out letter by letter beside the copy that\n   * was already read, and nothing changes on screen — so no other check catches it.\n   */\n  async isAnimatedLayerHidden(): Promise<boolean> {\n    return (await (await this.locatorFor(INNER)()).getAttribute('aria-hidden')) === 'true';\n  }\n\n  /**\n   * Whether the readable copy is rendered at all.\n   *\n   * The other half of {@link isAnimatedLayerHidden}, and it exists as a separate question\n   * because the failure the two catch together is invisible to each alone: a layer\n   * correctly hidden with no readable copy beside it is a control with no accessible text\n   * whatsoever, and `isAnimatedLayerHidden() === true` is exactly what it reports.\n   */\n  async hasAccessibleCopy(): Promise<boolean> {\n    return (await this.locatorForOptional(SR_ONLY)()) !== null;\n  }\n\n  /**\n   * Whether the enter step committed its end state on every piece — NOT whether an\n   * animation finished.\n   *\n   * The component writes `opacity: 1` inline on each piece when the swap settles: instantly\n   * under reduced motion, and from the tween's `onfinish` otherwise. So this answers \"the\n   * new word was actually taken over\", which is the bug the deferred enter exists to\n   * prevent — a swap that animates the OLD spans leaves the new ones staged at `opacity: 0`\n   * and the text invisible, while the readable copy reports the new word correctly.\n   *\n   * It is all-or-nothing: one piece left staged is one invisible glyph in the middle of a\n   * word. On the animated path it stays `false` until each tween finishes, which in a unit\n   * test means forever, since a stubbed `Element.animate` never fires anything — that is\n   * an honest answer about a swap that never landed, not a limitation to work around.\n   *\n   * Throws when there are no pieces: \"every piece is settled\" is true of none of them,\n   * and that is also what a component that stopped rendering its text would report.\n   */\n  async isSettled(): Promise<boolean> {\n    const pieces = await this.chars();\n\n    if (pieces.length === 0) {\n      throw new Error(\n        'WrRotatingTextHarness.isSettled(): this <wr-rotating-text> drew no pieces, so \"settled\" would be ' +\n          'vacuously true — the same answer a rotator that stopped rendering its text would give. Check ' +\n          '`texts` is not empty, or ask getPieces().'\n      );\n    }\n\n    const styles = await Promise.all(pieces.map(piece => piece.getAttribute('style')));\n    return styles.every(style => SETTLED_OPACITY.test(style ?? ''));\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-rotating-text.mjs

@@ -263,11 +263,11 @@ class WrRotatingText {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRotatingText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrRotatingText, isStandalone: true, selector: "wr-rotating-text", inputs: { texts: { classPropertyName: "texts", publicName: "texts", isSignal: true, isRequired: true, transformFunction: null }, rotationInterval: { classPropertyName: "rotationInterval", publicName: "rotationInterval", isSignal: true, isRequired: false, transformFunction: null }, splitBy: { classPropertyName: "splitBy", publicName: "splitBy", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, easing: { classPropertyName: "easing", publicName: "easing", isSignal: true, isRequired: false, transformFunction: null }, staggerDuration: { classPropertyName: "staggerDuration", publicName: "staggerDuration", isSignal: true, isRequired: false, transformFunction: null }, staggerFrom: { classPropertyName: "staggerFrom", publicName: "staggerFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nextChange: "nextChange" }, host: { classAttribute: "wr-rotating-text" }, ngImport: i0, template: "<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrRotatingText, isStandalone: true, selector: "wr-rotating-text", inputs: { texts: { classPropertyName: "texts", publicName: "texts", isSignal: true, isRequired: true, transformFunction: null }, rotationInterval: { classPropertyName: "rotationInterval", publicName: "rotationInterval", isSignal: true, isRequired: false, transformFunction: null }, splitBy: { classPropertyName: "splitBy", publicName: "splitBy", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, easing: { classPropertyName: "easing", publicName: "easing", isSignal: true, isRequired: false, transformFunction: null }, staggerDuration: { classPropertyName: "staggerDuration", publicName: "staggerDuration", isSignal: true, isRequired: false, transformFunction: null }, staggerFrom: { classPropertyName: "staggerFrom", publicName: "staggerFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nextChange: "nextChange" }, host: { classAttribute: "wr-rotating-text" }, ngImport: i0, template: "<!--\n  The readable text, once: the spans below are per-character. Deliberately NOT a\n  live region \u2014 `auto` rotates every two seconds by default, and the APG's answer\n  for self-advancing content is silence, not an announcement every two seconds.\n-->\n\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRotatingText, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-rotating-text', encapsulation: ViewEncapsulation.None, host: { class: 'wr-rotating-text' }, template: "<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"] }]
+            args: [{ selector: 'wr-rotating-text', encapsulation: ViewEncapsulation.None, host: { class: 'wr-rotating-text' }, template: "<!--\n  The readable text, once: the spans below are per-character. Deliberately NOT a\n  live region \u2014 `auto` rotates every two seconds by default, and the APG's answer\n  for self-advancing content is silence, not an announcement every two seconds.\n-->\n\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"] }]
         }], ctorParameters: () => [], propDecorators: { texts: [{ type: i0.Input, args: [{ isSignal: true, alias: "texts", required: true }] }], rotationInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotationInterval", required: false }] }], splitBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitBy", required: false }] }], auto: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], easing: [{ type: i0.Input, args: [{ isSignal: true, alias: "easing", required: false }] }], staggerDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "staggerDuration", required: false }] }], staggerFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "staggerFrom", required: false }] }], nextChange: [{ type: i0.Output, args: ["nextChange"] }] } });
 
 /**

package/fesm2022/ngwr-rotating-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-rotating-text.mjs","sources":["../../../projects/lib/rotating-text/rotating-text.ts","../../../projects/lib/rotating-text/rotating-text.html","../../../projects/lib/rotating-text/ngwr-rotating-text.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 * Angular adaptation of the RotatingText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/rotating-text\n *\n * The reactbits version uses `motion/react` + `AnimatePresence`. This\n * port is dependency-free — vanilla DOM split + Web Animations API for\n * the enter/exit transitions.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrRotatingTextSplit, WrRotatingTextStaggerFrom } from './interfaces';\n\nconst DEFAULT_EASING = 'cubic-bezier(0.16, 1, 0.3, 1)';\n\ninterface Word {\n  readonly characters: readonly string[];\n  readonly needsSpace: boolean;\n}\n\nfunction graphemes(text: string): readonly string[] {\n  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {\n    const seg = new Intl.Segmenter('en', { granularity: 'grapheme' });\n    return Array.from(seg.segment(text), s => s.segment);\n  }\n  return Array.from(text);\n}\n\nfunction splitWords(text: string, by: WrRotatingTextSplit): readonly Word[] {\n  if (!text) return [];\n  if (by === 'lines') {\n    const lines = text.split('\\n');\n    return lines.map((line, i) => ({ characters: [line], needsSpace: i !== lines.length - 1 }));\n  }\n  if (by === 'words') {\n    const words = text.split(' ');\n    return words.map((w, i) => ({ characters: [w], needsSpace: i !== words.length - 1 }));\n  }\n  // characters: split each word into graphemes, keep word boundaries for spacing.\n  const words = text.split(' ');\n  return words.map((w, i) => ({ characters: graphemes(w), needsSpace: i !== words.length - 1 }));\n}\n\n/**\n * Cycles through a list of strings, animating each transition\n * character-by-character (or word/line). Auto-advances on a timer by\n * default; can also be controlled imperatively via `next()` /\n * `previous()` / `jumpTo()` / `reset()`.\n *\n * @example\n * ```html\n * <wr-rotating-text [texts]=\"['design', 'ship', 'iterate']\" />\n *\n * // Manual control:\n * @ViewChild(WrRotatingText) rotator!: WrRotatingText;\n * onClick(): void { this.rotator.next(); }\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/rotating-text\n */\n@Component({\n  selector: 'wr-rotating-text',\n  templateUrl: './rotating-text.html',\n  styleUrl: './rotating-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-rotating-text' },\n})\nexport class WrRotatingText {\n  /** Strings to cycle. Required. */\n  readonly texts = input.required<readonly string[]>();\n\n  /** Auto-advance interval in ms. @default 2000 */\n  readonly rotationInterval = input(2000, { transform: numAttr(2000) });\n\n  /** Granularity of the split. @default 'characters' */\n  readonly splitBy = input<WrRotatingTextSplit>('characters');\n\n  /** Auto-advance on a timer. @default true */\n  readonly auto = input(true, { transform: coerceBooleanProperty });\n\n  /** Loop back to the first string after the last. @default true */\n  readonly loop = input(true, { transform: coerceBooleanProperty });\n\n  /** Per-swap tween duration in seconds. @default 0.6 */\n  readonly duration = input(0.6, { transform: numAttr(0.6) });\n\n  /** CSS easing of the per-piece tween. @default 'cubic-bezier(0.16, 1, 0.3, 1)' (~power3.out) */\n  readonly easing = input(DEFAULT_EASING);\n\n  /** Per-piece stagger in seconds. @default 0 */\n  readonly staggerDuration = input(0, { transform: numAttr(0) });\n\n  /** Stagger origin. @default 'first' */\n  readonly staggerFrom = input<WrRotatingTextStaggerFrom>('first');\n\n  /** Emitted with the new index on every rotation. */\n  readonly nextChange = output<number>();\n\n  protected readonly index = signal(0);\n\n  protected readonly current = computed(() => {\n    const arr = this.texts();\n    return arr.length === 0 ? '' : arr[Math.min(this.index(), arr.length - 1)];\n  });\n\n  protected readonly words = computed<readonly Word[]>(() => splitWords(this.current(), this.splitBy()));\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private timerId: ReturnType<typeof setInterval> | undefined;\n  private isAnimating = false;\n  private destroyed = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => this.animateIn());\n\n    // Restart the timer when interval / auto change.\n    effect(() => {\n      this.rotationInterval();\n      this.auto();\n      this.restartTimer();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      clearInterval(this.timerId);\n      this.destroyed = true;\n    });\n  }\n\n  // Public imperative API\n\n  next(): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const cur = this.index();\n    const last = arr.length - 1;\n    const target = cur === last ? (this.loop() ? 0 : cur) : cur + 1;\n    if (target !== cur) void this.transitionTo(target);\n  }\n\n  previous(): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const cur = this.index();\n    const last = arr.length - 1;\n    const target = cur === 0 ? (this.loop() ? last : cur) : cur - 1;\n    if (target !== cur) void this.transitionTo(target);\n  }\n\n  jumpTo(target: number): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const clamped = Math.max(0, Math.min(target, arr.length - 1));\n    if (clamped !== this.index()) void this.transitionTo(clamped);\n  }\n\n  reset(): void {\n    if (this.index() !== 0) void this.transitionTo(0);\n  }\n\n  // Internals\n\n  private restartTimer(): void {\n    clearInterval(this.timerId);\n    if (!this.auto()) return;\n    this.timerId = setInterval(() => this.next(), this.rotationInterval());\n  }\n\n  private async transitionTo(target: number): Promise<void> {\n    if (this.isAnimating) return;\n    this.isAnimating = true;\n\n    await this.animateOut();\n\n    // `animateOut` is an async gap, and a transition already in flight outlives\n    // the component: navigating away destroys it, and `clearInterval` only\n    // stops FUTURE ticks — not this call. Everything below touches the view, so\n    // resuming on a destroyed component throws NG0911 (\"View has already been\n    // destroyed\") and warns NG0953 (emit on a destroyed `OutputRef`).\n    if (this.destroyed) return;\n\n    this.index.set(target);\n    this.nextChange.emit(target);\n    // Animate in only AFTER Angular has rendered the new word's spans. A single\n    // microtask isn't enough under zoneless change detection — the re-render\n    // hasn't flushed yet, so `animateIn()` would query the OLD spans, animate\n    // them, and then the render would swap their content mid-flight (and any\n    // spans the longer word adds would never get animated). `afterNextRender`\n    // fires after the render the `index` change schedules.\n    afterNextRender(\n      () => {\n        this.animateIn();\n        this.isAnimating = false;\n      },\n      { injector: this.injector }\n    );\n  }\n\n  private animateIn(): void {\n    const targets = this.host.nativeElement.querySelectorAll<HTMLElement>('.wr-rotating-text__char');\n    if (targets.length === 0) return;\n\n    // Reduced motion: the word swap itself is content and keeps cycling,\n    // but each swap is instant — no per-char rise/fall tween.\n    if (this.platform.prefersReducedMotion()) {\n      targets.forEach(el => {\n        el.style.opacity = '1';\n        el.style.transform = 'translate3d(0, 0, 0)';\n      });\n      return;\n    }\n\n    const stagger = this.staggerDuration() * 1000;\n    targets.forEach((el, i) => {\n      const delay = this.delayFor(i, targets.length, stagger);\n      el.style.opacity = '0';\n      el.style.transform = 'translate3d(0, 100%, 0)';\n      const anim = el.animate(\n        [\n          { opacity: 0, transform: 'translate3d(0, 100%, 0)' },\n          { opacity: 1, transform: 'translate3d(0, 0, 0)' },\n        ],\n        { duration: this.duration() * 1000, delay, easing: this.easing(), fill: 'forwards' }\n      );\n      anim.onfinish = (): void => {\n        el.style.opacity = '1';\n        el.style.transform = 'translate3d(0, 0, 0)';\n        try {\n          anim.cancel();\n        } catch {\n          /* noop */\n        }\n      };\n    });\n  }\n\n  private animateOut(): Promise<void> {\n    const targets = this.host.nativeElement.querySelectorAll<HTMLElement>('.wr-rotating-text__char');\n    if (targets.length === 0) return Promise.resolve();\n    if (this.platform.prefersReducedMotion()) return Promise.resolve();\n    const stagger = this.staggerDuration() * 1000;\n    const promises: Promise<void>[] = [];\n    targets.forEach((el, i) => {\n      const delay = this.delayFor(i, targets.length, stagger);\n      const anim = el.animate(\n        [\n          { opacity: 1, transform: 'translate3d(0, 0, 0)' },\n          { opacity: 0, transform: 'translate3d(0, -120%, 0)' },\n        ],\n        { duration: this.duration() * 1000, delay, easing: this.easing(), fill: 'forwards' }\n      );\n      promises.push(\n        new Promise<void>(resolve => {\n          anim.onfinish = (): void => {\n            // Commit the exited (hidden, lifted) state to inline style before\n            // cancelling, so the char stays out instead of snapping back to\n            // visible-in-place between the swap and the enter animation.\n            el.style.opacity = '0';\n            el.style.transform = 'translate3d(0, -120%, 0)';\n            try {\n              anim.cancel();\n            } catch {\n              /* noop */\n            }\n            resolve();\n          };\n        })\n      );\n    });\n    return Promise.all(promises).then(() => undefined);\n  }\n\n  private delayFor(i: number, total: number, stagger: number): number {\n    if (stagger === 0) return 0;\n    switch (this.staggerFrom()) {\n      case 'last':\n        return (total - 1 - i) * stagger;\n      case 'center': {\n        const center = Math.floor(total / 2);\n        return Math.abs(center - i) * stagger;\n      }\n      case 'first':\n      default:\n        return i * stagger;\n    }\n  }\n}\n\nexport type { WrRotatingTextSplit, WrRotatingTextStaggerFrom } from './interfaces';\n","<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\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-rotating-text.mjs","sources":["../../../projects/lib/rotating-text/rotating-text.ts","../../../projects/lib/rotating-text/rotating-text.html","../../../projects/lib/rotating-text/ngwr-rotating-text.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 * Angular adaptation of the RotatingText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/rotating-text\n *\n * The reactbits version uses `motion/react` + `AnimatePresence`. This\n * port is dependency-free — vanilla DOM split + Web Animations API for\n * the enter/exit transitions.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrRotatingTextSplit, WrRotatingTextStaggerFrom } from './interfaces';\n\nconst DEFAULT_EASING = 'cubic-bezier(0.16, 1, 0.3, 1)';\n\ninterface Word {\n  readonly characters: readonly string[];\n  readonly needsSpace: boolean;\n}\n\nfunction graphemes(text: string): readonly string[] {\n  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {\n    const seg = new Intl.Segmenter('en', { granularity: 'grapheme' });\n    return Array.from(seg.segment(text), s => s.segment);\n  }\n  return Array.from(text);\n}\n\nfunction splitWords(text: string, by: WrRotatingTextSplit): readonly Word[] {\n  if (!text) return [];\n  if (by === 'lines') {\n    const lines = text.split('\\n');\n    return lines.map((line, i) => ({ characters: [line], needsSpace: i !== lines.length - 1 }));\n  }\n  if (by === 'words') {\n    const words = text.split(' ');\n    return words.map((w, i) => ({ characters: [w], needsSpace: i !== words.length - 1 }));\n  }\n  // characters: split each word into graphemes, keep word boundaries for spacing.\n  const words = text.split(' ');\n  return words.map((w, i) => ({ characters: graphemes(w), needsSpace: i !== words.length - 1 }));\n}\n\n/**\n * Cycles through a list of strings, animating each transition\n * character-by-character (or word/line). Auto-advances on a timer by\n * default; can also be controlled imperatively via `next()` /\n * `previous()` / `jumpTo()` / `reset()`.\n *\n * @example\n * ```html\n * <wr-rotating-text [texts]=\"['design', 'ship', 'iterate']\" />\n *\n * // Manual control:\n * @ViewChild(WrRotatingText) rotator!: WrRotatingText;\n * onClick(): void { this.rotator.next(); }\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/rotating-text\n */\n@Component({\n  selector: 'wr-rotating-text',\n  templateUrl: './rotating-text.html',\n  styleUrl: './rotating-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-rotating-text' },\n})\nexport class WrRotatingText {\n  /** Strings to cycle. Required. */\n  readonly texts = input.required<readonly string[]>();\n\n  /** Auto-advance interval in ms. @default 2000 */\n  readonly rotationInterval = input(2000, { transform: numAttr(2000) });\n\n  /** Granularity of the split. @default 'characters' */\n  readonly splitBy = input<WrRotatingTextSplit>('characters');\n\n  /** Auto-advance on a timer. @default true */\n  readonly auto = input(true, { transform: coerceBooleanProperty });\n\n  /** Loop back to the first string after the last. @default true */\n  readonly loop = input(true, { transform: coerceBooleanProperty });\n\n  /** Per-swap tween duration in seconds. @default 0.6 */\n  readonly duration = input(0.6, { transform: numAttr(0.6) });\n\n  /** CSS easing of the per-piece tween. @default 'cubic-bezier(0.16, 1, 0.3, 1)' (~power3.out) */\n  readonly easing = input(DEFAULT_EASING);\n\n  /** Per-piece stagger in seconds. @default 0 */\n  readonly staggerDuration = input(0, { transform: numAttr(0) });\n\n  /** Stagger origin. @default 'first' */\n  readonly staggerFrom = input<WrRotatingTextStaggerFrom>('first');\n\n  /** Emitted with the new index on every rotation. */\n  readonly nextChange = output<number>();\n\n  protected readonly index = signal(0);\n\n  protected readonly current = computed(() => {\n    const arr = this.texts();\n    return arr.length === 0 ? '' : arr[Math.min(this.index(), arr.length - 1)];\n  });\n\n  protected readonly words = computed<readonly Word[]>(() => splitWords(this.current(), this.splitBy()));\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private timerId: ReturnType<typeof setInterval> | undefined;\n  private isAnimating = false;\n  private destroyed = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => this.animateIn());\n\n    // Restart the timer when interval / auto change.\n    effect(() => {\n      this.rotationInterval();\n      this.auto();\n      this.restartTimer();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      clearInterval(this.timerId);\n      this.destroyed = true;\n    });\n  }\n\n  // Public imperative API\n\n  next(): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const cur = this.index();\n    const last = arr.length - 1;\n    const target = cur === last ? (this.loop() ? 0 : cur) : cur + 1;\n    if (target !== cur) void this.transitionTo(target);\n  }\n\n  previous(): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const cur = this.index();\n    const last = arr.length - 1;\n    const target = cur === 0 ? (this.loop() ? last : cur) : cur - 1;\n    if (target !== cur) void this.transitionTo(target);\n  }\n\n  jumpTo(target: number): void {\n    const arr = this.texts();\n    if (arr.length === 0) return;\n    const clamped = Math.max(0, Math.min(target, arr.length - 1));\n    if (clamped !== this.index()) void this.transitionTo(clamped);\n  }\n\n  reset(): void {\n    if (this.index() !== 0) void this.transitionTo(0);\n  }\n\n  // Internals\n\n  private restartTimer(): void {\n    clearInterval(this.timerId);\n    if (!this.auto()) return;\n    this.timerId = setInterval(() => this.next(), this.rotationInterval());\n  }\n\n  private async transitionTo(target: number): Promise<void> {\n    if (this.isAnimating) return;\n    this.isAnimating = true;\n\n    await this.animateOut();\n\n    // `animateOut` is an async gap, and a transition already in flight outlives\n    // the component: navigating away destroys it, and `clearInterval` only\n    // stops FUTURE ticks — not this call. Everything below touches the view, so\n    // resuming on a destroyed component throws NG0911 (\"View has already been\n    // destroyed\") and warns NG0953 (emit on a destroyed `OutputRef`).\n    if (this.destroyed) return;\n\n    this.index.set(target);\n    this.nextChange.emit(target);\n    // Animate in only AFTER Angular has rendered the new word's spans. A single\n    // microtask isn't enough under zoneless change detection — the re-render\n    // hasn't flushed yet, so `animateIn()` would query the OLD spans, animate\n    // them, and then the render would swap their content mid-flight (and any\n    // spans the longer word adds would never get animated). `afterNextRender`\n    // fires after the render the `index` change schedules.\n    afterNextRender(\n      () => {\n        this.animateIn();\n        this.isAnimating = false;\n      },\n      { injector: this.injector }\n    );\n  }\n\n  private animateIn(): void {\n    const targets = this.host.nativeElement.querySelectorAll<HTMLElement>('.wr-rotating-text__char');\n    if (targets.length === 0) return;\n\n    // Reduced motion: the word swap itself is content and keeps cycling,\n    // but each swap is instant — no per-char rise/fall tween.\n    if (this.platform.prefersReducedMotion()) {\n      targets.forEach(el => {\n        el.style.opacity = '1';\n        el.style.transform = 'translate3d(0, 0, 0)';\n      });\n      return;\n    }\n\n    const stagger = this.staggerDuration() * 1000;\n    targets.forEach((el, i) => {\n      const delay = this.delayFor(i, targets.length, stagger);\n      el.style.opacity = '0';\n      el.style.transform = 'translate3d(0, 100%, 0)';\n      const anim = el.animate(\n        [\n          { opacity: 0, transform: 'translate3d(0, 100%, 0)' },\n          { opacity: 1, transform: 'translate3d(0, 0, 0)' },\n        ],\n        { duration: this.duration() * 1000, delay, easing: this.easing(), fill: 'forwards' }\n      );\n      anim.onfinish = (): void => {\n        el.style.opacity = '1';\n        el.style.transform = 'translate3d(0, 0, 0)';\n        try {\n          anim.cancel();\n        } catch {\n          /* noop */\n        }\n      };\n    });\n  }\n\n  private animateOut(): Promise<void> {\n    const targets = this.host.nativeElement.querySelectorAll<HTMLElement>('.wr-rotating-text__char');\n    if (targets.length === 0) return Promise.resolve();\n    if (this.platform.prefersReducedMotion()) return Promise.resolve();\n    const stagger = this.staggerDuration() * 1000;\n    const promises: Promise<void>[] = [];\n    targets.forEach((el, i) => {\n      const delay = this.delayFor(i, targets.length, stagger);\n      const anim = el.animate(\n        [\n          { opacity: 1, transform: 'translate3d(0, 0, 0)' },\n          { opacity: 0, transform: 'translate3d(0, -120%, 0)' },\n        ],\n        { duration: this.duration() * 1000, delay, easing: this.easing(), fill: 'forwards' }\n      );\n      promises.push(\n        new Promise<void>(resolve => {\n          anim.onfinish = (): void => {\n            // Commit the exited (hidden, lifted) state to inline style before\n            // cancelling, so the char stays out instead of snapping back to\n            // visible-in-place between the swap and the enter animation.\n            el.style.opacity = '0';\n            el.style.transform = 'translate3d(0, -120%, 0)';\n            try {\n              anim.cancel();\n            } catch {\n              /* noop */\n            }\n            resolve();\n          };\n        })\n      );\n    });\n    return Promise.all(promises).then(() => undefined);\n  }\n\n  private delayFor(i: number, total: number, stagger: number): number {\n    if (stagger === 0) return 0;\n    switch (this.staggerFrom()) {\n      case 'last':\n        return (total - 1 - i) * stagger;\n      case 'center': {\n        const center = Math.floor(total / 2);\n        return Math.abs(center - i) * stagger;\n      }\n      case 'first':\n      default:\n        return i * stagger;\n    }\n  }\n}\n\nexport type { WrRotatingTextSplit, WrRotatingTextStaggerFrom } from './interfaces';\n","<!--\n  The readable text, once: the spans below are per-character. Deliberately NOT a\n  live region — `auto` rotates every two seconds by default, and the APG's answer\n  for self-advancing content is silence, not an announcement every two seconds.\n-->\n\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}