react-native-reanimated/lib/module/css/platform/web/utils.js

More powerful alternative to Animated library for React Native.

'use strict';

import { hasSuffix, maybeAddSuffix, processColor, ReanimatedError } from "../../../common/index.js";
import { CubicBezierEasing, LinearEasing, StepsEasing } from "../../easings/index.js";
import { kebabizeCamelCase } from "../../utils/index.js";
export function maybeAddSuffixes(object, key, suffix) {
  if (!(key in object)) {
    return [];
  }
  return object[key].map(value => maybeAddSuffix(value, suffix));
}
function easingMapper(easing) {
  if (typeof easing === 'string') {
    return easing;
  }
  if (easing instanceof StepsEasing) {
    return `steps(${easing.stepsNumber}, ${kebabizeCamelCase(easing.modifier)})`;
  }
  if (easing instanceof CubicBezierEasing) {
    return `cubic-bezier(${easing.x1}, ${easing.y1}, ${easing.x2}, ${easing.y2})`;
  }
  if (easing instanceof LinearEasing) {
    const values = easing.points.map(point => Array.isArray(point) ? point.join(' ') : point).join(', ');
    return `linear(${values})`;
  }
  throw new ReanimatedError(`Invalid timing function ${easing.toString()}`);
}
export function parseTimingFunction(timingFunction) {
  if (Array.isArray(timingFunction)) {
    return timingFunction.map(easingMapper).join(', ');
  }
  return easingMapper(timingFunction);
}
export function parseDimensionValue(value) {
  if (typeof value === 'object') {
    return;
  }
  if (typeof value === 'string') {
    return value;
  }
  if (!hasSuffix(value)) {
    return `${value}px`;
  }
  return value;
}
export function opacifyColor(color, opacity) {
  const colorNumber = processColor(color);
  if (colorNumber == null) {
    return null;
  }
  const a = colorNumber >> 24 & 0xff;
  const r = colorNumber >> 16 & 0xff;
  const g = colorNumber >> 8 & 0xff;
  const b = colorNumber & 0xff;

  // Combine the existing alpha with the new opacity
  const newAlpha = a / 255 * opacity;
  return `rgba(${r}, ${g}, ${b}, ${newAlpha})`;
}
//# sourceMappingURL=utils.js.map