first commit

lib/yuilib/3.18.1/transition-timer/transition-timer-debug.js

@@ -0,0 +1,334 @@
+YUI.add('transition-timer', function (Y, NAME) {
+
+/**
+* Provides the base Transition class, for animating numeric properties.
+*
+* @module transition
+* @submodule transition-timer
+*/
+
+
+var Transition = Y.Transition;
+
+Y.mix(Transition.prototype, {
+    _start: function() {
+        if (Transition.useNative) {
+            this._runNative();
+        } else {
+            this._runTimer();
+        }
+    },
+
+    _runTimer: function() {
+        var anim = this;
+        anim._initAttrs();
+
+        Transition._running[Y.stamp(anim)] = anim;
+        anim._startTime = new Date();
+        Transition._startTimer();
+    },
+
+    _endTimer: function() {
+        var anim = this;
+        delete Transition._running[Y.stamp(anim)];
+        anim._startTime = null;
+    },
+
+    _runFrame: function() {
+        var t = new Date() - this._startTime;
+        this._runAttrs(t);
+    },
+
+    _runAttrs: function(time) {
+        var anim = this,
+            node = anim._node,
+            config = anim._config,
+            uid = Y.stamp(node),
+            attrs = Transition._nodeAttrs[uid],
+            customAttr = Transition.behaviors,
+            done = false,
+            allDone = false,
+            data,
+            name,
+            attribute,
+            setter,
+            elapsed,
+            delay,
+            d,
+            t,
+            i;
+
+        for (name in attrs) {
+            if ((attribute = attrs[name]) && attribute.transition === anim) {
+                d = attribute.duration;
+                delay = attribute.delay;
+                elapsed = (time - delay) / 1000;
+                t = time;
+                data = {
+                    type: 'propertyEnd',
+                    propertyName: name,
+                    config: config,
+                    elapsedTime: elapsed
+                };
+
+                setter = (i in customAttr && 'set' in customAttr[i]) ?
+                        customAttr[i].set : Transition.DEFAULT_SETTER;
+
+                done = (t >= d);
+
+                if (t > d) {
+                    t = d;
+                }
+
+                if (!delay || time >= delay) {
+                    setter(anim, name, attribute.from, attribute.to, t - delay, d - delay,
+                        attribute.easing, attribute.unit);
+
+                    if (done) {
+                        delete attrs[name];
+                        anim._count--;
+
+                        if (config[name] && config[name].on && config[name].on.end) {
+                            config[name].on.end.call(Y.one(node), data);
+                        }
+
+                        //node.fire('transition:propertyEnd', data);
+
+                        if (!allDone && anim._count <= 0) {
+                            allDone = true;
+                            anim._end(elapsed);
+                            anim._endTimer();
+                        }
+                    }
+                }
+
+            }
+        }
+    },
+
+    _initAttrs: function() {
+        var anim = this,
+            customAttr = Transition.behaviors,
+            uid = Y.stamp(anim._node),
+            attrs = Transition._nodeAttrs[uid],
+            attribute,
+            duration,
+            delay,
+            easing,
+            val,
+            name,
+            mTo,
+            mFrom,
+            unit, begin, end;
+
+        for (name in attrs) {
+            if ((attribute = attrs[name]) && attribute.transition === anim) {
+                duration = attribute.duration * 1000;
+                delay = attribute.delay * 1000;
+                easing = attribute.easing;
+                val = attribute.value;
+
+                // only allow supported properties
+                if (name in anim._node.style || name in Y.DOM.CUSTOM_STYLES) {
+                    begin = (name in customAttr && 'get' in customAttr[name])  ?
+                            customAttr[name].get(anim, name) : Transition.DEFAULT_GETTER(anim, name);
+
+                    mFrom = Transition.RE_UNITS.exec(begin);
+                    mTo = Transition.RE_UNITS.exec(val);
+
+                    begin = mFrom ? mFrom[1] : begin;
+                    end = mTo ? mTo[1] : val;
+                    unit = mTo ? mTo[2] : mFrom ?  mFrom[2] : ''; // one might be zero TODO: mixed units
+
+                    if (!unit && Transition.RE_DEFAULT_UNIT.test(name)) {
+                        unit = Transition.DEFAULT_UNIT;
+                    }
+
+                    if (typeof easing === 'string') {
+                        if (easing.indexOf('cubic-bezier') > -1) {
+                            easing = easing.substring(13, easing.length - 1).split(',');
+                        } else if (Transition.easings[easing]) {
+                            easing = Transition.easings[easing];
+                        }
+                    }
+
+                    attribute.from = Number(begin);
+                    attribute.to = Number(end);
+                    attribute.unit = unit;
+                    attribute.easing = easing;
+                    attribute.duration = duration + delay;
+                    attribute.delay = delay;
+                } else {
+                    delete attrs[name];
+                    anim._count--;
+                }
+            }
+        }
+    },
+
+    destroy: function() {
+        this.detachAll();
+        this._node = null;
+    }
+}, true);
+
+Y.mix(Y.Transition, {
+    _runtimeAttrs: {},
+    /*
+     * Regex of properties that should use the default unit.
+     *
+     * @property RE_DEFAULT_UNIT
+     * @static
+     */
+    RE_DEFAULT_UNIT: /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i,
+
+    /*
+     * The default unit to use with properties that pass the RE_DEFAULT_UNIT test.
+     *
+     * @property DEFAULT_UNIT
+     * @static
+     */
+    DEFAULT_UNIT: 'px',
+
+    /*
+     * Time in milliseconds passed to setInterval for frame processing
+     *
+     * @property intervalTime
+     * @default 20
+     * @static
+     */
+    intervalTime: 20,
+
+    /*
+     * Bucket for custom getters and setters
+     *
+     * @property behaviors
+     * @static
+     */
+    behaviors: {
+        left: {
+            get: function(anim, attr) {
+                return Y.DOM._getAttrOffset(anim._node, attr);
+            }
+        }
+    },
+
+    /*
+     * The default setter to use when setting object properties.
+     *
+     * @property DEFAULT_SETTER
+     * @static
+     */
+    DEFAULT_SETTER: function(anim, att, from, to, elapsed, duration, fn, unit) {
+        from = Number(from);
+        to = Number(to);
+
+        var node = anim._node,
+            val = Transition.cubicBezier(fn, elapsed / duration);
+
+        val = from + val[0] * (to - from);
+
+        if (node) {
+            if (att in node.style || att in Y.DOM.CUSTOM_STYLES) {
+                unit = unit || '';
+                Y.DOM.setStyle(node, att, val + unit);
+            }
+        } else {
+            anim._end();
+        }
+    },
+
+    /*
+     * The default getter to use when getting object properties.
+     *
+     * @property DEFAULT_GETTER
+     * @static
+     */
+    DEFAULT_GETTER: function(anim, att) {
+        var node = anim._node,
+            val = '';
+
+        if (att in node.style || att in Y.DOM.CUSTOM_STYLES) {
+            val = Y.DOM.getComputedStyle(node, att);
+        }
+
+        return val;
+    },
+
+    _startTimer: function() {
+        if (!Transition._timer) {
+            Transition._timer = setInterval(Transition._runFrame, Transition.intervalTime);
+        }
+    },
+
+    _stopTimer: function() {
+        clearInterval(Transition._timer);
+        Transition._timer = null;
+    },
+
+    /*
+     * Called per Interval to handle each animation frame.
+     * @method _runFrame
+     * @private
+     * @static
+     */
+    _runFrame: function() {
+        var done = true,
+            anim;
+        for (anim in Transition._running) {
+            if (Transition._running[anim]._runFrame) {
+                done = false;
+                Transition._running[anim]._runFrame();
+            }
+        }
+
+        if (done) {
+            Transition._stopTimer();
+        }
+    },
+
+    cubicBezier: function(p, t) {
+        var x0 = 0,
+            y0 = 0,
+            x1 = p[0],
+            y1 = p[1],
+            x2 = p[2],
+            y2 = p[3],
+            x3 = 1,
+            y3 = 0,
+
+            A = x3 - 3 * x2 + 3 * x1 - x0,
+            B = 3 * x2 - 6 * x1 + 3 * x0,
+            C = 3 * x1 - 3 * x0,
+            D = x0,
+            E = y3 - 3 * y2 + 3 * y1 - y0,
+            F = 3 * y2 - 6 * y1 + 3 * y0,
+            G = 3 * y1 - 3 * y0,
+            H = y0,
+
+            x = (((A*t) + B)*t + C)*t + D,
+            y = (((E*t) + F)*t + G)*t + H;
+
+        return [x, y];
+    },
+
+    easings: {
+        ease: [0.25, 0, 1, 0.25],
+        linear: [0, 0, 1, 1],
+        'ease-in': [0.42, 0, 1, 1],
+        'ease-out': [0, 0, 0.58, 1],
+        'ease-in-out': [0.42, 0, 0.58, 1]
+    },
+
+    _running: {},
+    _timer: null,
+
+    RE_UNITS: /^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/
+}, true);
+
+Transition.behaviors.top = Transition.behaviors.bottom = Transition.behaviors.right = Transition.behaviors.left;
+
+Y.Transition = Transition;
+
+
+}, '3.18.1', {"requires": ["transition"]});

