ngwr 10.2.1 → 11.0.0

package/fesm2022/ngwr-decrypt-text.mjs

@@ -49,6 +49,18 @@ function computeOrder(len, dir) {
     }
     return order.slice(0, len);
 }
+/**
+ * How many characters the animation walks — CODE POINTS, not UTF-16 units.
+ *
+ * Every index in this component (`revealedIndices`, the sequential order, the
+ * per-character render) counts the same way `[...txt]` does. Using `txt.length`
+ * for the total counted an emoji twice, so a sequential reveal spent extra ticks
+ * on indices past the end of the text and the "everything revealed" test never
+ * lined up with what was on screen.
+ */
+function charCount(txt) {
+    return [...txt].length;
+}
 function fillAllIndices(len) {
     const s = new Set();
     for (let i = 0; i < len; i++)
@@ -240,10 +252,10 @@ class WrDecryptText {
     triggerReverse() {
         const txt = this.text();
         if (this.sequential()) {
-            this.reverseOrder = computeOrder(txt.length, this.revealDirection()).slice().reverse();
+            this.reverseOrder = computeOrder(charCount(txt), this.revealDirection()).slice().reverse();
             this.reversePointer = 0;
         }
-        const all = fillAllIndices(txt.length);
+        const all = fillAllIndices(charCount(txt));
         this.revealedIndices.set(all);
         this.displayText.set(this.shuffle(txt, all));
         this.direction.set('reverse');
@@ -280,8 +292,8 @@ class WrDecryptText {
         const max = this.maxIterations();
         const revealed = this.revealedIndices();
         if (seq && dir === 'forward') {
-            if (revealed.size < txt.length) {
-                const nextIdx = this.nextSequentialIndex(revealed, txt.length);
+            if (revealed.size < charCount(txt)) {
+                const nextIdx = this.nextSequentialIndex(revealed, charCount(txt));
                 const next = new Set(revealed);
                 next.add(nextIdx);
                 this.revealedIndices.set(next);
@@ -325,8 +337,8 @@ class WrDecryptText {
         if (!seq && dir === 'reverse') {
             let current = revealed;
             if (current.size === 0)
-                current = fillAllIndices(txt.length);
-            const removeCount = Math.max(1, Math.ceil(txt.length / Math.max(1, max)));
+                current = fillAllIndices(charCount(txt));
+            const removeCount = Math.max(1, Math.ceil(charCount(txt) / Math.max(1, max)));
             const next = removeRandomIndices(current, removeCount);
             this.revealedIndices.set(next);
             this.displayText.set(this.shuffle(txt, next));
@@ -360,9 +372,15 @@ class WrDecryptText {
         }
     }
     shuffle(txt, revealed) {
+        // Every index here counts CODE POINTS, because that is what `[...txt]`
+        // produces and what `revealed` was built against. `split('')` counts UTF-16
+        // units instead, so an emoji in the text (or in a custom alphabet) put half a
+        // surrogate pair in the pool; and reading the revealed character back as
+        // `txt[i]` mixed the two index spaces, so every character after the first
+        // astral one revealed as the WRONG one.
         const pool = this.useOriginalCharsOnly()
-            ? Array.from(new Set(txt.split(''))).filter(ch => ch !== ' ')
-            : this.characters().split('');
+            ? Array.from(new Set([...txt])).filter(ch => ch !== ' ')
+            : [...this.characters()];
         if (pool.length === 0)
             return txt;
         return [...txt]
@@ -370,7 +388,7 @@ class WrDecryptText {
             if (ch === ' ')
                 return ' ';
             if (revealed.has(i))
-                return txt[i];
+                return ch;
             return pool[Math.floor(Math.random() * pool.length)];
         })
             .join('');

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-decrypt-text.mjs","sources":["../../../projects/lib/decrypt-text/decrypt-text.ts","../../../projects/lib/decrypt-text/decrypt-text.html","../../../projects/lib/decrypt-text/ngwr-decrypt-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 DecryptedText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/decrypted-text\n *\n * The reactbits version uses `motion/react` for the wrapper. This port\n * is dependency-free — vanilla signals + `setInterval` for the tick loop.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\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  signal,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrDecryptTextAnimateOn, WrDecryptTextRevealDirection, WrDecryptTextClickMode } from './interfaces';\n\nconst DEFAULT_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+';\n\nfunction computeOrder(len: number, dir: WrDecryptTextRevealDirection): readonly number[] {\n  const order: number[] = [];\n  if (len <= 0) return order;\n  if (dir === 'start') {\n    for (let i = 0; i < len; i++) order.push(i);\n    return order;\n  }\n  if (dir === 'end') {\n    for (let i = len - 1; i >= 0; i--) order.push(i);\n    return order;\n  }\n  const middle = Math.floor(len / 2);\n  let off = 0;\n  while (order.length < len) {\n    if (off % 2 === 0) {\n      const idx = middle + off / 2;\n      if (idx >= 0 && idx < len) order.push(idx);\n    } else {\n      const idx = middle - Math.ceil(off / 2);\n      if (idx >= 0 && idx < len) order.push(idx);\n    }\n    off++;\n  }\n  return order.slice(0, len);\n}\n\nfunction fillAllIndices(len: number): Set<number> {\n  const s = new Set<number>();\n  for (let i = 0; i < len; i++) s.add(i);\n  return s;\n}\n\nfunction removeRandomIndices(set: ReadonlySet<number>, count: number): Set<number> {\n  const arr = Array.from(set);\n  for (let i = 0; i < count && arr.length > 0; i++) {\n    arr.splice(Math.floor(Math.random() * arr.length), 1);\n  }\n  return new Set(arr);\n}\n\n/**\n * Reveals a string by scrambling characters and progressively replacing\n * scramble glyphs with the originals. Supports sequential reveal in\n * three directions, or non-sequential \"settle\" after N iterations, and\n * four trigger modes (hover, click, view, in-view + hover).\n *\n * @example\n * ```html\n * <wr-decrypt-text text=\"Hello, ngwr!\" animateOn=\"hover\" />\n * <wr-decrypt-text\n *   text=\"Reveal from the center\"\n *   [sequential]=\"true\"\n *   revealDirection=\"center\"\n *   animateOn=\"view\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/decrypted-text\n */\n@Component({\n  selector: 'wr-decrypt-text',\n  templateUrl: './decrypt-text.html',\n  styleUrl: './decrypt-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-decrypt-text',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(click)': 'onClick()',\n  },\n})\nexport class WrDecryptText {\n  /** Text to reveal. Required. */\n  readonly text = input.required<string>();\n\n  /** Tick interval in ms. @default 50 */\n  readonly speed = input(50, { transform: numAttr(50) });\n\n  /** Non-sequential mode only — total scramble ticks before snapping to plain. @default 10 */\n  readonly maxIterations = input(10, { transform: numAttr(10) });\n\n  /** Reveal one char per tick instead of scrambling all of them. @default false */\n  readonly sequential = input(false, { transform: coerceBooleanProperty });\n\n  /** Order in which chars are revealed in sequential mode. @default 'start' */\n  readonly revealDirection = input<WrDecryptTextRevealDirection>('start');\n\n  /** Scramble using only the glyphs present in `text` (minus spaces). @default false */\n  readonly useOriginalCharsOnly = input(false, { transform: coerceBooleanProperty });\n\n  /** Pool of glyphs to scramble through (used when `useOriginalCharsOnly` is false). */\n  readonly characters = input(DEFAULT_CHARS);\n\n  /** When to start the animation. @default 'hover' */\n  readonly animateOn = input<WrDecryptTextAnimateOn>('hover');\n\n  /** Click behaviour. `'once'` decrypts then stops; `'toggle'` flips state on each click. @default 'once' */\n  readonly clickMode = input<WrDecryptTextClickMode>('once');\n\n  private readonly displayText = signal('');\n  private readonly revealedIndices = signal<ReadonlySet<number>>(new Set());\n  private readonly isAnimating = signal(false);\n  private readonly isDecrypted = signal(true);\n  private readonly direction = signal<'forward' | 'reverse'>('forward');\n\n  /** Per-char render data. */\n  protected readonly chars = computed(() => {\n    const display = this.displayText();\n    const revealed = this.revealedIndices();\n    const decrypted = this.isDecrypted();\n    const animating = this.isAnimating();\n    return [...display].map((ch, i) => ({\n      ch,\n      revealed: revealed.has(i) || (!animating && decrypted),\n    }));\n  });\n\n  /** Sequential reverse order — captured when reverse starts. */\n  private reverseOrder: readonly number[] = [];\n  private reversePointer = 0;\n  private iterationCount = 0;\n  private intervalId: ReturnType<typeof setInterval> | undefined;\n  private hasAnimatedOnce = false;\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  constructor() {\n    if (!this.isBrowser) {\n      // SSR: render plain text.\n      effect(() => this.displayText.set(this.text()));\n      return;\n    }\n\n    // Reset state whenever `text` or `animateOn` changes.\n    effect(() => {\n      const txt = this.text();\n      const mode = this.animateOn();\n      this.stopInterval();\n      if (mode === 'click') {\n        this.encryptInstantly(txt);\n      } else {\n        this.displayText.set(txt);\n        this.isDecrypted.set(true);\n      }\n      this.revealedIndices.set(new Set());\n      this.direction.set('forward');\n      this.hasAnimatedOnce = false;\n    });\n\n    afterNextRender(() => {\n      const mode = this.animateOn();\n      if (mode === 'view' || mode === 'inViewHover') this.setupIntersectionObserver();\n    });\n\n    this.destroyRef.onDestroy(() => this.stopInterval());\n  }\n\n  // Trigger handlers\n\n  protected onMouseEnter(): void {\n    const mode = this.animateOn();\n    if (mode !== 'hover' && mode !== 'inViewHover') return;\n    this.triggerHoverDecrypt();\n  }\n\n  protected onMouseLeave(): void {\n    const mode = this.animateOn();\n    if (mode !== 'hover' && mode !== 'inViewHover') return;\n    this.resetToPlain();\n  }\n\n  protected onClick(): void {\n    if (this.animateOn() !== 'click') return;\n    if (this.clickMode() === 'once') {\n      if (this.isDecrypted()) return;\n      this.direction.set('forward');\n      this.triggerDecrypt();\n      return;\n    }\n    if (this.isDecrypted()) this.triggerReverse();\n    else {\n      this.direction.set('forward');\n      this.triggerDecrypt();\n    }\n  }\n\n  // Internals\n\n  private setupIntersectionObserver(): void {\n    const io = new IntersectionObserver(\n      (entries, obs) => {\n        for (const e of entries) {\n          if (e.isIntersecting && !this.hasAnimatedOnce) {\n            obs.disconnect();\n            this.hasAnimatedOnce = true;\n            this.triggerDecrypt();\n            break;\n          }\n        }\n      },\n      { threshold: 0.1, rootMargin: '0px' }\n    );\n    io.observe(this.host.nativeElement);\n    this.destroyRef.onDestroy(() => io.disconnect());\n  }\n\n  private triggerHoverDecrypt(): void {\n    if (this.isAnimating()) return;\n    this.revealedIndices.set(new Set());\n    this.isDecrypted.set(false);\n    this.displayText.set(this.text());\n    this.direction.set('forward');\n    this.startInterval();\n  }\n\n  private resetToPlain(): void {\n    this.stopInterval();\n    this.revealedIndices.set(new Set());\n    this.displayText.set(this.text());\n    this.isDecrypted.set(true);\n    this.direction.set('forward');\n  }\n\n  private triggerDecrypt(): void {\n    if (this.sequential()) {\n      this.revealedIndices.set(new Set());\n    } else {\n      this.revealedIndices.set(new Set());\n    }\n    this.direction.set('forward');\n    this.startInterval();\n  }\n\n  private triggerReverse(): void {\n    const txt = this.text();\n    if (this.sequential()) {\n      this.reverseOrder = computeOrder(txt.length, this.revealDirection()).slice().reverse();\n      this.reversePointer = 0;\n    }\n    const all = fillAllIndices(txt.length);\n    this.revealedIndices.set(all);\n    this.displayText.set(this.shuffle(txt, all));\n    this.direction.set('reverse');\n    this.startInterval();\n  }\n\n  private encryptInstantly(txt: string): void {\n    this.revealedIndices.set(new Set());\n    this.displayText.set(this.shuffle(txt, new Set()));\n    this.isDecrypted.set(false);\n  }\n\n  private startInterval(): void {\n    // Reduced motion: every trigger funnels through here — skip the\n    // scramble loop and jump straight to the plain, decrypted text.\n    if (this.platform.prefersReducedMotion()) {\n      this.resetToPlain();\n      return;\n    }\n\n    this.stopInterval();\n    this.isAnimating.set(true);\n    this.iterationCount = 0;\n    this.intervalId = setInterval(() => this.tick(), this.speed());\n  }\n\n  private stopInterval(): void {\n    if (this.intervalId !== undefined) {\n      clearInterval(this.intervalId);\n      this.intervalId = undefined;\n    }\n    this.isAnimating.set(false);\n  }\n\n  private tick(): void {\n    const txt = this.text();\n    const seq = this.sequential();\n    const dir = this.direction();\n    const max = this.maxIterations();\n    const revealed = this.revealedIndices();\n\n    if (seq && dir === 'forward') {\n      if (revealed.size < txt.length) {\n        const nextIdx = this.nextSequentialIndex(revealed, txt.length);\n        const next = new Set(revealed);\n        next.add(nextIdx);\n        this.revealedIndices.set(next);\n        this.displayText.set(this.shuffle(txt, next));\n      } else {\n        this.stopInterval();\n        this.isDecrypted.set(true);\n        this.displayText.set(txt);\n      }\n      return;\n    }\n\n    if (seq && dir === 'reverse') {\n      if (this.reversePointer < this.reverseOrder.length) {\n        const idx = this.reverseOrder[this.reversePointer++];\n        const next = new Set(revealed);\n        next.delete(idx);\n        this.revealedIndices.set(next);\n        this.displayText.set(this.shuffle(txt, next));\n        if (next.size === 0) {\n          this.stopInterval();\n          this.isDecrypted.set(false);\n        }\n      } else {\n        this.stopInterval();\n        this.isDecrypted.set(false);\n      }\n      return;\n    }\n\n    if (!seq && dir === 'forward') {\n      this.displayText.set(this.shuffle(txt, revealed));\n      this.iterationCount++;\n      if (this.iterationCount >= max) {\n        this.stopInterval();\n        this.displayText.set(txt);\n        this.isDecrypted.set(true);\n      }\n      return;\n    }\n\n    if (!seq && dir === 'reverse') {\n      let current = revealed;\n      if (current.size === 0) current = fillAllIndices(txt.length);\n      const removeCount = Math.max(1, Math.ceil(txt.length / Math.max(1, max)));\n      const next = removeRandomIndices(current, removeCount);\n      this.revealedIndices.set(next);\n      this.displayText.set(this.shuffle(txt, next));\n      this.iterationCount++;\n      if (next.size === 0 || this.iterationCount >= max) {\n        this.stopInterval();\n        this.isDecrypted.set(false);\n        this.displayText.set(this.shuffle(txt, new Set()));\n        this.revealedIndices.set(new Set());\n      }\n    }\n  }\n\n  private nextSequentialIndex(revealed: ReadonlySet<number>, len: number): number {\n    switch (this.revealDirection()) {\n      case 'end':\n        return len - 1 - revealed.size;\n      case 'center': {\n        const middle = Math.floor(len / 2);\n        const offset = Math.floor(revealed.size / 2);\n        const candidate = revealed.size % 2 === 0 ? middle + offset : middle - offset - 1;\n        if (candidate >= 0 && candidate < len && !revealed.has(candidate)) return candidate;\n        for (let i = 0; i < len; i++) if (!revealed.has(i)) return i;\n        return 0;\n      }\n      case 'start':\n      default:\n        return revealed.size;\n    }\n  }\n\n  private shuffle(txt: string, revealed: ReadonlySet<number>): string {\n    const pool = this.useOriginalCharsOnly()\n      ? Array.from(new Set(txt.split(''))).filter(ch => ch !== ' ')\n      : this.characters().split('');\n    if (pool.length === 0) return txt;\n    return [...txt]\n      .map((ch, i) => {\n        if (ch === ' ') return ' ';\n        if (revealed.has(i)) return txt[i];\n        return pool[Math.floor(Math.random() * pool.length)];\n      })\n      .join('');\n  }\n}\n\nexport type { WrDecryptTextAnimateOn, WrDecryptTextRevealDirection, WrDecryptTextClickMode } from './interfaces';\n","<span class=\"wr-decrypt-text__sr-only\">{{ text() }}</span>\n<span aria-hidden=\"true\">\n  @for (c of chars(); track $index) {\n    <span [class]=\"c.revealed ? 'wr-decrypt-text__char' : 'wr-decrypt-text__char wr-decrypt-text__char--encrypted'\">{{\n      c.ch\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-decrypt-text.mjs","sources":["../../../projects/lib/decrypt-text/decrypt-text.ts","../../../projects/lib/decrypt-text/decrypt-text.html","../../../projects/lib/decrypt-text/ngwr-decrypt-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 DecryptedText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/decrypted-text\n *\n * The reactbits version uses `motion/react` for the wrapper. This port\n * is dependency-free — vanilla signals + `setInterval` for the tick loop.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\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  signal,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrDecryptTextAnimateOn, WrDecryptTextRevealDirection, WrDecryptTextClickMode } from './interfaces';\n\nconst DEFAULT_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+';\n\nfunction computeOrder(len: number, dir: WrDecryptTextRevealDirection): readonly number[] {\n  const order: number[] = [];\n  if (len <= 0) return order;\n  if (dir === 'start') {\n    for (let i = 0; i < len; i++) order.push(i);\n    return order;\n  }\n  if (dir === 'end') {\n    for (let i = len - 1; i >= 0; i--) order.push(i);\n    return order;\n  }\n  const middle = Math.floor(len / 2);\n  let off = 0;\n  while (order.length < len) {\n    if (off % 2 === 0) {\n      const idx = middle + off / 2;\n      if (idx >= 0 && idx < len) order.push(idx);\n    } else {\n      const idx = middle - Math.ceil(off / 2);\n      if (idx >= 0 && idx < len) order.push(idx);\n    }\n    off++;\n  }\n  return order.slice(0, len);\n}\n\n/**\n * How many characters the animation walks — CODE POINTS, not UTF-16 units.\n *\n * Every index in this component (`revealedIndices`, the sequential order, the\n * per-character render) counts the same way `[...txt]` does. Using `txt.length`\n * for the total counted an emoji twice, so a sequential reveal spent extra ticks\n * on indices past the end of the text and the \"everything revealed\" test never\n * lined up with what was on screen.\n */\nfunction charCount(txt: string): number {\n  return [...txt].length;\n}\n\nfunction fillAllIndices(len: number): Set<number> {\n  const s = new Set<number>();\n  for (let i = 0; i < len; i++) s.add(i);\n  return s;\n}\n\nfunction removeRandomIndices(set: ReadonlySet<number>, count: number): Set<number> {\n  const arr = Array.from(set);\n  for (let i = 0; i < count && arr.length > 0; i++) {\n    arr.splice(Math.floor(Math.random() * arr.length), 1);\n  }\n  return new Set(arr);\n}\n\n/**\n * Reveals a string by scrambling characters and progressively replacing\n * scramble glyphs with the originals. Supports sequential reveal in\n * three directions, or non-sequential \"settle\" after N iterations, and\n * four trigger modes (hover, click, view, in-view + hover).\n *\n * @example\n * ```html\n * <wr-decrypt-text text=\"Hello, ngwr!\" animateOn=\"hover\" />\n * <wr-decrypt-text\n *   text=\"Reveal from the center\"\n *   [sequential]=\"true\"\n *   revealDirection=\"center\"\n *   animateOn=\"view\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/decrypted-text\n */\n@Component({\n  selector: 'wr-decrypt-text',\n  templateUrl: './decrypt-text.html',\n  styleUrl: './decrypt-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-decrypt-text',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(click)': 'onClick()',\n  },\n})\nexport class WrDecryptText {\n  /** Text to reveal. Required. */\n  readonly text = input.required<string>();\n\n  /** Tick interval in ms. @default 50 */\n  readonly speed = input(50, { transform: numAttr(50) });\n\n  /** Non-sequential mode only — total scramble ticks before snapping to plain. @default 10 */\n  readonly maxIterations = input(10, { transform: numAttr(10) });\n\n  /** Reveal one char per tick instead of scrambling all of them. @default false */\n  readonly sequential = input(false, { transform: coerceBooleanProperty });\n\n  /** Order in which chars are revealed in sequential mode. @default 'start' */\n  readonly revealDirection = input<WrDecryptTextRevealDirection>('start');\n\n  /** Scramble using only the glyphs present in `text` (minus spaces). @default false */\n  readonly useOriginalCharsOnly = input(false, { transform: coerceBooleanProperty });\n\n  /** Pool of glyphs to scramble through (used when `useOriginalCharsOnly` is false). */\n  readonly characters = input(DEFAULT_CHARS);\n\n  /** When to start the animation. @default 'hover' */\n  readonly animateOn = input<WrDecryptTextAnimateOn>('hover');\n\n  /** Click behaviour. `'once'` decrypts then stops; `'toggle'` flips state on each click. @default 'once' */\n  readonly clickMode = input<WrDecryptTextClickMode>('once');\n\n  private readonly displayText = signal('');\n  private readonly revealedIndices = signal<ReadonlySet<number>>(new Set());\n  private readonly isAnimating = signal(false);\n  private readonly isDecrypted = signal(true);\n  private readonly direction = signal<'forward' | 'reverse'>('forward');\n\n  /** Per-char render data. */\n  protected readonly chars = computed(() => {\n    const display = this.displayText();\n    const revealed = this.revealedIndices();\n    const decrypted = this.isDecrypted();\n    const animating = this.isAnimating();\n    return [...display].map((ch, i) => ({\n      ch,\n      revealed: revealed.has(i) || (!animating && decrypted),\n    }));\n  });\n\n  /** Sequential reverse order — captured when reverse starts. */\n  private reverseOrder: readonly number[] = [];\n  private reversePointer = 0;\n  private iterationCount = 0;\n  private intervalId: ReturnType<typeof setInterval> | undefined;\n  private hasAnimatedOnce = false;\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  constructor() {\n    if (!this.isBrowser) {\n      // SSR: render plain text.\n      effect(() => this.displayText.set(this.text()));\n      return;\n    }\n\n    // Reset state whenever `text` or `animateOn` changes.\n    effect(() => {\n      const txt = this.text();\n      const mode = this.animateOn();\n      this.stopInterval();\n      if (mode === 'click') {\n        this.encryptInstantly(txt);\n      } else {\n        this.displayText.set(txt);\n        this.isDecrypted.set(true);\n      }\n      this.revealedIndices.set(new Set());\n      this.direction.set('forward');\n      this.hasAnimatedOnce = false;\n    });\n\n    afterNextRender(() => {\n      const mode = this.animateOn();\n      if (mode === 'view' || mode === 'inViewHover') this.setupIntersectionObserver();\n    });\n\n    this.destroyRef.onDestroy(() => this.stopInterval());\n  }\n\n  // Trigger handlers\n\n  protected onMouseEnter(): void {\n    const mode = this.animateOn();\n    if (mode !== 'hover' && mode !== 'inViewHover') return;\n    this.triggerHoverDecrypt();\n  }\n\n  protected onMouseLeave(): void {\n    const mode = this.animateOn();\n    if (mode !== 'hover' && mode !== 'inViewHover') return;\n    this.resetToPlain();\n  }\n\n  protected onClick(): void {\n    if (this.animateOn() !== 'click') return;\n    if (this.clickMode() === 'once') {\n      if (this.isDecrypted()) return;\n      this.direction.set('forward');\n      this.triggerDecrypt();\n      return;\n    }\n    if (this.isDecrypted()) this.triggerReverse();\n    else {\n      this.direction.set('forward');\n      this.triggerDecrypt();\n    }\n  }\n\n  // Internals\n\n  private setupIntersectionObserver(): void {\n    const io = new IntersectionObserver(\n      (entries, obs) => {\n        for (const e of entries) {\n          if (e.isIntersecting && !this.hasAnimatedOnce) {\n            obs.disconnect();\n            this.hasAnimatedOnce = true;\n            this.triggerDecrypt();\n            break;\n          }\n        }\n      },\n      { threshold: 0.1, rootMargin: '0px' }\n    );\n    io.observe(this.host.nativeElement);\n    this.destroyRef.onDestroy(() => io.disconnect());\n  }\n\n  private triggerHoverDecrypt(): void {\n    if (this.isAnimating()) return;\n    this.revealedIndices.set(new Set());\n    this.isDecrypted.set(false);\n    this.displayText.set(this.text());\n    this.direction.set('forward');\n    this.startInterval();\n  }\n\n  private resetToPlain(): void {\n    this.stopInterval();\n    this.revealedIndices.set(new Set());\n    this.displayText.set(this.text());\n    this.isDecrypted.set(true);\n    this.direction.set('forward');\n  }\n\n  private triggerDecrypt(): void {\n    if (this.sequential()) {\n      this.revealedIndices.set(new Set());\n    } else {\n      this.revealedIndices.set(new Set());\n    }\n    this.direction.set('forward');\n    this.startInterval();\n  }\n\n  private triggerReverse(): void {\n    const txt = this.text();\n    if (this.sequential()) {\n      this.reverseOrder = computeOrder(charCount(txt), this.revealDirection()).slice().reverse();\n      this.reversePointer = 0;\n    }\n    const all = fillAllIndices(charCount(txt));\n    this.revealedIndices.set(all);\n    this.displayText.set(this.shuffle(txt, all));\n    this.direction.set('reverse');\n    this.startInterval();\n  }\n\n  private encryptInstantly(txt: string): void {\n    this.revealedIndices.set(new Set());\n    this.displayText.set(this.shuffle(txt, new Set()));\n    this.isDecrypted.set(false);\n  }\n\n  private startInterval(): void {\n    // Reduced motion: every trigger funnels through here — skip the\n    // scramble loop and jump straight to the plain, decrypted text.\n    if (this.platform.prefersReducedMotion()) {\n      this.resetToPlain();\n      return;\n    }\n\n    this.stopInterval();\n    this.isAnimating.set(true);\n    this.iterationCount = 0;\n    this.intervalId = setInterval(() => this.tick(), this.speed());\n  }\n\n  private stopInterval(): void {\n    if (this.intervalId !== undefined) {\n      clearInterval(this.intervalId);\n      this.intervalId = undefined;\n    }\n    this.isAnimating.set(false);\n  }\n\n  private tick(): void {\n    const txt = this.text();\n    const seq = this.sequential();\n    const dir = this.direction();\n    const max = this.maxIterations();\n    const revealed = this.revealedIndices();\n\n    if (seq && dir === 'forward') {\n      if (revealed.size < charCount(txt)) {\n        const nextIdx = this.nextSequentialIndex(revealed, charCount(txt));\n        const next = new Set(revealed);\n        next.add(nextIdx);\n        this.revealedIndices.set(next);\n        this.displayText.set(this.shuffle(txt, next));\n      } else {\n        this.stopInterval();\n        this.isDecrypted.set(true);\n        this.displayText.set(txt);\n      }\n      return;\n    }\n\n    if (seq && dir === 'reverse') {\n      if (this.reversePointer < this.reverseOrder.length) {\n        const idx = this.reverseOrder[this.reversePointer++];\n        const next = new Set(revealed);\n        next.delete(idx);\n        this.revealedIndices.set(next);\n        this.displayText.set(this.shuffle(txt, next));\n        if (next.size === 0) {\n          this.stopInterval();\n          this.isDecrypted.set(false);\n        }\n      } else {\n        this.stopInterval();\n        this.isDecrypted.set(false);\n      }\n      return;\n    }\n\n    if (!seq && dir === 'forward') {\n      this.displayText.set(this.shuffle(txt, revealed));\n      this.iterationCount++;\n      if (this.iterationCount >= max) {\n        this.stopInterval();\n        this.displayText.set(txt);\n        this.isDecrypted.set(true);\n      }\n      return;\n    }\n\n    if (!seq && dir === 'reverse') {\n      let current = revealed;\n      if (current.size === 0) current = fillAllIndices(charCount(txt));\n      const removeCount = Math.max(1, Math.ceil(charCount(txt) / Math.max(1, max)));\n      const next = removeRandomIndices(current, removeCount);\n      this.revealedIndices.set(next);\n      this.displayText.set(this.shuffle(txt, next));\n      this.iterationCount++;\n      if (next.size === 0 || this.iterationCount >= max) {\n        this.stopInterval();\n        this.isDecrypted.set(false);\n        this.displayText.set(this.shuffle(txt, new Set()));\n        this.revealedIndices.set(new Set());\n      }\n    }\n  }\n\n  private nextSequentialIndex(revealed: ReadonlySet<number>, len: number): number {\n    switch (this.revealDirection()) {\n      case 'end':\n        return len - 1 - revealed.size;\n      case 'center': {\n        const middle = Math.floor(len / 2);\n        const offset = Math.floor(revealed.size / 2);\n        const candidate = revealed.size % 2 === 0 ? middle + offset : middle - offset - 1;\n        if (candidate >= 0 && candidate < len && !revealed.has(candidate)) return candidate;\n        for (let i = 0; i < len; i++) if (!revealed.has(i)) return i;\n        return 0;\n      }\n      case 'start':\n      default:\n        return revealed.size;\n    }\n  }\n\n  private shuffle(txt: string, revealed: ReadonlySet<number>): string {\n    // Every index here counts CODE POINTS, because that is what `[...txt]`\n    // produces and what `revealed` was built against. `split('')` counts UTF-16\n    // units instead, so an emoji in the text (or in a custom alphabet) put half a\n    // surrogate pair in the pool; and reading the revealed character back as\n    // `txt[i]` mixed the two index spaces, so every character after the first\n    // astral one revealed as the WRONG one.\n    const pool = this.useOriginalCharsOnly()\n      ? Array.from(new Set([...txt])).filter(ch => ch !== ' ')\n      : [...this.characters()];\n    if (pool.length === 0) return txt;\n    return [...txt]\n      .map((ch, i) => {\n        if (ch === ' ') return ' ';\n        if (revealed.has(i)) return ch;\n        return pool[Math.floor(Math.random() * pool.length)];\n      })\n      .join('');\n  }\n}\n\nexport type { WrDecryptTextAnimateOn, WrDecryptTextRevealDirection, WrDecryptTextClickMode } from './interfaces';\n","<span class=\"wr-decrypt-text__sr-only\">{{ text() }}</span>\n<span aria-hidden=\"true\">\n  @for (c of chars(); track $index) {\n    <span [class]=\"c.revealed ? 'wr-decrypt-text__char' : 'wr-decrypt-text__char wr-decrypt-text__char--encrypted'\">{{\n      c.ch\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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"}

package/fesm2022/ngwr-dialog-testing.mjs

@@ -0,0 +1,89 @@
+import { ContentContainerComponentHarness, HarnessPredicate, TestKey } 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
+ */
+/**
+ * Test harness for a dialog opened with `WrDialog.open()`.
+ *
+ * A dialog is never inside the fixture — `WrDialog` attaches it to the overlay
+ * container — so load this from `TestbedHarnessEnvironment.documentRootLoader()`
+ * rather than from `loader()`. The harness is a CONTENT CONTAINER, which is what
+ * makes the interesting assertions possible: the buttons and fields it holds are
+ * the consumer's own components, so `dialog.getHarness(WrButtonHarness…)` reads
+ * them without the spec ever touching the overlay.
+ *
+ * @example
+ * ```ts
+ * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);
+ * const dialog = await rootLoader.getHarness(WrDialogHarness);
+ *
+ * expect(await dialog.getTitleText()).toBe('Delete this item?');
+ * await (await dialog.getHarness(WrButtonHarness.with({ text: 'Delete' }))).click();
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrDialogHarness extends ContentContainerComponentHarness {
+    /** The overlay panel `WrDialog` creates. */
+    static hostSelector = '.wr-dialog-panel';
+    /** Build a predicate that narrows the query — useful when two dialogs are stacked. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrDialogHarness, options).addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitleText(), title));
+    }
+    /** The `[wrDialogTitle]` text, or `null` when the dialog has no title. */
+    async getTitleText() {
+        const title = await this.locatorForOptional('.wr-dialog__title')();
+        return title ? title.text() : null;
+    }
+    /** The `[wrDialogContent]` text, or `null` when the dialog projects no content region. */
+    async getContentText() {
+        const content = await this.locatorForOptional('.wr-dialog__content')();
+        return content ? content.text() : null;
+    }
+    /**
+     * The role and modality the dialog announces.
+     *
+     * Worth asserting rather than assuming: `WrDialog` sets these on the OVERLAY
+     * element, not on the component it renders, so a consumer looking for them on
+     * their own host would not find them.
+     */
+    async getRole() {
+        return (await this.host()).getAttribute('role');
+    }
+    /** Whether the dialog is marked `aria-modal`. */
+    async isModal() {
+        return (await (await this.host()).getAttribute('aria-modal')) === 'true';
+    }
+    /** Whether the built-in dismiss button is present (`closable`, the default). */
+    async isClosable() {
+        return (await this.locatorForOptional('.wr-dialog__close')()) !== null;
+    }
+    /** The dismiss button's accessible name — the string a screen reader reads out. */
+    async getCloseLabel() {
+        const close = await this.locatorForOptional('.wr-dialog__close')();
+        return close ? close.getAttribute('aria-label') : null;
+    }
+    /** Click the built-in dismiss button. Throws when the dialog was opened `closable: false`. */
+    async close() {
+        await (await this.locatorFor('.wr-dialog__close')()).click();
+    }
+    /** Press Escape. A dialog opened `closeOnEscape: false` ignores it — assert, do not assume. */
+    async sendEscape() {
+        await (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+    /** Whether focus is currently somewhere inside the dialog, where the trap should keep it. */
+    async isFocusTrapped() {
+        return (await this.host()).matchesSelector(':focus-within');
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrDialogHarness };
+//# sourceMappingURL=ngwr-dialog-testing.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-dialog-testing.mjs","sources":["../../../projects/lib/dialog/testing/wr-dialog-harness.ts","../../../projects/lib/dialog/testing/ngwr-dialog-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 { ContentContainerComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrDialogHarnessFilters } from './interfaces';\n\n/**\n * Test harness for a dialog opened with `WrDialog.open()`.\n *\n * A dialog is never inside the fixture — `WrDialog` attaches it to the overlay\n * container — so load this from `TestbedHarnessEnvironment.documentRootLoader()`\n * rather than from `loader()`. The harness is a CONTENT CONTAINER, which is what\n * makes the interesting assertions possible: the buttons and fields it holds are\n * the consumer's own components, so `dialog.getHarness(WrButtonHarness…)` reads\n * them without the spec ever touching the overlay.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const dialog = await rootLoader.getHarness(WrDialogHarness);\n *\n * expect(await dialog.getTitleText()).toBe('Delete this item?');\n * await (await dialog.getHarness(WrButtonHarness.with({ text: 'Delete' }))).click();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrDialogHarness extends ContentContainerComponentHarness {\n  /** The overlay panel `WrDialog` creates. */\n  static hostSelector = '.wr-dialog-panel';\n\n  /** Build a predicate that narrows the query — useful when two dialogs are stacked. */\n  static with(options: WrDialogHarnessFilters = {}): HarnessPredicate<WrDialogHarness> {\n    return new HarnessPredicate(WrDialogHarness, options).addOption('title', options.title, (harness, title) =>\n      HarnessPredicate.stringMatches(harness.getTitleText(), title)\n    );\n  }\n\n  /** The `[wrDialogTitle]` text, or `null` when the dialog has no title. */\n  async getTitleText(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-dialog__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The `[wrDialogContent]` text, or `null` when the dialog projects no content region. */\n  async getContentText(): Promise<string | null> {\n    const content = await this.locatorForOptional('.wr-dialog__content')();\n    return content ? content.text() : null;\n  }\n\n  /**\n   * The role and modality the dialog announces.\n   *\n   * Worth asserting rather than assuming: `WrDialog` sets these on the OVERLAY\n   * element, not on the component it renders, so a consumer looking for them on\n   * their own host would not find them.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** Whether the dialog is marked `aria-modal`. */\n  async isModal(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /** Whether the built-in dismiss button is present (`closable`, the default). */\n  async isClosable(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-dialog__close')()) !== null;\n  }\n\n  /** The dismiss button's accessible name — the string a screen reader reads out. */\n  async getCloseLabel(): Promise<string | null> {\n    const close = await this.locatorForOptional('.wr-dialog__close')();\n    return close ? close.getAttribute('aria-label') : null;\n  }\n\n  /** Click the built-in dismiss button. Throws when the dialog was opened `closable: false`. */\n  async close(): Promise<void> {\n    await (await this.locatorFor('.wr-dialog__close')()).click();\n  }\n\n  /** Press Escape. A dialog opened `closeOnEscape: false` ignores it — assert, do not assume. */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Whether focus is currently somewhere inside the dialog, where the trap should keep it. */\n  async isFocusTrapped(): Promise<boolean> {\n    return (await this.host()).matchesSelector(':focus-within');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,MAAO,eAAgB,SAAQ,gCAAgC,CAAA;;AAEnE,IAAA,OAAO,YAAY,GAAG,kBAAkB;;AAGxC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAkC,EAAE,EAAA;AAC9C,QAAA,OAAO,IAAI,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,KACrG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,KAAK,CAAC,CAC9D;IACH;;AAGA,IAAA,MAAM,YAAY,GAAA;QAChB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE;AAClE,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,IAAI;IACpC;;AAGA,IAAA,MAAM,cAAc,GAAA;QAClB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,EAAE;AACtE,QAAA,OAAO,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI;IACxC;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;IACjD;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,MAAM,MAAM;IAC1E;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI;IACxE;;AAGA,IAAA,MAAM,aAAa,GAAA;QACjB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE;AAClE,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI;IACxD;;AAGA,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,EAAE,KAAK,EAAE;IAC9D;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IACpD;;AAGA,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,eAAe,CAAC,eAAe,CAAC;IAC7D;;;AC/FF;;AAEG;;;;"}

package/fesm2022/ngwr-directives.mjs

@@ -195,26 +195,46 @@ class WrCopyToClipboard {
     /** @internal */
     async onClick() {
         const text = this.wrCopyToClipboard();
+        const async = this.doc.defaultView?.navigator?.clipboard;
         try {
-            if (this.doc.defaultView?.navigator?.clipboard) {
-                await this.doc.defaultView.navigator.clipboard.writeText(text);
+            if (async) {
+                try {
+                    await async.writeText(text);
+                }
+                catch {
+                    // The legacy path is a RECOVERY from the async one, so it only runs
+                    // when there was an async attempt to recover from. Reached from the
+                    // fallback's own failure it just repeated the same refused write —
+                    // two selections and two focus jumps for one press.
+                    this.fallback(text);
+                }
             }
             else {
                 this.fallback(text);
             }
-            this.copied.emit(text);
         }
         catch (error) {
-            try {
-                this.fallback(text);
-                this.copied.emit(text);
-            }
-            catch (fallbackError) {
-                this.copyFailed.emit(fallbackError ?? error);
-            }
+            this.copyFailed.emit(error);
+            return;
         }
+        // Outside the try because the try's job is the WRITE. The shape this
+        // replaced emitted inside it and recovered by calling `fallback` again, so
+        // one refused write became two selections, two focus jumps and two `copied`
+        // emissions. (A consumer's own `(copied)` handler cannot reach this frame
+        // either way: `OutputEmitterRef.emit` catches what a listener throws and
+        // hands it to the `ErrorHandler`.)
+        this.copied.emit(text);
     }
-    /** Legacy clipboard write — hidden textarea + execCommand('copy'). */
+    /**
+     * Legacy clipboard write — hidden textarea + `execCommand('copy')`.
+     *
+     * Two things this has to get right beyond writing the text. `execCommand`
+     * REPORTS refusal rather than throwing it: a document without focus hands back
+     * `false` and copies nothing, so ignoring the return value shows a "Copied!"
+     * toast over an unchanged clipboard. And selecting the textarea moves focus
+     * into it, so removing the node afterwards drops focus on `<body>` — the user's
+     * next Tab restarts from the top of the page, on every copy.
+     */
     fallback(text) {
         const node = this.doc.createElement('textarea');
         node.value = text;
@@ -224,13 +244,17 @@ class WrCopyToClipboard {
         node.style.left = '0';
         node.style.opacity = '0';
         node.style.pointerEvents = 'none';
+        const previous = this.doc.activeElement;
         this.doc.body.appendChild(node);
         node.select();
         try {
-            this.doc.execCommand('copy');
+            if (!this.doc.execCommand('copy'))
+                throw new Error('The copy command was refused.');
         }
         finally {
             this.doc.body.removeChild(node);
+            if (previous instanceof HTMLElement)
+                previous.focus();
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCopyToClipboard, deps: [], target: i0.ɵɵFactoryTarget.Directive });

package/fesm2022/ngwr-directives.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-directives.mjs","sources":["../../../projects/lib/directives/autofocus.ts","../../../projects/lib/directives/autosize.ts","../../../projects/lib/directives/click-outside.ts","../../../projects/lib/directives/copy-to-clipboard.ts","../../../projects/lib/directives/ngwr-directives.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, ElementRef, afterNextRender, effect, inject, input } from '@angular/core';\n\n/**\n * Focus the host element after the first render — or whenever the bound\n * expression transitions to truthy.\n *\n * @example\n * ```html\n * <input wrAutofocus />\n * <input [wrAutofocus]=\"shouldFocus()\" />\n * ```\n */\n@Directive({ selector: '[wrAutofocus]' })\nexport class WrAutofocus {\n  /** Truthy = focus. Defaults to `true` so bare `wrAutofocus` works. */\n  readonly wrAutofocus = input(true, { transform: coerceBooleanProperty });\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.wrAutofocus()) this.el.nativeElement.focus();\n    });\n    effect(() => {\n      if (this.wrAutofocus()) {\n        // Microtask defer so view updates that flip the expression land first.\n        queueMicrotask(() => this.el.nativeElement.focus());\n      }\n    });\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, PLATFORM_ID, afterEveryRender, effect, inject, input } from '@angular/core';\n\n/**\n * Auto-grow a `<textarea>` to fit its content. Optional `minRows` /\n * `maxRows` bounds the height in rendered rows.\n *\n * @example\n * ```html\n * <textarea wrAutosize minRows=\"2\" maxRows=\"8\" [(ngModel)]=\"text\"></textarea>\n * ```\n */\n@Directive({\n  selector: 'textarea[wrAutosize]',\n  host: { style: 'overflow: hidden; resize: none;', '(input)': 'onInput()' },\n})\nexport class WrAutosize {\n  readonly minRows = input(1, { transform: (v: unknown): number => Math.max(1, coerceNumberProperty(v, 1)) });\n  readonly maxRows = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  private readonly el = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private lastValue: string | null = null;\n\n  constructor() {\n    // Typing fires `input`, but `[(ngModel)]` / `setValue` write the value\n    // without one — a cheap per-render value check catches both, including\n    // the initial write that lands after the first render.\n    afterEveryRender(() => {\n      const value = this.el.nativeElement.value;\n      if (value !== this.lastValue) {\n        this.lastValue = value;\n        this.resize();\n      }\n    });\n    // Resize when `minRows` / `maxRows` change. Read the inputs before the\n    // platform check so the effect still tracks them; the measurement itself\n    // needs a real layout, which the server has none of (`afterEveryRender`\n    // above is browser-only already, so it needs no guard).\n    effect(() => {\n      this.minRows();\n      this.maxRows();\n      if (!this.isBrowser) return;\n      this.resize();\n    });\n  }\n\n  /** @internal */\n  protected onInput(): void {\n    this.lastValue = this.el.nativeElement.value;\n    this.resize();\n  }\n\n  /** Recompute height from `scrollHeight`, clamped to min/max rows. */\n  private resize(): void {\n    const node = this.el.nativeElement;\n    const styles = getComputedStyle(node);\n    // `line-height: normal` computes to the literal string — derive the\n    // row height from the font size instead of guessing a fixed 20px.\n    const lineHeight = parseFloat(styles.lineHeight) || parseFloat(styles.fontSize) * 1.25 || 20;\n    const paddingY = parseFloat(styles.paddingTop) + parseFloat(styles.paddingBottom);\n    const border = (parseFloat(styles.borderTopWidth) || 0) + (parseFloat(styles.borderBottomWidth) || 0);\n\n    // Reset to a single row first so `scrollHeight` shrinks as well as grows.\n    node.style.height = 'auto';\n    const min = this.minRows() * lineHeight + paddingY + border;\n    const max = this.maxRows() > 0 ? this.maxRows() * lineHeight + paddingY + border : Infinity;\n    const next = Math.min(Math.max(node.scrollHeight + border, min), max);\n    node.style.height = `${next}px`;\n    node.style.overflowY = node.scrollHeight + border > max ? 'auto' : 'hidden';\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, NgZone, inject, output } from '@angular/core';\n\n/**\n * Fires `(wrClickOutside)` when a pointer event lands outside the host\n * element. Useful for closing custom poppers / menus.\n *\n * @example\n * ```html\n * <div class=\"popup\" (wrClickOutside)=\"close()\"> … </div>\n * ```\n */\n@Directive({ selector: '[wrClickOutside]' })\nexport class WrClickOutside {\n  readonly wrClickOutside = output<MouseEvent>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly doc = inject(DOCUMENT);\n  private readonly zone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    // Listen outside Angular to avoid CD on every page click; re-enter\n    // only when the event lands outside the host.\n    this.zone.runOutsideAngular(() => {\n      const handler = (event: MouseEvent): void => {\n        const target = event.target as Node | null;\n        if (target && !this.host.nativeElement.contains(target)) {\n          this.zone.run(() => this.wrClickOutside.emit(event));\n        }\n      };\n      this.doc.addEventListener('mousedown', handler, true);\n      this.destroyRef.onDestroy(() => {\n        this.doc.removeEventListener('mousedown', handler, true);\n      });\n    });\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { Directive, inject, input, output } from '@angular/core';\n\n/**\n * Copy `wrCopyToClipboard` to the system clipboard on host click.\n *\n * Uses `navigator.clipboard.writeText` when available, with a hidden\n * `<textarea>` + `document.execCommand('copy')` fallback for older browsers\n * and non-secure contexts.\n *\n * @example\n * ```html\n * <button [wrCopyToClipboard]=\"value\" (copied)=\"toast('Copied!')\">Copy</button>\n * ```\n */\n@Directive({ selector: '[wrCopyToClipboard]', host: { '(click)': 'onClick()' } })\nexport class WrCopyToClipboard {\n  /** The text to copy. */\n  readonly wrCopyToClipboard = input.required<string>();\n\n  /** Emitted with the copied text once the write succeeds. */\n  readonly copied = output<string>();\n\n  /** Emitted if the copy fails (denied permission, no clipboard, …). */\n  readonly copyFailed = output<unknown>();\n\n  private readonly doc = inject(DOCUMENT);\n\n  /** @internal */\n  protected async onClick(): Promise<void> {\n    const text = this.wrCopyToClipboard();\n    try {\n      if (this.doc.defaultView?.navigator?.clipboard) {\n        await this.doc.defaultView.navigator.clipboard.writeText(text);\n      } else {\n        this.fallback(text);\n      }\n      this.copied.emit(text);\n    } catch (error) {\n      try {\n        this.fallback(text);\n        this.copied.emit(text);\n      } catch (fallbackError) {\n        this.copyFailed.emit(fallbackError ?? error);\n      }\n    }\n  }\n\n  /** Legacy clipboard write — hidden textarea + execCommand('copy'). */\n  private fallback(text: string): void {\n    const node = this.doc.createElement('textarea');\n    node.value = text;\n    node.setAttribute('readonly', '');\n    node.style.position = 'fixed';\n    node.style.top = '0';\n    node.style.left = '0';\n    node.style.opacity = '0';\n    node.style.pointerEvents = 'none';\n    this.doc.body.appendChild(node);\n    node.select();\n    try {\n      this.doc.execCommand('copy');\n    } finally {\n      this.doc.body.removeChild(node);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-directives.mjs","sources":["../../../projects/lib/directives/autofocus.ts","../../../projects/lib/directives/autosize.ts","../../../projects/lib/directives/click-outside.ts","../../../projects/lib/directives/copy-to-clipboard.ts","../../../projects/lib/directives/ngwr-directives.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, ElementRef, afterNextRender, effect, inject, input } from '@angular/core';\n\n/**\n * Focus the host element after the first render — or whenever the bound\n * expression transitions to truthy.\n *\n * @example\n * ```html\n * <input wrAutofocus />\n * <input [wrAutofocus]=\"shouldFocus()\" />\n * ```\n */\n@Directive({ selector: '[wrAutofocus]' })\nexport class WrAutofocus {\n  /** Truthy = focus. Defaults to `true` so bare `wrAutofocus` works. */\n  readonly wrAutofocus = input(true, { transform: coerceBooleanProperty });\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.wrAutofocus()) this.el.nativeElement.focus();\n    });\n    effect(() => {\n      if (this.wrAutofocus()) {\n        // Microtask defer so view updates that flip the expression land first.\n        queueMicrotask(() => this.el.nativeElement.focus());\n      }\n    });\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, PLATFORM_ID, afterEveryRender, effect, inject, input } from '@angular/core';\n\n/**\n * Auto-grow a `<textarea>` to fit its content. Optional `minRows` /\n * `maxRows` bounds the height in rendered rows.\n *\n * @example\n * ```html\n * <textarea wrAutosize minRows=\"2\" maxRows=\"8\" [(ngModel)]=\"text\"></textarea>\n * ```\n */\n@Directive({\n  selector: 'textarea[wrAutosize]',\n  host: { style: 'overflow: hidden; resize: none;', '(input)': 'onInput()' },\n})\nexport class WrAutosize {\n  readonly minRows = input(1, { transform: (v: unknown): number => Math.max(1, coerceNumberProperty(v, 1)) });\n  readonly maxRows = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  private readonly el = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private lastValue: string | null = null;\n\n  constructor() {\n    // Typing fires `input`, but `[(ngModel)]` / `setValue` write the value\n    // without one — a cheap per-render value check catches both, including\n    // the initial write that lands after the first render.\n    afterEveryRender(() => {\n      const value = this.el.nativeElement.value;\n      if (value !== this.lastValue) {\n        this.lastValue = value;\n        this.resize();\n      }\n    });\n    // Resize when `minRows` / `maxRows` change. Read the inputs before the\n    // platform check so the effect still tracks them; the measurement itself\n    // needs a real layout, which the server has none of (`afterEveryRender`\n    // above is browser-only already, so it needs no guard).\n    effect(() => {\n      this.minRows();\n      this.maxRows();\n      if (!this.isBrowser) return;\n      this.resize();\n    });\n  }\n\n  /** @internal */\n  protected onInput(): void {\n    this.lastValue = this.el.nativeElement.value;\n    this.resize();\n  }\n\n  /** Recompute height from `scrollHeight`, clamped to min/max rows. */\n  private resize(): void {\n    const node = this.el.nativeElement;\n    const styles = getComputedStyle(node);\n    // `line-height: normal` computes to the literal string — derive the\n    // row height from the font size instead of guessing a fixed 20px.\n    const lineHeight = parseFloat(styles.lineHeight) || parseFloat(styles.fontSize) * 1.25 || 20;\n    const paddingY = parseFloat(styles.paddingTop) + parseFloat(styles.paddingBottom);\n    const border = (parseFloat(styles.borderTopWidth) || 0) + (parseFloat(styles.borderBottomWidth) || 0);\n\n    // Reset to a single row first so `scrollHeight` shrinks as well as grows.\n    node.style.height = 'auto';\n    const min = this.minRows() * lineHeight + paddingY + border;\n    const max = this.maxRows() > 0 ? this.maxRows() * lineHeight + paddingY + border : Infinity;\n    const next = Math.min(Math.max(node.scrollHeight + border, min), max);\n    node.style.height = `${next}px`;\n    node.style.overflowY = node.scrollHeight + border > max ? 'auto' : 'hidden';\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, NgZone, inject, output } from '@angular/core';\n\n/**\n * Fires `(wrClickOutside)` when a pointer event lands outside the host\n * element. Useful for closing custom poppers / menus.\n *\n * @example\n * ```html\n * <div class=\"popup\" (wrClickOutside)=\"close()\"> … </div>\n * ```\n */\n@Directive({ selector: '[wrClickOutside]' })\nexport class WrClickOutside {\n  readonly wrClickOutside = output<MouseEvent>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly doc = inject(DOCUMENT);\n  private readonly zone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    // Listen outside Angular to avoid CD on every page click; re-enter\n    // only when the event lands outside the host.\n    this.zone.runOutsideAngular(() => {\n      const handler = (event: MouseEvent): void => {\n        const target = event.target as Node | null;\n        if (target && !this.host.nativeElement.contains(target)) {\n          this.zone.run(() => this.wrClickOutside.emit(event));\n        }\n      };\n      this.doc.addEventListener('mousedown', handler, true);\n      this.destroyRef.onDestroy(() => {\n        this.doc.removeEventListener('mousedown', handler, true);\n      });\n    });\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { Directive, inject, input, output } from '@angular/core';\n\n/**\n * Copy `wrCopyToClipboard` to the system clipboard on host click.\n *\n * Uses `navigator.clipboard.writeText` when available, with a hidden\n * `<textarea>` + `document.execCommand('copy')` fallback for older browsers\n * and non-secure contexts.\n *\n * @example\n * ```html\n * <button [wrCopyToClipboard]=\"value\" (copied)=\"toast('Copied!')\">Copy</button>\n * ```\n */\n@Directive({ selector: '[wrCopyToClipboard]', host: { '(click)': 'onClick()' } })\nexport class WrCopyToClipboard {\n  /** The text to copy. */\n  readonly wrCopyToClipboard = input.required<string>();\n\n  /** Emitted with the copied text once the write succeeds. */\n  readonly copied = output<string>();\n\n  /** Emitted if the copy fails (denied permission, no clipboard, …). */\n  readonly copyFailed = output<unknown>();\n\n  private readonly doc = inject(DOCUMENT);\n\n  /** @internal */\n  protected async onClick(): Promise<void> {\n    const text = this.wrCopyToClipboard();\n    const async = this.doc.defaultView?.navigator?.clipboard;\n\n    try {\n      if (async) {\n        try {\n          await async.writeText(text);\n        } catch {\n          // The legacy path is a RECOVERY from the async one, so it only runs\n          // when there was an async attempt to recover from. Reached from the\n          // fallback's own failure it just repeated the same refused write —\n          // two selections and two focus jumps for one press.\n          this.fallback(text);\n        }\n      } else {\n        this.fallback(text);\n      }\n    } catch (error) {\n      this.copyFailed.emit(error);\n      return;\n    }\n\n    // Outside the try because the try's job is the WRITE. The shape this\n    // replaced emitted inside it and recovered by calling `fallback` again, so\n    // one refused write became two selections, two focus jumps and two `copied`\n    // emissions. (A consumer's own `(copied)` handler cannot reach this frame\n    // either way: `OutputEmitterRef.emit` catches what a listener throws and\n    // hands it to the `ErrorHandler`.)\n    this.copied.emit(text);\n  }\n\n  /**\n   * Legacy clipboard write — hidden textarea + `execCommand('copy')`.\n   *\n   * Two things this has to get right beyond writing the text. `execCommand`\n   * REPORTS refusal rather than throwing it: a document without focus hands back\n   * `false` and copies nothing, so ignoring the return value shows a \"Copied!\"\n   * toast over an unchanged clipboard. And selecting the textarea moves focus\n   * into it, so removing the node afterwards drops focus on `<body>` — the user's\n   * next Tab restarts from the top of the page, on every copy.\n   */\n  private fallback(text: string): void {\n    const node = this.doc.createElement('textarea');\n    node.value = text;\n    node.setAttribute('readonly', '');\n    node.style.position = 'fixed';\n    node.style.top = '0';\n    node.style.left = '0';\n    node.style.opacity = '0';\n    node.style.pointerEvents = 'none';\n\n    const previous = this.doc.activeElement;\n    this.doc.body.appendChild(node);\n    node.select();\n\n    try {\n      if (!this.doc.execCommand('copy')) throw new Error('The copy command was refused.');\n    } finally {\n      this.doc.body.removeChild(node);\n      if (previous instanceof HTMLElement) previous.focus();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-donut-chart.mjs

@@ -1,6 +1,7 @@
 import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { input, computed, ViewEncapsulation, Component } from '@angular/core';
+import { useI18nText } from 'ngwr/i18n';
 
 /**
  * @license
@@ -8,6 +9,14 @@ import { input, computed, ViewEncapsulation, Component } from '@angular/core';
  * 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
  */
+/**
+ * A segment's contribution to the ring. `Math.max(0, NaN)` is NaN, and the running total
+ * carries it forward — so one non-finite datum used to take out its own arc AND every arc
+ * after it, writing the literal text `NaN` into the path `d`.
+ */
+function weight(value) {
+    return Number.isFinite(value) ? Math.max(0, value) : 0;
+}
 const FALLBACK_COLORS = [
     'var(--wr-color-primary)',
     'var(--wr-color-secondary)',
@@ -33,6 +42,14 @@ const FALLBACK_COLORS = [
 class WrDonutChart {
     segments = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "segments" }] : /* istanbul ignore next */ []));
+    /**
+     * Accessible name of the chart. The ring is `aria-hidden` and the legend is optional,
+     * so with `showLegend: false` this is the only thing a screen reader gets. Falls back
+     * to `donutChart.label`.
+     */
+    ariaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    resolvedAriaLabel = useI18nText(this.ariaLabel, 'donutChart.label', 'Donut chart');
     /** Diameter in CSS pixels. @default 200 */
     size = input(200, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: (v) => Math.max(48, coerceNumberProperty(v, 200)) });
     /** Inner-ring thickness as a percent of radius (0–100). `0` = solid pie. @default 30 */
@@ -56,7 +73,7 @@ class WrDonutChart {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "innerR" }] : /* istanbul ignore next */ []));
     total = computed(() => {
-        const sum = this.segments().reduce((acc, s) => acc + Math.max(0, s.value), 0);
+        const sum = this.segments().reduce((acc, s) => acc + weight(s.value), 0);
         return sum > 0 ? sum : 1;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
@@ -65,7 +82,7 @@ class WrDonutChart {
         const total = this.total();
         let cumulative = 0;
         return this.segments().map((s, i) => {
-            const value = Math.max(0, s.value);
+            const value = weight(s.value);
             const startAngle = (cumulative / total) * Math.PI * 2;
             cumulative += value;
             const endAngle = (cumulative / total) * Math.PI * 2;
@@ -122,12 +139,12 @@ class WrDonutChart {
         ].join(' ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrDonutChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrDonutChart, isStandalone: true, selector: "wr-donut-chart", inputs: { segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, centerValue: { classPropertyName: "centerValue", publicName: "centerValue", isSignal: true, isRequired: false, transformFunction: null }, centerLabel: { classPropertyName: "centerLabel", publicName: "centerLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-donut-chart" }, ngImport: i0, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend()) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrDonutChart, isStandalone: true, selector: "wr-donut-chart", inputs: { segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, centerValue: { classPropertyName: "centerValue", publicName: "centerValue", isSignal: true, isRequired: false, transformFunction: null }, centerLabel: { classPropertyName: "centerLabel", publicName: "centerLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-donut-chart" }, ngImport: i0, template: "<div class=\"wr-donut-chart__surface\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\" [style.width.px]=\"size()\">\n  <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n", encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrDonutChart, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-donut-chart', encapsulation: ViewEncapsulation.None, host: { class: 'wr-donut-chart' }, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend()) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n" }]
-        }], propDecorators: { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], thickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "thickness", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], centerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerValue", required: false }] }], centerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerLabel", required: false }] }] } });
+            args: [{ selector: 'wr-donut-chart', encapsulation: ViewEncapsulation.None, host: { class: 'wr-donut-chart' }, template: "<div class=\"wr-donut-chart__surface\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\" [style.width.px]=\"size()\">\n  <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n" }]
+        }], propDecorators: { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], thickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "thickness", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], centerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerValue", required: false }] }], centerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerLabel", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.