pouncejs/dist/cjs/components/FadeIn/utils.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.generateKeyframes = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = require("@emotion/react");

function _templateObject2() {
  var data = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% { opacity: 0; transform: ", "; }\n    100% { opacity: 1; transform: translate3d(0, 0, 0); }\n  "]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      0% { opacity: 0; }\n      100% { opacity: 1; }\n    "]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var generateKeyframes = function generateKeyframes(from, offset) {
  if (from === 'center') {
    return (0, _react.keyframes)(_templateObject());
  }

  var initialTransformValue;

  switch (from) {
    case 'right':
      initialTransformValue = "translate3d(" + offset + "px, 0, 0)";
      break;

    case 'left':
      initialTransformValue = "translate3d(-" + offset + "px, 0, 0)";
      break;

    case 'top':
      initialTransformValue = "translate3d(0, -" + offset + "px, 0)";
      break;

    case 'bottom':
    default:
      initialTransformValue = "translate3d(0, " + offset + "px, 0)";
  }

  return (0, _react.keyframes)(_templateObject2(), initialTransformValue);
};

exports.generateKeyframes = generateKeyframes;