lib/yuilib/3.18.1/transition-timer/transition-timer-min.js

@@ -0,0 +1 @@
+YUI.add("transition-timer",function(e,t){var n=e.Transition;e.mix(n.prototype,{_start:function(){n.useNative?this._runNative():this._runTimer()},_runTimer:function(){var t=this;t._initAttrs(),n._running[e.stamp(t)]=t,t._startTime=new Date,n._startTimer()},_endTimer:function(){var t=this;delete n._running[e.stamp(t)],t._startTime=null},_runFrame:function(){var e=new Date-this._startTime;this._runAttrs(e)},_runAttrs:function(t){var r=this,i=r._node,s=r._config,o=e.stamp(i),u=n._nodeAttrs[o],a=n.behaviors,f=!1,l=!1,c,h,p,d,v,m,g,y,b;for(h in u)if((p=u[h])&&p.transition===r){g=p.duration,m=p.delay,v=(t-m)/1e3,y=t,c={type:"propertyEnd",propertyName:h,config:s,elapsedTime:v},d=b in a&&"set"in a[b]?a[b].set:n.DEFAULT_SETTER,f=y>=g,y>g&&(y=g);if(!m||t>=m)d(r,h,p.from,p.to,y-m,g-m,p.easing,p.unit),f&&(delete u[h],r._count--,s[h]&&s[h].on&&s[h].on.end&&s[h].on.end.call(e.one(i),c),!l&&r._count<=0&&(l=!0,r._end(v),r._endTimer()))}},_initAttrs:function(){var t=this,r=n.behaviors,i=e.stamp(t._node),s=n._nodeAttrs[i],o,u,a,f,l,c,h,p,d,v,m;for(c in s)(o=s[c])&&o.transition===t&&(u=o.duration*1e3,a=o.delay*1e3,f=o.easing,l=o.value,c in t._node.style||c in e.DOM.CUSTOM_STYLES?(v=c in r&&"get"in r[c]?r[c].get(t,c):n.DEFAULT_GETTER(t,c),p=n.RE_UNITS.exec(v),h=n.RE_UNITS.exec(l),v=p?p[1]:v,m=h?h[1]:l,d=h?h[2]:p?p[2]:"",!d&&n.RE_DEFAULT_UNIT.test(c)&&(d=n.DEFAULT_UNIT),typeof f=="string"&&(f.indexOf("cubic-bezier")>-1?f=f.substring(13,f.length-1).split(","):n.easings[f]&&(f=n.easings[f])),o.from=Number(v),o.to=Number(m),o.unit=d,o.easing=f,o.duration=u+a,o.delay=a):(delete s[c],t._count--))},destroy:function(){this.detachAll(),this._node=null}},!0),e.mix(e.Transition,{_runtimeAttrs:{},RE_DEFAULT_UNIT:/^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i,DEFAULT_UNIT:"px",intervalTime:20,behaviors:{left:{get:function(t,n){return e.DOM._getAttrOffset(t._node,n)}}},DEFAULT_SETTER:function(t,r,i,s,o,u,a,f){i=Number(i),s=Number(s);var l=t._node,c=n.cubicBezier(a,o/u);c=i+c[0]*(s-i);if(l){if(r in l.style||r in e.DOM.CUSTOM_STYLES)f=f||"",e.DOM.setStyle(l,r,c+f)}else t._end()},DEFAULT_GETTER:function(t,n){var r=t._node,i="";if(n in r.style||n in e.DOM.CUSTOM_STYLES)i=e.DOM.getComputedStyle(r,n);return i},_startTimer:function(){n._timer||(n._timer=setInterval(n._runFrame,n.intervalTime))},_stopTimer:function(){clearInterval(n._timer),n._timer=null},_runFrame:function(){var e=!0,t;for(t in n._running)n._running[t]._runFrame&&(e=!1,n._running[t]._runFrame());e&&n._stopTimer()},cubicBezier:function(e,t){var n=0,r=0,i=e[0],s=e[1],o=e[2],u=e[3],a=1,f=0,l=a-3*o+3*i-n,c=3*o-6*i+3*n,h=3*i-3*n,p=n,d=f-3*u+3*s-r,v=3*u-6*s+3*r,m=3*s-3*r,g=r,y=((l*t+c)*t+h)*t+p,b=((d*t+v)*t+m)*t+g;return[y,b]},easings:{ease:[.25,0,1,.25],linear:[0,0,1,1],"ease-in":[.42,0,1,1],"ease-out":[0,0,.58,1],"ease-in-out":[.42,0,.58,1]},_running:{},_timer:null,RE_UNITS:/^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/},!0),n.behaviors.top=n.behaviors.bottom=n.behaviors.right=n.behaviors.left,e.Transition=n},"3.18.1",{requires:["transition"]});

