120 lines
4.7 KiB
JavaScript
Executable File
120 lines
4.7 KiB
JavaScript
Executable File
/*!
|
|
* VERSION: 0.6.6
|
|
* DATE: 2018-02-15
|
|
* UPDATES AND DOCS AT: http://greensock.com
|
|
*
|
|
* @license Copyright (c) 2008-2019, 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
|
|
*/
|
|
/* eslint-disable */
|
|
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";
|
|
|
|
_gsScope._gsDefine("plugins.CSSRulePlugin", ["plugins.TweenPlugin","TweenLite","plugins.CSSPlugin"], function(TweenPlugin, TweenLite, CSSPlugin) {
|
|
|
|
/** @constructor **/
|
|
var CSSRulePlugin = function() {
|
|
TweenPlugin.call(this, "cssRule");
|
|
this._overwriteProps.length = 0;
|
|
},
|
|
_doc = _gsScope.document,
|
|
_superSetRatio = CSSPlugin.prototype.setRatio,
|
|
p = CSSRulePlugin.prototype = new CSSPlugin();
|
|
|
|
p._propName = "cssRule";
|
|
p.constructor = CSSRulePlugin;
|
|
CSSRulePlugin.version = "0.6.6";
|
|
CSSRulePlugin.API = 2;
|
|
|
|
/**
|
|
* Searches the style sheets in the document for a particular selector like ".myClass" or "a" or "a:hover" or ":after" and
|
|
* returns a reference to that style sheet (or an array of them in the case of a pseudo selector like ":after"). Then you
|
|
* can animate the individual properties of the style sheet.
|
|
*
|
|
* @param {!string} selector a string describing the selector, like ".myClass" or "a" or "a:hover" or ":after"
|
|
* @return a reference to the style sheet (or an array of them in the case of a pseudo selector). If none was found, null is returned (or an empty array for a pseudo selector)
|
|
*/
|
|
CSSRulePlugin.getRule = function(selector) {
|
|
var ruleProp = _doc.all ? "rules" : "cssRules",
|
|
ss = _doc.styleSheets,
|
|
i = ss.length,
|
|
pseudo = (selector.charAt(0) === ":"),
|
|
j, curSS, cs, a;
|
|
selector = (pseudo ? "" : ",") + selector.split("::").join(":").toLowerCase() + ","; //note: old versions of IE report tag name selectors as upper case, so we just change everything to lowercase.
|
|
if (pseudo) {
|
|
a = [];
|
|
}
|
|
while (--i > -1) {
|
|
//Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.
|
|
try {
|
|
curSS = ss[i][ruleProp];
|
|
if (!curSS) {
|
|
continue;
|
|
}
|
|
j = curSS.length;
|
|
} catch (e) {
|
|
console.log(e);
|
|
continue;
|
|
}
|
|
while (--j > -1) {
|
|
cs = curSS[j];
|
|
if (cs.selectorText && ("," + cs.selectorText.split("::").join(":").toLowerCase() + ",").indexOf(selector) !== -1) { //note: IE adds an extra ":" to pseudo selectors, so .myClass:after becomes .myClass::after, so we need to strip the extra one out.
|
|
if (pseudo) {
|
|
a.push(cs.style);
|
|
} else {
|
|
return cs.style;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return a;
|
|
};
|
|
|
|
|
|
// @private gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.
|
|
p._onInitTween = function(target, value, tween) {
|
|
if (target.cssText === undefined) {
|
|
return false;
|
|
}
|
|
var div = target._gsProxy = target._gsProxy || _doc.createElement("div");
|
|
this._ss = target;
|
|
this._proxy = div.style;
|
|
div.style.cssText = target.cssText;
|
|
CSSPlugin.prototype._onInitTween.call(this, div, value, tween); //we just offload all the work to the regular CSSPlugin and then copy the cssText back over to the rule in the setRatio() method. This allows us to have all of the updates to CSSPlugin automatically flow through to CSSRulePlugin instead of having to maintain both
|
|
return true;
|
|
};
|
|
|
|
|
|
|
|
// @private gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.
|
|
p.setRatio = function(v) {
|
|
_superSetRatio.call(this, v);
|
|
this._ss.cssText = this._proxy.cssText;
|
|
};
|
|
|
|
|
|
TweenPlugin.activate([CSSRulePlugin]);
|
|
return CSSRulePlugin;
|
|
|
|
}, true);
|
|
|
|
}); if (_gsScope._gsDefine) { _gsScope._gsQueue.pop()(); }
|
|
|
|
//export to AMD/RequireJS and CommonJS/Node (precursor to full modular build system coming at a later date)
|
|
(function(name) {
|
|
"use strict";
|
|
var getGlobal = function() {
|
|
return (_gsScope.GreenSockGlobals || _gsScope)[name];
|
|
};
|
|
if (typeof(module) !== "undefined" && module.exports) { //node
|
|
require("../TweenLite.js");
|
|
module.exports = getGlobal();
|
|
} else if (typeof(define) === "function" && define.amd) { //AMD
|
|
define(["TweenLite"], getGlobal);
|
|
}
|
|
}("CSSRulePlugin")); |