function Element(options) {
this.target = options.target;
this.size = options.size;
if (options.translate) this.transform = Transform.translate.apply(null, options.translate);
this.origin = options.origin;
this.opacity = options.opacity || 1;
}
function modifierWithTransform(config, modifier){
modifier = modifier || new Modifier();
if (config.transform){
var transform;
var candidate = config.transform;
if(_.isArray(candidate)){
var x = 0;
var y = 0;
var z = 0;
x = config.transform[0] || x;
y = config.transform[1] || y;
z = config.transform[2] || z;
transform = Transform.translate.apply(Transform, [x, y, z]);
} else if(_.isFunction(candidate)){
transform = candidate;
}
if(transform){
modifier.transformFrom(transform);
}
}
return modifier;
}
function _translateZ (midpoint) {
var screenWidth = this.options.direction === Utility.Direction.X ? window.innerWidth : window.innerHeight;
var minDepth = this.options.minDepth;
var maxDepth = this.options.maxDepth;
var lowerBound = this.options.lowerBound * screenWidth;
var upperBound = this.options.upperBound * screenWidth;
var scale = _scalingFactor(screenWidth, minDepth, maxDepth, midpoint, upperBound, lowerBound);
return Transform.translate.apply(null, [0, 0, scale]);
}
function _createModifier(index, size, position, opacity) {
var transitionItem = {
transform: new TransitionableTransform(Transform.translate.apply(null, position)),
opacity: new Transitionable(opacity),
size: new Transitionable(size)
};
var modifier = new Modifier({
transform: transitionItem.transform,
opacity: transitionItem.opacity,
size: transitionItem.size
});
this._states[index] = transitionItem;
this._modifiers[index] = modifier;
}
function _translateXY (offset) {
var direction = this.options.direction;
var vector = [0, 0, 0];
vector[direction] = offset;
return Transform.translate.apply(null, vector);
}
transform : function () {
var state = this._cubeTranslationState.get();
return Transform.translate.apply(this, state);
}.bind(this)