survivalkit 0.3.2 → 0.3.3

data/templates/drupal/sources/pie/sources/RootRenderer.js

@@ -0,0 +1,112 @@
+/**
+ * Root renderer; creates the outermost container element and handles keeping it aligned
+ * with the target element's size and position.
+ * @param {Element} el The target element
+ * @param {Object} styleInfos The StyleInfo objects
+ */
+PIE.RootRenderer = PIE.RendererBase.newRenderer( {
+
+    isActive: function() {
+        var children = this.childRenderers;
+        for( var i in children ) {
+            if( children.hasOwnProperty( i ) && children[ i ].isActive() ) {
+                return true;
+            }
+        }
+        return false;
+    },
+
+    needsUpdate: function() {
+        return this.styleInfos.visibilityInfo.changed();
+    },
+
+    updatePos: function() {
+        if( this.isActive() ) {
+            var el = this.getPositioningElement(),
+                par = el,
+                docEl,
+                parRect,
+                tgtCS = el.currentStyle,
+                tgtPos = tgtCS.position,
+                boxPos,
+                s = this.getBox().style, cs,
+                x = 0, y = 0,
+                elBounds = this.boundsInfo.getBounds();
+
+            if( tgtPos === 'fixed' && PIE.ieVersion > 6 ) {
+                x = elBounds.x;
+                y = elBounds.y;
+                boxPos = tgtPos;
+            } else {
+                // Get the element's offsets from its nearest positioned ancestor. Uses
+                // getBoundingClientRect for accuracy and speed.
+                do {
+                    par = par.offsetParent;
+                } while( par && ( par.currentStyle.position === 'static' ) );
+                if( par ) {
+                    parRect = par.getBoundingClientRect();
+                    cs = par.currentStyle;
+                    x = elBounds.x - parRect.left - ( parseFloat(cs.borderLeftWidth) || 0 );
+                    y = elBounds.y - parRect.top - ( parseFloat(cs.borderTopWidth) || 0 );
+                } else {
+                    docEl = doc.documentElement;
+                    x = elBounds.x + docEl.scrollLeft - docEl.clientLeft;
+                    y = elBounds.y + docEl.scrollTop - docEl.clientTop;
+                }
+                boxPos = 'absolute';
+            }
+
+            s.position = boxPos;
+            s.left = x;
+            s.top = y;
+            s.zIndex = tgtPos === 'static' ? -1 : tgtCS.zIndex;
+            this.isPositioned = true;
+        }
+    },
+
+    updateSize: function() {
+        // NO-OP
+    },
+
+    updateVisibility: function() {
+        var vis = this.styleInfos.visibilityInfo.getProps();
+        this.getBox().style.display = ( vis.visible && vis.displayed ) ? '' : 'none';
+    },
+
+    updateProps: function() {
+        if( this.isActive() ) {
+            this.updateVisibility();
+        } else {
+            this.destroy();
+        }
+    },
+
+    getPositioningElement: function() {
+        var el = this.targetElement;
+        return el.tagName in PIE.tableCellTags ? el.offsetParent : el;
+    },
+
+    getBox: function() {
+        var box = this._box, el;
+        if( !box ) {
+            el = this.getPositioningElement();
+            box = this._box = doc.createElement( 'css3-container' );
+            box.style['direction'] = 'ltr'; //fix positioning bug in rtl environments
+
+            this.updateVisibility();
+
+            el.parentNode.insertBefore( box, el );
+        }
+        return box;
+    },
+
+    destroy: function() {
+        var box = this._box, par;
+        if( box && ( par = box.parentNode ) ) {
+            par.removeChild( box );
+        }
+        delete this._box;
+        delete this._layers;
+    }
+
+} );

data/templates/drupal/sources/pie/sources/StyleInfoBase.js

