greensock-rails 1.18.5.0 → 1.19.0.0

data/vendor/assets/javascripts/greensock/plugins/TEMPLATE_Plugin.js

@@ -1,6 +1,6 @@
 /*!
- * VERSION: 1.1.1
- * DATE: 2014-07-17
+ * VERSION: 1.2.0
+ * DATE: 2016-07-14
  * UPDATES AND DOCS AT: http://greensock.com
  * 
  * This file is to be used as a simple template for writing your own plugin. See the 
@@ -33,10 +33,11 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 		 *   1) target [object] - the target of the tween. In cases where the tween's original target is an array (or jQuery object), this target will be the individual object inside that array (a new plugin instance is created for each target in the array). For example, TweenLite.to([obj1, obj2, obj3], 1, {x:100}) the target will be obj1 or obj2 or obj3 rather than the array containing them.
 		 *   2) value [*] - whatever value is passed as the special property value. For example, TweenLite.to(element, 1, {yourCustomProperty:3}) the value would be 3. Or for TweenLite.to(element, 1, {yourCustomProperty:{subProp1:3, subProp2:"whatever"}});, value would be {subProp1:3, subProp2:"whatever"}.
 		 *   3) tween [TweenLite] - the TweenLite (or TweenMax) instance that is managing this plugin instance. This can be useful if you need to check certain state-related properties on the tween (maybe in the set method) like its duration or time. Most of the time, however, you don't need to do anything with the tween. It is provided just in case you want to reference it.
+		 *   4) index [integer] - the index number of the target in the tween. For example, if an array is passed in as the target (or selector text), this would be 0 for the first one, 1 for the second, 2 for the third, etc. This was introduced in GSAP 1.19.0
 		 *
 		 * This function should return true unless you want to have TweenLite/Max skip the plugin altogether and instead treat the property/value like a normal tween (as if the plugin wasn't activated). This is rarely useful, so you should almost always return true.
 		 */
