winbox-ui-next/lib/color-picker/_styles/transitions/fade-in-scale-up.cssr.js

We Design Vue 2.0: A Vue.js 3 UI Library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports[Symbol.toStringTag] = "Module";
var index = require("../../_utils/cssr/index.js");
var _common = require("../common/_common.js");
const { cubicBezierEaseIn, cubicBezierEaseOut } = _common;
function fadeInScaleUpTransition({
  transformOrigin = "inherit",
  duration = ".2s",
  enterScale = ".9",
  originalTransform = "",
  originalTransition = ""
} = {}) {
  return [
    index.c("&.fade-in-scale-up-transition-leave-active", {
      transformOrigin,
      transition: `opacity ${duration} ${cubicBezierEaseIn}, transform ${duration} ${cubicBezierEaseIn} ${originalTransition && `,${originalTransition}`}`
    }),
    index.c("&.fade-in-scale-up-transition-enter-active", {
      transformOrigin,
      transition: `opacity ${duration} ${cubicBezierEaseOut}, transform ${duration} ${cubicBezierEaseOut} ${originalTransition && `,${originalTransition}`}`
    }),
    index.c("&.fade-in-scale-up-transition-enter-from, &.fade-in-scale-up-transition-leave-to", {
      opacity: 0,
      transform: `${originalTransform} scale(${enterScale})`
    }),
    index.c("&.fade-in-scale-up-transition-leave-from, &.fade-in-scale-up-transition-enter-to", {
      opacity: 1,
      transform: `${originalTransform} scale(1)`
    })
  ];
}
exports.fadeInScaleUpTransition = fadeInScaleUpTransition;