@@ -0,0 +1,93 @@
+(function() {
+
+function cacheWhenLocked( fn ) {
+    var uid = PIE.Util.getUID( fn );
+    return function() {
+        if( this._locked ) {
+            var cache = this._lockedValues || ( this._lockedValues = {} );
+            return ( uid in cache ) ? cache[ uid ] : ( cache[ uid ] = fn.call( this ) );
+        } else {
+            return fn.call( this );
+        }
+    }
+}
+
+
+PIE.StyleInfoBase = {
+
+    _locked: 0,
+
+    /**
+     * Create a new StyleInfo class, with the standard constructor, and augmented by
+     * the StyleInfoBase's members.
+     * @param proto
+     */
+    newStyleInfo: function( proto ) {
+        function StyleInfo( el ) {
+            this.targetElement = el;
+        }
+        PIE.Util.merge( StyleInfo.prototype, PIE.StyleInfoBase, proto );
+        StyleInfo._propsCache = {};
+        return StyleInfo;
+    },
+
+    /**
+     * Get an object representation of the target CSS style, caching it for each unique
+     * CSS value string.
+     * @return {Object}
+     */
+    getProps: function() {
+        var css = this.getCss(),
+            cache = this.constructor._propsCache;
+        return css ? ( css in cache ? cache[ css ] : ( cache[ css ] = this.parseCss( css ) ) ) : null;
+    },
+
+    /**
+     * Get the raw CSS value for the target style
+     * @return {string}
+     */
+    getCss: cacheWhenLocked( function() {
+        var el = this.targetElement,
+            ctor = this.constructor,
+            s = el.style,
+            cs = el.currentStyle,
+            cssProp = this.cssProperty,
+            styleProp = this.styleProperty,
+            prefixedCssProp = ctor._prefixedCssProp || ( ctor._prefixedCssProp = PIE.CSS_PREFIX + cssProp ),
+            prefixedStyleProp = ctor._prefixedStyleProp || ( ctor._prefixedStyleProp = PIE.STYLE_PREFIX + styleProp.charAt(0).toUpperCase() + styleProp.substring(1) );
+        return s[ prefixedStyleProp ] || cs.getAttribute( prefixedCssProp ) || s[ styleProp ] || cs.getAttribute( cssProp );
+    } ),
+
+    /**
+     * Determine whether the target CSS style is active.
+     * @return {boolean}
+     */
+    isActive: cacheWhenLocked( function() {
+        return !!this.getProps();
+    } ),
+
+    /**
+     * Determine whether the target CSS style has changed since the last time it was used.
+     * @return {boolean}
+     */
+    changed: cacheWhenLocked( function() {
+        var currentCss = this.getCss(),
+            changed = currentCss !== this._lastCss;
+        this._lastCss = currentCss;
+        return changed;
+    } ),
+
+    cacheWhenLocked: cacheWhenLocked,
+
+    lock: function() {
+        ++this._locked;
+    },
+
+    unlock: function() {
+        if( !--this._locked ) {
+            delete this._lockedValues;
+        }
+    }
+};
+
+})();

data/templates/drupal/sources/pie/sources/Tokenizer.js