-		init: function(target, value, tween) {
+		init: function(target, value, tween, index) {
 			this._target = target; //we record the target so that we can refer to it in the set method when doing updates.
 
 			/* Next, we create a property tween for "scaleX" and "scaleY" properties of our target

data/vendor/assets/javascripts/greensock/plugins/TextPlugin.js

@@ -1,6 +1,6 @@
 /*!
- * VERSION: 0.5.1
- * DATE: 2014-07-17
+ * VERSION: 0.5.2
+ * DATE: 2016-06-22
  * UPDATES AND DOCS AT: http://greensock.com
  *
  * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
@@ -33,12 +33,17 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 			TextPlugin = _gsScope._gsDefine.plugin({
 				propName: "text",
 				API: 2,
-				version:"0.5.1",
+				version:"0.5.2",
 
 				//called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
-				init: function(target, value, tween) {
-					var i, shrt;
-					if (!("innerHTML" in target)) {
+				init: function(target, value, tween, index) {
+					var i = target.nodeName.toUpperCase(),
+						shrt;
+					if (typeof(value) === "function") {
+						value = value(index, target);
+					}
+					this._svg = (target.getBBox && (i === "TEXT" || i === "TSPAN"));
+					if (!("innerHTML" in target) && !this._svg) {
 						return false;
 					}
 					this._target = target;
@@ -66,7 +71,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						this._oldClass = value.oldClass;
 						this._hasClass = true;
 					}
-					i = this._original.length - this._text.length,
+					i = this._original.length - this._text.length;
 					shrt = (i < 0) ? this._original : this._text;
 					this._fillChar = value.fillChar || (value.padSpace ? "&nbsp;" : "");
 					if (i < 0) {
@@ -98,7 +103,11 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 					} else {
 						str = this._text.slice(0, i).join(this._delimiter) + this._delimiter + this._original.slice(i).join(this._delimiter);
 					}
-					this._target.innerHTML = (this._fillChar === "&nbsp;" && str.indexOf("  ") !== -1) ? str.split("  ").join("&nbsp;&nbsp;") : str;
+					if (this._svg) { //SVG text elements don't have an "innerHTML" in Microsoft browsers.
+						this._target.textContent = str;
+					} else {
+						this._target.innerHTML = (this._fillChar === "&nbsp;" && str.indexOf("  ") !== -1) ? str.split("  ").join("&nbsp;&nbsp;") : str;
+					}
 				}
 
 			}),

data/vendor/assets/javascripts/greensock/utils/Draggable.js

@@ -1,6 +1,6 @@
 /*!
- * VERSION: 0.14.7
- * DATE: 2016-05-25
+ * VERSION: 0.14.8
+ * DATE: 2016-07-18
  * UPDATES AND DOCS AT: http://greensock.com
  *
  * Requires TweenLite and CSSPlugin version 1.17.0 or later (TweenMax contains both TweenLite and CSSPlugin). ThrowPropsPlugin is required for momentum-based continuation of movement after the mouse/touch is released (ThrowPropsPlugin is a membership benefit of Club GreenSock - http://greensock.com/club/).
@@ -1139,7 +1139,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 					checkAutoScrollBounds = false,
 					isClickable = vars.clickableTest || _isClickable,
 					clickTime = 0,
-					enabled, scrollProxy, startPointerX, startPointerY, startElementX, startElementY, hasBounds, hasDragCallback, maxX, minX, maxY, minY, tempVars, cssVars, touch, touchID, rotationOrigin, dirty, old, snapX, snapY, isClicking, touchEventTarget, matrix, interrupted, startScrollTop, startScrollLeft, applyObj, allowNativeTouchScrolling, touchDragAxis, isDispatching, clickDispatch,
+					enabled, scrollProxy, startPointerX, startPointerY, startElementX, startElementY, hasBounds, hasDragCallback, maxX, minX, maxY, minY, tempVars, cssVars, touch, touchID, rotationOrigin, dirty, old, snapX, snapY, isClicking, touchEventTarget, matrix, interrupted, startScrollTop, startScrollLeft, applyObj, allowNativeTouchScrolling, touchDragAxis, isDispatching, clickDispatch, trustedClickDispatch,
 					//this method gets called on every tick of TweenLite.ticker which allows us to synchronize the renders to the core engine (which is typically synchronized with the display refresh via requestAnimationFrame). This is an optimization - it's better than applying the values inside the "mousemove" or "touchmove" event handler which may get called many times inbetween refreshes.
 					render = function(suppressEvents) {
 						if (self.autoScroll && self.isDragging && (checkAutoScrollBounds || dirty)) {
@@ -1269,6 +1269,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 									if (rotationMode) {
 										self.rotation = snappedValue;
 									}
+									dirty = true;
 								}
 							}
 							if (snapY) {
@@ -1276,9 +1277,10 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 								if (snappedValue !== self.y) {
 									self.y = snappedValue;
 								}
+								dirty = true;
 							}
 						}
-						if (x !== self.x || y !== self.y) {
+						if (dirty) {
 							render(true);
 						}
 						if (!skipOnUpdate) {
@@ -1478,6 +1480,12 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						return (self.tween && self.tween.isActive());
 					},
 
+					removePlaceholder = function() {
+						if (_placeholderDiv.parentNode && !isTweening() && !self.isDragging) { //_placeholderDiv just props open auto-scrolling containers so they don't collapse as the user drags left/up. We remove it after dragging (and throwing, if necessary) finishes.
+							_placeholderDiv.parentNode.removeChild(_placeholderDiv);
+						}
+					},
+
 					buildSnapFunc = function(snap, min, max, factor) {
 						if (typeof(snap) === "function") {
 							return function(n) {
@@ -1562,7 +1570,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						if (allowNativeTouchScrolling || self.autoScroll) {
 							_recordMaxScrolls(target.parentNode);
 						}
-						if (self.autoScroll && !rotationMode && !scrollProxy && target.parentNode && !target.getBBox && target.parentNode._gsMaxScrollX && !_placeholderDiv.parentNode) {//add a placeholder div to prevent the parent container from collapsing when the user drags the element left.
+						if (target.parentNode && (scrollProxy || (self.autoScroll && !rotationMode && target.parentNode._gsMaxScrollX && !_placeholderDiv.parentNode)) && !target.getBBox) { //add a placeholder div to prevent the parent container from collapsing when the user drags the element left.
 							_placeholderDiv.style.width = (target.parentNode.scrollWidth) + "px";
 							target.parentNode.appendChild(_placeholderDiv);
 						}
@@ -1750,7 +1758,8 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						self.isPressed = false;
 						var originalEvent = e,
 							wasDragging = self.isDragging,
-							touches, i, syntheticEvent, eventTarget;
+							placeholderDelayedCall = TweenLite.delayedCall(0.001, removePlaceholder),
+							touches, i, syntheticEvent, eventTarget, syntheticClick;
 						if (touchEventTarget) {
 							_removeListener(touchEventTarget, "touchend", onRelease);
 							_removeListener(touchEventTarget, "touchmove", onMove);
@@ -1764,9 +1773,6 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 							_removeListener(e.target, "mouseup", onRelease);
 						}
 						dirty = false;
-						if (_placeholderDiv.parentNode) { //_placeholderDiv just props open auto-scrolling containers so they don't collapse as the user drags left/up.
-							_placeholderDiv.parentNode.removeChild(_placeholderDiv);
-						}
 						if (isClicking) {
 							if (e) {
 								_removeListener(e.target, "change", onRelease);
@@ -1817,7 +1823,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 								_dispatchEvent(self, "click", "onClick");
 								eventTarget = originalEvent.target || originalEvent.srcElement || target; //old IE uses srcElement
 								clickTime = _getTime();
-								TweenLite.delayedCall(0.00001, function() { // some browsers (like Firefox) won't trust script-generated clicks, so if the user tries to click on a video to play it, for example, it simply won't work. Since a regular "click" event will most likely be generated anyway (one that has its isTrusted flag set to true), we must slightly delay our script-generated click so that the "real"/trusted one is prioritized. Remember, when there are duplicate events in quick succession, we suppress all but the first one. Some browsers don't even trigger the "real" one at all, so our synthetic one is a safety valve that ensures that no matter what, a click event does get dispatched.
+								syntheticClick = function() { // some browsers (like Firefox) won't trust script-generated clicks, so if the user tries to click on a video to play it, for example, it simply won't work. Since a regular "click" event will most likely be generated anyway (one that has its isTrusted flag set to true), we must slightly delay our script-generated click so that the "real"/trusted one is prioritized. Remember, when there are duplicate events in quick succession, we suppress all but the first one. Some browsers don't even trigger the "real" one at all, so our synthetic one is a safety valve that ensures that no matter what, a click event does get dispatched.
 									if (clickTime !== clickDispatch && self.enabled() && !self.isPressed) {
 										if (eventTarget.click) { //some browsers (like mobile Safari) don't properly trigger the click event
 											eventTarget.click();
@@ -1827,7 +1833,10 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 											eventTarget.dispatchEvent(syntheticEvent);
 										}
 									}
-								});
+								};
+								if (!_isAndroid) { //iOS Safari requires the synthetic click to happen immediately or else it simply won't work, but Android doesn't play nice.
+									TweenLite.delayedCall(0.00001, syntheticClick); //in addition to the iOS bug workaround, there's a Firefox issue with clicking on things like a video to play, so we must fake a click event in a slightly delayed fashion. Previously, we listened for the "click" event with "capture" false which solved the video-click-to-play issue, but it would allow the "click" event to be dispatched twice like if you were using a jQuery.click() because that was handled in the capture phase, thus we had to switch to the capture phase to avoid the double-dispatching, but do the delayed synthetic click.
+								}
 							}
 						} else {
 							animate(vars.throwProps); //will skip if throwProps isn't defined or ThrowPropsPlugin isn't loaded.
@@ -1839,6 +1848,9 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 							}
 							_dispatchEvent(self, "release", "onRelease");
 						}
+						if (isTweening()) {
+							placeholderDelayedCall.duration( self.tween.duration() ); //sync the timing so that the placeholder DIV gets
+						}
 						if (wasDragging) {
 							_dispatchEvent(self, "dragend", "onDragEnd");
 						}
@@ -1865,25 +1877,32 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						}
 					},
 
-					onClick = function(e) {
+					onClick = function(e) { //this was a huge pain in the neck to align all the various browsers and their behaviors. Chrome, Firefox, Safari, Opera, Android, and Microsoft Edge all handle events differently! Some will only trigger native behavior (like checkbox toggling) from trusted events. Others don't even support isTrusted, but require 2 events to flow through before triggering native behavior. Edge treats everything as trusted but also mandates that 2 flow through to trigger the correct native behavior.
 						var time = _getTime(),
-							recentlyClicked = time - clickTime < 40,
-							recentlyDragged = time - dragEndTime < 40;
-						if (recentlyClicked && clickDispatch !== clickTime) {
+							recentlyClicked = (time - clickTime < 40),
+							recentlyDragged = (time - dragEndTime < 40),
+							alreadyDispatched = (recentlyClicked && clickDispatch === clickTime),
+							isModern = !!e.preventDefault,
+							alreadyDispatchedTrusted = (recentlyClicked && trustedClickDispatch === clickTime),
+							trusted = e.isTrusted || (e.isTrusted == null && recentlyClicked && alreadyDispatched); //note: Safari doesn't support isTrusted, and it won't properly execute native behavior (like toggling checkboxes) on the first synthetic "click" event - we must wait for the 2nd and treat it as trusted (but stop propagation at that point). Confusing, I know. Don't you love cross-browser compatibility challenges?
+						if (isModern && (alreadyDispatched || (recentlyDragged && self.vars.suppressClickOnDrag !== false) )) {
+							e.stopImmediatePropagation();
+						}
+						if (recentlyClicked && (!alreadyDispatched || (trusted !== alreadyDispatchedTrusted))) { //let the first click pass through unhindered. Let the next one only if it's trusted, then no more (stop quick-succession ones)
+							if (trusted && alreadyDispatched) {
+								trustedClickDispatch = clickTime;
+							}
 							clickDispatch = clickTime;
 							return;
 						}
 						if (self.isPressed || recentlyDragged || recentlyClicked) {
-							if (e.preventDefault) {
+							if (!isModern) {
+								e.returnValue = false;
+							} else if (!trusted || !e.detail || !recentlyClicked) {
 								e.preventDefault();
-								if (recentlyClicked || (recentlyDragged && self.vars.suppressClickOnDrag !== false)) {
-									e.stopImmediatePropagation(); //otherwise some browsers bubble up click events, creating a duplicate.
+								if (e.preventManipulation) {
+									e.preventManipulation();  //for some Microsoft browsers
 								}
-							} else {
-								e.returnValue = false;
-							}
-							if (e.preventManipulation) {
-								e.preventManipulation();  //for some Microsoft browsers
 							}
 						}
 					};
@@ -2006,9 +2025,11 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 						}
 						syncXY(true);
 					}
-					setPointerPosition(self.pointerX, self.pointerY);
-					if (dirty) {
-						render(true);
+					if (sticky) {
+						setPointerPosition(self.pointerX, self.pointerY);
+						if (dirty) {
+							render(true);
+						}
 					}
 					if (self.isPressed && !sticky && ((allowX && Math.abs(x - self.x) > 0.01) || (allowY && (Math.abs(y - self.y) > 0.01 && !rotationMode)))) {
 						recordStartPositions();
@@ -2033,7 +2054,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 							trigger = triggers[i];
 							_addListener(trigger, "mousedown", onPress);
 							_addListener(trigger, "touchstart", onPress);
-							_addListener(trigger, "click", onClick, true);
+							_addListener(trigger, "click", onClick, true); //note: used to pass true for capture but it prevented click-to-play-video functionality in Firefox.
 							if (!rotationMode) {
 								_setStyle(trigger, "cursor", vars.cursor || "move");
 							}
@@ -2164,7 +2185,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 		p.constructor = Draggable;
 		p.pointerX = p.pointerY = 0;
 		p.isDragging = p.isPressed = false;
-		Draggable.version = "0.14.7";
+		Draggable.version = "0.14.8";
 		Draggable.zIndex = 1000;
 
 		_addListener(_doc, "touchcancel", function() {
@@ -2274,7 +2295,7 @@ var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(globa
 		return (_gsScope.GreenSockGlobals || _gsScope)[name];
 	};
 	if (typeof(define) === "function" && define.amd) { //AMD
-		define(["../TweenLite", "../plugins/CSSPlugin"], getGlobal);
+		define(["TweenLite", "CSSPlugin"], getGlobal);
 	} else if (typeof(module) !== "undefined" && module.exports) { //node
 		require("../TweenLite.js");
 		require("../plugins/CSSPlugin.js");

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: greensock-rails
 version: !ruby/object:Gem::Version
-  version: 1.18.5.0
+  version: 1.19.0.0
 platform: ruby
 authors:
 - Robert Pataki, Greensock Team
@@ -58,7 +58,7 @@ files:
 - vendor/assets/javascripts/greensock/plugins/DirectionalRotationPlugin.js
 - vendor/assets/javascripts/greensock/plugins/EaselPlugin.js
 - vendor/assets/javascripts/greensock/plugins/EndArrayPlugin.js
-- vendor/assets/javascripts/greensock/plugins/KineticPlugin.js
+- vendor/assets/javascripts/greensock/plugins/ModifiersPlugin.js
 - vendor/assets/javascripts/greensock/plugins/RaphaelPlugin.js
 - vendor/assets/javascripts/greensock/plugins/RoundPropsPlugin.js
 - vendor/assets/javascripts/greensock/plugins/ScrollToPlugin.js

data/vendor/assets/javascripts/greensock/plugins/KineticPlugin.js

@@ -1,335 +0,0 @@
-/*!
- * VERSION: 0.5.2
- * DATE: 2014-07-17
- * UPDATES AND DOCS AT: http://greensock.com
- *
- * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
- * This work is subject to the terms at http://greensock.com/standard-license or for
- * Club GreenSock members, the software agreement that was issued with your membership.
- * 
- * @author: Jack Doyle, jack@greensock.com
- */
-var _gsScope = (typeof(module) !== "undefined" && module.exports && typeof(global) !== "undefined") ? global : this || window; //helps ensure compatibility with AMD/RequireJS and CommonJS/Node
-(_gsScope._gsQueue || (_gsScope._gsQueue = [])).push( function() {
-	
-	"use strict";
-
-	var _specialProps = {scale:1, shadowOffset:1, fillPatternOffset:1, offset:1, fill:2, stroke:2, shadowColor:2}, //type 1 is one that has "x" and "y" components that can be split apart but in order to set them, they must be combined into a single object and passed to one setter (like setScale({x:0.5, y:0.6})). Type 2 is for colors.
-		_getterFuncs = {},
-		_setterFuncs = {},
-		_numExp = /(\d|\.)+/g,
-		_directionalRotationExp = /(?:_cw|_ccw|_short)/,
-		_plugins = _gsScope._gsDefine.globals.com.greensock.plugins,
-		_colorLookup = {aqua:[0,255,255],
-			lime:[0,255,0],
-			silver:[192,192,192],
-			black:[0,0,0],
-			maroon:[128,0,0],
-			teal:[0,128,128],
-			blue:[0,0,255],
-			navy:[0,0,128],
-			white:[255,255,255],
-			fuchsia:[255,0,255],
-			olive:[128,128,0],
-			yellow:[255,255,0],
-			orange:[255,165,0],
-			gray:[128,128,128],
-			purple:[128,0,128],
-			green:[0,128,0],
-			red:[255,0,0],
-			pink:[255,192,203],
-			cyan:[0,255,255],
-			transparent:[255,255,255,0]},
-		_hue = function(h, m1, m2) {
-			h = (h < 0) ? h + 1 : (h > 1) ? h - 1 : h;
-			return ((((h * 6 < 1) ? m1 + (m2 - m1) * h * 6 : (h < 0.5) ? m2 : (h * 3 < 2) ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255) + 0.5) | 0;
-		},
-		_parseColor = function(color) {
-			if (color === "" || color == null || color === "none") {
-				return _colorLookup.transparent;
-			}
-			if (_colorLookup[color]) {
-				return _colorLookup[color];
-			}
-			if (typeof(color) === "number") {
-				return [color >> 16, (color >> 8) & 255, color & 255];
-			}
-			if (color.charAt(0) === "#") {
-				if (color.length === 4) { //for shorthand like #9F0
-					color = "#" + color.charAt(1) + color.charAt(1) + color.charAt(2) + color.charAt(2) + color.charAt(3) + color.charAt(3);
-				}
-				color = parseInt(color.substr(1), 16);
-				return [color >> 16, (color >> 8) & 255, color & 255];
-			}
-			if (color.substr(0, 3) === "hsl") {
-				color = color.match(_numExp);
-				var h = (Number(color[0]) % 360) / 360,
-					s = Number(color[1]) / 100,
-					l = Number(color[2]) / 100,
-					m2 = (l <= 0.5) ? l * (s + 1) : l + s - l * s,
-					m1 = l * 2 - m2;
-				if (color.length > 3) {
-					color[3] = Number(color[3]);
-				}
-				color[0] = _hue(h + 1 / 3, m1, m2);
-				color[1] = _hue(h, m1, m2);
-				color[2] = _hue(h - 1 / 3, m1, m2);
-				return color;
-			}
-			var a = color.match(_numExp) || _colorLookup.transparent,
-				i = a.length;
-			while (--i > -1) {
-				a[i] = Number(a[i]);
-			}
-			return a;
-		},
-		ColorProp = function(target, getter, setter, next) {
-			this.getter = getter;
-			this.setter = setter;
-			var val = _parseColor( target[getter]() );
-			this.proxy = {r:val[0], g:val[1], b:val[2], a:(val.length > 3 ? val[3] : 1)};
-			if (next) {
-				this._next = next;
-				next._prev = this;
-			}
-		},
-		_layersToDraw = [],
-		_ticker, _listening,
-		_onTick = function() {
-			var i = _layersToDraw.length;
-			if (i !== 0) {
-				while (--i > -1) {
-					_layersToDraw[i].draw();
-					_layersToDraw[i]._gsDraw = false;
-				}
-				_layersToDraw.length = 0;
-			} else {
-				_ticker.removeEventListener("tick", _onTick);
-				_listening = false;
-			}
-		},
-		_prepDimensionProp = function(p, dimension) {
-			var alt = (dimension === "x") ? "y" : "x",
-				proxyName = "_gs_" + p;
-			_getterFuncs[p] = function() {
-				return this["get" + p]()[dimension];
-			};
-			_setterFuncs[p] = function(value) {
-				var cur = this["get" + p](),
-					proxy = this[proxyName];
-				if (!proxy) {
-					proxy = this[proxyName] = {};
-				}
-				proxy[dimension] = value;
-				proxy[alt] = cur[alt];
-				this[p](proxy);
-				return this;
-			};
-		},
-		_createGetterSetter = function(getter, setter) {
-			return function(value) {return (arguments.length) ? setter(value) : getter(); };
-		},
-		//looks at every property in the vars and converts them (when appropriate) to the KineticJS equivalent. If it finds a special property for which "x" and "y" must be split apart (like scale, offset, shadowOffset, etc.), it will do that as well. This method returns an array of any names it had to change (like "x", "y", "scale", etc.) so that they can be used in the overwriteProps array.
-		_convertProps = function(target, vars) {
-			var converted = [],
-				p, val, i, proto;
-			for (p in vars) {
-				val = vars[p];
-				if (p !== "bezier" && p !== "autoDraw" && p.substr(0,3) !== "set" && target[p] === undefined) {
-					converted.push(p);
-					delete vars[p];
-					p = "set" + p.charAt(0).toUpperCase() + p.substr(1);
-					vars[p] = val;
-				}
-				if (_specialProps[p]) {
-					if (_specialProps[p] === 1) {
-						vars[p + "X"] = vars[p + "Y"] = vars[p];
-						delete vars[p];
-						return _convertProps(target, vars);
-					} else if (!target[p] && _setterFuncs[p]) {
-						proto = target.prototype || target;
-						proto[p] = _createGetterSetter(_getterFuncs[p], _setterFuncs[p]);
-					}
-				} else if (p === "bezier") {
-					val = (val instanceof Array) ? val : val.values || [];
-					i = val.length;
-					while (--i > -1) {
-						if (i === 0) {
-							converted = converted.concat( _convertProps(target, val[i]) );
-						} else {
-							_convertProps(target, val[i]);
-						}
-					}
-				}
-			}
-			return converted;
-		},
-		_copy = function(obj) {
-			var result = {},
-				p;
-			for (p in obj) {
-				result[p] = obj[p];
-			}
-			return result;
-		},
-		versionValid, p;
-
-	for (p in _specialProps) {
-		if (_specialProps[p] === 1) {
-			_prepDimensionProp(p, "x");
-			_prepDimensionProp(p, "y");
-		}
-	}
-
-	var KineticPlugin = _gsScope._gsDefine.plugin({
-		propName: "kinetic",
-		API: 2,
-		version: "0.5.2",
-
-		//called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
-		init: function(target, value, tween) {
-			var p, val, gp, sp, bezierPlugin, directionalRotationPlugin;
-			if (!versionValid && (versionValid = (parseInt(Kinetic.version.split(".")[0], 10)) < 5)) {
-				throw ("The GSAP KineticPlugin that's loaded requires KineticJS version 5.0.0 or later. For earlier versions, use KineticPlugin from GSAP 1.11.3 or earlier.");
-			}
-			this._overwriteProps = _convertProps(target, value); //allow users to pass in shorter names like "x" instead of "setX" and "rotationDeg" instead of "setRotationDeg"
-			this._target = target;
-			this._layer = (value.autoDraw !== false) ? target.getLayer() : null;
-			if (!_ticker && this._layer) {
-				_ticker = tween.constructor.ticker;
-			}
-			for (p in value) {
-				val = value[p];
-				//we must handle colors in a special way, splitting apart the red, green, blue, and alpha.
-				if (_specialProps[p] === 2) {
-					sp = this._firstSP = new ColorProp(target, p, p, this._firstSP);
-					val = _parseColor(val);
-					if (sp.proxy.r !== val[0]) {
-						this._addTween(sp.proxy, "r", sp.proxy.r, val[0], p);
-					}
-					if (sp.proxy.g !== val[1]) {
-						this._addTween(sp.proxy, "g", sp.proxy.g, val[1], p);
-					}
-					if (sp.proxy.b !== val[2]) {
-						this._addTween(sp.proxy, "b", sp.proxy.b, val[2], p);
-					}
-					if ((val.length > 3 || sp.proxy.a !== 1) && sp.proxy.a !== val[3]) {
-						this._addTween(sp.proxy, "a", sp.proxy.a, (val.length > 3 ? val[3] : 1), p);
-					}
-				} else if (p === "bezier") {
-					bezierPlugin = _plugins.BezierPlugin;
-					if (!bezierPlugin) {
-						throw("BezierPlugin not loaded");
-					}
-					bezierPlugin = this._bezier = new bezierPlugin();
-					if (typeof(val) === "object" && val.autoRotate === true) {
-						val.autoRotate = ["x","y","rotation",0,false];
-					}
-					bezierPlugin._onInitTween(target, val, tween);
-					this._overwriteProps = this._overwriteProps.concat(bezierPlugin._overwriteProps);
-					this._addTween(bezierPlugin, "setRatio", 0, 1, p);
-
-				} else if ((p === "rotation" || p === "rotationDeg") && typeof(val) === "string" && _directionalRotationExp.test(val)) {
-					directionalRotationPlugin = _plugins.DirectionalRotationPlugin;
-					if (!directionalRotationPlugin) {
-						throw("DirectionalRotationPlugin not loaded");
-					}
-					directionalRotationPlugin = this._directionalRotation = new directionalRotationPlugin();
-					gp = {useRadians:false};
-					gp[p] = val;
-					directionalRotationPlugin._onInitTween(target, gp, tween);
-					this._addTween(directionalRotationPlugin, "setRatio", 0, 1, p);
-
-				} else if (val instanceof Array) { //for array-based values like "points"
-					this._initArrayTween(target[p](), val, p);
-
-				} else if (p !== "autoDraw") {
-					gp = "get" + p.substr(3);
-					this._addTween(target, p, ((typeof(target[p]) === "function") ? target[( (gp !== "get" && typeof(target[gp]) === "function") ? gp : p)]() : target[p]) || 0, val, p);
-				}
-				this._overwriteProps.push(p);
-			}
-			return true;
-		},
-
-		kill: function(lookup) {
-			lookup = _copy(lookup);
-			_convertProps(this._target, lookup);
-			if (this._bezier) {
-				this._bezier._kill(lookup);
-			}
-			if (this._directionalRotation) {
-				this._directionalRotation._kill(lookup);
-			}
-			return this._super._kill.call(this, lookup);
-		},
-
-		round:function(lookup, value) {
-			lookup = _copy(lookup);
-			_convertProps(this._target, lookup);
-			if (this._bezier) {
-				this._bezier._roundProps(lookup, value);
-			}
-			return this._super._roundProps.call(this, lookup, value);
-		},
-
-		//called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
-		set: function(ratio) {
-			this._super.setRatio.call(this, ratio);
-			var sp = this._firstSP,
-				layer = this._layer,
-				arrayTweens = this._arrayTweens,
-				i, e, p, val, t, proxy;
-			if (sp) {
-				t = this._target;
-				while (sp) {
-					proxy = sp.proxy;
-					t[sp.setter]( (proxy.a !== 1 ? "rgba(" : "rgb(") + (proxy.r | 0) + ", " + (proxy.g | 0) + ", " + (proxy.b | 0) + (proxy.a !== 1 ? ", " + proxy.a : "") + ")");
-					sp = sp._next;
-				}
-			}
-			if (arrayTweens) {
-				i = arrayTweens.length;
-				while (--i > -1) {
-					e = arrayTweens[i];
-					val = e.s + e.c * ratio;
-					e.a[e.i] = (val < 0.000001 && val > -0.000001) ? 0 : val;
-				}
-				for (p in this._arrayProps) {
-					this._target[p](this._arrayProps[p]);
-				}
-			}
-			if (layer && !layer._gsDraw) {
-				_layersToDraw.push(layer);
-				layer._gsDraw = true; //a flag indicating that we need to draw() this layer as soon as all the tweens have finished updating (using a "tick" event listener)
-				if (!_listening) {
-					_ticker.addEventListener("tick", _onTick);
-					_listening = true;
-				}
-			}
-		}
-
-	});
-
-	p = KineticPlugin.prototype;
-	p._initArrayTween = function(a, b, prop) {
-		if (!this._arrayTweens) {
-			this._arrayTweens = []; //stores data about any elements that must tween (ones that match in a and b are ignored (no need to waste resources). For example, {a:array, i:0, s:100, c:50}
-			this._arrayProps = {}; //stores data about which properties are associted with which arrays so that we can apply them in the setRatio() method, like target[property](array), as in target.points([1,2,500,600]);
-		}
-		var i = a.length,
-			tweens = this._arrayTweens,
-			start, end;
-		while (--i > -1) {
-			start = a[i];
-			end = b[i];
-			if (start !== end) {
-				tweens.push({a:a, i:i, s:start, c:end - start});
-			}
-		}
-		if (tweens.length) {
-			this._arrayProps[prop] = a;
-		}
-	};
-
-}); if (_gsScope._gsDefine) { _gsScope._gsQueue.pop()(); }