@angular/animations/fesm2022/browser-testing.mjs

Angular - animations integration with web-animations

/**
 * @license Angular v21.0.6
 * (c) 2010-2025 Google LLC. https://angular.dev/
 * License: MIT
 */

import { validateStyleProperty, camelCaseToDashCase, validateWebAnimatableStyleProperty, containsElement, getParentElement, invokeQuery, normalizeKeyframes$1 as normalizeKeyframes, allowPreviousPlayerStylesMerge } from './_util-chunk.mjs';
import { NoopAnimationPlayer, AUTO_STYLE } from './_private_export-chunk.mjs';
import '@angular/core';

class MockAnimationDriver {
  static log = [];
  validateStyleProperty(prop) {
    return validateStyleProperty(prop);
  }
  validateAnimatableStyleProperty(prop) {
    const cssProp = camelCaseToDashCase(prop);
    return validateWebAnimatableStyleProperty(cssProp);
  }
  containsElement(elm1, elm2) {
    return containsElement(elm1, elm2);
  }
  getParentElement(element) {
    return getParentElement(element);
  }
  query(element, selector, multi) {
    return invokeQuery(element, selector, multi);
  }
  computeStyle(element, prop, defaultValue) {
    return defaultValue || '';
  }
  animate(element, keyframes, duration, delay, easing, previousPlayers = []) {
    const player = new MockAnimationPlayer(element, keyframes, duration, delay, easing, previousPlayers);
    MockAnimationDriver.log.push(player);
    return player;
  }
}
class MockAnimationPlayer extends NoopAnimationPlayer {
  element;
  keyframes;
  duration;
  delay;
  easing;
  previousPlayers;
  __finished = false;
  __started = false;
  previousStyles = new Map();
  _onInitFns = [];
  currentSnapshot = new Map();
  _keyframes = [];
  constructor(element, keyframes, duration, delay, easing, previousPlayers) {
    super(duration, delay);
    this.element = element;
    this.keyframes = keyframes;
    this.duration = duration;
    this.delay = delay;
    this.easing = easing;
    this.previousPlayers = previousPlayers;
    this._keyframes = normalizeKeyframes(keyframes);
    if (allowPreviousPlayerStylesMerge(duration, delay)) {
      previousPlayers.forEach(player => {
        if (player instanceof MockAnimationPlayer) {
          const styles = player.currentSnapshot;
          styles.forEach((val, prop) => this.previousStyles.set(prop, val));
        }
      });
    }
  }
  onInit(fn) {
    this._onInitFns.push(fn);
  }
  init() {
    super.init();
    this._onInitFns.forEach(fn => fn());
    this._onInitFns = [];
  }
  reset() {
    super.reset();
    this.__started = false;
  }
  finish() {
    super.finish();
    this.__finished = true;
  }
  destroy() {
    super.destroy();
    this.__finished = true;
  }
  triggerMicrotask() {}
  play() {
    super.play();
    this.__started = true;
  }
  hasStarted() {
    return this.__started;
  }
  beforeDestroy() {
    const captures = new Map();
    this.previousStyles.forEach((val, prop) => captures.set(prop, val));
    if (this.hasStarted()) {
      this._keyframes.forEach(kf => {
        for (let [prop, val] of kf) {
          if (prop !== 'offset') {
            captures.set(prop, this.__finished ? val : AUTO_STYLE);
          }
        }
      });
    }
    this.currentSnapshot = captures;
  }
}

export { MockAnimationDriver, MockAnimationPlayer };
//# sourceMappingURL=browser-testing.mjs.map