Lua Revision-History

/**
* Attempt to re-color SVG icons used in the admin menu or the toolbar
*
*/

window.wp = window.wp || {};

wp.svgPainter = ( function( $, window, document, undefined ) {
‘use strict’;
var selector, base64, painter,
colorscheme = {},
elements = [];

$(document).ready( function() {
// detection for browser SVG capability
if ( document.implementation.hasFeature( ‘http://www.w3.org/TR/SVG11/feature#Image’, ‘1.1’ ) ) {
$( document.body ).removeClass( ‘no-svg’ ).addClass( ‘svg’ );
wp.svgPainter.init();
}
});

/**
* Needed only for IE9
*
* Based on jquery.base64.js 0.0.3
*
*
* Copyright (c) 2012 Micheal Jones (http://plainwareblog.com)
* Licensed under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/
base64 = ( function() {
var c,
b64 = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/’,
a256 = ”,
r64 = [256],
r256 = [256],
i = 0;

function init() {
while( i < 256 ) {
c = String.fromCharCode(i);
a256 += c;
r256[i] = i;
r64[i] = b64.indexOf(c);
++i;
}
}

function code( s, discard, alpha, beta, w1, w2 ) {
    var tmp, length,
        buffer = 0,
        i = 0,
        result = '',
        bitsInBuffer = 0;

    s = String(s);
    length = s.length;

    while( i &lt; length ) {
        c = s.charCodeAt(i);
        c = c &lt; 256 ? alpha[c] : -1;

        buffer = ( buffer &lt;&lt; w1 ) + c;
        bitsInBuffer += w1;

        while( bitsInBuffer &gt;= w2 ) {

bitsInBuffer -= w2;
tmp = buffer >> bitsInBuffer;
result += beta.charAt(tmp);
buffer ^= tmp << bitsInBuffer;
}
++i;
}

    if ( ! discard &amp;&amp; bitsInBuffer &gt; 0 ) {

result += beta.charAt( buffer << ( w2 – bitsInBuffer ) );
}

    return result;
}

function btoa( plain ) {
    if ( ! c ) {
        init();
    }

    plain = code( plain, false, r256, b64, 8, 6 );
    return plain + '===='.slice( ( plain.length % 4 ) || 4 );
}

function atob( coded ) {
    var i;

    if ( ! c ) {
        init();
    }

    coded = coded.replace( /[^A-Za-z0-9\+\/\=]/g, '' );
    coded = String(coded).split('=');
    i = coded.length;

    do {
        --i;
        coded[i] = code( coded[i], true, r64, a256, 6, 8 );
    } while ( i &gt; 0 );

coded = coded.join(”);
return coded;
}

return {
atob: atob,
btoa: btoa
};
})();

return {
init: function() {
painter = this;
selector = $( ‘#adminmenu .wp-menu-image, #wpadminbar .ab-item’ );

this.setColors();
this.findElements();
this.paint();
},

setColors: function( colors ) {
if ( typeof colors === ‘undefined’ && typeof window._wpColorScheme !== ‘undefined’ ) {
colors = window._wpColorScheme;
}

if ( colors && colors.icons && colors.icons.base && colors.icons.current && colors.icons.focus ) {
colorscheme = colors.icons;
}
},

findElements: function() {
selector.each( function() {
var $this = $(this), bgImage = $this.css( ‘background-image’ );

if ( bgImage && bgImage.indexOf( ‘data:image/svg+xml;base64’ ) != -1 ) {
elements.push( $this );
}
});
},

paint: function() {
// loop through all elements
$.each( elements, function( index, $element ) {
var $menuitem = $element.parent().parent();

if ( $menuitem.hasClass( ‘current’ ) || $menuitem.hasClass( ‘wp-has-current-submenu’ ) ) {
// paint icon in ‘current’ color
painter.paintElement( $element, ‘current’ );
} else {
// paint icon in base color
painter.paintElement( $element, ‘base’ );

// set hover callbacks
$menuitem.hover(
function() {
painter.paintElement( $element, ‘focus’ );
},
function() {
// Match the delay from hoverIntent
window.setTimeout( function() {
painter.paintElement( $element, ‘base’ );
}, 100 );
}
);
}
});
},

paintElement: function( $element, colorType ) {
var xml, encoded, color;

if ( ! colorType || ! colorscheme.hasOwnProperty( colorType ) ) {
return;
}

color = colorscheme[ colorType ];

// only accept hex colors: #101 or #101010
if ( ! color.match( /^(#[0-9a-f]{3}|#[0-9a-f]{6})$/i ) ) {
return;
}

xml = $element.data( ‘wp-ui-svg-‘ + color );

if ( xml === ‘none’ ) {
return;
}

if ( ! xml ) {
encoded = $element.css( ‘background-image’ ).match( /.+data:image\/svg+xml;base64,([A-Za-z0-9+\/\=]+)/ );

if ( ! encoded || ! encoded[1] ) {
$element.data( ‘wp-ui-svg-‘ + color, ‘none’ );
return;
}

try {
if ( ‘atob’ in window ) {
xml = window.atob( encoded[1] );
} else {
xml = base64.atob( encoded[1] );
}
} catch ( error ) {}

if ( xml ) {
// replace fill attributes
xml = xml.replace( /fill=”(.+?)”/g, ‘fill=”‘ + color + ‘”‘);

// replace style attributes
xml = xml.replace( /style=”(.+?)”/g, ‘style=”fill:’ + color + ‘”‘);

// replace fill properties in `