ngwr 10.2.1 → 11.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-falling-text.mjs","sources":["../../../projects/lib/falling-text/falling-text.ts","../../../projects/lib/falling-text/falling-text.html","../../../projects/lib/falling-text/ngwr-falling-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 FallingText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/falling-text\n *\n * The reactbits version uses matter-js (~140 KB) for the physics. This\n * port ships a minimal AABB physics simulator (gravity + air drag + wall\n * / floor collision + body-vs-body resolution + cursor drag) so there's\n * no runtime dependency.\n */\n\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrFallingTextTrigger } from './interfaces';\n\ninterface Body {\n  el: HTMLElement;\n  x: number; // centre x\n  y: number; // centre y\n  vx: number;\n  vy: number;\n  angle: number;\n  angVel: number;\n  w: number;\n  h: number;\n}\n\nconst RESTITUTION = 0.55;\nconst AIR_DRAG = 0.005;\nconst FRICTION = 0.4; // tangential damping on wall/floor hits\nconst DRAG_STIFFNESS = 0.6;\n\n/** Resolve AABB-vs-AABB collision between two bodies via min-overlap axis. */\nfunction resolveCollision(a: Body, b: Body): void {\n  const dx = b.x - a.x;\n  const dy = b.y - a.y;\n  const overlapX = a.w / 2 + b.w / 2 - Math.abs(dx);\n  const overlapY = a.h / 2 + b.h / 2 - Math.abs(dy);\n  if (overlapX <= 0 || overlapY <= 0) return;\n\n  if (overlapX < overlapY) {\n    // Resolve along x.\n    const push = overlapX / 2;\n    if (dx > 0) {\n      a.x -= push;\n      b.x += push;\n    } else {\n      a.x += push;\n      b.x -= push;\n    }\n    const avg = (a.vx + b.vx) / 2;\n    a.vx = avg * RESTITUTION - (a.vx - avg) * RESTITUTION;\n    b.vx = avg * RESTITUTION - (b.vx - avg) * RESTITUTION;\n  } else {\n    const push = overlapY / 2;\n    if (dy > 0) {\n      a.y -= push;\n      b.y += push;\n    } else {\n      a.y += push;\n      b.y -= push;\n    }\n    const avg = (a.vy + b.vy) / 2;\n    a.vy = avg * RESTITUTION - (a.vy - avg) * RESTITUTION;\n    b.vy = avg * RESTITUTION - (b.vy - avg) * RESTITUTION;\n  }\n\n  // Tiny torque so stacked bodies wiggle naturally.\n  a.angVel += (Math.random() - 0.5) * 0.2;\n  b.angVel += (Math.random() - 0.5) * 0.2;\n}\n\n/**\n * Words fall like physical bodies — gravity, wall/floor collision, and\n * cursor drag-to-pick-up. Words start at their typeset position then\n * release into the simulator on trigger.\n *\n * Triggers:\n *  - `'auto'`   release immediately on mount\n *  - `'scroll'` release on viewport entry\n *  - `'hover'`  release on first hover\n *  - `'click'`  release on first click\n *\n * Highlight specific words by passing prefix-matched keywords via\n * `[highlightWords]` — matched spans get `wr-falling-text__word--hl`.\n *\n * @example\n * ```html\n * <wr-falling-text\n *   text=\"React-Bits is a library of animated and interactive React components.\"\n *   [highlightWords]=\"['React', 'animated', 'components']\"\n *   trigger=\"hover\"\n *   [gravity]=\"0.6\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/falling-text\n */\n@Component({\n  selector: 'wr-falling-text',\n  templateUrl: './falling-text.html',\n  styleUrl: './falling-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-falling-text' },\n})\nexport class WrFallingText {\n  /** Text to render. Words are separated by spaces. */\n  readonly text = input.required<string>();\n\n  /** Prefix-match keywords; any word starting with one of these gets the highlight class. */\n  readonly highlightWords = input<readonly string[]>([]);\n\n  /** When to release the words into the simulator. @default 'auto' */\n  readonly trigger = input<WrFallingTextTrigger>('auto');\n\n  /** Gravity in pixels/sec². @default 980 */\n  readonly gravity = input(980, { transform: numAttr(980) });\n\n  /** Font size as a CSS length. @default '1rem' */\n  readonly fontSize = input('1rem');\n\n  private readonly wordsRef = viewChild.required<ElementRef<HTMLDivElement>>('wordsContainer');\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 started = false;\n  private teardownLoop: (() => void) | undefined;\n\n  protected readonly words = computed<readonly { text: string; highlighted: boolean }[]>(() => {\n    const hl = this.highlightWords();\n    return this.text()\n      .split(' ')\n      .filter(w => w.length > 0)\n      .map(text => ({ text, highlighted: hl.some(h => text.startsWith(h)) }));\n  });\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      const trigger = this.trigger();\n      if (trigger === 'auto') {\n        this.start();\n        return;\n      }\n      if (trigger === 'scroll') {\n        const io = new IntersectionObserver(\n          (entries, obs) => {\n            for (const e of entries) {\n              if (e.isIntersecting) {\n                obs.disconnect();\n                this.start();\n                break;\n              }\n            }\n          },\n          { threshold: 0.1 }\n        );\n        io.observe(this.host.nativeElement);\n        this.destroyRef.onDestroy(() => io.disconnect());\n        return;\n      }\n      // hover / click — wait for host event\n      const startOnce = (): void => {\n        if (this.started) return;\n        this.start();\n      };\n      const handler = trigger === 'hover' ? 'mouseenter' : 'click';\n      this.host.nativeElement.addEventListener(handler, startOnce, { once: true });\n      this.destroyRef.onDestroy(() => this.host.nativeElement.removeEventListener(handler, startOnce));\n    });\n\n    this.destroyRef.onDestroy(() => this.teardownLoop?.());\n  }\n\n  // Physics\n\n  private start(): void {\n    if (this.started) return;\n    // Reduced motion: tumbling words are pure decoration — leave the\n    // text standing in its normal layout no matter the trigger.\n    if (this.platform.prefersReducedMotion()) return;\n    this.started = true;\n\n    const hostEl = this.host.nativeElement;\n    const wordsContainer = this.wordsRef().nativeElement;\n    const containerRect = hostEl.getBoundingClientRect();\n    const width = containerRect.width;\n    const height = containerRect.height;\n    if (width <= 0 || height <= 0) return;\n\n    // Snapshot each word's position relative to the container, then absolutise.\n    const wordEls = Array.from(wordsContainer.querySelectorAll<HTMLElement>('.wr-falling-text__word'));\n    if (wordEls.length === 0) return;\n\n    const bodies: Body[] = wordEls.map(el => {\n      const r = el.getBoundingClientRect();\n      const cx = r.left - containerRect.left + r.width / 2;\n      const cy = r.top - containerRect.top + r.height / 2;\n      return {\n        el,\n        x: cx,\n        y: cy,\n        vx: (Math.random() - 0.5) * 5 * 60, // px/s\n        vy: 0,\n        angle: 0,\n        angVel: (Math.random() - 0.5) * 2,\n        w: r.width,\n        h: r.height,\n      };\n    });\n\n    // Absolutely position all word spans so we can move them freely.\n    bodies.forEach(b => {\n      b.el.style.position = 'absolute';\n      b.el.style.left = '0';\n      b.el.style.top = '0';\n      b.el.style.willChange = 'transform';\n      this.commit(b);\n    });\n\n    // Drag state.\n    let drag: { body: Body; offX: number; offY: number } | null = null;\n\n    const onPointerDown = (e: PointerEvent): void => {\n      const local = this.toLocal(e, hostEl);\n      // Pick the topmost (last) body whose AABB contains the pointer.\n      for (let i = bodies.length - 1; i >= 0; i--) {\n        const b = bodies[i];\n        if (\n          local.x >= b.x - b.w / 2 &&\n          local.x <= b.x + b.w / 2 &&\n          local.y >= b.y - b.h / 2 &&\n          local.y <= b.y + b.h / 2\n        ) {\n          drag = { body: b, offX: local.x - b.x, offY: local.y - b.y };\n          hostEl.setPointerCapture(e.pointerId);\n          break;\n        }\n      }\n    };\n    const onPointerMove = (e: PointerEvent): void => {\n      if (!drag) return;\n      const local = this.toLocal(e, hostEl);\n      const targetX = local.x - drag.offX;\n      const targetY = local.y - drag.offY;\n      // Spring toward the target — produces a satisfying tug rather than a snap.\n      drag.body.vx += (targetX - drag.body.x) * DRAG_STIFFNESS;\n      drag.body.vy += (targetY - drag.body.y) * DRAG_STIFFNESS;\n    };\n    const onPointerUp = (e: PointerEvent): void => {\n      if (!drag) return;\n      hostEl.releasePointerCapture(e.pointerId);\n      drag = null;\n    };\n    hostEl.addEventListener('pointerdown', onPointerDown);\n    hostEl.addEventListener('pointermove', onPointerMove);\n    hostEl.addEventListener('pointerup', onPointerUp);\n    hostEl.addEventListener('pointercancel', onPointerUp);\n\n    let raf = 0;\n    let lastTs = 0;\n    const tick = (ts: number): void => {\n      const dt = lastTs === 0 ? 1 / 60 : Math.min(0.05, (ts - lastTs) / 1000);\n      lastTs = ts;\n\n      const g = this.gravity();\n      for (const b of bodies) {\n        // Integrate.\n        b.vy += g * dt;\n        b.vx *= 1 - AIR_DRAG;\n        b.vy *= 1 - AIR_DRAG;\n        b.x += b.vx * dt;\n        b.y += b.vy * dt;\n        b.angle += b.angVel * dt;\n        b.angVel *= 1 - AIR_DRAG;\n\n        // Walls + floor + ceiling.\n        if (b.x - b.w / 2 < 0) {\n          b.x = b.w / 2;\n          b.vx = Math.abs(b.vx) * RESTITUTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.x + b.w / 2 > width) {\n          b.x = width - b.w / 2;\n          b.vx = -Math.abs(b.vx) * RESTITUTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.y + b.h / 2 > height) {\n          b.y = height - b.h / 2;\n          b.vy = -Math.abs(b.vy) * RESTITUTION;\n          b.vx *= FRICTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.y - b.h / 2 < 0) {\n          b.y = b.h / 2;\n          b.vy = Math.abs(b.vy) * RESTITUTION;\n        }\n      }\n\n      // Body-vs-body collisions — O(n²), fine for ~30 words.\n      for (let i = 0; i < bodies.length; i++) {\n        for (let j = i + 1; j < bodies.length; j++) {\n          resolveCollision(bodies[i], bodies[j]);\n        }\n      }\n\n      for (const b of bodies) this.commit(b);\n      raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n\n    this.teardownLoop = (): void => {\n      cancelAnimationFrame(raf);\n      hostEl.removeEventListener('pointerdown', onPointerDown);\n      hostEl.removeEventListener('pointermove', onPointerMove);\n      hostEl.removeEventListener('pointerup', onPointerUp);\n      hostEl.removeEventListener('pointercancel', onPointerUp);\n    };\n  }\n\n  /** Apply the body's position + angle to the DOM. */\n  private commit(b: Body): void {\n    b.el.style.transform = `translate(${b.x - b.w / 2}px, ${b.y - b.h / 2}px) rotate(${b.angle}rad)`;\n    b.el.style.transformOrigin = `${b.w / 2}px ${b.h / 2}px`;\n  }\n\n  private toLocal(e: PointerEvent | MouseEvent, host: HTMLElement): { x: number; y: number } {\n    const rect = host.getBoundingClientRect();\n    return { x: e.clientX - rect.left, y: e.clientY - rect.top };\n  }\n}\n\nexport type { WrFallingTextTrigger } from './interfaces';\n","<div #wordsContainer class=\"wr-falling-text__words\" [style.font-size]=\"fontSize()\">\n  @for (w of words(); track $index) {\n    <span class=\"wr-falling-text__word\" [class.wr-falling-text__word--hl]=\"w.highlighted\">{{ w.text }}</span>\n    @if (!$last) {\n      <span class=\"wr-falling-text__space\">&nbsp;</span>\n    }\n  }\n</div>\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-falling-text.mjs","sources":["../../../projects/lib/falling-text/falling-text.ts","../../../projects/lib/falling-text/falling-text.html","../../../projects/lib/falling-text/ngwr-falling-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 FallingText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/falling-text\n *\n * The reactbits version uses matter-js (~140 KB) for the physics. This\n * port ships a minimal AABB physics simulator (gravity + air drag + wall\n * / floor collision + body-vs-body resolution + cursor drag) so there's\n * no runtime dependency.\n */\n\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrFallingTextTrigger } from './interfaces';\n\ninterface Body {\n  el: HTMLElement;\n  x: number; // centre x\n  y: number; // centre y\n  vx: number;\n  vy: number;\n  angle: number;\n  angVel: number;\n  w: number;\n  h: number;\n}\n\nconst RESTITUTION = 0.55;\nconst AIR_DRAG = 0.005;\nconst FRICTION = 0.4; // tangential damping on wall/floor hits\nconst DRAG_STIFFNESS = 0.6;\n\n/** Resolve AABB-vs-AABB collision between two bodies via min-overlap axis. */\nfunction resolveCollision(a: Body, b: Body): void {\n  const dx = b.x - a.x;\n  const dy = b.y - a.y;\n  const overlapX = a.w / 2 + b.w / 2 - Math.abs(dx);\n  const overlapY = a.h / 2 + b.h / 2 - Math.abs(dy);\n  if (overlapX <= 0 || overlapY <= 0) return;\n\n  if (overlapX < overlapY) {\n    // Resolve along x.\n    const push = overlapX / 2;\n    if (dx > 0) {\n      a.x -= push;\n      b.x += push;\n    } else {\n      a.x += push;\n      b.x -= push;\n    }\n    const avg = (a.vx + b.vx) / 2;\n    a.vx = avg * RESTITUTION - (a.vx - avg) * RESTITUTION;\n    b.vx = avg * RESTITUTION - (b.vx - avg) * RESTITUTION;\n  } else {\n    const push = overlapY / 2;\n    if (dy > 0) {\n      a.y -= push;\n      b.y += push;\n    } else {\n      a.y += push;\n      b.y -= push;\n    }\n    const avg = (a.vy + b.vy) / 2;\n    a.vy = avg * RESTITUTION - (a.vy - avg) * RESTITUTION;\n    b.vy = avg * RESTITUTION - (b.vy - avg) * RESTITUTION;\n  }\n\n  // Tiny torque so stacked bodies wiggle naturally.\n  a.angVel += (Math.random() - 0.5) * 0.2;\n  b.angVel += (Math.random() - 0.5) * 0.2;\n}\n\n/**\n * Words fall like physical bodies — gravity, wall/floor collision, and\n * cursor drag-to-pick-up. Words start at their typeset position then\n * release into the simulator on trigger.\n *\n * Triggers:\n *  - `'auto'`   release immediately on mount\n *  - `'scroll'` release on viewport entry\n *  - `'hover'`  release on first hover\n *  - `'click'`  release on first click\n *\n * Highlight specific words by passing prefix-matched keywords via\n * `[highlightWords]` — matched spans get `wr-falling-text__word--hl`.\n *\n * @example\n * ```html\n * <wr-falling-text\n *   text=\"React-Bits is a library of animated and interactive React components.\"\n *   [highlightWords]=\"['React', 'animated', 'components']\"\n *   trigger=\"hover\"\n *   [gravity]=\"0.6\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/falling-text\n */\n@Component({\n  selector: 'wr-falling-text',\n  templateUrl: './falling-text.html',\n  styleUrl: './falling-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-falling-text' },\n})\nexport class WrFallingText {\n  /** Text to render. Words are separated by spaces. */\n  readonly text = input.required<string>();\n\n  /** Prefix-match keywords; any word starting with one of these gets the highlight class. */\n  readonly highlightWords = input<readonly string[]>([]);\n\n  /** When to release the words into the simulator. @default 'auto' */\n  readonly trigger = input<WrFallingTextTrigger>('auto');\n\n  /** Gravity in pixels/sec². @default 980 */\n  readonly gravity = input(980, { transform: numAttr(980) });\n\n  /** Font size as a CSS length. @default '1rem' */\n  readonly fontSize = input('1rem');\n\n  private readonly wordsRef = viewChild.required<ElementRef<HTMLDivElement>>('wordsContainer');\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 started = false;\n  private teardownLoop: (() => void) | undefined;\n\n  protected readonly words = computed<readonly { text: string; highlighted: boolean }[]>(() => {\n    const hl = this.highlightWords();\n    return this.text()\n      .split(' ')\n      .filter(w => w.length > 0)\n      .map(text => ({ text, highlighted: hl.some(h => text.startsWith(h)) }));\n  });\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      const trigger = this.trigger();\n      if (trigger === 'auto') {\n        this.start();\n        return;\n      }\n      if (trigger === 'scroll') {\n        const io = new IntersectionObserver(\n          (entries, obs) => {\n            for (const e of entries) {\n              if (e.isIntersecting) {\n                obs.disconnect();\n                this.start();\n                break;\n              }\n            }\n          },\n          { threshold: 0.1 }\n        );\n        io.observe(this.host.nativeElement);\n        this.destroyRef.onDestroy(() => io.disconnect());\n        return;\n      }\n      // hover / click — wait for host event\n      const startOnce = (): void => {\n        if (this.started) return;\n        this.start();\n      };\n      const handler = trigger === 'hover' ? 'mouseenter' : 'click';\n      this.host.nativeElement.addEventListener(handler, startOnce, { once: true });\n      this.destroyRef.onDestroy(() => this.host.nativeElement.removeEventListener(handler, startOnce));\n    });\n\n    this.destroyRef.onDestroy(() => this.teardownLoop?.());\n  }\n\n  // Physics\n\n  private start(): void {\n    if (this.started) return;\n    // Reduced motion: tumbling words are pure decoration — leave the\n    // text standing in its normal layout no matter the trigger.\n    if (this.platform.prefersReducedMotion()) return;\n    this.started = true;\n\n    const hostEl = this.host.nativeElement;\n    const wordsContainer = this.wordsRef().nativeElement;\n    const containerRect = hostEl.getBoundingClientRect();\n    const width = containerRect.width;\n    const height = containerRect.height;\n    if (width <= 0 || height <= 0) return;\n\n    // Snapshot each word's position relative to the container, then absolutise.\n    const wordEls = Array.from(wordsContainer.querySelectorAll<HTMLElement>('.wr-falling-text__word'));\n    if (wordEls.length === 0) return;\n\n    const bodies: Body[] = wordEls.map(el => {\n      const r = el.getBoundingClientRect();\n      const cx = r.left - containerRect.left + r.width / 2;\n      const cy = r.top - containerRect.top + r.height / 2;\n      return {\n        el,\n        x: cx,\n        y: cy,\n        vx: (Math.random() - 0.5) * 5 * 60, // px/s\n        vy: 0,\n        angle: 0,\n        angVel: (Math.random() - 0.5) * 2,\n        w: r.width,\n        h: r.height,\n      };\n    });\n\n    // Absolutely position all word spans so we can move them freely.\n    bodies.forEach(b => {\n      b.el.style.position = 'absolute';\n      b.el.style.left = '0';\n      b.el.style.top = '0';\n      b.el.style.willChange = 'transform';\n      this.commit(b);\n    });\n\n    // Drag state.\n    let drag: { body: Body; offX: number; offY: number } | null = null;\n\n    const onPointerDown = (e: PointerEvent): void => {\n      const local = this.toLocal(e, hostEl);\n      // Pick the topmost (last) body whose AABB contains the pointer.\n      for (let i = bodies.length - 1; i >= 0; i--) {\n        const b = bodies[i];\n        if (\n          local.x >= b.x - b.w / 2 &&\n          local.x <= b.x + b.w / 2 &&\n          local.y >= b.y - b.h / 2 &&\n          local.y <= b.y + b.h / 2\n        ) {\n          drag = { body: b, offX: local.x - b.x, offY: local.y - b.y };\n          hostEl.setPointerCapture(e.pointerId);\n          break;\n        }\n      }\n    };\n    const onPointerMove = (e: PointerEvent): void => {\n      if (!drag) return;\n      const local = this.toLocal(e, hostEl);\n      const targetX = local.x - drag.offX;\n      const targetY = local.y - drag.offY;\n      // Spring toward the target — produces a satisfying tug rather than a snap.\n      drag.body.vx += (targetX - drag.body.x) * DRAG_STIFFNESS;\n      drag.body.vy += (targetY - drag.body.y) * DRAG_STIFFNESS;\n    };\n    const onPointerUp = (e: PointerEvent): void => {\n      if (!drag) return;\n      hostEl.releasePointerCapture(e.pointerId);\n      drag = null;\n    };\n    hostEl.addEventListener('pointerdown', onPointerDown);\n    hostEl.addEventListener('pointermove', onPointerMove);\n    hostEl.addEventListener('pointerup', onPointerUp);\n    hostEl.addEventListener('pointercancel', onPointerUp);\n\n    let raf = 0;\n    let lastTs = 0;\n    const tick = (ts: number): void => {\n      const dt = lastTs === 0 ? 1 / 60 : Math.min(0.05, (ts - lastTs) / 1000);\n      lastTs = ts;\n\n      const g = this.gravity();\n      for (const b of bodies) {\n        // Integrate.\n        b.vy += g * dt;\n        b.vx *= 1 - AIR_DRAG;\n        b.vy *= 1 - AIR_DRAG;\n        b.x += b.vx * dt;\n        b.y += b.vy * dt;\n        b.angle += b.angVel * dt;\n        b.angVel *= 1 - AIR_DRAG;\n\n        // Walls + floor + ceiling.\n        if (b.x - b.w / 2 < 0) {\n          b.x = b.w / 2;\n          b.vx = Math.abs(b.vx) * RESTITUTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.x + b.w / 2 > width) {\n          b.x = width - b.w / 2;\n          b.vx = -Math.abs(b.vx) * RESTITUTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.y + b.h / 2 > height) {\n          b.y = height - b.h / 2;\n          b.vy = -Math.abs(b.vy) * RESTITUTION;\n          b.vx *= FRICTION;\n          b.angVel *= FRICTION;\n        }\n        if (b.y - b.h / 2 < 0) {\n          b.y = b.h / 2;\n          b.vy = Math.abs(b.vy) * RESTITUTION;\n        }\n      }\n\n      // Body-vs-body collisions — O(n²), fine for ~30 words.\n      for (let i = 0; i < bodies.length; i++) {\n        for (let j = i + 1; j < bodies.length; j++) {\n          resolveCollision(bodies[i], bodies[j]);\n        }\n      }\n\n      for (const b of bodies) this.commit(b);\n      raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n\n    this.teardownLoop = (): void => {\n      cancelAnimationFrame(raf);\n      hostEl.removeEventListener('pointerdown', onPointerDown);\n      hostEl.removeEventListener('pointermove', onPointerMove);\n      hostEl.removeEventListener('pointerup', onPointerUp);\n      hostEl.removeEventListener('pointercancel', onPointerUp);\n    };\n  }\n\n  /** Apply the body's position + angle to the DOM. */\n  private commit(b: Body): void {\n    b.el.style.transform = `translate(${b.x - b.w / 2}px, ${b.y - b.h / 2}px) rotate(${b.angle}rad)`;\n    b.el.style.transformOrigin = `${b.w / 2}px ${b.h / 2}px`;\n  }\n\n  private toLocal(e: PointerEvent | MouseEvent, host: HTMLElement): { x: number; y: number } {\n    const rect = host.getBoundingClientRect();\n    return { x: e.clientX - rect.left, y: e.clientY - rect.top };\n  }\n}\n\nexport type { WrFallingTextTrigger } from './interfaces';\n","<div #wordsContainer class=\"wr-falling-text__words\" [style.font-size]=\"fontSize()\">\n  @for (w of words(); track $index) {\n    <span class=\"wr-falling-text__word\" [class.wr-falling-text__word--hl]=\"w.highlighted\">{{ w.text }}</span>\n    @if (!$last) {\n      <span class=\"wr-falling-text__space\">&nbsp;</span>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-file-upload-testing.mjs

@@ -0,0 +1,332 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * A `DataTransfer` carrying `files`.
+ *
+ * `FileList` has no constructor anywhere — a browser mints one only as a side
+ * effect of `new DataTransfer()`, and jsdom ships neither (`new FileList()` is an
+ * illegal constructor there, and the `files` IDL setter refuses anything that is
+ * not the genuine article). So: the real thing where it can be had, and an
+ * array-like stand-in otherwise, which is all the component ever reads — it does
+ * `Array.from(files)` and nothing else.
+ */
+function dataTransferFor(files) {
+    const Transfer = globalThis.DataTransfer;
+    if (Transfer) {
+        try {
+            const transfer = new Transfer();
+            for (const file of files)
+                transfer.items.add(file);
+            return transfer;
+        }
+        catch {
+            // A DataTransfer that cannot take items is no use — fall through.
+        }
+    }
+    const list = { ...files };
+    list['length'] = files.length;
+    list['item'] = (index) => files[index] ?? null;
+    list[Symbol.iterator] = function* () {
+        yield* files;
+    };
+    return {
+        dropEffect: 'none',
+        effectAllowed: 'all',
+        files: list,
+        items: [],
+        types: files.length > 0 ? ['Files'] : [],
+    };
+}
+/**
+ * The payload `TestElement.dispatchEvent` merges onto the event it fires.
+ *
+ * One transfer is shared by every event of a drag, the way a real one is: the
+ * component writes `dropEffect` on it during `dragover` and reads `files` back
+ * out on `drop`.
+ */
+function dragPayload(transfer) {
+    return { dataTransfer: transfer };
+}
+/** The native element behind a `TestElement`, or `null` when there is no DOM to reach. */
+function nativeElement(element) {
+    const candidate = element.element;
+    return typeof Element !== 'undefined' && candidate instanceof Element ? candidate : null;
+}
+function isFileInput(element) {
+    return element !== null && element.tagName === 'INPUT' && element.type === 'file';
+}
+/** Put `files` on the picker, whichever way this environment allows. */
+function setPickerFiles(input, files) {
+    const list = dataTransferFor(files).files;
+    try {
+        input.files = list;
+        if (input.files?.length === files.length)
+            return;
+    }
+    catch {
+        // jsdom's IDL setter refuses a stand-in FileList. Shadow the accessor instead.
+    }
+    // An own data property wins over the prototype accessor, so the component still
+    // reads its files off the REAL input — which matters, because the alternative
+    // (forging `event.target`) would let a harness pass on a component that never
+    // touches the element the user operated.
+    Object.defineProperty(input, 'files', { configurable: true, value: list });
+}
+/**
+ * Test harness for `<wr-file-upload>`.
+ *
+ * The control a user operates is the `.wr-file-upload__zone` — a `role="button"`
+ * div that is the single tab stop; the `<input type="file">` behind it is
+ * `aria-hidden` and `tabindex="-1"`, and exists only so a click can be forwarded
+ * to it. So focus, drag and disabled state are all read off the zone, plus the
+ * `wr-file-upload--*` host modifiers and the rendered file list. The picker is
+ * touched only where it is the one that carries the state — `accept` and
+ * `multiple` land on it, and {@link selectFiles} has to hand it the files.
+ *
+ * What this component does NOT have, so this harness does not either:
+ * - **no per-file progress or status.** `<wr-file-upload>` picks files; uploading
+ *   them is the app's job, and there is no bar or state to read.
+ * - **no rendered error.** A file refused for its type, its size or the file count
+ *   leaves NOTHING in the DOM — no `aria-invalid`, no message, and a list that
+ *   simply did not grow. The `(rejected)` output is the only channel, so a spec
+ *   asserts on the host's handler. See {@link selectFiles}.
+ * - **no `maxSize` / `maxFiles` readback.** Neither reaches the DOM (unlike
+ *   `accept` and `multiple`, which land on the picker), so they can only be
+ *   observed by offering a file that breaks them.
+ *
+ * Two traps worth knowing before writing assertions. The bound value's SHAPE
+ * follows `multiple` — a bare `File` (or `null`) in single mode, a `File[]` in
+ * multi — and `[showList]="false"` renders no list at all, so {@link getFileNames}
+ * answers `[]` for a component that is holding files. Assert the bound value in
+ * that case.
+ *
+ * @example
+ * ```ts
+ * const upload = await loader.getHarness(WrFileUploadHarness.with({ label: 'Avatar' }));
+ * await upload.selectFiles(new File(['…'], 'me.png', { type: 'image/png' }));
+ *
+ * expect(await upload.getFileNames()).toEqual(['me.png']);
+ * await upload.removeFileNamed('me.png');
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrFileUploadHarness extends ComponentHarness {
+    static hostSelector = 'wr-file-upload';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrFileUploadHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
+            .addOption('multiple', options.multiple, async (harness, multiple) => (await harness.isMultiple()) === multiple)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    zone = this.locatorFor('.wr-file-upload__zone');
+    picker = this.locatorFor('input.wr-file-upload__picker');
+    items = this.locatorForAll('.wr-file-upload__item');
+    names = this.locatorForAll('.wr-file-upload__name');
+    sizes = this.locatorForAll('.wr-file-upload__size');
+    removeButtons = this.locatorForAll('.wr-file-upload__remove');
+    /**
+     * The accessible name of the trigger — what a screen-reader user is told this
+     * control is.
+     *
+     * Read from the zone's `aria-label` (the `dropZoneLabel` input) rather than from
+     * the copy inside it, because that label OVERRIDES the copy: the visible "Click
+     * to browse" is not the accessible name, and a harness that returned it would
+     * describe a control nobody is announced.
+     */
+    async getLabel() {
+        return (await (await this.zone()).getAttribute('aria-label')) ?? '';
+    }
+    /** The visible call-to-action line — the `pickLabel` input. */
+    async getPickText() {
+        return (await this.locatorFor('.wr-file-upload__hint strong')()).text();
+    }
+    /** The visible instruction below the CTA — the `dropLabel` input. */
+    async getDropText() {
+        return (await this.locatorFor('.wr-file-upload__hint span')()).text();
+    }
+    /** The optional `helperText` line, or `null` when the component was given none. */
+    async getHelperText() {
+        const helper = await this.locatorForOptional('.wr-file-upload__hint small')();
+        return helper === null ? null : helper.text();
+    }
+    /** The `accept` list the picker advertises, or `null` when it accepts anything. */
+    async getAccept() {
+        return (await this.picker()).getAttribute('accept');
+    }
+    /**
+     * Whether more than one file can be held.
+     *
+     * Read as the DOM PROPERTY: the template writes the attribute as an empty string
+     * (`[attr.multiple]="multiple() ? '' : null"`), and `''` is falsy — an attribute
+     * read would report a multi-file upload as single.
+     */
+    async isMultiple() {
+        return (await this.picker()).getProperty('multiple');
+    }
+    /**
+     * Whether the control refuses interaction.
+     *
+     * Read from the zone's `aria-disabled`. The host also carries
+     * `wr-file-upload--disabled` and the picker its own `disabled`, but the zone is
+     * a `role="button"` div — `aria-disabled` is the only one of the three that
+     * tells a screen-reader user the trigger is inert.
+     */
+    async isDisabled() {
+        return (await (await this.zone()).getAttribute('aria-disabled')) === 'true';
+    }
+    /**
+     * Whether the zone is armed for a drop.
+     *
+     * The `wr-file-upload--dragging` host modifier is the whole signal — a drop
+     * target has no ARIA state, so there is nothing better to read here.
+     */
+    async isDragging() {
+        return (await this.host()).hasClass('wr-file-upload--dragging');
+    }
+    /** How many files the list is RENDERING. Zero with `[showList]="false"`, always. */
+    async getFileCount() {
+        return (await this.items()).length;
+    }
+    /** The file names in the rendered list, in order. */
+    async getFileNames() {
+        const names = await this.names();
+        return Promise.all(names.map(name => name.text()));
+    }
+    /**
+     * The file sizes in the rendered list, as SHOWN — `'4.9 KB'`, not `5000`.
+     *
+     * The component formats bytes for display and the byte count never reaches the
+     * DOM, so this is the string a user reads. Assert the `File` itself if the exact
+     * size matters.
+     */
+    async getFileSizes() {
+        const sizes = await this.sizes();
+        return Promise.all(sizes.map(size => size.text()));
+    }
+    /**
+     * Hand files to the picker, the way choosing them in the browser dialog does.
+     *
+     * This is the one method that reaches past `TestElement` to the native
+     * `<input type="file">`, and it has to: `TestElement` has no file API, and it
+     * cannot grow one portably, because a `FileList` is not constructible and a
+     * remote WebDriver session cannot be handed a `File` object at all. Everything
+     * else on this harness is environment-agnostic; this needs a DOM behind it
+     * (`TestbedHarnessEnvironment`), and says so with an error when it does not have
+     * one. The input is found through this harness's own locator rather than a
+     * `document` query, so it is still THIS component's picker that gets the files.
+     *
+     * Rejected files are silent: nothing appears in the DOM, so pair this with the
+     * host's `(rejected)` handler when a file is meant to be refused. In single mode
+     * the LAST accepted file wins, which is also how a drop of several files onto a
+     * single-file zone behaves.
+     *
+     * @throws if called with no files, on a disabled upload, or outside a DOM
+     *   environment.
+     */
+    async selectFiles(...files) {
+        if (files.length === 0) {
+            throw new Error('WrFileUploadHarness.selectFiles(): pass at least one file. Cancelling the browser dialog fires no ' +
+                '`change` at all, so "picked nothing" is not a state a user can put the component in.');
+        }
+        if (await this.isDisabled()) {
+            // The component guards its drop handler but not its `change` handler — it
+            // does not need to, since a disabled `<input type="file">` cannot be
+            // operated. Forcing the event through anyway would smuggle a file past the
+            // disabled state and leave a consumer's spec proving something no user can do.
+            throw new Error('WrFileUploadHarness.selectFiles(): the upload is disabled, and a disabled picker cannot be opened. ' +
+                'Enable it first, or use dropFiles() to assert that a disabled zone refuses what is dropped on it.');
+        }
+        const picker = await this.picker();
+        const input = nativeElement(picker);
+        if (!isFileInput(input)) {
+            throw new Error('WrFileUploadHarness.selectFiles(): no DOM element behind the harness. Files can only be handed to a ' +
+                'real <input type="file">, so this method needs TestbedHarnessEnvironment; a remote WebDriver ' +
+                'environment cannot carry a File across. Every other method on this harness works in both.');
+        }
+        setPickerFiles(input, files);
+        await picker.dispatchEvent('change');
+    }
+    /**
+     * Drag files over the zone and drop them.
+     *
+     * Driven by dispatching the drag sequence AT the zone rather than by coordinates:
+     * nothing has layout in a unit test — `getBoundingClientRect` is all zeros — so a
+     * pointer-driven drag would land nowhere. From the component's side it is the
+     * same event either way; it reads `dataTransfer.files` and never a position.
+     *
+     * A disabled upload refuses the drop itself, so this stays a no-op there rather
+     * than throwing the way {@link selectFiles} does — that refusal is the
+     * component's own, and worth asserting.
+     */
+    async dropFiles(...files) {
+        const zone = await this.zone();
+        const payload = dragPayload(dataTransferFor(files));
+        await zone.dispatchEvent('dragenter', payload);
+        await zone.dispatchEvent('dragover', payload);
+        await zone.dispatchEvent('drop', payload);
+    }
+    /** Drag over the zone without letting go — arms {@link isDragging}. */
+    async dragOver() {
+        const zone = await this.zone();
+        const payload = dragPayload(dataTransferFor([]));
+        await zone.dispatchEvent('dragenter', payload);
+        await zone.dispatchEvent('dragover', payload);
+    }
+    /**
+     * Drag back out of the zone, disarming {@link isDragging}.
+     *
+     * Dispatched at the zone itself on purpose: the component ignores a `dragleave`
+     * whose target is one of the zone's children, because crossing the icon or the
+     * hint text is not leaving the zone.
+     */
+    async dragLeave() {
+        await (await this.zone()).dispatchEvent('dragleave');
+    }
+    /**
+     * Remove the file at `index` from the rendered list.
+     *
+     * On a disabled upload the remove buttons are disabled too, so this is a no-op
+     * there — assert the result rather than assuming it.
+     */
+    async removeFile(index) {
+        const buttons = await this.removeButtons();
+        if (index < 0 || index >= buttons.length) {
+            throw new Error(`WrFileUploadHarness.removeFile(${index}): the rendered list holds ${buttons.length} file(s). ` +
+                'With [showList]="false" it holds none no matter what is selected.');
+        }
+        await buttons[index].click();
+    }
+    /** Remove the file with this name. Names come from {@link getFileNames}. */
+    async removeFileNamed(name) {
+        const names = await this.getFileNames();
+        const index = names.indexOf(name);
+        if (index === -1) {
+            const holding = names.length > 0 ? names.map(n => JSON.stringify(n)).join(', ') : 'no files';
+            throw new Error(`WrFileUploadHarness.removeFileNamed(${JSON.stringify(name)}): the rendered list holds ${holding}.`);
+        }
+        await this.removeFile(index);
+    }
+    /** Move keyboard focus to the zone — the control's only tab stop. */
+    async focus() {
+        return (await this.zone()).focus();
+    }
+    /** Whether the zone has focus. */
+    async isFocused() {
+        return (await this.zone()).isFocused();
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrFileUploadHarness };
+//# sourceMappingURL=ngwr-file-upload-testing.mjs.map

package/fesm2022/ngwr-file-upload-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-file-upload-testing.mjs","sources":["../../../projects/lib/file-upload/testing/wr-file-upload-harness.ts","../../../projects/lib/file-upload/testing/ngwr-file-upload-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, type EventData, HarnessPredicate, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrFileUploadHarnessFilters } from './interfaces';\n\n/**\n * A `DataTransfer` carrying `files`.\n *\n * `FileList` has no constructor anywhere — a browser mints one only as a side\n * effect of `new DataTransfer()`, and jsdom ships neither (`new FileList()` is an\n * illegal constructor there, and the `files` IDL setter refuses anything that is\n * not the genuine article). So: the real thing where it can be had, and an\n * array-like stand-in otherwise, which is all the component ever reads — it does\n * `Array.from(files)` and nothing else.\n */\nfunction dataTransferFor(files: readonly File[]): DataTransfer {\n  const Transfer = (globalThis as { DataTransfer?: new () => DataTransfer }).DataTransfer;\n\n  if (Transfer) {\n    try {\n      const transfer = new Transfer();\n      for (const file of files) transfer.items.add(file);\n      return transfer;\n    } catch {\n      // A DataTransfer that cannot take items is no use — fall through.\n    }\n  }\n\n  const list: Record<PropertyKey, unknown> = { ...files };\n  list['length'] = files.length;\n  list['item'] = (index: number): File | null => files[index] ?? null;\n  list[Symbol.iterator] = function* (): Generator<File> {\n    yield* files;\n  };\n\n  return {\n    dropEffect: 'none',\n    effectAllowed: 'all',\n    files: list,\n    items: [],\n    types: files.length > 0 ? ['Files'] : [],\n  } as unknown as DataTransfer;\n}\n\n/**\n * The payload `TestElement.dispatchEvent` merges onto the event it fires.\n *\n * One transfer is shared by every event of a drag, the way a real one is: the\n * component writes `dropEffect` on it during `dragover` and reads `files` back\n * out on `drop`.\n */\nfunction dragPayload(transfer: DataTransfer): Record<string, EventData> {\n  return { dataTransfer: transfer } as unknown as Record<string, EventData>;\n}\n\n/** The native element behind a `TestElement`, or `null` when there is no DOM to reach. */\nfunction nativeElement(element: TestElement): Element | null {\n  const candidate = (element as Partial<{ element: unknown }>).element;\n  return typeof Element !== 'undefined' && candidate instanceof Element ? candidate : null;\n}\n\nfunction isFileInput(element: Element | null): element is HTMLInputElement {\n  return element !== null && element.tagName === 'INPUT' && (element as HTMLInputElement).type === 'file';\n}\n\n/** Put `files` on the picker, whichever way this environment allows. */\nfunction setPickerFiles(input: HTMLInputElement, files: readonly File[]): void {\n  const list = dataTransferFor(files).files;\n\n  try {\n    input.files = list;\n    if (input.files?.length === files.length) return;\n  } catch {\n    // jsdom's IDL setter refuses a stand-in FileList. Shadow the accessor instead.\n  }\n\n  // An own data property wins over the prototype accessor, so the component still\n  // reads its files off the REAL input — which matters, because the alternative\n  // (forging `event.target`) would let a harness pass on a component that never\n  // touches the element the user operated.\n  Object.defineProperty(input, 'files', { configurable: true, value: list });\n}\n\n/**\n * Test harness for `<wr-file-upload>`.\n *\n * The control a user operates is the `.wr-file-upload__zone` — a `role=\"button\"`\n * div that is the single tab stop; the `<input type=\"file\">` behind it is\n * `aria-hidden` and `tabindex=\"-1\"`, and exists only so a click can be forwarded\n * to it. So focus, drag and disabled state are all read off the zone, plus the\n * `wr-file-upload--*` host modifiers and the rendered file list. The picker is\n * touched only where it is the one that carries the state — `accept` and\n * `multiple` land on it, and {@link selectFiles} has to hand it the files.\n *\n * What this component does NOT have, so this harness does not either:\n * - **no per-file progress or status.** `<wr-file-upload>` picks files; uploading\n *   them is the app's job, and there is no bar or state to read.\n * - **no rendered error.** A file refused for its type, its size or the file count\n *   leaves NOTHING in the DOM — no `aria-invalid`, no message, and a list that\n *   simply did not grow. The `(rejected)` output is the only channel, so a spec\n *   asserts on the host's handler. See {@link selectFiles}.\n * - **no `maxSize` / `maxFiles` readback.** Neither reaches the DOM (unlike\n *   `accept` and `multiple`, which land on the picker), so they can only be\n *   observed by offering a file that breaks them.\n *\n * Two traps worth knowing before writing assertions. The bound value's SHAPE\n * follows `multiple` — a bare `File` (or `null`) in single mode, a `File[]` in\n * multi — and `[showList]=\"false\"` renders no list at all, so {@link getFileNames}\n * answers `[]` for a component that is holding files. Assert the bound value in\n * that case.\n *\n * @example\n * ```ts\n * const upload = await loader.getHarness(WrFileUploadHarness.with({ label: 'Avatar' }));\n * await upload.selectFiles(new File(['…'], 'me.png', { type: 'image/png' }));\n *\n * expect(await upload.getFileNames()).toEqual(['me.png']);\n * await upload.removeFileNamed('me.png');\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrFileUploadHarness extends ComponentHarness {\n  static hostSelector = 'wr-file-upload';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrFileUploadHarnessFilters = {}): HarnessPredicate<WrFileUploadHarness> {\n    return new HarnessPredicate(WrFileUploadHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('multiple', options.multiple, async (harness, multiple) => (await harness.isMultiple()) === multiple)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly zone = this.locatorFor('.wr-file-upload__zone');\n  private readonly picker = this.locatorFor('input.wr-file-upload__picker');\n  private readonly items = this.locatorForAll('.wr-file-upload__item');\n  private readonly names = this.locatorForAll('.wr-file-upload__name');\n  private readonly sizes = this.locatorForAll('.wr-file-upload__size');\n  private readonly removeButtons = this.locatorForAll('.wr-file-upload__remove');\n\n  /**\n   * The accessible name of the trigger — what a screen-reader user is told this\n   * control is.\n   *\n   * Read from the zone's `aria-label` (the `dropZoneLabel` input) rather than from\n   * the copy inside it, because that label OVERRIDES the copy: the visible \"Click\n   * to browse\" is not the accessible name, and a harness that returned it would\n   * describe a control nobody is announced.\n   */\n  async getLabel(): Promise<string> {\n    return (await (await this.zone()).getAttribute('aria-label')) ?? '';\n  }\n\n  /** The visible call-to-action line — the `pickLabel` input. */\n  async getPickText(): Promise<string> {\n    return (await this.locatorFor('.wr-file-upload__hint strong')()).text();\n  }\n\n  /** The visible instruction below the CTA — the `dropLabel` input. */\n  async getDropText(): Promise<string> {\n    return (await this.locatorFor('.wr-file-upload__hint span')()).text();\n  }\n\n  /** The optional `helperText` line, or `null` when the component was given none. */\n  async getHelperText(): Promise<string | null> {\n    const helper = await this.locatorForOptional('.wr-file-upload__hint small')();\n    return helper === null ? null : helper.text();\n  }\n\n  /** The `accept` list the picker advertises, or `null` when it accepts anything. */\n  async getAccept(): Promise<string | null> {\n    return (await this.picker()).getAttribute('accept');\n  }\n\n  /**\n   * Whether more than one file can be held.\n   *\n   * Read as the DOM PROPERTY: the template writes the attribute as an empty string\n   * (`[attr.multiple]=\"multiple() ? '' : null\"`), and `''` is falsy — an attribute\n   * read would report a multi-file upload as single.\n   */\n  async isMultiple(): Promise<boolean> {\n    return (await this.picker()).getProperty<boolean>('multiple');\n  }\n\n  /**\n   * Whether the control refuses interaction.\n   *\n   * Read from the zone's `aria-disabled`. The host also carries\n   * `wr-file-upload--disabled` and the picker its own `disabled`, but the zone is\n   * a `role=\"button\"` div — `aria-disabled` is the only one of the three that\n   * tells a screen-reader user the trigger is inert.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.zone()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /**\n   * Whether the zone is armed for a drop.\n   *\n   * The `wr-file-upload--dragging` host modifier is the whole signal — a drop\n   * target has no ARIA state, so there is nothing better to read here.\n   */\n  async isDragging(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-file-upload--dragging');\n  }\n\n  /** How many files the list is RENDERING. Zero with `[showList]=\"false\"`, always. */\n  async getFileCount(): Promise<number> {\n    return (await this.items()).length;\n  }\n\n  /** The file names in the rendered list, in order. */\n  async getFileNames(): Promise<string[]> {\n    const names = await this.names();\n    return Promise.all(names.map(name => name.text()));\n  }\n\n  /**\n   * The file sizes in the rendered list, as SHOWN — `'4.9 KB'`, not `5000`.\n   *\n   * The component formats bytes for display and the byte count never reaches the\n   * DOM, so this is the string a user reads. Assert the `File` itself if the exact\n   * size matters.\n   */\n  async getFileSizes(): Promise<string[]> {\n    const sizes = await this.sizes();\n    return Promise.all(sizes.map(size => size.text()));\n  }\n\n  /**\n   * Hand files to the picker, the way choosing them in the browser dialog does.\n   *\n   * This is the one method that reaches past `TestElement` to the native\n   * `<input type=\"file\">`, and it has to: `TestElement` has no file API, and it\n   * cannot grow one portably, because a `FileList` is not constructible and a\n   * remote WebDriver session cannot be handed a `File` object at all. Everything\n   * else on this harness is environment-agnostic; this needs a DOM behind it\n   * (`TestbedHarnessEnvironment`), and says so with an error when it does not have\n   * one. The input is found through this harness's own locator rather than a\n   * `document` query, so it is still THIS component's picker that gets the files.\n   *\n   * Rejected files are silent: nothing appears in the DOM, so pair this with the\n   * host's `(rejected)` handler when a file is meant to be refused. In single mode\n   * the LAST accepted file wins, which is also how a drop of several files onto a\n   * single-file zone behaves.\n   *\n   * @throws if called with no files, on a disabled upload, or outside a DOM\n   *   environment.\n   */\n  async selectFiles(...files: File[]): Promise<void> {\n    if (files.length === 0) {\n      throw new Error(\n        'WrFileUploadHarness.selectFiles(): pass at least one file. Cancelling the browser dialog fires no ' +\n          '`change` at all, so \"picked nothing\" is not a state a user can put the component in.'\n      );\n    }\n\n    if (await this.isDisabled()) {\n      // The component guards its drop handler but not its `change` handler — it\n      // does not need to, since a disabled `<input type=\"file\">` cannot be\n      // operated. Forcing the event through anyway would smuggle a file past the\n      // disabled state and leave a consumer's spec proving something no user can do.\n      throw new Error(\n        'WrFileUploadHarness.selectFiles(): the upload is disabled, and a disabled picker cannot be opened. ' +\n          'Enable it first, or use dropFiles() to assert that a disabled zone refuses what is dropped on it.'\n      );\n    }\n\n    const picker = await this.picker();\n    const input = nativeElement(picker);\n\n    if (!isFileInput(input)) {\n      throw new Error(\n        'WrFileUploadHarness.selectFiles(): no DOM element behind the harness. Files can only be handed to a ' +\n          'real <input type=\"file\">, so this method needs TestbedHarnessEnvironment; a remote WebDriver ' +\n          'environment cannot carry a File across. Every other method on this harness works in both.'\n      );\n    }\n\n    setPickerFiles(input, files);\n    await picker.dispatchEvent('change');\n  }\n\n  /**\n   * Drag files over the zone and drop them.\n   *\n   * Driven by dispatching the drag sequence AT the zone rather than by coordinates:\n   * nothing has layout in a unit test — `getBoundingClientRect` is all zeros — so a\n   * pointer-driven drag would land nowhere. From the component's side it is the\n   * same event either way; it reads `dataTransfer.files` and never a position.\n   *\n   * A disabled upload refuses the drop itself, so this stays a no-op there rather\n   * than throwing the way {@link selectFiles} does — that refusal is the\n   * component's own, and worth asserting.\n   */\n  async dropFiles(...files: File[]): Promise<void> {\n    const zone = await this.zone();\n    const payload = dragPayload(dataTransferFor(files));\n\n    await zone.dispatchEvent('dragenter', payload);\n    await zone.dispatchEvent('dragover', payload);\n    await zone.dispatchEvent('drop', payload);\n  }\n\n  /** Drag over the zone without letting go — arms {@link isDragging}. */\n  async dragOver(): Promise<void> {\n    const zone = await this.zone();\n    const payload = dragPayload(dataTransferFor([]));\n\n    await zone.dispatchEvent('dragenter', payload);\n    await zone.dispatchEvent('dragover', payload);\n  }\n\n  /**\n   * Drag back out of the zone, disarming {@link isDragging}.\n   *\n   * Dispatched at the zone itself on purpose: the component ignores a `dragleave`\n   * whose target is one of the zone's children, because crossing the icon or the\n   * hint text is not leaving the zone.\n   */\n  async dragLeave(): Promise<void> {\n    await (await this.zone()).dispatchEvent('dragleave');\n  }\n\n  /**\n   * Remove the file at `index` from the rendered list.\n   *\n   * On a disabled upload the remove buttons are disabled too, so this is a no-op\n   * there — assert the result rather than assuming it.\n   */\n  async removeFile(index: number): Promise<void> {\n    const buttons = await this.removeButtons();\n\n    if (index < 0 || index >= buttons.length) {\n      throw new Error(\n        `WrFileUploadHarness.removeFile(${index}): the rendered list holds ${buttons.length} file(s). ` +\n          'With [showList]=\"false\" it holds none no matter what is selected.'\n      );\n    }\n\n    await buttons[index].click();\n  }\n\n  /** Remove the file with this name. Names come from {@link getFileNames}. */\n  async removeFileNamed(name: string): Promise<void> {\n    const names = await this.getFileNames();\n    const index = names.indexOf(name);\n\n    if (index === -1) {\n      const holding = names.length > 0 ? names.map(n => JSON.stringify(n)).join(', ') : 'no files';\n      throw new Error(\n        `WrFileUploadHarness.removeFileNamed(${JSON.stringify(name)}): the rendered list holds ${holding}.`\n      );\n    }\n\n    await this.removeFile(index);\n  }\n\n  /** Move keyboard focus to the zone — the control's only tab stop. */\n  async focus(): Promise<void> {\n    return (await this.zone()).focus();\n  }\n\n  /** Whether the zone has focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.zone()).isFocused();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}