ngwr 11.1.0 → 12.0.0

package/fesm2022/ngwr-split-text.mjs

@@ -104,9 +104,34 @@ class WrSplitText {
     isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     platform = inject(WrPlatform);
     hasAnimated = false;
+    /**
+     * The ONE observer, replaced rather than stacked.
+     *
+     * `startObserver()` used to `new IntersectionObserver(…)` and register its own
+     * `destroyRef.onDestroy` every time, and the effect below calls it on every
+     * `text` change after setting `hasAnimated = false` — so the guard at the top
+     * of `startObserver` never blocked that path. An off-screen element (the only
+     * case where the observer does not immediately disconnect itself) therefore
+     * leaked one live observer AND one destroy callback per change, all of them
+     * watching the same host and all of them able to fire `animate()`.
+     */
+    observer = null;
+    /**
+     * `startObserver()` builds its observer inside a `document.fonts.ready`
+     * continuation, so the component can be destroyed while it is awaiting. At
+     * that moment `observer` is still null, so the destroy hook below disconnects
+     * nothing — and the continuation then starts an observer on a host Angular
+     * has already detached, which nothing is left to disconnect. Same hazard, and
+     * same flag, as `wr-fuzzy-text`.
+     */
+    destroyed = false;
     constructor() {
         if (!this.isBrowser)
             return;
+        this.destroyRef.onDestroy(() => {
+            this.destroyed = true;
+            this.observer?.disconnect();
+        });
         afterNextRender(() => this.startObserver());
         // Re-run animation if `text` (and therefore the split pieces) changes.
         effect(() => {
@@ -121,8 +146,9 @@ class WrSplitText {
         const fonts = document.fonts;
         const ready = fonts?.status === 'loaded' ? Promise.resolve() : (fonts?.ready ?? Promise.resolve());
         const observe = () => {
-            if (this.hasAnimated)
+            if (this.destroyed || this.hasAnimated)
                 return;
+            this.observer?.disconnect();
             const io = new IntersectionObserver((entries, obs) => {
                 for (const e of entries) {
                     if (e.isIntersecting) {
@@ -132,8 +158,8 @@ class WrSplitText {
                     }
                 }
             }, { threshold: this.threshold(), rootMargin: this.rootMargin() });
+            this.observer = io;
             io.observe(host);
-            this.destroyRef.onDestroy(() => io.disconnect());
         };
         void ready.then(observe);
     }
@@ -184,10 +210,10 @@ class WrSplitText {
             };
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrSplitText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrSplitText, isStandalone: true, selector: "wr-split-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, splitType: { classPropertyName: "splitType", publicName: "splitType", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", 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 }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, rootMargin: { classPropertyName: "rootMargin", publicName: "rootMargin", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { properties: { "style.text-align": "textAlign()" }, classAttribute: "wr-split-text" }, ngImport: i0, template: "<!-- The readable text, once: the pieces below are per-character spans. -->\n<span class=\"wr-split-text__sr-only\">{{ text() }}</span>\n@for (p of pieces(); track $index) {\n  @if (p.kind === 'piece') {\n    <span class=\"wr-split-text__piece\" aria-hidden=\"true\">{{ p.text }}</span>\n  } @else {\n    <span class=\"wr-split-text__space\" aria-hidden=\"true\">{{ p.text }}</span>\n  }\n}\n", styles: [".wr-split-text{display:inline-block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em;white-space:normal;overflow-wrap:break-word;will-change:transform,opacity}.wr-split-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-split-text__piece{display:inline-block;will-change:transform,opacity}.wr-split-text__space{display:inline;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrSplitText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: WrSplitText, isStandalone: true, selector: "wr-split-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, splitType: { classPropertyName: "splitType", publicName: "splitType", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", 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 }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, rootMargin: { classPropertyName: "rootMargin", publicName: "rootMargin", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { properties: { "style.text-align": "textAlign()" }, classAttribute: "wr-split-text" }, ngImport: i0, template: "<!-- The readable text, once: the pieces below are per-character spans. -->\n<span class=\"wr-split-text__sr-only\">{{ text() }}</span>\n@for (p of pieces(); track $index) {\n  @if (p.kind === 'piece') {\n    <span class=\"wr-split-text__piece\" aria-hidden=\"true\">{{ p.text }}</span>\n  } @else {\n    <span class=\"wr-split-text__space\" aria-hidden=\"true\">{{ p.text }}</span>\n  }\n}\n", styles: [".wr-split-text{display:inline-block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em;white-space:normal;overflow-wrap:break-word;will-change:transform,opacity}.wr-split-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-split-text__piece{display:inline-block;will-change:transform,opacity}.wr-split-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: WrSplitText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrSplitText, decorators: [{
             type: Component,
             args: [{ selector: 'wr-split-text', encapsulation: ViewEncapsulation.None, host: { class: 'wr-split-text', '[style.text-align]': 'textAlign()' }, template: "<!-- The readable text, once: the pieces below are per-character spans. -->\n<span class=\"wr-split-text__sr-only\">{{ text() }}</span>\n@for (p of pieces(); track $index) {\n  @if (p.kind === 'piece') {\n    <span class=\"wr-split-text__piece\" aria-hidden=\"true\">{{ p.text }}</span>\n  } @else {\n    <span class=\"wr-split-text__space\" aria-hidden=\"true\">{{ p.text }}</span>\n  }\n}\n", styles: [".wr-split-text{display:inline-block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em;white-space:normal;overflow-wrap:break-word;will-change:transform,opacity}.wr-split-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-split-text__piece{display:inline-block;will-change:transform,opacity}.wr-split-text__space{display:inline;white-space:pre}\n"] }]
         }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], splitType: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitType", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], easing: [{ type: i0.Input, args: [{ isSignal: true, alias: "easing", required: false }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], threshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "threshold", required: false }] }], rootMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootMargin", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], animationComplete: [{ type: i0.Output, args: ["animationComplete"] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-split-text.mjs","sources":["../../../projects/lib/split-text/split-text.ts","../../../projects/lib/split-text/split-text.html","../../../projects/lib/split-text/ngwr-split-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 SplitText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/split-text\n *\n * The reactbits version uses GSAP's paid `SplitText` plugin. This port is\n * GSAP-free — splits via plain DOM spans, animates via the Web Animations\n * API, triggers on viewport entry via `IntersectionObserver`.\n */\n\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrSplitTextUnit, WrSplitTextMotion } from './interfaces';\n\ntype Piece = { readonly kind: 'piece'; readonly text: string } | { readonly kind: 'space'; readonly text: string };\n\n/** Split `text` into render pieces, preserving whitespace as `kind: 'space'`. */\nfunction splitPieces(text: string, unit: WrSplitTextUnit): readonly Piece[] {\n  if (!text) return [];\n  if (unit === 'words') {\n    // Split on whitespace, keeping spaces as separate pieces.\n    return text.split(/(\\s+)/).flatMap<Piece>(seg => {\n      if (seg.length === 0) return [];\n      if (/^\\s+$/.test(seg)) return [{ kind: 'space', text: seg } as const];\n      return [{ kind: 'piece', text: seg } as const];\n    });\n  }\n  // chars: each character is its own piece; whitespace becomes 'space'.\n  return [...text].map<Piece>(ch => (/\\s/.test(ch) ? { kind: 'space', text: ch } : { kind: 'piece', text: ch }));\n}\n\nfunction motionToStyle(m: WrSplitTextMotion): { opacity: number; transform: string } {\n  const opacity = m.opacity ?? 1;\n  const parts: string[] = [];\n  if (m.x !== undefined || m.y !== undefined) {\n    parts.push(`translate3d(${m.x ?? 0}px, ${m.y ?? 0}px, 0)`);\n  }\n  if (m.scale !== undefined) parts.push(`scale(${m.scale})`);\n  if (m.rotate !== undefined) parts.push(`rotate(${m.rotate}deg)`);\n  return { opacity, transform: parts.length ? parts.join(' ') : 'none' };\n}\n\n/**\n * Animated text reveal — splits the input string into chars or words and\n * staggers each piece in from a `from` motion state to a `to` motion\n * state when the host scrolls into view. Whitespace is preserved.\n *\n * @example\n * ```html\n * <wr-split-text\n *   text=\"Hello, ngwr!\"\n *   splitType=\"chars\"\n *   [delay]=\"40\"\n *   [duration]=\"1.2\"\n *   [from]=\"{ opacity: 0, y: 40 }\"\n *   [to]=\"{ opacity: 1, y: 0 }\"\n *   (animationComplete)=\"onDone()\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/split-text\n */\n@Component({\n  selector: 'wr-split-text',\n  templateUrl: './split-text.html',\n  styleUrl: './split-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-split-text', '[style.text-align]': 'textAlign()' },\n})\nexport class WrSplitText {\n  /** Text to animate. Required. */\n  readonly text = input.required<string>();\n\n  /** Split granularity. @default 'chars' */\n  readonly splitType = input<WrSplitTextUnit>('chars');\n\n  /** Stagger delay between pieces in ms. @default 50 */\n  readonly delay = input(50, { transform: numAttr(50) });\n\n  /** Animation duration in seconds (matches reactbits' API). @default 1.25 */\n  readonly duration = input(1.25, { transform: numAttr(1.25) });\n\n  /** CSS easing function. @default 'cubic-bezier(0.16, 1, 0.3, 1)' (~power3.out) */\n  readonly easing = input('cubic-bezier(0.16, 1, 0.3, 1)');\n\n  /** Start state for each piece. @default { opacity: 0, y: 40 } */\n  readonly from = input<WrSplitTextMotion>({ opacity: 0, y: 40 });\n\n  /** End state for each piece. @default { opacity: 1, y: 0 } */\n  readonly to = input<WrSplitTextMotion>({ opacity: 1, y: 0 });\n\n  /** `IntersectionObserver.threshold` — 0..1. @default 0.1 */\n  readonly threshold = input(0.1, { transform: numAttr(0.1) });\n\n  /** `IntersectionObserver.rootMargin`. @default '-100px' */\n  readonly rootMargin = input('-100px');\n\n  /** Text alignment of the host. @default 'center' */\n  readonly textAlign = input<'left' | 'center' | 'right' | 'justify'>('center');\n\n  /** Emitted once all pieces finish animating. */\n  readonly animationComplete = output<void>();\n\n  /** Pieces to render. Each piece is `{ kind: 'piece', text }` or `{ kind: 'space' }`. */\n  protected readonly pieces = computed(() => splitPieces(this.text(), this.splitType()));\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private hasAnimated = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => this.startObserver());\n\n    // Re-run animation if `text` (and therefore the split pieces) changes.\n    effect(() => {\n      this.text();\n      this.splitType();\n      this.hasAnimated = false;\n      queueMicrotask(() => this.startObserver());\n    });\n  }\n\n  private startObserver(): void {\n    const host = this.host.nativeElement;\n    const fonts = (document as Document & { fonts?: FontFaceSet }).fonts;\n    const ready = fonts?.status === 'loaded' ? Promise.resolve() : (fonts?.ready ?? Promise.resolve());\n\n    const observe = (): void => {\n      if (this.hasAnimated) return;\n      const io = new IntersectionObserver(\n        (entries, obs) => {\n          for (const e of entries) {\n            if (e.isIntersecting) {\n              obs.disconnect();\n              this.animate();\n              break;\n            }\n          }\n        },\n        { threshold: this.threshold(), rootMargin: this.rootMargin() }\n      );\n      io.observe(host);\n      this.destroyRef.onDestroy(() => io.disconnect());\n    };\n\n    void ready.then(observe);\n  }\n\n  private animate(): void {\n    if (this.hasAnimated) return;\n    this.hasAnimated = true;\n\n    // Reduced motion: pieces already render at their natural (final)\n    // state — skip the tween and report completion right away.\n    if (this.platform.prefersReducedMotion()) {\n      this.animationComplete.emit();\n      return;\n    }\n\n    const host = this.host.nativeElement;\n    const targets = host.querySelectorAll<HTMLElement>('.wr-split-text__piece');\n    if (targets.length === 0) {\n      this.animationComplete.emit();\n      return;\n    }\n\n    const fromStyle = motionToStyle(this.from());\n    const toStyle = motionToStyle(this.to());\n    const durationMs = this.duration() * 1000;\n    const stagger = this.delay();\n    const easing = this.easing();\n\n    let remaining = targets.length;\n    targets.forEach((el, i) => {\n      // Set initial state immediately so there's no flash of final state\n      // before the animation kicks in.\n      el.style.opacity = String(fromStyle.opacity);\n      el.style.transform = fromStyle.transform;\n      const animation = el.animate(\n        [\n          { opacity: fromStyle.opacity, transform: fromStyle.transform },\n          { opacity: toStyle.opacity, transform: toStyle.transform },\n        ],\n        { duration: durationMs, delay: i * stagger, easing, fill: 'forwards' }\n      );\n      animation.onfinish = (): void => {\n        // Commit final styles + clean up the WAAPI tween.\n        el.style.opacity = String(toStyle.opacity);\n        el.style.transform = toStyle.transform;\n        try {\n          animation.cancel();\n        } catch {\n          /* noop */\n        }\n        remaining -= 1;\n        if (remaining === 0) this.animationComplete.emit();\n      };\n    });\n  }\n}\n\nexport type { WrSplitTextUnit, WrSplitTextMotion } from './interfaces';\n","<!-- The readable text, once: the pieces below are per-character spans. -->\n<span class=\"wr-split-text__sr-only\">{{ text() }}</span>\n@for (p of pieces(); track $index) {\n  @if (p.kind === 'piece') {\n    <span class=\"wr-split-text__piece\" aria-hidden=\"true\">{{ p.text }}</span>\n  } @else {\n    <span class=\"wr-split-text__space\" aria-hidden=\"true\">{{ p.text }}</span>\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-split-text.mjs","sources":["../../../projects/lib/split-text/split-text.ts","../../../projects/lib/split-text/split-text.html","../../../projects/lib/split-text/ngwr-split-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 SplitText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/split-text\n *\n * The reactbits version uses GSAP's paid `SplitText` plugin. This port is\n * GSAP-free — splits via plain DOM spans, animates via the Web Animations\n * API, triggers on viewport entry via `IntersectionObserver`.\n */\n\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrSplitTextUnit, WrSplitTextMotion } from './interfaces';\n\ntype Piece = { readonly kind: 'piece'; readonly text: string } | { readonly kind: 'space'; readonly text: string };\n\n/** Split `text` into render pieces, preserving whitespace as `kind: 'space'`. */\nfunction splitPieces(text: string, unit: WrSplitTextUnit): readonly Piece[] {\n  if (!text) return [];\n  if (unit === 'words') {\n    // Split on whitespace, keeping spaces as separate pieces.\n    return text.split(/(\\s+)/).flatMap<Piece>(seg => {\n      if (seg.length === 0) return [];\n      if (/^\\s+$/.test(seg)) return [{ kind: 'space', text: seg } as const];\n      return [{ kind: 'piece', text: seg } as const];\n    });\n  }\n  // chars: each character is its own piece; whitespace becomes 'space'.\n  return [...text].map<Piece>(ch => (/\\s/.test(ch) ? { kind: 'space', text: ch } : { kind: 'piece', text: ch }));\n}\n\nfunction motionToStyle(m: WrSplitTextMotion): { opacity: number; transform: string } {\n  const opacity = m.opacity ?? 1;\n  const parts: string[] = [];\n  if (m.x !== undefined || m.y !== undefined) {\n    parts.push(`translate3d(${m.x ?? 0}px, ${m.y ?? 0}px, 0)`);\n  }\n  if (m.scale !== undefined) parts.push(`scale(${m.scale})`);\n  if (m.rotate !== undefined) parts.push(`rotate(${m.rotate}deg)`);\n  return { opacity, transform: parts.length ? parts.join(' ') : 'none' };\n}\n\n/**\n * Animated text reveal — splits the input string into chars or words and\n * staggers each piece in from a `from` motion state to a `to` motion\n * state when the host scrolls into view. Whitespace is preserved.\n *\n * @example\n * ```html\n * <wr-split-text\n *   text=\"Hello, ngwr!\"\n *   splitType=\"chars\"\n *   [delay]=\"40\"\n *   [duration]=\"1.2\"\n *   [from]=\"{ opacity: 0, y: 40 }\"\n *   [to]=\"{ opacity: 1, y: 0 }\"\n *   (animationComplete)=\"onDone()\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/split-text\n */\n@Component({\n  selector: 'wr-split-text',\n  templateUrl: './split-text.html',\n  styleUrl: './split-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-split-text', '[style.text-align]': 'textAlign()' },\n})\nexport class WrSplitText {\n  /** Text to animate. Required. */\n  readonly text = input.required<string>();\n\n  /** Split granularity. @default 'chars' */\n  readonly splitType = input<WrSplitTextUnit>('chars');\n\n  /** Stagger delay between pieces in ms. @default 50 */\n  readonly delay = input(50, { transform: numAttr(50) });\n\n  /** Animation duration in seconds (matches reactbits' API). @default 1.25 */\n  readonly duration = input(1.25, { transform: numAttr(1.25) });\n\n  /** CSS easing function. @default 'cubic-bezier(0.16, 1, 0.3, 1)' (~power3.out) */\n  readonly easing = input('cubic-bezier(0.16, 1, 0.3, 1)');\n\n  /** Start state for each piece. @default { opacity: 0, y: 40 } */\n  readonly from = input<WrSplitTextMotion>({ opacity: 0, y: 40 });\n\n  /** End state for each piece. @default { opacity: 1, y: 0 } */\n  readonly to = input<WrSplitTextMotion>({ opacity: 1, y: 0 });\n\n  /** `IntersectionObserver.threshold` — 0..1. @default 0.1 */\n  readonly threshold = input(0.1, { transform: numAttr(0.1) });\n\n  /** `IntersectionObserver.rootMargin`. @default '-100px' */\n  readonly rootMargin = input('-100px');\n\n  /** Text alignment of the host. @default 'center' */\n  readonly textAlign = input<'left' | 'center' | 'right' | 'justify'>('center');\n\n  /** Emitted once all pieces finish animating. */\n  readonly animationComplete = output<void>();\n\n  /** Pieces to render. Each piece is `{ kind: 'piece', text }` or `{ kind: 'space' }`. */\n  protected readonly pieces = computed(() => splitPieces(this.text(), this.splitType()));\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private hasAnimated = false;\n\n  /**\n   * The ONE observer, replaced rather than stacked.\n   *\n   * `startObserver()` used to `new IntersectionObserver(…)` and register its own\n   * `destroyRef.onDestroy` every time, and the effect below calls it on every\n   * `text` change after setting `hasAnimated = false` — so the guard at the top\n   * of `startObserver` never blocked that path. An off-screen element (the only\n   * case where the observer does not immediately disconnect itself) therefore\n   * leaked one live observer AND one destroy callback per change, all of them\n   * watching the same host and all of them able to fire `animate()`.\n   */\n  private observer: IntersectionObserver | null = null;\n\n  /**\n   * `startObserver()` builds its observer inside a `document.fonts.ready`\n   * continuation, so the component can be destroyed while it is awaiting. At\n   * that moment `observer` is still null, so the destroy hook below disconnects\n   * nothing — and the continuation then starts an observer on a host Angular\n   * has already detached, which nothing is left to disconnect. Same hazard, and\n   * same flag, as `wr-fuzzy-text`.\n   */\n  private destroyed = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n    this.destroyRef.onDestroy(() => {\n      this.destroyed = true;\n      this.observer?.disconnect();\n    });\n\n    afterNextRender(() => this.startObserver());\n\n    // Re-run animation if `text` (and therefore the split pieces) changes.\n    effect(() => {\n      this.text();\n      this.splitType();\n      this.hasAnimated = false;\n      queueMicrotask(() => this.startObserver());\n    });\n  }\n\n  private startObserver(): void {\n    const host = this.host.nativeElement;\n    const fonts = (document as Document & { fonts?: FontFaceSet }).fonts;\n    const ready = fonts?.status === 'loaded' ? Promise.resolve() : (fonts?.ready ?? Promise.resolve());\n\n    const observe = (): void => {\n      if (this.destroyed || this.hasAnimated) return;\n      this.observer?.disconnect();\n      const io = new IntersectionObserver(\n        (entries, obs) => {\n          for (const e of entries) {\n            if (e.isIntersecting) {\n              obs.disconnect();\n              this.animate();\n              break;\n            }\n          }\n        },\n        { threshold: this.threshold(), rootMargin: this.rootMargin() }\n      );\n      this.observer = io;\n      io.observe(host);\n    };\n\n    void ready.then(observe);\n  }\n\n  private animate(): void {\n    if (this.hasAnimated) return;\n    this.hasAnimated = true;\n\n    // Reduced motion: pieces already render at their natural (final)\n    // state — skip the tween and report completion right away.\n    if (this.platform.prefersReducedMotion()) {\n      this.animationComplete.emit();\n      return;\n    }\n\n    const host = this.host.nativeElement;\n    const targets = host.querySelectorAll<HTMLElement>('.wr-split-text__piece');\n    if (targets.length === 0) {\n      this.animationComplete.emit();\n      return;\n    }\n\n    const fromStyle = motionToStyle(this.from());\n    const toStyle = motionToStyle(this.to());\n    const durationMs = this.duration() * 1000;\n    const stagger = this.delay();\n    const easing = this.easing();\n\n    let remaining = targets.length;\n    targets.forEach((el, i) => {\n      // Set initial state immediately so there's no flash of final state\n      // before the animation kicks in.\n      el.style.opacity = String(fromStyle.opacity);\n      el.style.transform = fromStyle.transform;\n      const animation = el.animate(\n        [\n          { opacity: fromStyle.opacity, transform: fromStyle.transform },\n          { opacity: toStyle.opacity, transform: toStyle.transform },\n        ],\n        { duration: durationMs, delay: i * stagger, easing, fill: 'forwards' }\n      );\n      animation.onfinish = (): void => {\n        // Commit final styles + clean up the WAAPI tween.\n        el.style.opacity = String(toStyle.opacity);\n        el.style.transform = toStyle.transform;\n        try {\n          animation.cancel();\n        } catch {\n          /* noop */\n        }\n        remaining -= 1;\n        if (remaining === 0) this.animationComplete.emit();\n      };\n    });\n  }\n}\n\nexport type { WrSplitTextUnit, WrSplitTextMotion } from './interfaces';\n","<!-- The readable text, once: the pieces below are per-character spans. -->\n<span class=\"wr-split-text__sr-only\">{{ text() }}</span>\n@for (p of pieces(); track $index) {\n  @if (p.kind === 'piece') {\n    <span class=\"wr-split-text__piece\" aria-hidden=\"true\">{{ p.text }}</span>\n  } @else {\n    <span class=\"wr-split-text__space\" aria-hidden=\"true\">{{ p.text }}</span>\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-splitter-testing.mjs

@@ -0,0 +1,245 @@
+import { TestKey, 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
+ */
+const ARROWS = {
+    left: TestKey.LEFT_ARROW,
+    right: TestKey.RIGHT_ARROW,
+    up: TestKey.UP_ARROW,
+    down: TestKey.DOWN_ARROW,
+};
+/**
+ * Test harness for `<wr-splitter>` — two panes and the divider between them.
+ *
+ * **Everything here is the keyboard, and that is not a workaround.** The divider is
+ * dragged with a pointer in a browser, but the drag reads
+ * `getBoundingClientRect()` and turns a client coordinate into a percentage; jsdom
+ * lays nothing out, so every rect is 0×0 and a synthetic drag writes `NaN` into the
+ * position. The arrow keys reach the same state, are the accessible path anyway, and
+ * are what the WAI-ARIA separator pattern is judged on.
+ *
+ * **Two words for the axis, and they are opposites.** The component's
+ * `orientation="horizontal"` means the panes sit side by side, which needs a
+ * VERTICAL divider — so that is what `aria-orientation` says. {@link getOrientation}
+ * answers the component's word and {@link getDividerOrientation} the divider's; both
+ * are here because a spec that conflated them would look right and assert nothing.
+ *
+ * **Arrows follow the VISUAL axis.** Under `dir="rtl"` the start pane is the one on
+ * the right, so ArrowRight SHRINKS the position. {@link pressArrow} takes the key a
+ * user presses rather than a semantic direction, which is the only way a spec can
+ * pin that mirroring; {@link setPosition} walks with whichever key currently grows
+ * the number, and reports where it landed.
+ *
+ * @example
+ * ```ts
+ * const splitter = await loader.getHarness(WrSplitterHarness);
+ *
+ * expect(await splitter.getPosition()).toBe(50);
+ * await splitter.setPosition(70);
+ * expect(await splitter.getPaneSizes()).toEqual({ start: 70, end: 30 });
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSplitterHarness extends ComponentHarness {
+    static hostSelector = 'wr-splitter';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSplitterHarness, options)
+            .addOption('orientation', options.orientation, async (harness, orientation) => (await harness.getOrientation()) === orientation)
+            .addOption('dividerLabel', options.dividerLabel, (harness, label) => HarnessPredicate.stringMatches(harness.getDividerLabel(), label))
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    divider = this.locatorFor('.wr-splitter__divider');
+    /**
+     * The splitter's own axis: `horizontal` when the panes sit side by side.
+     *
+     * Read from the host modifier rather than from `aria-orientation`, which says the
+     * opposite thing about the same layout — see {@link getDividerOrientation}.
+     */
+    async getOrientation() {
+        return (await (await this.host()).hasClass('wr-splitter--vertical')) ? 'vertical' : 'horizontal';
+    }
+    /**
+     * What the divider announces — the INVERSE of {@link getOrientation}, and correct:
+     * a separator's orientation is the line it draws, not the axis it travels along.
+     */
+    async getDividerOrientation() {
+        return (await this.divider()).getAttribute('aria-orientation');
+    }
+    /** The divider's position as a percentage, from `aria-valuenow`. */
+    async getPosition() {
+        return this.numeric('aria-valuenow');
+    }
+    /** The lowest position the divider will accept, from `aria-valuemin`. */
+    async getMinPosition() {
+        return this.numeric('aria-valuemin');
+    }
+    /** The highest position the divider will accept, from `aria-valuemax`. */
+    async getMaxPosition() {
+        return this.numeric('aria-valuemax');
+    }
+    /**
+     * What each pane is asking for, in percent, from the `flex-basis` the component
+     * writes inline.
+     *
+     * This is the only evidence a spec without layout has that the panes followed the
+     * divider — a measured width is zero for both. They should always sum to 100:
+     * the end pane is `100 - position`, so a pair that does not is a component bug
+     * rather than a rounding artefact.
+     */
+    async getPaneSizes() {
+        const start = await this.locatorFor('.wr-splitter__pane--start')();
+        const end = await this.locatorFor('.wr-splitter__pane--end')();
+        return {
+            start: Number.parseFloat(await start.getCssValue('flex-basis')),
+            end: Number.parseFloat(await end.getCssValue('flex-basis')),
+        };
+    }
+    /** The start pane's projected text, trimmed. */
+    async getStartText() {
+        return (await this.locatorFor('.wr-splitter__pane--start')()).text();
+    }
+    /** The end pane's projected text, trimmed. */
+    async getEndText() {
+        return (await this.locatorFor('.wr-splitter__pane--end')()).text();
+    }
+    /** The divider's accessible name — a focusable separator is a widget and needs one. */
+    async getDividerLabel() {
+        return (await this.divider()).getAttribute('aria-label');
+    }
+    /**
+     * Whether the splitter refuses to resize.
+     *
+     * From the divider's `aria-disabled`, which is the half a screen reader acts on.
+     * The component also drops the divider out of the tab order and paints a modifier
+     * on the host, and {@link isDividerFocusable} answers the first of those — worth
+     * asking separately, because a divider that is announced as disabled and still a
+     * tab stop is a control the keyboard can reach and not use.
+     */
+    async isDisabled() {
+        return (await (await this.divider()).getAttribute('aria-disabled')) === 'true';
+    }
+    /** Whether the divider is a tab stop (`tabindex="0"`). */
+    async isDividerFocusable() {
+        return (await (await this.divider()).getAttribute('tabindex')) === '0';
+    }
+    /** Move keyboard focus to the divider. */
+    async focusDivider() {
+        return (await this.divider()).focus();
+    }
+    /** Whether the divider currently holds focus. */
+    async isDividerFocused() {
+        return (await this.divider()).isFocused();
+    }
+    /**
+     * Press one arrow key on the divider.
+     *
+     * The key rather than a direction, deliberately: which way the position moves is a
+     * function of the key AND the reading direction, and a `grow()` / `shrink()` pair
+     * would hide exactly the behaviour worth asserting. An arrow off the splitter's own
+     * axis does nothing at all — the horizontal splitter ignores Up and Down.
+     *
+     * `shift` is the coarse step: 10 instead of 1.
+     */
+    async pressArrow(arrow, options = {}) {
+        const divider = await this.divider();
+        await (options.shift ? divider.sendKeys({ shift: true }, ARROWS[arrow]) : divider.sendKeys(ARROWS[arrow]));
+    }
+    /** Press Home — jumping to `minPosition`, whatever the reading direction. */
+    async pressHome() {
+        return (await this.divider()).sendKeys(TestKey.HOME);
+    }
+    /** Press End — jumping to `maxPosition`. Semantic, so it never mirrors under RTL. */
+    async pressEnd() {
+        return (await this.divider()).sendKeys(TestKey.END);
+    }
+    /**
+     * Walk the divider to a position with the keyboard, and assert it landed there.
+     *
+     * Ten-unit hops first, then single steps — the same two strides a user has. It
+     * walks rather than assigning, because assigning would prove the harness can write
+     * a signal and nothing about the component: the clamp, the min / max and the
+     * mirroring all live on this path.
+     *
+     * Throws rather than half-arriving. A target outside `[min, max]` is unreachable by
+     * construction, and so is any target the walk cannot hit exactly — the position is a
+     * float that a previous drag may have left mid-step, and whole-unit keys cannot get
+     * off a fractional offset. Both say so, with where it actually stopped.
+     */
+    async setPosition(target) {
+        const [min, max] = [await this.getMinPosition(), await this.getMaxPosition()];
+        if (target < min || target > max) {
+            throw new Error(`WrSplitterHarness.setPosition(${target}): out of range — this splitter accepts ${min}–${max}. ` +
+                'The component clamps, so the walk would stop at the bound and never reach the number asked for.');
+        }
+        if (target === min)
+            return this.pressHome();
+        if (target === max)
+            return this.pressEnd();
+        await this.focusDivider();
+        // The block axis never mirrors, so only the horizontal splitter needs the probe.
+        const vertical = (await this.getOrientation()) === 'vertical';
+        const [grow, shrink] = vertical
+            ? ['down', 'up']
+            : (await this.growsWithRight())
+                ? ['right', 'left']
+                : ['left', 'right'];
+        for (const shift of [true, false]) {
+            const step = shift ? 10 : 1;
+            // Recomputed each pass: the coarse hops clamp at the bounds, so the remaining
+            // distance is not what simple arithmetic on the starting point would predict.
+            let delta = target - (await this.getPosition());
+            while (Math.abs(delta) >= step) {
+                const before = await this.getPosition();
+                await this.pressArrow(delta > 0 ? grow : shrink, { shift });
+                const now = await this.getPosition();
+                if (now === before) {
+                    throw new Error(`WrSplitterHarness.setPosition(${target}): the divider stopped moving at ${now}. A disabled ` +
+                        'splitter ignores its arrows, which is the usual reason this happens.');
+                }
+                delta = target - now;
+            }
+        }
+        const landed = await this.getPosition();
+        if (landed !== target) {
+            throw new Error(`WrSplitterHarness.setPosition(${target}): the walk stopped at ${landed}. The arrows move in whole ` +
+                'units, so a position left on a fraction by a drag cannot be walked onto a whole number.');
+        }
+    }
+    /**
+     * Whether ArrowRight is currently the key that GROWS the position — true in LTR,
+     * false in RTL, where the start pane is the one on the right.
+     *
+     * Probed rather than read off `Directionality`, which a harness has no access to:
+     * press, look, and put it back. At the top of the range a growing press is clamped
+     * and would prove nothing, so the probe presses the other way there instead. The
+     * undo is conditional — a press that moved nothing has nothing to undo, and undoing
+     * it anyway would move the divider by one in the direction the probe was testing.
+     */
+    async growsWithRight() {
+        const before = await this.getPosition();
+        const atCeiling = before >= (await this.getMaxPosition());
+        const [probe, undo] = atCeiling ? ['left', 'right'] : ['right', 'left'];
+        await this.pressArrow(probe);
+        const after = await this.getPosition();
+        if (after !== before)
+            await this.pressArrow(undo);
+        return atCeiling ? after < before : after > before;
+    }
+    async numeric(attribute) {
+        const raw = await (await this.divider()).getAttribute(attribute);
+        return raw === null ? Number.NaN : Number(raw);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrSplitterHarness };
+//# sourceMappingURL=ngwr-splitter-testing.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-splitter-testing.mjs","sources":["../../../projects/lib/splitter/testing/wr-splitter-harness.ts","../../../projects/lib/splitter/testing/ngwr-splitter-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, TestKey } from '@angular/cdk/testing';\n\nimport type { WrSplitterHarnessFilters, WrSplitterPaneSizes } from './interfaces';\n\n/** The four arrow keys, by the direction a user would say out loud. */\ntype Arrow = 'left' | 'right' | 'up' | 'down';\n\nconst ARROWS: Record<Arrow, TestKey> = {\n  left: TestKey.LEFT_ARROW,\n  right: TestKey.RIGHT_ARROW,\n  up: TestKey.UP_ARROW,\n  down: TestKey.DOWN_ARROW,\n};\n\n/**\n * Test harness for `<wr-splitter>` — two panes and the divider between them.\n *\n * **Everything here is the keyboard, and that is not a workaround.** The divider is\n * dragged with a pointer in a browser, but the drag reads\n * `getBoundingClientRect()` and turns a client coordinate into a percentage; jsdom\n * lays nothing out, so every rect is 0×0 and a synthetic drag writes `NaN` into the\n * position. The arrow keys reach the same state, are the accessible path anyway, and\n * are what the WAI-ARIA separator pattern is judged on.\n *\n * **Two words for the axis, and they are opposites.** The component's\n * `orientation=\"horizontal\"` means the panes sit side by side, which needs a\n * VERTICAL divider — so that is what `aria-orientation` says. {@link getOrientation}\n * answers the component's word and {@link getDividerOrientation} the divider's; both\n * are here because a spec that conflated them would look right and assert nothing.\n *\n * **Arrows follow the VISUAL axis.** Under `dir=\"rtl\"` the start pane is the one on\n * the right, so ArrowRight SHRINKS the position. {@link pressArrow} takes the key a\n * user presses rather than a semantic direction, which is the only way a spec can\n * pin that mirroring; {@link setPosition} walks with whichever key currently grows\n * the number, and reports where it landed.\n *\n * @example\n * ```ts\n * const splitter = await loader.getHarness(WrSplitterHarness);\n *\n * expect(await splitter.getPosition()).toBe(50);\n * await splitter.setPosition(70);\n * expect(await splitter.getPaneSizes()).toEqual({ start: 70, end: 30 });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSplitterHarness extends ComponentHarness {\n  static hostSelector = 'wr-splitter';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSplitterHarnessFilters = {}): HarnessPredicate<WrSplitterHarness> {\n    return new HarnessPredicate(WrSplitterHarness, options)\n      .addOption(\n        'orientation',\n        options.orientation,\n        async (harness, orientation) => (await harness.getOrientation()) === orientation\n      )\n      .addOption('dividerLabel', options.dividerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getDividerLabel(), label)\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly divider = this.locatorFor('.wr-splitter__divider');\n\n  /**\n   * The splitter's own axis: `horizontal` when the panes sit side by side.\n   *\n   * Read from the host modifier rather than from `aria-orientation`, which says the\n   * opposite thing about the same layout — see {@link getDividerOrientation}.\n   */\n  async getOrientation(): Promise<'horizontal' | 'vertical'> {\n    return (await (await this.host()).hasClass('wr-splitter--vertical')) ? 'vertical' : 'horizontal';\n  }\n\n  /**\n   * What the divider announces — the INVERSE of {@link getOrientation}, and correct:\n   * a separator's orientation is the line it draws, not the axis it travels along.\n   */\n  async getDividerOrientation(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-orientation');\n  }\n\n  /** The divider's position as a percentage, from `aria-valuenow`. */\n  async getPosition(): Promise<number> {\n    return this.numeric('aria-valuenow');\n  }\n\n  /** The lowest position the divider will accept, from `aria-valuemin`. */\n  async getMinPosition(): Promise<number> {\n    return this.numeric('aria-valuemin');\n  }\n\n  /** The highest position the divider will accept, from `aria-valuemax`. */\n  async getMaxPosition(): Promise<number> {\n    return this.numeric('aria-valuemax');\n  }\n\n  /**\n   * What each pane is asking for, in percent, from the `flex-basis` the component\n   * writes inline.\n   *\n   * This is the only evidence a spec without layout has that the panes followed the\n   * divider — a measured width is zero for both. They should always sum to 100:\n   * the end pane is `100 - position`, so a pair that does not is a component bug\n   * rather than a rounding artefact.\n   */\n  async getPaneSizes(): Promise<WrSplitterPaneSizes> {\n    const start = await this.locatorFor('.wr-splitter__pane--start')();\n    const end = await this.locatorFor('.wr-splitter__pane--end')();\n\n    return {\n      start: Number.parseFloat(await start.getCssValue('flex-basis')),\n      end: Number.parseFloat(await end.getCssValue('flex-basis')),\n    };\n  }\n\n  /** The start pane's projected text, trimmed. */\n  async getStartText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--start')()).text();\n  }\n\n  /** The end pane's projected text, trimmed. */\n  async getEndText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--end')()).text();\n  }\n\n  /** The divider's accessible name — a focusable separator is a widget and needs one. */\n  async getDividerLabel(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the splitter refuses to resize.\n   *\n   * From the divider's `aria-disabled`, which is the half a screen reader acts on.\n   * The component also drops the divider out of the tab order and paints a modifier\n   * on the host, and {@link isDividerFocusable} answers the first of those — worth\n   * asking separately, because a divider that is announced as disabled and still a\n   * tab stop is a control the keyboard can reach and not use.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the divider is a tab stop (`tabindex=\"0\"`). */\n  async isDividerFocusable(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('tabindex')) === '0';\n  }\n\n  /** Move keyboard focus to the divider. */\n  async focusDivider(): Promise<void> {\n    return (await this.divider()).focus();\n  }\n\n  /** Whether the divider currently holds focus. */\n  async isDividerFocused(): Promise<boolean> {\n    return (await this.divider()).isFocused();\n  }\n\n  /**\n   * Press one arrow key on the divider.\n   *\n   * The key rather than a direction, deliberately: which way the position moves is a\n   * function of the key AND the reading direction, and a `grow()` / `shrink()` pair\n   * would hide exactly the behaviour worth asserting. An arrow off the splitter's own\n   * axis does nothing at all — the horizontal splitter ignores Up and Down.\n   *\n   * `shift` is the coarse step: 10 instead of 1.\n   */\n  async pressArrow(arrow: Arrow, options: { shift?: boolean } = {}): Promise<void> {\n    const divider = await this.divider();\n    await (options.shift ? divider.sendKeys({ shift: true }, ARROWS[arrow]) : divider.sendKeys(ARROWS[arrow]));\n  }\n\n  /** Press Home — jumping to `minPosition`, whatever the reading direction. */\n  async pressHome(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.HOME);\n  }\n\n  /** Press End — jumping to `maxPosition`. Semantic, so it never mirrors under RTL. */\n  async pressEnd(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.END);\n  }\n\n  /**\n   * Walk the divider to a position with the keyboard, and assert it landed there.\n   *\n   * Ten-unit hops first, then single steps — the same two strides a user has. It\n   * walks rather than assigning, because assigning would prove the harness can write\n   * a signal and nothing about the component: the clamp, the min / max and the\n   * mirroring all live on this path.\n   *\n   * Throws rather than half-arriving. A target outside `[min, max]` is unreachable by\n   * construction, and so is any target the walk cannot hit exactly — the position is a\n   * float that a previous drag may have left mid-step, and whole-unit keys cannot get\n   * off a fractional offset. Both say so, with where it actually stopped.\n   */\n  async setPosition(target: number): Promise<void> {\n    const [min, max] = [await this.getMinPosition(), await this.getMaxPosition()];\n    if (target < min || target > max) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): out of range — this splitter accepts ${min}–${max}. ` +\n          'The component clamps, so the walk would stop at the bound and never reach the number asked for.'\n      );\n    }\n\n    if (target === min) return this.pressHome();\n    if (target === max) return this.pressEnd();\n\n    await this.focusDivider();\n    // The block axis never mirrors, so only the horizontal splitter needs the probe.\n    const vertical = (await this.getOrientation()) === 'vertical';\n    const [grow, shrink]: [Arrow, Arrow] = vertical\n      ? ['down', 'up']\n      : (await this.growsWithRight())\n        ? ['right', 'left']\n        : ['left', 'right'];\n\n    for (const shift of [true, false]) {\n      const step = shift ? 10 : 1;\n      // Recomputed each pass: the coarse hops clamp at the bounds, so the remaining\n      // distance is not what simple arithmetic on the starting point would predict.\n      let delta = target - (await this.getPosition());\n\n      while (Math.abs(delta) >= step) {\n        const before = await this.getPosition();\n        await this.pressArrow(delta > 0 ? grow : shrink, { shift });\n        const now = await this.getPosition();\n\n        if (now === before) {\n          throw new Error(\n            `WrSplitterHarness.setPosition(${target}): the divider stopped moving at ${now}. A disabled ` +\n              'splitter ignores its arrows, which is the usual reason this happens.'\n          );\n        }\n        delta = target - now;\n      }\n    }\n\n    const landed = await this.getPosition();\n    if (landed !== target) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): the walk stopped at ${landed}. The arrows move in whole ` +\n          'units, so a position left on a fraction by a drag cannot be walked onto a whole number.'\n      );\n    }\n  }\n\n  /**\n   * Whether ArrowRight is currently the key that GROWS the position — true in LTR,\n   * false in RTL, where the start pane is the one on the right.\n   *\n   * Probed rather than read off `Directionality`, which a harness has no access to:\n   * press, look, and put it back. At the top of the range a growing press is clamped\n   * and would prove nothing, so the probe presses the other way there instead. The\n   * undo is conditional — a press that moved nothing has nothing to undo, and undoing\n   * it anyway would move the divider by one in the direction the probe was testing.\n   */\n  private async growsWithRight(): Promise<boolean> {\n    const before = await this.getPosition();\n    const atCeiling = before >= (await this.getMaxPosition());\n    const [probe, undo]: [Arrow, Arrow] = atCeiling ? ['left', 'right'] : ['right', 'left'];\n\n    await this.pressArrow(probe);\n    const after = await this.getPosition();\n    if (after !== before) await this.pressArrow(undo);\n\n    return atCeiling ? after < before : after > before;\n  }\n\n  private async numeric(attribute: string): Promise<number> {\n    const raw = await (await this.divider()).getAttribute(attribute);\n    return raw === null ? Number.NaN : Number(raw);\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-splitter.mjs

@@ -170,10 +170,10 @@ class WrSplitter {
     isRtl() {
         return this.dir?.value === 'rtl';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrSplitter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrSplitter, isStandalone: true, selector: "wr-splitter", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, minPosition: { classPropertyName: "minPosition", publicName: "minPosition", isSignal: true, isRequired: false, transformFunction: null }, maxPosition: { classPropertyName: "maxPosition", publicName: "maxPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dividerLabel: { classPropertyName: "dividerLabel", publicName: "dividerLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "positionChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-splitter__pane wr-splitter__pane--start\" [style.flex-basis]=\"startStyle()\">\n  <ng-content select=\"[wrSplitterStart]\" />\n</div>\n\n<!-- Roving focus + arrow keys for keyboard resizing. -->\n<div\n  class=\"wr-splitter__divider\"\n  role=\"separator\"\n  [attr.aria-label]=\"resolvedDividerLabel()\"\n  [attr.aria-orientation]=\"orientation() === 'horizontal' ? 'vertical' : 'horizontal'\"\n  [attr.aria-valuemin]=\"minPosition()\"\n  [attr.aria-valuemax]=\"maxPosition()\"\n  [attr.aria-valuenow]=\"position()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event)\"\n  (pointermove)=\"onPointerMove($event)\"\n  (pointerup)=\"onPointerUp($event)\"\n  (pointercancel)=\"onPointerUp($event)\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <span class=\"wr-splitter__handle\" aria-hidden=\"true\"></span>\n</div>\n\n<div class=\"wr-splitter__pane wr-splitter__pane--end\" [style.flex-basis]=\"endStyle()\">\n  <ng-content select=\"[wrSplitterEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrSplitter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: WrSplitter, isStandalone: true, selector: "wr-splitter", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, minPosition: { classPropertyName: "minPosition", publicName: "minPosition", isSignal: true, isRequired: false, transformFunction: null }, maxPosition: { classPropertyName: "maxPosition", publicName: "maxPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dividerLabel: { classPropertyName: "dividerLabel", publicName: "dividerLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "positionChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-splitter__pane wr-splitter__pane--start\" [style.flex-basis]=\"startStyle()\">\n  <ng-content select=\"[wrSplitterStart]\" />\n</div>\n\n<!-- Roving focus + arrow keys for keyboard resizing. -->\n<div\n  class=\"wr-splitter__divider\"\n  role=\"separator\"\n  [attr.aria-label]=\"resolvedDividerLabel()\"\n  [attr.aria-orientation]=\"orientation() === 'horizontal' ? 'vertical' : 'horizontal'\"\n  [attr.aria-valuemin]=\"minPosition()\"\n  [attr.aria-valuemax]=\"maxPosition()\"\n  [attr.aria-valuenow]=\"position()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event)\"\n  (pointermove)=\"onPointerMove($event)\"\n  (pointerup)=\"onPointerUp($event)\"\n  (pointercancel)=\"onPointerUp($event)\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <span class=\"wr-splitter__handle\" aria-hidden=\"true\"></span>\n</div>\n\n<div class=\"wr-splitter__pane wr-splitter__pane--end\" [style.flex-basis]=\"endStyle()\">\n  <ng-content select=\"[wrSplitterEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrSplitter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrSplitter, decorators: [{
             type: Component,
             args: [{ selector: 'wr-splitter', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "<div class=\"wr-splitter__pane wr-splitter__pane--start\" [style.flex-basis]=\"startStyle()\">\n  <ng-content select=\"[wrSplitterStart]\" />\n</div>\n\n<!-- Roving focus + arrow keys for keyboard resizing. -->\n<div\n  class=\"wr-splitter__divider\"\n  role=\"separator\"\n  [attr.aria-label]=\"resolvedDividerLabel()\"\n  [attr.aria-orientation]=\"orientation() === 'horizontal' ? 'vertical' : 'horizontal'\"\n  [attr.aria-valuemin]=\"minPosition()\"\n  [attr.aria-valuemax]=\"maxPosition()\"\n  [attr.aria-valuenow]=\"position()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event)\"\n  (pointermove)=\"onPointerMove($event)\"\n  (pointerup)=\"onPointerUp($event)\"\n  (pointercancel)=\"onPointerUp($event)\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <span class=\"wr-splitter__handle\" aria-hidden=\"true\"></span>\n</div>\n\n<div class=\"wr-splitter__pane wr-splitter__pane--end\" [style.flex-basis]=\"endStyle()\">\n  <ng-content select=\"[wrSplitterEnd]\" />\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }, { type: i0.Output, args: ["positionChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], minPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "minPosition", required: false }] }], maxPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPosition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dividerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dividerLabel", required: false }] }] } });