concord-consortium/rigse

File PIE_uncompressed.js has 3169 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*
PIE: CSS3 rendering for IE
Version 1.0.0
http://css3pie.com
Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.

Consider simplifying this complex logical expression.

Open

if( !PIE ) {
    PIE = window.PIE = {
        CSS_PREFIX: '-pie-',
        STYLE_PREFIX: 'Pie',
        CLASS_PREFIX: 'pie_',

Function Element has 355 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.Element = (function() {

    var wrappers = {},
        lazyInitCssProp = PIE.CSS_PREFIX + 'lazy-init',
        pollCssProp = PIE.CSS_PREFIX + 'poll',

Function Element has 286 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    function Element( el ) {
        var renderers,
            rootRenderer,
            boundsInfo = new PIE.BoundsInfo( el ),
            styleInfos,

Function parseCss has 204 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    parseCss: function( css ) {
        var el = this.targetElement,
            cs = el.currentStyle,
            tokenizer, token, image,
            tok_type = PIE.Tokenizer.Type,

Function Tokenizer has 182 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.Tokenizer = (function() {
    function Tokenizer( css ) {
        this.css = css;
        this.ch = 0;
        this.tokens = [];

Function getBorderSegments has 147 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getBorderSegments: function( mult ) {
        var el = this.targetElement,
            bounds, elW, elH,
            borderInfo = this.styleInfos.borderInfo,
            segments = [],

Function next has 105 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        next: function( forget ) {
            var css, ch, firstChar, match, val,
                me = this;

            function newToken( type, value ) {

Function init has 104 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        function init() {
            if( !initialized ) {
                var docEl,
                    bounds,
                    ieDocMode = PIE.ieDocMode,

Function parseCss has 102 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    parseCss: function( css ) {
        var p = null, tokenizer, token, type, value,
            slices, widths, outsets,
            slashCount = 0,
            Type = PIE.Tokenizer.Type,

Function draw has 94 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        var me = this,
            props = me.styleInfos.borderImageInfo.getProps(),
            borderProps = me.styleInfos.borderInfo.getProps(),
            bounds = me.boundsInfo.getBounds(),

Function Color has 86 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.Color = (function() {
    var instances = {};

    function Color( val ) {
        this.val = val;

Function Length has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.Length = (function() {
    var lengthCalcEl = doc.createElement( 'length-calc' ),
        parent = doc.body || doc.documentElement,
        s = lengthCalcEl.style,
        conversions = {},

Function draw has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        var me = this,
            el = this.targetElement,
            box = this.getBox(),
            styleInfos = this.styleInfos,

Function getGradientMetrics has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getGradientMetrics: function( el, width, height, gradientInfo ) {
        var angle = gradientInfo.angle,
            startPos = gradientInfo.gradientStart,
            startX, startY,
            endX, endY,

Consider simplifying this complex logical expression.

Open

            if( !p.src || !slices || slices.length < 1 || slices.length > 4 ||
                ( widths && widths.length > 4 ) || ( slashCount === 1 && widths.length < 1 ) ||
                ( outsets && outsets.length > 4 ) || ( slashCount === 2 && outsets.length < 1 ) ) {
                return null;
            }

Function BgPosition has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.BgPosition = (function() {

    var length_fifty = PIE.getLength( '50%' ),
        vert_idents = { 'top': 1, 'center': 1, 'bottom': 1 },
        horiz_idents = { 'left': 1, 'center': 1, 'right': 1 };

Function addLinearGradient has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    addLinearGradient: function( shape, info ) {
        var el = this.targetElement,
            bounds = this.boundsInfo.getBounds(),
            w = bounds.w,
            h = bounds.h,

Function draw has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        this.getBox(); //make sure pieces are created

        var props = this.styleInfos.borderImageInfo.getProps(),
            borderProps = this.styleInfos.borderInfo.getProps(),

Consider simplifying this complex logical expression.

Open

                        if( ( val.charAt(0) === 'r' ? isNumOrPct( next() ) : isNum( next() ) ) &&
                            isValue( next(), ',' ) &&
                            isNumOrPct( next() ) &&
                            isValue( next(), ',' ) &&
                            isNumOrPct( next() ) &&

Function parseCss has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    parseCss: function( css ) {
        var props,
            getLength = PIE.getLength,
            Type = PIE.Tokenizer.Type,
            tokenizer;

Function getGradientSvg has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getGradientSvg: function( info, bgWidth, bgHeight ) {
        var el = this.targetElement,
            stopsInfo = info.stops,
            stopCount = stopsInfo.length,
            metrics = PIE.GradientUtil.getGradientMetrics( el, bgWidth, bgHeight, info ),

Function getValues has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        getValues: function() {
            if( !this._values ) {
                var tokens = this.tokens,
                    len = tokens.length,
                    Tokenizer = PIE.Tokenizer,

Function getRadiiPixels has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getRadiiPixels: function( radii ) {
        var el = this.targetElement,
            bounds = this.boundsInfo.getBounds(),
            w = bounds.w,
            h = bounds.h,

Consider simplifying this complex logical expression.

Open

        if( css ) {
            tokenizer = new PIE.Tokenizer( css );
            p = {};

            isSlash = function ( token ) {

Function parseCss has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    parseCss: function( css ) {
        var w = {},
            s = {},
            c = {},
            active = false,

Function positionBgImage has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    positionBgImage: function( shape, index ) {
        var me = this;
        PIE.Util.withImageSize( shape.fill.src, function( size ) {
            var el = me.targetElement,
                bounds = me.boundsInfo.getBounds(),

Function parseCss has 39 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    parseCss: function( css ) {
        var p = null, x, y,
            tokenizer, token, length,
            hasNonZero = false;

Function updatePos has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    updatePos: function() {
        if( this.isActive() ) {
            var el = this.getPositioningElement(),
                par = el,
                docEl,

Function getBoxPath has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getBoxPath: function( shrink, mult, radii ) {
        mult = mult || 1;

        var r, str,
            bounds = this.boundsInfo.getBounds(),

Function hideBorder has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    hideBorder: function() {
        var el = this.targetElement,
            cs = el.currentStyle,
            rs = el.runtimeStyle,
            tag = el.tagName,

Function BgSize has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

PIE.BgSize = (function() {

    var CONTAIN = 'contain',
        COVER = 'cover',
        AUTO = 'auto';

Function draw has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        this._lastSrc = src;
        this.hideActualImg();

        var shape = this.getShape( 'img', 'fill', this.getBox() ),

Consider simplifying this complex logical expression.

Open

                if( lazy && ( bounds = boundsInfo.getBounds() ) && ( docEl = doc.documentElement || doc.body ) &&
                        ( bounds.y > docEl.clientHeight || bounds.x > docEl.clientWidth || bounds.y + bounds.h < 0 || bounds.x + bounds.w < 0 ) ) {
                    if( !delayed ) {
                        delayed = 1;
                        PIE.OnScroll.observe( init );

Function draw has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        var el = this.targetElement,
            props = this.styleInfos.borderInfo.getProps(),
            bounds = this.boundsInfo.getBounds(),
            w = bounds.w,

Function drawBgImages has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    drawBgImages: function() {
        var props = this.styleInfos.backgroundInfo.getProps(),
            bounds = this.boundsInfo.getBounds(),
            images = props && props.bgImages,
            img, shape, w, h, s, i;

Function addImage has 10 arguments (exceeds 4 allowed). Consider refactoring.

Open

            function addImage( x, y, w, h, cropX, cropY, cropW, cropH, tileW, tileH ) {

Function withActualBg has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    withActualBg: function( fn ) {
        var isIE9 = PIE.ieDocMode > 8,
            propNames = this.propertyNames,
            rs = this.targetElement.runtimeStyle,
            rsImage = rs[propNames.IMAGE],

Function draw has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draw: function() {
        var me = this,
            props = me.styleInfos.backgroundInfo.getProps(),
            bg, images, i = 0, img, bgAreaSize, bgSize;

Consider simplifying this complex logical expression.

Open

        if( css ) {
            tokenizer = new PIE.Tokenizer( css );

            collectLengths = function () {
                var arr = [], num;

Consider simplifying this complex logical expression.

Open

        if( ( isIE6 && ( tag in PIE.childlessElements || tag === 'FIELDSET' ) ) ||
                tag === 'BUTTON' || ( tag === 'INPUT' && el.type in PIE.inputButtonTypes ) ) {
            rs.borderWidth = '';
            sides = this.styleInfos.borderInfo.sides;
            for( i = sides.length; i--; ) {

Function getShadowShape has 7 arguments (exceeds 4 allowed). Consider refactoring.

Open

        function getShadowShape( index, corner, xOff, yOff, color, blur, path ) {

Avoid deeply nested control flow statements.

Open

                    while( (token = tokenizer.next()) ) {
                        tokType = token.tokenType;
                        tokVal = token.tokenValue;

                        // If we reached the end of the function and had at least 2 stops, flush the info

Avoid deeply nested control flow statements.

Open

                        if( el.tagName === 'IMG' ) {
                            childRenderers.push( new PIE.ImgRenderer( el, boundsInfo, styleInfos, rootRenderer ) );
                        }

Avoid deeply nested control flow statements.

Open

                else if( ( type & Type.URL ) && !p.src ) {
                    p.src =  value;
                }

                // Found something unrecognized; exit.

Avoid deeply nested control flow statements.

Open

                    else if( tokens[1].isLengthOrPercent() ) {
                        vals[3] = PIE.getLength( tokens[1].tokenValue );
                    }

Avoid deeply nested control flow statements.

Open

                    if( (token = tokenizer.next()) ) {
                        if( ( token.tokenType & IDENT ) && this.repeatIdents[token.tokenValue] ) {
                            p.repeat.v = token.tokenValue;
                        } else {
                            tokenizer.prev();

Avoid deeply nested control flow statements.

Open

                        if( !renderer.isPositioned ) {
                            renderer.updatePos();
                        }

Avoid deeply nested control flow statements.

Open

                    for( j = 4; j--; ) {
                        corner = corners[j];
                        isBottom = corner.charAt( 0 ) === 'b';
                        isRight = corner.charAt( 1 ) === 'r';
                        shape = getShadowShape( i, corner, xOff, yOff, color, blur, path );

Avoid deeply nested control flow statements.

Open

                        for( i = 0; i < len; i++ ) {
                            renderers[i].updatePos();
                        }

Avoid deeply nested control flow statements.

Open

                            if( image && image !== 'none' ) {
                                sizeParts = sizes[i].split( ' ' );
                                props.bgImages.push( {
                                    origString: image + ' ' + repeats[ i ] + ' ' + positions[ i ] + ' / ' + sizes[ i ] + ' ' +
                                                origins[ i ] + ' ' + clips[ i ],

Avoid deeply nested control flow statements.

Open

                        if( tokens[1].tokenValue === 'center' ) {
                            vals[3] = length_fifty;
                        } else {
                            vals[2] = tokens[1].tokenValue;
                        }

Avoid deeply nested control flow statements.

Open

                    if (img.imgType === 'linear-gradient' ) {
                        bgAreaSize = me.getBgAreaSize( img.bgOrigin );
                        bgSize = ( img.bgSize || PIE.BgSize.DEFAULT ).pixels(
                            me.targetElement, bgAreaSize.w, bgAreaSize.h, bgAreaSize.w, bgAreaSize.h
                        ),

Avoid deeply nested control flow statements.

Open

                    else if( tokens[0].isLengthOrPercent() ) {
                        vals[1] = PIE.getLength( tokens[0].tokenValue );
                    }

Avoid deeply nested control flow statements.

Open

                while( (child = el.firstChild) ) {
                    cont.appendChild( child );
                }

Avoid deeply nested control flow statements.

Open

                        if( renderer.needsUpdate() ) {
                            renderer.updateProps();
                        }

Avoid deeply nested control flow statements.

Open

                        for( i = 0; i < len; i++ ) {
                            renderers[i].updateSize();
                        }

Avoid deeply nested control flow statements.

Open

                        if( tokens[0].tokenValue === 'center' ) {
                            vals[1] = length_fifty;
                        } else {
                            vals[0] = tokens[0].tokenValue;
                        }

Avoid deeply nested control flow statements.

Open

                else if( !image.imgType && tokType & tok_type.URL ) {
                    image.imgUrl = tokVal;
                    image.imgType = 'image';
                }
                else if( isBgPosToken( token ) && !image.bgPosition ) {

Avoid deeply nested control flow statements.

Open

                    if( token.tokenType & PIE.Tokenizer.Type.OPERATOR && token.tokenValue === '/' ) {
                        y = collectLengths();
                    }

Avoid deeply nested control flow statements.

Open

                        if( styles[ side ] === 'dashed' || styles[ side ] === 'dotted' ) {
                            segments.push( {
                                path: curve( cornerBefore, beforeX, beforeY, baseAngle + 45, 0, 1 ) +
                                      curve( cornerBefore, 0, 0, baseAngle, 1, 0 ),
                                fill: colors[ side ]

Avoid deeply nested control flow statements.

Open

                        if( ( val.charAt(0) === 'r' ? isNumOrPct( next() ) : isNum( next() ) ) &&
                            isValue( next(), ',' ) &&
                            isNumOrPct( next() ) &&
                            isValue( next(), ',' ) &&
                            isNumOrPct( next() ) &&

Consider simplifying this complex logical expression.

Open

            if( borderProps.widthsSame && borderProps.stylesSame && borderProps.colorsSame ) {
                if( colors.t.alpha() > 0 ) {
                    // shortcut for identical border on all sides - only need 1 stroked shape
                    wT = widths.t.pixels( el ); //thickness
                    wR = wT / 2; //shrink

Function setSizeAndPos has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

            function setSizeAndPos( piece, w, h, x, y ) {

Function perpendicularIntersect has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

    perpendicularIntersect: function( x1, y1, angle, x2, y2 ) {

Function pixels has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

        pixels: function( el, areaW, areaH, imgW, imgH ) {

Avoid too many return statements within this function.

Open

            return newToken( Type.CHARACTER, firstChar );

Avoid too many return statements within this function.

Open

                        return newToken( Type.URL, match[2] || match[3] || match[4] || '' );

Avoid too many return statements within this function.

Open

                        return failure();

Avoid too many return statements within this function.

Open

                    return newToken( Type.PERCENT, val + '%' );

Avoid too many return statements within this function.

Open

                    return newToken( Type.FUNCTION, val );

Avoid too many return statements within this function.

Open

                            return newToken( Type.COLOR, this.css.substring( ch, this.ch ) );

Avoid too many return statements within this function.

Open

                return newToken( Type.NUMBER, val );

Avoid too many return statements within this function.

Open

                    return newToken( Type.OPERATOR, firstChar );

Avoid too many return statements within this function.

Open

                    return newToken( this.unitTypes[ match[0].toLowerCase() ] || Type.DIMEN, val );

Avoid too many return statements within this function.

Open

                    return newToken( Type.COLOR, val );

Avoid too many return statements within this function.

Open

                return newToken( Type.IDENT, val );

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    if( tokens[0].tokenType & type_ident ) {
                        if( tokens[0].tokenValue === 'center' ) {
                            vals[1] = length_fifty;
                        } else {
                            vals[0] = tokens[0].tokenValue;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    if( tokens[1].tokenType & type_ident ) {
                        if( tokens[1].tokenValue === 'center' ) {
                            vals[3] = length_fifty;
                        } else {
                            vals[2] = tokens[1].tokenValue;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        for( i = 0; i < stopCount; i++ ) {
            stopPx.push( stopsInfo[i].offset ? stopsInfo[i].offset.pixels( el, lineLength ) :
                         i === 0 ? 0 : i === stopCount - 1 ? lineLength : null );
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        for( i = 0; i < stopCount; i++ ) {
            stopPx.push( stops[i].offset ? stops[i].offset.pixels( el, lineLength ) :
                         i === 0 ? 0 : i === stopCount - 1 ? lineLength : null );
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    function delayAddClass( el, className /*, className2*/ ) {
        var classes = dummyArray.slice.call( arguments, 1 ),
            i = classes.length;
        setTimeout( function() {
            if( el ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    function delayRemoveClass( el, className /*, className2*/ ) {
        var classes = dummyArray.slice.call( arguments, 1 ),
            i = classes.length;
        setTimeout( function() {
            if( el ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if( stopPx[ i ] === null ) {
                before = stopPx[ i - 1 ];
                j = i;
                do {
                    after = stopPx[ ++j ];

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if( stopPx[ i ] === null ) {
                before = stopPx[ i - 1 ];
                j = i;
                do {
                    after = stopPx[ ++j ];

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    positionChanged: function() {
        var last = this._lastBounds,
            bounds;
        return !last || ( ( bounds = this.getBounds() ) && ( last.x !== bounds.x || last.y !== bounds.y ) );
    },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    sizeChanged: function() {
        var last = this._lastBounds,
            bounds;
        return !last || ( ( bounds = this.getBounds() ) && ( last.w !== bounds.w || last.h !== bounds.h ) );
    },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if( widths && widths[0] ) {
                p.widths = distributeSides( widths, function( tok ) {
                    return tok.isLengthOrPercent() ? PIE.getLength( tok.tokenValue ) : tok.tokenValue;
                } );
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if( outsets && outsets[0] ) {
                p.outset = distributeSides( outsets, function( tok ) {
                    return tok.isLength() ? PIE.getLength( tok.tokenValue ) : tok.tokenValue;
                } );
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if (repeatH === ROUND) {
                tileSizeT -= (tileSizeT - (centerW % tileSizeT || tileSizeT)) / ceil(centerW / tileSizeT);
                tileSizeB -= (tileSizeB - (centerW % tileSizeB || tileSizeB)) / ceil(centerW / tileSizeB);
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if (repeatV === ROUND) {
                tileSizeR -= (tileSizeR - (middleH % tileSizeR || tileSizeR)) / ceil(middleH / tileSizeR);
                tileSizeL -= (tileSizeL - (middleH % tileSizeL || tileSizeL)) / ceil(middleH / tileSizeL);
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    var Type = Tokenizer.Type = {
        ANGLE: 1,
        CHARACTER: 2,
        COLOR: 4,
        DIMEN: 8,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    isActive: function() {
        var si = this.styleInfos;
        return si.borderRadiusInfo.isActive() || si.backgroundInfo.isPngFix();
    },

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    isActive: function() {
        var si = this.styleInfos;
        return si.backgroundInfo.isActive() || si.borderImageInfo.isActive();
    },

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    needsUpdate: function() {
        var si = this.styleInfos;
        return si.backgroundInfo.changed() || si.borderRadiusInfo.changed();
    },

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    needsUpdate: function() {
        var si = this.styleInfos;
        return si.boxShadowInfo.changed() || si.borderRadiusInfo.changed();
    },

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    needsUpdate: function() {
        var si = this.styleInfos;
        return si.borderInfo.changed() || si.borderRadiusInfo.changed();
    },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    if( repeat === 'repeat-x' || repeat === 'no-repeat' ) {
                        clipT = pxY + 1;
                        clipB = pxY + size.h + clipAdjust;
                    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    if( repeat === 'repeat-y' || repeat === 'no-repeat' ) {
                        clipL = pxX + 1;
                        clipR = pxX + size.w + clipAdjust;
                    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            for( var i = 0, len = elements.length; i < len; i++ ) {
                PIE.attach( elements[i] );
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            else if ( w === COVER ) {
                w = imgRatio < areaRatio ? areaW : areaH * imgRatio;
                h = imgRatio < areaRatio ? areaW / imgRatio : areaH;
            }
            else if ( w === AUTO ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if ( w === CONTAIN ) {
                w = imgRatio > areaRatio ? areaW : areaH * imgRatio;
                h = imgRatio > areaRatio ? areaW / imgRatio : areaH;
            }
            else if ( w === COVER ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    updateSize: function() {
        if( this.isActive() ) {
            this.draw();
        } else {
            this.destroy();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    updateProps: function() {
        if( this.isActive() ) {
            this.updateVisibility();
        } else {
            this.destroy();

• Read up
  Read up