vevet/lib/cjs/components/Snap/logic/Slide/Parallax/constants.js

Vevet is a JavaScript library for creative development that simplifies crafting rich interactions like split text animations, carousels, marquees, preloading, and more.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PARALLAX_ATTRIBUTES = exports.PARALLAX_TYPES = exports.PARALLAX_GROUPS = void 0;
var utils_1 = require("../../../../../utils");
var utils_2 = require("./utils");
exports.PARALLAX_GROUPS = [
    {
        prop: 'transform',
        types: [
            {
                attr: (0, utils_2.getAttrName)('x'),
                prop: 'translateX',
                unit: 'px',
            },
            {
                attr: (0, utils_2.getAttrName)('y'),
                prop: 'translateY',
                unit: 'px',
            },
            {
                attr: (0, utils_2.getAttrName)('z'),
                prop: 'translateZ',
                unit: 'px',
            },
            {
                attr: (0, utils_2.getAttrName)('scale'),
                prop: 'scale',
                unit: '',
                modifier: function (value) { return value + 1; },
            },
            {
                attr: (0, utils_2.getAttrName)('scale-x'),
                prop: 'scaleX',
                unit: '',
                modifier: function (value) { return value + 1; },
            },
            {
                attr: (0, utils_2.getAttrName)('scale-y'),
                prop: 'scaleY',
                unit: '',
                modifier: function (value) { return value + 1; },
            },
            {
                attr: (0, utils_2.getAttrName)('skew'),
                prop: 'skew',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('skew-x'),
                prop: 'skewX',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('skew-y'),
                prop: 'skewY',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('rotate'),
                prop: 'rotate',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('rotate-x'),
                prop: 'rotateX',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('rotate-y'),
                prop: 'rotateY',
                unit: 'deg',
            },
            {
                attr: (0, utils_2.getAttrName)('rotate-z'),
                prop: 'rotateZ',
                unit: 'deg',
            },
        ],
    },
    {
        prop: 'opacity',
        types: [
            {
                attr: (0, utils_2.getAttrName)('opacity'),
                prop: 'opacity',
                unit: '',
                isAbs: true,
                modifier: function (value) { return (0, utils_1.clamp)(value + 1, 0, 1); },
            },
        ],
    },
];
exports.PARALLAX_TYPES = exports.PARALLAX_GROUPS.map(function (_a) {
    var types = _a.types;
    return types;
}).flat();
exports.PARALLAX_ATTRIBUTES = exports.PARALLAX_TYPES.map(function (_a) {
    var attr = _a.attr;
    return attr;
});
//# sourceMappingURL=constants.js.map