34 lines
843 B
JavaScript
34 lines
843 B
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "rotateAtom", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return rotateAtom;
|
|
}
|
|
});
|
|
const _reactmotion = require("@fluentui/react-motion");
|
|
const createRotateValue = (axis, angle)=>{
|
|
return `${axis.toLowerCase()} ${angle}deg`;
|
|
};
|
|
const rotateAtom = ({ direction, duration, easing = _reactmotion.motionTokens.curveLinear, delay = 0, axis = 'z', outAngle = -90, inAngle = 0 })=>{
|
|
const keyframes = [
|
|
{
|
|
rotate: createRotateValue(axis, outAngle)
|
|
},
|
|
{
|
|
rotate: createRotateValue(axis, inAngle)
|
|
}
|
|
];
|
|
if (direction === 'exit') {
|
|
keyframes.reverse();
|
|
}
|
|
return {
|
|
keyframes,
|
|
duration,
|
|
easing,
|
|
delay
|
|
};
|
|
};
|