@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
48 lines (46 loc) • 1.74 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ItemRoot = void 0;
var _styled = _interopRequireDefault(require("@emotion/styled"));
var _react = require("@emotion/react");
var _utils = require("../../../../utils");
/* eslint-disable @typescript-eslint/naming-convention */
var FrameFadeIn = (0, _react.keyframes)({
'0%': {
opacity: 0
},
'100%': {
opacity: 1
}
});
var ItemRoot = exports.ItemRoot = (0, _styled["default"])('li', {
shouldForwardProp: function shouldForwardProp(prop) {
return (0, _utils.handleProps)(prop, ['translateX', 'translateY', 'scaleX', 'scaleY', 'dragOverlay', 'fadeIn']);
}
})(function (_ref) {
var _ref$translateX = _ref.translateX,
translateX = _ref$translateX === void 0 ? '0' : _ref$translateX,
_ref$translateY = _ref.translateY,
translateY = _ref$translateY === void 0 ? '0' : _ref$translateY,
_ref$scaleX = _ref.scaleX,
scaleX = _ref$scaleX === void 0 ? '1' : _ref$scaleX,
_ref$scaleY = _ref.scaleY,
scaleY = _ref$scaleY === void 0 ? '1' : _ref$scaleY,
_ref$dragOverlay = _ref.dragOverlay,
dragOverlay = _ref$dragOverlay === void 0 ? false : _ref$dragOverlay,
_ref$fadeIn = _ref.fadeIn,
fadeIn = _ref$fadeIn === void 0 ? false : _ref$fadeIn;
return Object.assign({
display: 'flex',
transform: "translate3d(".concat(translateX, ", ").concat(translateY, ", 0)\n scaleX(").concat(scaleX, ") scaleY(").concat(scaleY, ")"),
transformOrigin: '0 0',
touchAction: 'manipulation'
}, fadeIn && {
animation: "".concat(FrameFadeIn, " 0.3s ease-in-out")
}, dragOverlay && {
zIndex: 999
});
});