easy-css-transform-builder
Version:
Easily build CSS transform values with JavaScript.
45 lines (44 loc) • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.UnitTypes = {
NONE: 'none',
LENGTH: 'length',
ANGLE: 'angle',
};
exports.transformProperties = [
{ name: 'translateX', unit: exports.UnitTypes.LENGTH },
{ name: 'translateY', unit: exports.UnitTypes.LENGTH },
{ name: 'translateZ', unit: exports.UnitTypes.LENGTH },
{ name: 'translate', units: [exports.UnitTypes.LENGTH, exports.UnitTypes.LENGTH] },
{ name: 'translate3d', units: [exports.UnitTypes.LENGTH, exports.UnitTypes.LENGTH, exports.UnitTypes.LENGTH] },
{ name: 'scale', unit: exports.UnitTypes.NONE },
{ name: 'scale3d', units: [exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE] },
{ name: 'scaleX', unit: exports.UnitTypes.NONE },
{ name: 'scaleY', unit: exports.UnitTypes.NONE },
{ name: 'scaleZ', unit: exports.UnitTypes.NONE },
{ name: 'rotate', unit: exports.UnitTypes.ANGLE },
{ name: 'rotate3d', units: [exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.ANGLE] },
{ name: 'rotateX', unit: exports.UnitTypes.ANGLE },
{ name: 'rotateY', unit: exports.UnitTypes.ANGLE },
{ name: 'rotateZ', unit: exports.UnitTypes.ANGLE },
{ name: 'skewX', unit: exports.UnitTypes.ANGLE },
{ name: 'skewY', unit: exports.UnitTypes.ANGLE },
{ name: 'perspective', unit: exports.UnitTypes.LENGTH },
{
name: 'matrix',
units: [
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
],
},
{
name: 'matrix3d',
units: [
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE, exports.UnitTypes.NONE,
],
},
];
exports.properties = exports.transformProperties.map(function (prop) { return prop.name; });