@tamagui/react-native-web-lite/dist/esm/vendor/react-native/Animated/nodes/AnimatedValueXY.js

React Native for Web

import { AnimatedValue } from "./AnimatedValue";
import { AnimatedWithChildren } from "./AnimatedWithChildren";
import { invariant } from "@tamagui/react-native-web-internals";
let _uniqueId = 1;
class AnimatedValueXY extends AnimatedWithChildren {
  constructor(valueIn) {
    super();
    const value = valueIn || { x: 0, y: 0 };
    typeof value.x == "number" && typeof value.y == "number" ? (this.x = new AnimatedValue(value.x), this.y = new AnimatedValue(value.y)) : (invariant(
      value.x instanceof AnimatedValue && value.y instanceof AnimatedValue,
      "AnimatedValueXY must be initialized with an object of numbers or AnimatedValues."
    ), this.x = value.x, this.y = value.y), this._listeners = {};
  }
  setValue(value) {
    this.x.setValue(value.x), this.y.setValue(value.y);
  }
  setOffset(offset) {
    this.x.setOffset(offset.x), this.y.setOffset(offset.y);
  }
  flattenOffset() {
    this.x.flattenOffset(), this.y.flattenOffset();
  }
  extractOffset() {
    this.x.extractOffset(), this.y.extractOffset();
  }
  __getValue() {
    return {
      x: this.x.__getValue(),
      y: this.y.__getValue()
    };
  }
  resetAnimation(callback) {
    this.x.resetAnimation(), this.y.resetAnimation(), callback && callback(this.__getValue());
  }
  stopAnimation(callback) {
    this.x.stopAnimation(), this.y.stopAnimation(), callback && callback(this.__getValue());
  }
  addListener(callback) {
    const id = String(_uniqueId++), jointCallback = ({ value }) => {
      callback(this.__getValue());
    };
    return this._listeners[id] = {
      x: this.x.addListener(jointCallback),
      y: this.y.addListener(jointCallback)
    }, id;
  }
  removeListener(id) {
    this.x.removeListener(this._listeners[id].x), this.y.removeListener(this._listeners[id].y), delete this._listeners[id];
  }
  removeAllListeners() {
    this.x.removeAllListeners(), this.y.removeAllListeners(), this._listeners = {};
  }
  getLayout() {
    return {
      left: this.x,
      top: this.y
    };
  }
  getTranslateTransform() {
    return [{ translateX: this.x }, { translateY: this.y }];
  }
}
var AnimatedValueXY_default = AnimatedValueXY;
export {
  AnimatedValueXY,
  AnimatedValueXY_default as default
};
//# sourceMappingURL=AnimatedValueXY.js.map