39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.getDirectionStyle = getDirectionStyle;
|
|
exports.getIndex = getIndex;
|
|
exports.getOffset = getOffset;
|
|
function getOffset(value, min, max) {
|
|
return (value - min) / (max - min);
|
|
}
|
|
function getDirectionStyle(direction, value, min, max) {
|
|
const offset = getOffset(value, min, max);
|
|
const positionStyle = {};
|
|
switch (direction) {
|
|
case 'rtl':
|
|
positionStyle.right = `${offset * 100}%`;
|
|
positionStyle.transform = 'translateX(50%)';
|
|
break;
|
|
case 'btt':
|
|
positionStyle.bottom = `${offset * 100}%`;
|
|
positionStyle.transform = 'translateY(50%)';
|
|
break;
|
|
case 'ttb':
|
|
positionStyle.top = `${offset * 100}%`;
|
|
positionStyle.transform = 'translateY(-50%)';
|
|
break;
|
|
default:
|
|
positionStyle.left = `${offset * 100}%`;
|
|
positionStyle.transform = 'translateX(-50%)';
|
|
break;
|
|
}
|
|
return positionStyle;
|
|
}
|
|
|
|
/** Return index value if is list or return value directly */
|
|
function getIndex(value, index) {
|
|
return Array.isArray(value) ? value[index] : value;
|
|
} |