@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedInterpolation.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedInterpolation_exports = {};
 __export(AnimatedInterpolation_exports, {
@@ -26,22 +28,38 @@ __export(AnimatedInterpolation_exports, {
   default: () => AnimatedInterpolation_default
 });
 module.exports = __toCommonJS(AnimatedInterpolation_exports);
-var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs"),
-  import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals");
-const __DEV__ = process.env.NODE_ENV !== "production",
-  linear = t => t;
+var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
+var import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+const __DEV__ = process.env.NODE_ENV !== "production";
+const linear = t => t;
 function createInterpolation(config) {
-  if (config.outputRange && typeof config.outputRange[0] == "string") return createInterpolationFromStringOutputRange(config);
-  const outputRange = config.outputRange,
-    inputRange = config.inputRange;
-  __DEV__ && (checkInfiniteRange("outputRange", outputRange), checkInfiniteRange("inputRange", inputRange), checkValidInputRange(inputRange), (0, import_react_native_web_internals.invariant)(inputRange.length === outputRange.length, "inputRange (" + inputRange.length + ") and outputRange (" + outputRange.length + ") must have the same length"));
+  if (config.outputRange && typeof config.outputRange[0] === "string") {
+    return createInterpolationFromStringOutputRange(config);
+  }
+  const outputRange = config.outputRange;
+  const inputRange = config.inputRange;
+  if (__DEV__) {
+    checkInfiniteRange("outputRange", outputRange);
+    checkInfiniteRange("inputRange", inputRange);
+    checkValidInputRange(inputRange);
+    (0, import_react_native_web_internals.invariant)(inputRange.length === outputRange.length, "inputRange (" + inputRange.length + ") and outputRange (" + outputRange.length + ") must have the same length");
+  }
   const easing = config.easing || linear;
   let extrapolateLeft = "extend";
-  config.extrapolateLeft !== void 0 ? extrapolateLeft = config.extrapolateLeft : config.extrapolate !== void 0 && (extrapolateLeft = config.extrapolate);
+  if (config.extrapolateLeft !== void 0) {
+    extrapolateLeft = config.extrapolateLeft;
+  } else if (config.extrapolate !== void 0) {
+    extrapolateLeft = config.extrapolate;
+  }
   let extrapolateRight = "extend";
-  return config.extrapolateRight !== void 0 ? extrapolateRight = config.extrapolateRight : config.extrapolate !== void 0 && (extrapolateRight = config.extrapolate), input => {
-    (0, import_react_native_web_internals.invariant)(typeof input == "number", "Cannot interpolation an input which is not a number");
+  if (config.extrapolateRight !== void 0) {
+    extrapolateRight = config.extrapolateRight;
+  } else if (config.extrapolate !== void 0) {
+    extrapolateRight = config.extrapolate;
+  }
+  return input => {
+    (0, import_react_native_web_internals.invariant)(typeof input === "number", "Cannot interpolation an input which is not a number");
     const range = findRange(input, inputRange);
     return interpolate(input, inputRange[range], inputRange[range + 1], outputRange[range], outputRange[range + 1], easing, extrapolateLeft, extrapolateRight);
   };
@@ -49,80 +67,133 @@ function createInterpolation(config) {
 function interpolate(input, inputMin, inputMax, outputMin, outputMax, easing, extrapolateLeft, extrapolateRight) {
   let result = input;
   if (result < inputMin) {
-    if (extrapolateLeft === "identity") return result;
-    extrapolateLeft === "clamp" && (result = inputMin);
+    if (extrapolateLeft === "identity") {
+      return result;
+    } else if (extrapolateLeft === "clamp") {
+      result = inputMin;
+    } else if (extrapolateLeft === "extend") {}
   }
   if (result > inputMax) {
-    if (extrapolateRight === "identity") return result;
-    extrapolateRight === "clamp" && (result = inputMax);
+    if (extrapolateRight === "identity") {
+      return result;
+    } else if (extrapolateRight === "clamp") {
+      result = inputMax;
+    } else if (extrapolateRight === "extend") {}
+  }
+  if (outputMin === outputMax) {
+    return outputMin;
   }
-  return outputMin === outputMax ? outputMin : inputMin === inputMax ? input <= inputMin ? outputMin : outputMax : (inputMin === -1 / 0 ? result = -result : inputMax === 1 / 0 ? result = result - inputMin : result = (result - inputMin) / (inputMax - inputMin), result = easing(result), outputMin === -1 / 0 ? result = -result : outputMax === 1 / 0 ? result = result + outputMin : result = result * (outputMax - outputMin) + outputMin, result);
+  if (inputMin === inputMax) {
+    if (input <= inputMin) {
+      return outputMin;
+    }
+    return outputMax;
+  }
+  if (inputMin === -Infinity) {
+    result = -result;
+  } else if (inputMax === Infinity) {
+    result = result - inputMin;
+  } else {
+    result = (result - inputMin) / (inputMax - inputMin);
+  }
+  result = easing(result);
+  if (outputMin === -Infinity) {
+    result = -result;
+  } else if (outputMax === Infinity) {
+    result = result + outputMin;
+  } else {
+    result = result * (outputMax - outputMin) + outputMin;
+  }
+  return result;
 }
 function colorToRgba(input) {
   let normalizedColor = (0, import_react_native_web_internals.normalizeColor)(input);
-  if (normalizedColor === null || typeof normalizedColor != "number") return input;
+  if (normalizedColor === null || typeof normalizedColor !== "number") {
+    return input;
+  }
   normalizedColor = normalizedColor || 0;
-  const r = (normalizedColor & 4278190080) >>> 24,
-    g = (normalizedColor & 16711680) >>> 16,
-    b = (normalizedColor & 65280) >>> 8,
-    a = (normalizedColor & 255) / 255;
+  const r = (normalizedColor & 4278190080) >>> 24;
+  const g = (normalizedColor & 16711680) >>> 16;
+  const b = (normalizedColor & 65280) >>> 8;
+  const a = (normalizedColor & 255) / 255;
   return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
 const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
 function createInterpolationFromStringOutputRange(config) {
   let outputRange = config.outputRange;
-  (0, import_react_native_web_internals.invariant)(outputRange.length >= 2, "Bad output range"), outputRange = outputRange.map(colorToRgba), checkPattern(outputRange);
+  (0, import_react_native_web_internals.invariant)(outputRange.length >= 2, "Bad output range");
+  outputRange = outputRange.map(colorToRgba);
+  checkPattern(outputRange);
   const outputRanges = outputRange[0].match(stringShapeRegex).map(() => []);
   outputRange.forEach(value => {
     value.match(stringShapeRegex).forEach((number, i) => {
       outputRanges[i].push(+number);
     });
   });
-  const interpolations = outputRange[0].match(stringShapeRegex).map((value, i) => createInterpolation({
+  const interpolations = outputRange[0].match(stringShapeRegex).map((value, i) => {
+    return createInterpolation({
       ...config,
       outputRange: outputRanges[i]
-    })),
-    shouldRound = isRgbOrRgba(outputRange[0]);
+    });
+  });
+  const shouldRound = isRgbOrRgba(outputRange[0]);
   return input => {
     let i = 0;
     return outputRange[0].replace(stringShapeRegex, () => {
       let val = +interpolations[i++](input);
-      return shouldRound && (val = i < 4 ? Math.round(val) : Math.round(val * 1e3) / 1e3), String(val);
+      if (shouldRound) {
+        val = i < 4 ? Math.round(val) : Math.round(val * 1e3) / 1e3;
+      }
+      return String(val);
     });
   };
 }
 function isRgbOrRgba(range) {
-  return typeof range == "string" && range.startsWith("rgb");
+  return typeof range === "string" && range.startsWith("rgb");
 }
 function checkPattern(arr) {
   const pattern = arr[0].replace(stringShapeRegex, "");
-  for (let i = 1; i < arr.length; ++i) (0, import_react_native_web_internals.invariant)(pattern === arr[i].replace(stringShapeRegex, ""), "invalid pattern " + arr[0] + " and " + arr[i]);
+  for (let i = 1; i < arr.length; ++i) {
+    (0, import_react_native_web_internals.invariant)(pattern === arr[i].replace(stringShapeRegex, ""), "invalid pattern " + arr[0] + " and " + arr[i]);
+  }
 }
 function findRange(input, inputRange) {
   let i;
-  for (i = 1; i < inputRange.length - 1 && !(inputRange[i] >= input); ++i);
+  for (i = 1; i < inputRange.length - 1; ++i) {
+    if (inputRange[i] >= input) {
+      break;
+    }
+  }
   return i - 1;
 }
 function checkValidInputRange(arr) {
   (0, import_react_native_web_internals.invariant)(arr.length >= 2, "inputRange must have at least 2 elements");
   const message = "inputRange must be monotonically non-decreasing " + String(arr);
-  for (let i = 1; i < arr.length; ++i) (0, import_react_native_web_internals.invariant)(arr[i] >= arr[i - 1], message);
+  for (let i = 1; i < arr.length; ++i) {
+    (0, import_react_native_web_internals.invariant)(arr[i] >= arr[i - 1], message);
+  }
 }
 function checkInfiniteRange(name, arr) {
-  (0, import_react_native_web_internals.invariant)(arr.length >= 2, name + " must have at least 2 elements"), (0, import_react_native_web_internals.invariant)(arr.length !== 2 || arr[0] !== -1 / 0 || arr[1] !== 1 / 0, name + "cannot be ]-infinity;+infinity[ " + arr);
+  (0, import_react_native_web_internals.invariant)(arr.length >= 2, name + " must have at least 2 elements");
+  (0, import_react_native_web_internals.invariant)(arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity, name + "cannot be ]-infinity;+infinity[ " + arr);
 }
 class AnimatedInterpolation extends import_AnimatedWithChildren.AnimatedWithChildren {
   // Export for testing.
   static __createInterpolation = createInterpolation;
   constructor(parent, config) {
-    super(), this._parent = parent, this._config = config, this._interpolation = createInterpolation(config);
+    super();
+    this._parent = parent;
+    this._config = config;
+    this._interpolation = createInterpolation(config);
   }
   __makeNative(platformConfig) {
-    this._parent.__makeNative(platformConfig), super.__makeNative(platformConfig);
+    this._parent.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
   __getValue() {
     const parentValue = this._parent.__getValue();
-    return (0, import_react_native_web_internals.invariant)(typeof parentValue == "number", "Cannot interpolate an input which is not a number."), this._interpolation(parentValue);
+    (0, import_react_native_web_internals.invariant)(typeof parentValue === "number", "Cannot interpolate an input which is not a number.");
+    return this._interpolation(parentValue);
   }
   interpolate(config) {
     return new AnimatedInterpolation(this, config);
@@ -131,13 +202,17 @@ class AnimatedInterpolation extends import_AnimatedWithChildren.AnimatedWithChil
     this._parent.__addChild(this);
   }
   __detach() {
-    this._parent.__removeChild(this), super.__detach();
+    this._parent.__removeChild(this);
+    super.__detach();
   }
   __transformDataType(range) {
     return range.map(import_NativeAnimatedHelper.NativeAnimatedHelper.transformDataType);
   }
   __getNativeConfig() {
-    return __DEV__ && import_NativeAnimatedHelper.NativeAnimatedHelper.validateInterpolation(this._config), {
+    if (__DEV__) {
+      import_NativeAnimatedHelper.NativeAnimatedHelper.validateInterpolation(this._config);
+    }
+    return {
       inputRange: this._config.inputRange,
       // Only the `outputRange` can contain strings so we don't need to transform `inputRange` here
       outputRange: this.__transformDataType(this._config.outputRange),

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedModulo.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedModulo_exports = {};
 __export(AnimatedModulo_exports, {
@@ -24,16 +26,19 @@ __export(AnimatedModulo_exports, {
   default: () => AnimatedModulo_default
 });
 module.exports = __toCommonJS(AnimatedModulo_exports);
-var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs"),
-  import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
+var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs");
+var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
 class AnimatedModulo extends import_AnimatedWithChildren.AnimatedWithChildren {
   _a;
   _modulus;
   constructor(a, modulus) {
-    super(), this._a = a, this._modulus = modulus;
+    super();
+    this._a = a;
+    this._modulus = modulus;
   }
   __makeNative(platformConfig) {
-    this._a.__makeNative(platformConfig), super.__makeNative(platformConfig);
+    this._a.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
   __getValue() {
     return (this._a.__getValue() % this._modulus + this._modulus) % this._modulus;
@@ -45,7 +50,8 @@ class AnimatedModulo extends import_AnimatedWithChildren.AnimatedWithChildren {
     this._a.__addChild(this);
   }
   __detach() {
-    this._a.__removeChild(this), super.__detach();
+    this._a.__removeChild(this);
+    super.__detach();
   }
   __getNativeConfig() {
     return {

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedMultiplication.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedMultiplication_exports = {};
 __export(AnimatedMultiplication_exports, {
@@ -26,17 +28,21 @@ __export(AnimatedMultiplication_exports, {
   default: () => AnimatedMultiplication_default
 });
 module.exports = __toCommonJS(AnimatedMultiplication_exports);
-var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs"),
-  import_AnimatedValue = require("./AnimatedValue.cjs"),
-  import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
+var import_AnimatedInterpolation = require("./AnimatedInterpolation.cjs");
+var import_AnimatedValue = require("./AnimatedValue.cjs");
+var import_AnimatedWithChildren = require("./AnimatedWithChildren.cjs");
 class AnimatedMultiplication extends import_AnimatedWithChildren.AnimatedWithChildren {
   _a;
   _b;
   constructor(a, b) {
-    super(), this._a = typeof a == "number" ? new import_AnimatedValue.AnimatedValue(a) : a, this._b = typeof b == "number" ? new import_AnimatedValue.AnimatedValue(b) : b;
+    super();
+    this._a = typeof a === "number" ? new import_AnimatedValue.AnimatedValue(a) : a;
+    this._b = typeof b === "number" ? new import_AnimatedValue.AnimatedValue(b) : b;
   }
   __makeNative(platformConfig) {
-    this._a.__makeNative(platformConfig), this._b.__makeNative(platformConfig), super.__makeNative(platformConfig);
+    this._a.__makeNative(platformConfig);
+    this._b.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
   __getValue() {
     return this._a.__getValue() * this._b.__getValue();
@@ -45,10 +51,13 @@ class AnimatedMultiplication extends import_AnimatedWithChildren.AnimatedWithChi
     return new import_AnimatedInterpolation.AnimatedInterpolation(this, config);
   }
   __attach() {
-    this._a.__addChild(this), this._b.__addChild(this);
+    this._a.__addChild(this);
+    this._b.__addChild(this);
   }
   __detach() {
-    this._a.__removeChild(this), this._b.__removeChild(this), super.__detach();
+    this._a.__removeChild(this);
+    this._b.__removeChild(this);
+    super.__detach();
   }
   __getNativeConfig() {
     return {

package/dist/cjs/vendor/react-native/Animated/nodes/AnimatedNode.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedNode_exports = {};
 __export(AnimatedNode_exports, {
@@ -26,8 +28,8 @@ __export(AnimatedNode_exports, {
   default: () => AnimatedNode_default
 });
 module.exports = __toCommonJS(AnimatedNode_exports);
-var import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_NativeAnimatedHelper = require("../NativeAnimatedHelper.cjs");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 const NativeAnimatedAPI = import_NativeAnimatedHelper.NativeAnimatedHelper.API;
 let _uniqueId = 1;
 class AnimatedNode {
@@ -36,7 +38,10 @@ class AnimatedNode {
   __nativeAnimatedValueListener;
   __attach() {}
   __detach() {
-    this.__isNative && this.__nativeTag != null && (import_NativeAnimatedHelper.NativeAnimatedHelper.API.dropAnimatedNode(this.__nativeTag), this.__nativeTag = void 0);
+    if (this.__isNative && this.__nativeTag != null) {
+      import_NativeAnimatedHelper.NativeAnimatedHelper.API.dropAnimatedNode(this.__nativeTag);
+      this.__nativeTag = void 0;
+    }
   }
   __getValue() {}
   __getAnimatedValue() {
@@ -55,8 +60,13 @@ class AnimatedNode {
     this._listeners = {};
   }
   __makeNative(platformConfig) {
-    if (!this.__isNative) throw new Error('This node cannot be made a "native" animated node');
-    this._platformConfig = platformConfig, this.hasListeners() && this._startListeningToNativeValueUpdates();
+    if (!this.__isNative) {
+      throw new Error('This node cannot be made a "native" animated node');
+    }
+    this._platformConfig = platformConfig;
+    if (this.hasListeners()) {
+      this._startListeningToNativeValueUpdates();
+    }
   }
   /**
    * Adds an asynchronous listener to the value so you can observe updates from
@@ -67,7 +77,11 @@ class AnimatedNode {
    */
   addListener(callback) {
     const id = String(_uniqueId++);
-    return this._listeners[id] = callback, this.__isNative && this._startListeningToNativeValueUpdates(), id;
+    this._listeners[id] = callback;
+    if (this.__isNative) {
+      this._startListeningToNativeValueUpdates();
+    }
+    return id;
   }
   /**
    * Unregister a listener. The `id` param shall match the identifier
@@ -76,7 +90,10 @@ class AnimatedNode {
    * See https://reactnative.dev/docs/animatedvalue#removelistener
    */
   removeListener(id) {
-    delete this._listeners[id], this.__isNative && !this.hasListeners() && this._stopListeningForNativeValueUpdates();
+    delete this._listeners[id];
+    if (this.__isNative && !this.hasListeners()) {
+      this._stopListeningForNativeValueUpdates();
+    }
   }
   /**
    * Remove all registered listeners.
@@ -84,34 +101,60 @@ class AnimatedNode {
    * See https://reactnative.dev/docs/animatedvalue#removealllisteners
    */
   removeAllListeners() {
-    this._listeners = {}, this.__isNative && this._stopListeningForNativeValueUpdates();
+    this._listeners = {};
+    if (this.__isNative) {
+      this._stopListeningForNativeValueUpdates();
+    }
   }
   hasListeners() {
     return !!Object.keys(this._listeners).length;
   }
   _startListeningToNativeValueUpdates() {
-    this.__nativeAnimatedValueListener && !this.__shouldUpdateListenersForNewNativeTag || (this.__shouldUpdateListenersForNewNativeTag && (this.__shouldUpdateListenersForNewNativeTag = !1, this._stopListeningForNativeValueUpdates()), NativeAnimatedAPI.startListeningToAnimatedNodeValue(this.__getNativeTag()), this.__nativeAnimatedValueListener = import_NativeAnimatedHelper.NativeAnimatedHelper.nativeEventEmitter.addListener("onAnimatedValueUpdate", data => {
-      data.tag === this.__getNativeTag() && this.__onAnimatedValueUpdateReceived(data.value);
-    }));
+    if (this.__nativeAnimatedValueListener && !this.__shouldUpdateListenersForNewNativeTag) {
+      return;
+    }
+    if (this.__shouldUpdateListenersForNewNativeTag) {
+      this.__shouldUpdateListenersForNewNativeTag = false;
+      this._stopListeningForNativeValueUpdates();
+    }
+    NativeAnimatedAPI.startListeningToAnimatedNodeValue(this.__getNativeTag());
+    this.__nativeAnimatedValueListener = import_NativeAnimatedHelper.NativeAnimatedHelper.nativeEventEmitter.addListener("onAnimatedValueUpdate", data => {
+      if (data.tag !== this.__getNativeTag()) {
+        return;
+      }
+      this.__onAnimatedValueUpdateReceived(data.value);
+    });
   }
   __onAnimatedValueUpdateReceived(value) {
     this.__callListeners(value);
   }
   __callListeners(value) {
-    for (const key in this._listeners) this._listeners[key]({
-      value
-    });
+    for (const key in this._listeners) {
+      this._listeners[key]({
+        value
+      });
+    }
   }
   _stopListeningForNativeValueUpdates() {
-    this.__nativeAnimatedValueListener && (this.__nativeAnimatedValueListener.remove(), this.__nativeAnimatedValueListener = null, NativeAnimatedAPI.stopListeningToAnimatedNodeValue(this.__getNativeTag()));
+    if (!this.__nativeAnimatedValueListener) {
+      return;
+    }
+    this.__nativeAnimatedValueListener.remove();
+    this.__nativeAnimatedValueListener = null;
+    NativeAnimatedAPI.stopListeningToAnimatedNodeValue(this.__getNativeTag());
   }
   __getNativeTag() {
-    import_NativeAnimatedHelper.NativeAnimatedHelper.assertNativeAnimatedModule(), (0, import_react_native_web_internals.invariant)(this.__isNative, 'Attempt to get native tag from node not marked as "native"');
+    import_NativeAnimatedHelper.NativeAnimatedHelper.assertNativeAnimatedModule();
+    (0, import_react_native_web_internals.invariant)(this.__isNative, 'Attempt to get native tag from node not marked as "native"');
     const nativeTag = this.__nativeTag ?? import_NativeAnimatedHelper.NativeAnimatedHelper.generateNewNodeTag();
     if (this.__nativeTag == null) {
       this.__nativeTag = nativeTag;
       const config = this.__getNativeConfig();
-      this._platformConfig && (config.platformConfig = this._platformConfig), import_NativeAnimatedHelper.NativeAnimatedHelper.API.createAnimatedNode(nativeTag, config), this.__shouldUpdateListenersForNewNativeTag = !0;
+      if (this._platformConfig) {
+        config.platformConfig = this._platformConfig;
+      }
+      import_NativeAnimatedHelper.NativeAnimatedHelper.API.createAnimatedNode(nativeTag, config);
+      this.__shouldUpdateListenersForNewNativeTag = true;
     }
     return nativeTag;
   }