@@ -0,0 +1,274 @@
+/**
+ * A tokenizer for CSS value strings.
+ * @constructor
+ * @param {string} css The CSS value string
+ */
+PIE.Tokenizer = (function() {
+    function Tokenizer( css ) {
+        this.css = css;
+        this.ch = 0;
+        this.tokens = [];
+        this.tokenIndex = 0;
+    }
+
+    /**
+     * Enumeration of token type constants.
+     * @enum {number}
+     */
+    var Type = Tokenizer.Type = {
+        ANGLE: 1,
+        CHARACTER: 2,
+        COLOR: 4,
+        DIMEN: 8,
+        FUNCTION: 16,
+        IDENT: 32,
+        LENGTH: 64,
+        NUMBER: 128,
+        OPERATOR: 256,
+        PERCENT: 512,
+        STRING: 1024,
+        URL: 2048
+    };
+
+    /**
+     * A single token
+     * @constructor
+     * @param {number} type The type of the token - see PIE.Tokenizer.Type
+     * @param {string} value The value of the token
+     */
+    Tokenizer.Token = function( type, value ) {
+        this.tokenType = type;
+        this.tokenValue = value;
+    };
+    Tokenizer.Token.prototype = {
+        isLength: function() {
+            return this.tokenType & Type.LENGTH || ( this.tokenType & Type.NUMBER && this.tokenValue === '0' );
+        },
+        isLengthOrPercent: function() {
+            return this.isLength() || this.tokenType & Type.PERCENT;
+        }
+    };
+
+    Tokenizer.prototype = {
+        whitespace: /\s/,
+        number: /^[\+\-]?(\d*\.)?\d+/,
+        url: /^url\(\s*("([^"]*)"|'([^']*)'|([!#$%&*-~]*))\s*\)/i,
+        ident: /^\-?[_a-z][\w-]*/i,
+        string: /^("([^"]*)"|'([^']*)')/,
+        operator: /^[\/,]/,
+        hash: /^#[\w]+/,
+        hashColor: /^#([\da-f]{6}|[\da-f]{3})/i,
+
+        unitTypes: {
+            'px': Type.LENGTH, 'em': Type.LENGTH, 'ex': Type.LENGTH,
+            'mm': Type.LENGTH, 'cm': Type.LENGTH, 'in': Type.LENGTH,
+            'pt': Type.LENGTH, 'pc': Type.LENGTH,
+            'deg': Type.ANGLE, 'rad': Type.ANGLE, 'grad': Type.ANGLE
+        },
+
+        colorNames: {
+            'aqua':1, 'black':1, 'blue':1, 'fuchsia':1, 'gray':1, 'green':1, 'lime':1, 'maroon':1,
+            'navy':1, 'olive':1, 'purple':1, 'red':1, 'silver':1, 'teal':1, 'white':1, 'yellow': 1,
+            'currentColor': 1
+        },
+
+        colorFunctions: {
+            'rgb': 1, 'rgba': 1, 'hsl': 1, 'hsla': 1
+        },
+
+
+        /**
+         * Advance to and return the next token in the CSS string. If the end of the CSS string has
+         * been reached, null will be returned.
+         * @param {boolean} forget - if true, the token will not be stored for the purposes of backtracking with prev().
+         * @return {PIE.Tokenizer.Token}
+         */
+        next: function( forget ) {
+            var css, ch, firstChar, match, val,
+                me = this;
+
+            function newToken( type, value ) {
+                var tok = new Tokenizer.Token( type, value );
+                if( !forget ) {
+                    me.tokens.push( tok );
+                    me.tokenIndex++;
+                }
+                return tok;
+            }
+            function failure() {
+                me.tokenIndex++;
+                return null;
+            }
+
+            // In case we previously backed up, return the stored token in the next slot
+            if( this.tokenIndex < this.tokens.length ) {
+                return this.tokens[ this.tokenIndex++ ];
+            }
+
+            // Move past leading whitespace characters
+            while( this.whitespace.test( this.css.charAt( this.ch ) ) ) {
+                this.ch++;
+            }
+            if( this.ch >= this.css.length ) {
+                return failure();
+            }
+
+            ch = this.ch;
+            css = this.css.substring( this.ch );
+            firstChar = css.charAt( 0 );
+            switch( firstChar ) {
+                case '#':
+                    if( match = css.match( this.hashColor ) ) {
+                        this.ch += match[0].length;
+                        return newToken( Type.COLOR, match[0] );
+                    }
+                    break;
+
+                case '"':
+                case "'":
+                    if( match = css.match( this.string ) ) {
+                        this.ch += match[0].length;
+                        return newToken( Type.STRING, match[2] || match[3] || '' );
+                    }
+                    break;
+
+                case "/":
+                case ",":
+                    this.ch++;
+                    return newToken( Type.OPERATOR, firstChar );
+
+                case 'u':
+                    if( match = css.match( this.url ) ) {
+                        this.ch += match[0].length;
+                        return newToken( Type.URL, match[2] || match[3] || match[4] || '' );
+                    }
+            }
+
+            // Numbers and values starting with numbers
+            if( match = css.match( this.number ) ) {
+                val = match[0];
+                this.ch += val.length;
+
+                // Check if it is followed by a unit
+                if( css.charAt( val.length ) === '%' ) {
+                    this.ch++;
+                    return newToken( Type.PERCENT, val + '%' );
+                }
+                if( match = css.substring( val.length ).match( this.ident ) ) {
+                    val += match[0];
+                    this.ch += match[0].length;
+                    return newToken( this.unitTypes[ match[0].toLowerCase() ] || Type.DIMEN, val );
+                }
+
+                // Plain ol' number
+                return newToken( Type.NUMBER, val );
+            }
+
+            // Identifiers
+            if( match = css.match( this.ident ) ) {
+                val = match[0];
+                this.ch += val.length;
+
+                // Named colors
+                if( val.toLowerCase() in PIE.Color.names || val === 'currentColor' ) {
+                    return newToken( Type.COLOR, val );
+                }
+
+                // Functions
+                if( css.charAt( val.length ) === '(' ) {
+                    this.ch++;
+
+                    // Color values in function format: rgb, rgba, hsl, hsla
+                    if( val.toLowerCase() in this.colorFunctions ) {
+                        function isNum( tok ) {
+                            return tok && tok.tokenType & Type.NUMBER;
+                        }
+                        function isNumOrPct( tok ) {
+                            return tok && ( tok.tokenType & ( Type.NUMBER | Type.PERCENT ) );
+                        }
+                        function isValue( tok, val ) {
+                            return tok && tok.tokenValue === val;
+                        }
+                        function next() {
+                            return me.next( 1 );
+                        }
+
+                        if( ( val.charAt(0) === 'r' ? isNumOrPct( next() ) : isNum( next() ) ) &&
+                            isValue( next(), ',' ) &&
+                            isNumOrPct( next() ) &&
+                            isValue( next(), ',' ) &&
+                            isNumOrPct( next() ) &&
+                            ( val === 'rgb' || val === 'hsa' || (
+                                isValue( next(), ',' ) &&
+                                isNum( next() )
+                            ) ) &&
+                            isValue( next(), ')' ) ) {
+                            return newToken( Type.COLOR, this.css.substring( ch, this.ch ) );
+                        }
+                        return failure();
+                    }
+
+                    return newToken( Type.FUNCTION, val );
+                }
+
+                // Other identifier
+                return newToken( Type.IDENT, val );
+            }
+
+            // Standalone character
+            this.ch++;
+            return newToken( Type.CHARACTER, firstChar );
+        },
+
+        /**
+         * Determine whether there is another token
+         * @return {boolean}
+         */
+        hasNext: function() {
+            var next = this.next();
+            this.prev();
+            return !!next;
+        },
+
+        /**
+         * Back up and return the previous token
+         * @return {PIE.Tokenizer.Token}
+         */
+        prev: function() {
+            return this.tokens[ this.tokenIndex-- - 2 ];
+        },
+
+        /**
+         * Retrieve all the tokens in the CSS string
+         * @return {Array.<PIE.Tokenizer.Token>}
+         */
+        all: function() {
+            while( this.next() ) {}
+            return this.tokens;
+        },
+
+        /**
+         * Return a list of tokens from the current position until the given function returns
+         * true. The final token will not be included in the list.
+         * @param {function():boolean} func - test function
+         * @param {boolean} require - if true, then if the end of the CSS string is reached
+         *        before the test function returns true, null will be returned instead of the
+         *        tokens that have been found so far.
+         * @return {Array.<PIE.Tokenizer.Token>}
+         */
+        until: function( func, require ) {
+            var list = [], t, hit;
+            while( t = this.next() ) {
+                if( func( t ) ) {
+                    hit = true;
+                    this.prev();
+                    break;
+                }
+                list.push( t );
+            }
+            return require && !hit ? null : list;
+        }
+    };
+
+    return Tokenizer;
+})();