lib/yuilib/3.18.1/transition-timer/transition-timer.js

@@ -0,0 +1,334 @@
+YUI.add('transition-timer', function (Y, NAME) {
+
+/**
+* Provides the base Transition class, for animating numeric properties.
+*
+* @module transition
+* @submodule transition-timer
+*/
+
+
+var Transition = Y.Transition;
+
+Y.mix(Transition.prototype, {
+    _start: function() {
+        if (Transition.useNative) {
+            this._runNative();
+        } else {
+            this._runTimer();
+        }
+    },
+
+    _runTimer: function() {
+        var anim = this;
+        anim._initAttrs();
+
+        Transition._running[Y.stamp(anim)] = anim;
+        anim._startTime = new Date();
+        Transition._startTimer();
+    },
+
+    _endTimer: function() {
+        var anim = this;
+        delete Transition._running[Y.stamp(anim)];
+        anim._startTime = null;
+    },
+
+    _runFrame: function() {
+        var t = new Date() - this._startTime;
+        this._runAttrs(t);
+    },
+
+    _runAttrs: function(time) {
+        var anim = this,
+            node = anim._node,
+            config = anim._config,
+            uid = Y.stamp(node),
+            attrs = Transition._nodeAttrs[uid],
+            customAttr = Transition.behaviors,
+            done = false,
+            allDone = false,
+            data,
+            name,
+            attribute,
+            setter,
+            elapsed,
+            delay,
+            d,
+            t,
+            i;
+
+        for (name in attrs) {
+            if ((attribute = attrs[name]) && attribute.transition === anim) {
+                d = attribute.duration;
+                delay = attribute.delay;
+                elapsed = (time - delay) / 1000;
+                t = time;
+                data = {
+                    type: 'propertyEnd',
+                    propertyName: name,
+                    config: config,
+                    elapsedTime: elapsed
+                };
+
+                setter = (i in customAttr && 'set' in customAttr[i]) ?
+                        customAttr[i].set : Transition.DEFAULT_SETTER;
+
+                done = (t >= d);
+
+                if (t > d) {
+                    t = d;
+                }
+
+                if (!delay || time >= delay) {
+                    setter(anim, name, attribute.from, attribute.to, t - delay, d - delay,
+                        attribute.easing, attribute.unit);
+
+                    if (done) {
+                        delete attrs[name];
+                        anim._count--;
+
+                        if (config[name] && config[name].on && config[name].on.end) {
+                            config[name].on.end.call(Y.one(node), data);
+                        }
+
+                        //node.fire('transition:propertyEnd', data);
+
+                        if (!allDone && anim._count <= 0) {
+                            allDone = true;
+                            anim._end(elapsed);
+                            anim._endTimer();
+                        }
+                    }
+                }
+
+            }
+        }
+    },
+
+    _initAttrs: function() {
+        var anim = this,
+            customAttr = Transition.behaviors,
+            uid = Y.stamp(anim._node),
+            attrs = Transition._nodeAttrs[uid],
+            attribute,
+            duration,
+            delay,
+            easing,
+            val,
+            name,
+            mTo,
+            mFrom,
+            unit, begin, end;
+
+        for (name in attrs) {
+            if ((attribute = attrs[name]) && attribute.transition === anim) {
+                duration = attribute.duration * 1000;
+                delay = attribute.delay * 1000;
+                easing = attribute.easing;
+                val = attribute.value;
+
+                // only allow supported properties
+                if (name in anim._node.style || name in Y.DOM.CUSTOM_STYLES) {
+                    begin = (name in customAttr && 'get' in customAttr[name])  ?
+                            customAttr[name].get(anim, name) : Transition.DEFAULT_GETTER(anim, name);
+
+                    mFrom = Transition.RE_UNITS.exec(begin);
+                    mTo = Transition.RE_UNITS.exec(val);
+
+                    begin = mFrom ? mFrom[1] : begin;
+                    end = mTo ? mTo[1] : val;
+                    unit = mTo ? mTo[2] : mFrom ?  mFrom[2] : ''; // one might be zero TODO: mixed units
+
+                    if (!unit && Transition.RE_DEFAULT_UNIT.test(name)) {
+                        unit = Transition.DEFAULT_UNIT;
+                    }
+
+                    if (typeof easing === 'string') {
+                        if (easing.indexOf('cubic-bezier') > -1) {
+                            easing = easing.substring(13, easing.length - 1).split(',');
+                        } else if (Transition.easings[easing]) {
+                            easing = Transition.easings[easing];
+                        }
+                    }
+
+                    attribute.from = Number(begin);
+                    attribute.to = Number(end);
+                    attribute.unit = unit;
+                    attribute.easing = easing;
+                    attribute.duration = duration + delay;
+                    attribute.delay = delay;
+                } else {
+                    delete attrs[name];
+                    anim._count--;
+                }
+            }
+        }
+    },
+
+    destroy: function() {
+        this.detachAll();
+        this._node = null;
+    }
+}, true);
+
+Y.mix(Y.Transition, {
+    _runtimeAttrs: {},
+    /*
+     * Regex of properties that should use the default unit.
+     *
+     * @property RE_DEFAULT_UNIT
+     * @static
+     */
+    RE_DEFAULT_UNIT: /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i,
+
+    /*
+     * The default unit to use with properties that pass the RE_DEFAULT_UNIT test.
+     *
+     * @property DEFAULT_UNIT
+     * @static
+     */
+    DEFAULT_UNIT: 'px',
+
+    /*
+     * Time in milliseconds passed to setInterval for frame processing
+     *
+     * @property intervalTime
+     * @default 20
+     * @static
+     */
+    intervalTime: 20,
+
+    /*
+     * Bucket for custom getters and setters
+     *
+     * @property behaviors
+     * @static
+     */
+    behaviors: {
+        left: {
+            get: function(anim, attr) {
+                return Y.DOM._getAttrOffset(anim._node, attr);
+            }
+        }
+    },
+
+    /*
+     * The default setter to use when setting object properties.
+     *
+     * @property DEFAULT_SETTER
+     * @static
+     */
+    DEFAULT_SETTER: function(anim, att, from, to, elapsed, duration, fn, unit) {
+        from = Number(from);
+        to = Number(to);
+
+        var node = anim._node,
+            val = Transition.cubicBezier(fn, elapsed / duration);
+
+        val = from + val[0] * (to - from);
+
+        if (node) {
+            if (att in node.style || att in Y.DOM.CUSTOM_STYLES) {
+                unit = unit || '';
+                Y.DOM.setStyle(node, att, val + unit);
+            }
+        } else {
+            anim._end();
+        }
+    },
+
+    /*
+     * The default getter to use when getting object properties.
+     *
+     * @property DEFAULT_GETTER
+     * @static
+     */
+    DEFAULT_GETTER: function(anim, att) {
+        var node = anim._node,
+            val = '';
+
+        if (att in node.style || att in Y.DOM.CUSTOM_STYLES) {
+            val = Y.DOM.getComputedStyle(node, att);
+        }
+
+        return val;
+    },
+
+    _startTimer: function() {
+        if (!Transition._timer) {
+            Transition._timer = setInterval(Transition._runFrame, Transition.intervalTime);
+        }
+    },
+
+    _stopTimer: function() {
+        clearInterval(Transition._timer);
+        Transition._timer = null;
+    },
+
+    /*
+     * Called per Interval to handle each animation frame.
+     * @method _runFrame
+     * @private
+     * @static
+     */
+    _runFrame: function() {
+        var done = true,
+            anim;
+        for (anim in Transition._running) {
+            if (Transition._running[anim]._runFrame) {
+                done = false;
+                Transition._running[anim]._runFrame();
+            }
+        }
+
+        if (done) {
+            Transition._stopTimer();
+        }
+    },
+
+    cubicBezier: function(p, t) {
+        var x0 = 0,
+            y0 = 0,
+            x1 = p[0],
+            y1 = p[1],
+            x2 = p[2],
+            y2 = p[3],
+            x3 = 1,
+            y3 = 0,
+
+            A = x3 - 3 * x2 + 3 * x1 - x0,
+            B = 3 * x2 - 6 * x1 + 3 * x0,
+            C = 3 * x1 - 3 * x0,
+            D = x0,
+            E = y3 - 3 * y2 + 3 * y1 - y0,
+            F = 3 * y2 - 6 * y1 + 3 * y0,
+            G = 3 * y1 - 3 * y0,
+            H = y0,
+
+            x = (((A*t) + B)*t + C)*t + D,
+            y = (((E*t) + F)*t + G)*t + H;
+
+        return [x, y];
+    },
+
+    easings: {
+        ease: [0.25, 0, 1, 0.25],
+        linear: [0, 0, 1, 1],
+        'ease-in': [0.42, 0, 1, 1],
+        'ease-out': [0, 0, 0.58, 1],
+        'ease-in-out': [0.42, 0, 0.58, 1]
+    },
+
+    _running: {},
+    _timer: null,
+
+    RE_UNITS: /^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/
+}, true);
+
+Transition.behaviors.top = Transition.behaviors.bottom = Transition.behaviors.right = Transition.behaviors.left;
+
+Y.Transition = Transition;
+
+
+}, '3.18.1', {"requires": ["transition"]});