ratchet/types/xyz.js

CSS3 Transform Parsers and Generator

const TransformValue = require('./value');

function XYZ(type, opts) {
  if (!(this instanceof XYZ)) {
    return new XYZ(type, opts);
  }

  opts = opts || {};

  this.type = type;
  this.defaultValue = opts.defaultValue || 0;

  // look for the default units
  const defaultUnits = (opts.x || {}).units ||
    (opts.y || {}).units ||
    (opts.z || {}).units ||
    opts.units;

  // initialise the units
  this.units = typeof defaultUnits != 'undefined' ? defaultUnits : 'px';

  this.x = new TransformValue(typeof opts.x != 'undefined' ?
    opts.x : this.defaultValue, this.units);

  this.y = new TransformValue(typeof opts.y != 'undefined' ?
    opts.y : this.defaultValue, this.units);

  this.z = new TransformValue(typeof opts.z != 'undefined' ?
    opts.z : this.defaultValue, this.units);
}

module.exports = XYZ;

XYZ.prototype.add = function(value) {
  let x = this.x.valueOf();
  let y = this.y.valueOf();
  let z = this.z.valueOf();

  if (typeof value == 'number') {
    x += value;
    y += value;
    z = z ? z + value : 0;
  } else {
    for (let ii = arguments.length; ii--;) {
      x += arguments[ii].x || 0;
      y += arguments[ii].y || 0;
      z = (z || arguments[ii].z) ? z + (arguments[ii].z || 0) : 0;
    }
  }

  return new XYZ(this.type, { x: x, y: y, z: z, units: this.units });
};

XYZ.prototype.mul = function(value) {
  var x = this.x.valueOf();
  var y = this.y.valueOf();
  var z = this.z ? this.z.valueOf() : 0;
  var ii;

  if (typeof value == 'number') {
    x *= value;
    y *= value;
    z = typeof this.z != 'undefined' ? z * value : 0;
  } else {
    for (ii = arguments.length; ii--;) {
      x *= arguments[ii].x;
      y *= arguments[ii].y;
      z *= arguments[ii].z;
    }
  }

  return new XYZ(this.type, { x: x, y: y, z: z, units: this.units });
};

['sub', 'div'].forEach(function(op) {
  var isSub = op === 'sub';
  var mappedKey = isSub ? 'add' : 'mul';

  XYZ.prototype[op] = function(value) {
    var xyz = this;
    var args;

    if (typeof value == 'number') {
      return this[mappedKey](isSub ? -value : 1 / value);
    }

    args = Array.prototype.map.call(arguments, function(item) {
      var inverted = new XYZ(xyz.type, item);

      if (isSub) {
        inverted.x = -inverted.x;
        inverted.y = -inverted.y;
        inverted.z = -inverted.z;
      } else {
        inverted.x = 1 / inverted.x;
        inverted.y = 1 / inverted.y;
        inverted.z = inverted.z ? 1 / inverted.z : 0;
      }

      return inverted;
    });

    return this[mappedKey].apply(this, args);
  };
});

XYZ.prototype.toString = function(opts) {
  var output = [];

  // ensure options are defined
  opts = opts || {};

  if (opts.all || (this.x.value != this.defaultValue)) {
    output[output.length] = this.type + 'X(' + this.x.value +
      this.x.units + ')';
  }

  if (opts.all || (this.y.value != this.defaultValue)) {
    output[output.length] = this.type + 'Y(' + this.y.value +
      this.y.units + ')';
  }

  if (opts.all || (this.z.value != this.defaultValue)) {
    output[output.length] = this.type + 'Z(' + this.z.value +
      this.z.units + ')';
  }

  return output.join(' ');
};