middleman-wizard-template 1.0.2 → 1.0.3

data/lib/middleman-wizard-template/template/source/javascripts/_lib/ww/Transform.js

@@ -0,0 +1,312 @@
+goog.provide('ww.transform');
+goog.require('Sylvester.Matrix');
+
+/**
+ * CSS Transform support.
+ */
+
+/**
+ * Called immediately
+ * @private
+ */
+(function detectSupport_() {
+  ww.transform.translationUnit = '';
+
+  var prop = 'transform',
+      vendorProp,
+      // capitalize first character of the prop to test vendor prefix
+      capProp = prop.charAt(0).toUpperCase() + prop.slice(1),
+      prefixes = ['Moz', 'Webkit', 'O', 'ms'],
+      div = document.createElement('div');
+
+  if (prop in div.style) {
+    // browser supports standard CSS property name
+    ww.transform.supportedProp = prop;
+    ww.transform.supports3d = div.style.perspective !== undefined;
+  } else {
+    // otherwise test support for vendor-prefixed property names
+    for (var i = 0; i < prefixes.length; i++) {
+      vendorProp = prefixes[i] + capProp;
+
+      if (vendorProp in div.style) {
+        ww.transform.supportedProp = vendorProp;
+        if (prefixes[i] === 'Moz') {
+          ww.transform.translationUnit = 'px';
+        }
+        if ((prefixes[i] + 'Perspective') in div.style) {
+          ww.transform.supports3d = true;
+        }
+        else {
+          ww.transform.supports2d = true;
+        }
+        break;
+      }
+    }
+  }
+
+  // if (!ww.transform.supportedProp) {
+  //   ww.transform.supportsFilter = ('filter' in div.style);
+  //   ww.transform.supportedProp = 'filter';
+  // }
+
+  // avoid memory leak in IE
+  div = null;
+}).call(this);
+
+ww.transform.properties = {};
+
+ww.transform.properties['rotateX'] = {
+  defaultValue: 0,
+  'matrix3d': function(a) {
+    return $M([
+      [1, 0, 0, 0],
+      [0, Math.cos(a), Math.sin(-a), 0],
+      [0, Math.sin(a), Math.cos(a), 0],
+      [0, 0, 0, 1]
+    ]);
+  },
+  'matrix2d': function(a) {
+    return $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['rotateY'] = {
+  defaultValue: 0,
+  'matrix3d': function(b) {
+    return $M([
+      [Math.cos(b), 0, Math.sin(b), 0],
+      [0, 1, 0, 0],
+      [Math.sin(-b), 0, Math.cos(b), 0],
+      [0, 0, 0, 1]
+    ]);
+  },
+  'matrix2d': function(b) {
+    return $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['rotateZ'] = {
+  defaultValue: 0,
+  'matrix3d': function(c) {
+    return $M([
+      [Math.cos(c), Math.sin(-c), 0, 0],
+      [Math.sin(c), Math.cos(c), 0, 0],
+      [0, 0, 1, 0],
+      [0, 0, 0, 1]
+    ]);
+  },
+  'matrix2d': function(c) {
+    return $M([
+      [Math.cos(c), Math.sin(-c), 0],
+      [Math.sin(c), Math.cos(c), 0],
+      [0, 0, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['scale'] = {
+  defaultValue: 1,
+  'matrix3d': function(s) {
+    return $M([
+      [s, 0, 0, 0],
+      [0, s, 0, 0],
+      [0, 0, s, 0],
+      [0, 0, 0, 1]
+    ]);
+  },
+  'matrix2d': function(s) {
+    return $M([
+      [s, 0, 0],
+      [0, s, 0],
+      [0, 0, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['translateX'] = {
+  defaultValue: 0,
+  'matrix3d': function(tx) {
+    return $M([
+      [1, 0, 0, 0],
+      [0, 1, 0, 0],
+      [0, 0, 1, 0],
+      [tx, 0, 0, 1]
+    ]);
+  },
+  'matrix2d': function(tx) {
+    return $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [tx, 0, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['translateY'] = {
+  defaultValue: 0,
+  'matrix3d': function(ty) {
+    return $M([
+      [1, 0, 0, 0],
+      [0, 1, 0, 0],
+      [0, 0, 1, 0],
+      [0, ty, 0, 1]
+    ]);
+  },
+  'matrix2d': function(ty) {
+    return $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, ty, 1]
+    ]);
+  }
+};
+
+ww.transform.properties['translateZ'] = {
+  defaultValue: 0,
+  'matrix3d': function(tz) {
+    return $M([
+      [1, 0, 0, 0],
+      [0, 1, 0, 0],
+      [0, 0, 1, 0],
+      [0, 0, tz, 1]
+    ]);
+  },
+  'matrix2d': function(tz) {
+    return $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ]);
+  }
+};
+
+/**
+ * @private
+ */
+function applyMatrix_(elem) {
+  if (!ww.transform.supports3d && !ww.transform.supports2d) {
+    return;
+  }
+
+  var transforms = getTransformsForElem_(elem);
+  var matrixProp = ww.transform.supports3d ? 'matrix3d' : 'matrix2d';
+  var tM, s;
+
+  // Get identity matrices
+  if (ww.transform.supports3d) {
+    tM = $M([
+      [1, 0, 0, 0],
+      [0, 1, 0, 0],
+      [0, 0, 1, -1],
+      [0, 0, 0, 1]
+    ]);
+  } else {
+    tM = $M([
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ]);
+  }
+
+  for (var name in ww.transform.properties) {
+    if (ww.transform.properties.hasOwnProperty(name)) {
+      var curVal = transforms[name] || ww.transform.properties[name].defaultValue;
+      var propVal = ww.transform.properties[name];
+      tM = tM.x(propVal[matrixProp](curVal));
+    }
+  }
+
+  if (ww.transform.supports3d) {
+    s = 'matrix3d(';
+    s += tM.e(1, 1).toFixed(10) + ',' + tM.e(1, 2).toFixed(10) + ',';
+    s += tM.e(1, 3).toFixed(10) + ',' + tM.e(1, 4).toFixed(10) + ',';
+    s += tM.e(2, 1).toFixed(10) + ',' + tM.e(2, 2).toFixed(10) + ',';
+    s += tM.e(2, 3).toFixed(10) + ',' + tM.e(2, 4).toFixed(10) + ',';
+    s += tM.e(3, 1).toFixed(10) + ',' + tM.e(3, 2).toFixed(10) + ',';
+    s += tM.e(3, 3).toFixed(10) + ',' + tM.e(3, 4).toFixed(10) + ',';
+    s += tM.e(4, 1).toFixed(10) + ',' + tM.e(4, 2).toFixed(10) + ',';
+    s += tM.e(4, 3).toFixed(10) + ',' + tM.e(4, 4).toFixed(10);
+    s += ')';
+  } else {
+    s = 'matrix(';
+    s += tM.e(1, 1).toFixed(10) + ',' + tM.e(1, 2).toFixed(10) + ',';
+    s += tM.e(2, 1).toFixed(10) + ',' + tM.e(2, 2).toFixed(10) + ',';
+    s += tM.e(3, 1).toFixed(10) + ww.transform.translationUnit + ',';
+    s += tM.e(3, 2).toFixed(10) + ww.transform.translationUnit;
+    s += ')';
+  }
+
+  elem.style[ww.transform.supportedProp] = s;
+}
+
+/**
+ * @private
+ */
+ww.transform.cache_ = {};
+
+/**
+ * @private
+ */
+function getTransformsForElem_(elem) {
+  return ww.transform.cache_[elem.id];
+}
+
+/**
+ * @private
+ */
+function setTransformsForElem_(elem, transforms) {
+  if (!elem.id || !elem.id.length) {
+    throw 'Cannot set current transforms for element without id';
+  }
+
+  ww.transform.cache_[elem.id] = transforms;
+}
+
+ww.transform.getValue = function(elem, name) {
+  var transforms = getTransformsForElem_(elem);
+
+  if (transforms === undefined) {
+    transforms = {};
+  }
+
+  return transforms[name] || ww.transform.properties[name].defaultValue;
+};
+
+ww.transform.setValue = function(elem, name, value) {
+  if (!elem.id) {
+    elem.id = 'transform_' + (new Date()).getTime() + Math.random();
+  }
+
+  var transforms = getTransformsForElem_(elem);
+  if (transforms === undefined) {
+    transforms = {};
+  }
+
+  var propInfo = ww.transform.properties[name];
+
+  if (typeof propInfo.apply === 'function') {
+    var curVal = transforms[name] || propInfo.defaultValue;
+    transforms[name] = propInfo.apply(curVal, value);
+  } else {
+    transforms[name] = value;
+  }
+
+  setTransformsForElem_(elem, transforms);
+  applyMatrix_(elem);
+};
+
+if ('undefined' !== typeof jQuery) {
+  jQuery.fn.transform = function(name, value) {
+    return $(this).each(function() {
+      ww.transform.setValue(this, name, value);
+    });
+  };
+}

data/lib/middleman-wizard-template/template/source/javascripts/_lib/{Tween.js → ww/Tween.js}

@@ -1,7 +1,7 @@
 goog.provide('ww.Tween');
 goog.provide('ww.Tweens');
 goog.require('goog.array');
-// goog.require('ww.util');
+goog.require('ww.util');
 
 /**
  * Raw linear interpolation.
@@ -540,6 +540,11 @@ ww.Tween = function(object) {
   var _onUpdateCallback = null;
   var _onCompleteCallback = null;
 
+  // Set all starting values present on the target object
+  for (var field in object) {
+    _valuesStart[field] = parseFloat(object[field], 10);
+  }
+
   this.to = function(properties, duration) {
     if (duration !== null) {
       _duration = duration;
@@ -578,8 +583,7 @@ ww.Tween = function(object) {
     _startTime += _delayTime;
     for (var property in _valuesEnd) {
       if (_valuesEnd.hasOwnProperty(property)) {
-        // This prevents the interpolation of null values
-        // or of non-existing properties
+        // This prevents the interpolation of null values or of non-existing properties
         if ((property in _object) === false || _object[property] === null) {
           continue;
         }
@@ -597,8 +601,7 @@ ww.Tween = function(object) {
         _valuesStart[property] = _object[property];
 
         if ((_valuesStart[property] instanceof Array) == false) {
-           // Ensures we're using numbers, not strings
-          _valuesStart[property] *= 1.0;
+          _valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
         }
 
         _valuesStartRepeat[property] = _valuesStart[property];
@@ -617,7 +620,7 @@ ww.Tween = function(object) {
     return this;
   };
 
-  this.repeat = function(times) {
+  this.repeat = function (times) {
     _repeat = times;
     return this;
   };
@@ -627,7 +630,7 @@ ww.Tween = function(object) {
     return this;
   };
 
-  this.onStart = function(callback) {
+  this.onStart = function (callback) {
     _onStartCallback = callback;
     return this;
   };
@@ -660,13 +663,17 @@ ww.Tween = function(object) {
 
     var value = _easingFunction(elapsed);
 
-    for (var property in _valuesStart) {
+    for (var property in _valuesEnd) {
       if (_valuesStart.hasOwnProperty(property)) {
-        var start = _valuesStart[property];
+        var start = _valuesStart[property] || 0;
         var end = _valuesEnd[property];
         if (end instanceof Array) {
           _object[property] = _interpolationFunction(end, value);
         } else {
+          if (typeof(end) === 'string') {
+            end = start + parseFloat(end, 10);
+          }
+
           _object[property] = start + (end - start) * value;
         }
       }
@@ -677,14 +684,18 @@ ww.Tween = function(object) {
     }
 
     if (elapsed == 1) {
-      if (_repeat > 0) {
+      if (_repeat > 0 ) {
 
-        if (isFinite(_repeat)) {
+        if (isFinite(_repeat )) {
           _repeat--;
         }
 
         // reassign starting values, restart by making startTime = now
         for (var property in _valuesStartRepeat) {
+          if (typeof(_valuesEnd[property]) === 'string') {
+            _valuesStartRepeat[property] = _valuesStartRepeat[property] + parseFloat(_valuesEnd[property], 10);
+          }
+
           _valuesStart[property] = _valuesStartRepeat[property];
         }
         _startTime = time + _delayTime;
@@ -695,6 +706,10 @@ ww.Tween = function(object) {
           _onCompleteCallback.call(_object);
         }
 
+        for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
+          _chainedTweens[ i ].start( time );
+        }
+
         return false;
       }
     }

data/lib/middleman-wizard-template/template/source/javascripts/_lib/ww/base.js

@@ -0,0 +1,8 @@
+/**
+ * Namespace for the WW library. Checks to see inst is
+ * already defined in the current scope before assigning to prevent
+ * clobbering if base.js is loaded more than once.
+ *
+ * @const
+ */
+var ww = ww || {}; // Identifies this file as the Inst base.

data/lib/middleman-wizard-template/template/source/javascripts/_lib/ww/raf.js

@@ -0,0 +1,131 @@
+goog.provide('ww.raf');
+
+/**
+ * RequestAnimationFrame polyfill.
+ */
+ (function() {
+    var lastTime = 0;
+    var vendors = ['ms', 'moz', 'webkit', 'o'];
+    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+        window.requestAnimationFrame = window[vendors[x] +
+                                      'RequestAnimationFrame'];
+        window.cancelAnimationFrame =
+          window[vendors[x] + 'CancelAnimationFrame'] ||
+          window[vendors[x] + 'CancelRequestAnimationFrame'];
+    }
+
+    if (!window.requestAnimationFrame)
+        window.requestAnimationFrame = function(callback, element) {
+            var currTime = new Date().getTime();
+            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+            var id = window.setTimeout(function() {
+              callback(currTime + timeToCall);
+            }, timeToCall);
+            lastTime = currTime + timeToCall;
+            return id;
+        };
+
+    if (!window.cancelAnimationFrame)
+        window.cancelAnimationFrame = function(id) {
+            clearTimeout(id);
+        };
+}());
+
+/**
+ * List of all subscribers.
+ * @private
+ * @type {Array}
+ */
+ww.raf.subscribers_ = {};
+
+/**
+ * If rAF is running
+ * @private
+ * @type {Boolean}
+ */
+ww.raf.isRunning_ = false;
+
+/**
+ * Last frame timestamp.
+ * @private
+ * @type {Number}
+ */
+ww.raf.lastTime_ = 0;
+
+/**
+ * Current frame for canceling.
+ * @private
+ * @type {Number}
+ */
+ww.raf.currentFrame_ = null;
+
+/**
+ * On-frame loop.
+ * @private
+ * @param {Number} t timer.
+ */
+ww.raf.onFrame_ = function(t) {
+  var loopCurrentTime = t || ww.util.rightNow();
+  var loopDelta = loopCurrentTime - ww.raf.lastTime_;
+
+  for (var subscriberKey in ww.raf.subscribers_) {
+    if (ww.raf.subscribers_.hasOwnProperty(subscriberKey)) {
+      var loopSubscriber = ww.raf.subscribers_[subscriberKey];
+      loopSubscriber[1].call(loopSubscriber[0], loopDelta);
+    }
+  }
+
+  ww.raf.lastTime_ = loopCurrentTime;
+
+  if (ww.raf.isRunning_) {
+    ww.raf.currentFrame_ = requestAnimationFrame(ww.raf.onFrame_);
+  }
+};
+
+/**
+ * After adding/removing a callback, see if we need to
+ * stop/start the loop.
+ * @private
+ */
+ww.raf.updateStatus_ = function() {
+  var len = 0;
+  for (var key in ww.raf.subscribers_) {
+    if (ww.raf.subscribers_.hasOwnProperty(key)) {
+      len++;
+    }
+  }
+
+  if (len > 0) {
+    if (!ww.raf.isRunning_) {
+      ww.raf.isRunning_ = true;
+      ww.raf.lastTime_ = ww.util.rightNow();
+      requestAnimationFrame(ww.raf.onFrame_);
+    }
+  } else {
+    ww.raf.isRunning_ = false;
+    if (ww.raf.currentFrame_) {
+      cancelAnimationFrame(ww.raf.currentFrame_);
+      ww.raf.currentFrame_ = null;
+    }
+  }
+};
+
+/**
+ * Subscribe a named callback as needing a rAF loop.
+ * @param {String} name The name of the callback.
+ * @param {Object} obj The instance needing to be called.
+ * @param {Function} func The reference to the function to be called.
+ */
+ww.raf.subscribe = function(name, obj, func) {
+  ww.raf.subscribers_[name] = [obj, func];
+  ww.raf.updateStatus_();
+};
+
+/**
+ * Unsubscribe a named callback from needing a rAF loop.
+ * @param {String} name The name of the callback.
+ */
+ww.raf.unsubscribe = function(name) {
+  delete ww.raf.subscribers_[name];
+  ww.raf.updateStatus_();
+};